@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
@@ -0,0 +1,2 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `*,: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)}`;
@@ -0,0 +1,13 @@
1
+ import { StoryObj } from '@storybook/react';
2
+ import { Alert } from './react';
3
+ declare const _default: {
4
+ title: string;
5
+ component: import("@lit/react").ReactWebComponent<import(".").WarpAlert, {}>;
6
+ };
7
+ export default _default;
8
+ export type Story = StoryObj<typeof Alert>;
9
+ export declare const Info: Story;
10
+ export declare const Warning: Story;
11
+ export declare const Negative: Story;
12
+ export declare const Positive: Story;
13
+ export declare const WithDescription: Story;
@@ -0,0 +1,44 @@
1
+ import React from 'react';
2
+ import { Alert } from './react';
3
+ export default {
4
+ title: 'Feedback/Alert',
5
+ component: Alert,
6
+ };
7
+ export const Info = {
8
+ args: {
9
+ variant: 'info',
10
+ show: true,
11
+ role: 'alert',
12
+ },
13
+ };
14
+ export const Warning = {
15
+ args: {
16
+ variant: 'warning',
17
+ show: true,
18
+ role: 'alert',
19
+ },
20
+ };
21
+ export const Negative = {
22
+ args: {
23
+ variant: 'negative',
24
+ show: true,
25
+ role: 'alert',
26
+ },
27
+ };
28
+ export const Positive = {
29
+ args: {
30
+ variant: 'positive',
31
+ show: true,
32
+ role: 'alert',
33
+ },
34
+ };
35
+ export const WithDescription = {
36
+ args: {
37
+ variant: 'info',
38
+ show: true,
39
+ role: 'alert',
40
+ children: (React.createElement(React.Fragment, null,
41
+ React.createElement("h3", null, "Alert Title"),
42
+ React.createElement("p", null, "This is a more detailed alert message with additional description."))),
43
+ },
44
+ };
@@ -0,0 +1,68 @@
1
+ import { spread } from '@open-wc/lit-helpers';
2
+ import { getStorybookHelpers } from '@wc-toolkit/storybook-helpers';
3
+ import { html } from 'lit';
4
+ import { prespread } from '../../.storybook/utilities.js';
5
+ import '../utils/expand-transition.js';
6
+ import './index.js';
7
+ const { events, args, argTypes } = getStorybookHelpers('w-alert');
8
+ const meta = {
9
+ title: 'Feedback/Alert',
10
+ render(args) {
11
+ return html `
12
+ <w-alert ${spread(prespread(args))}>
13
+ <p>This is an alert message</p>
14
+ </w-alert>
15
+ `;
16
+ },
17
+ args,
18
+ argTypes,
19
+ parameters: {
20
+ actions: {
21
+ handles: events,
22
+ },
23
+ },
24
+ };
25
+ export default meta;
26
+ export const Info = {
27
+ args: {
28
+ variant: 'info',
29
+ show: true,
30
+ role: 'alert',
31
+ },
32
+ };
33
+ export const Warning = {
34
+ args: {
35
+ variant: 'warning',
36
+ show: true,
37
+ role: 'alert',
38
+ },
39
+ };
40
+ export const Negative = {
41
+ args: {
42
+ variant: 'negative',
43
+ show: true,
44
+ role: 'alert',
45
+ },
46
+ };
47
+ export const Positive = {
48
+ args: {
49
+ variant: 'positive',
50
+ show: true,
51
+ role: 'alert',
52
+ },
53
+ };
54
+ export const WithDescription = {
55
+ args: {
56
+ variant: 'info',
57
+ show: true,
58
+ role: 'alert',
59
+ },
60
+ render(args) {
61
+ return html `
62
+ <w-alert ${spread(prespread(args))}>
63
+ <h3>Alert Title</h3>
64
+ <p>This is a more detailed alert message with additional description.</p>
65
+ </w-alert>
66
+ `;
67
+ },
68
+ };
@@ -0,0 +1,18 @@
1
+ import { html } from 'lit';
2
+ import { expect, test } from 'vitest';
3
+ import { render } from 'vitest-browser-lit';
4
+ import './index.js';
5
+ test('renders an info', async () => {
6
+ const page = render(html `<w-alert variant="info" show data-testid="infoMessage">This is information</w-alert>`);
7
+ // Verify the icon correct icon is rendered
8
+ await expect
9
+ .poll(() => page.getByTestId('infoMessage').element().shadowRoot.querySelector('w-icon-info-16'))
10
+ .toBeVisible();
11
+ await expect.element(page.getByTestId('infoMessage')).toBeVisible();
12
+ await expect.element(page.getByText('This is information')).toBeVisible();
13
+ });
14
+ test('does not render when "show" is not set / or not true', async () => {
15
+ const component = html `<w-alert variant="warning" data-testid="warningMessage">This is a warning</w-alert>`;
16
+ const page = render(component);
17
+ await expect.element(page.container.querySelector('w-alert')).not.toHaveAttribute('show');
18
+ });
@@ -23,12 +23,7 @@ declare class WarpAlert extends LitElement {
23
23
  get _iconClasses(): string;
24
24
  static styles: import("lit").CSSResult[];
25
25
  /** @internal */
26
- get _icon(): "" | import("lit").TemplateResult<1>;
26
+ get _icon(): import("lit").TemplateResult<1> | "";
27
27
  render(): import("lit").TemplateResult<1>;
28
28
  }
29
29
  export { WarpAlert };
30
- declare global {
31
- interface HTMLElementTagNameMap {
32
- 'w-alert': WarpAlert;
33
- }
34
- }
@@ -1,5 +1,5 @@
1
- var we=Object.create;var I=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var xe=Object.getOwnPropertyNames;var ke=Object.getPrototypeOf,ye=Object.prototype.hasOwnProperty;var X=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var _e=(r,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of xe(e))!ye.call(r,a)&&a!==o&&I(r,a,{get:()=>e[a],enumerable:!(t=U(e,a))||t.enumerable});return r};var ze=(r,e,o)=>(o=r!=null?we(ke(r)):{},_e(e||!r||!r.__esModule?I(o,"default",{value:r,enumerable:!0}):o,r));var E=(r,e,o,t)=>{for(var a=t>1?void 0:t?U(e,o):e,n=r.length-1,i;n>=0;n--)(i=r[n])&&(a=(t?i(e,o,a):i(a))||a);return t&&a&&I(e,o,a),a};var Z=X(m=>{"use strict";Object.defineProperty(m,"__esModule",{value:!0});m.errorMessages=m.ErrorType=void 0;var w;(function(r){r.MalformedUnicode="MALFORMED_UNICODE",r.MalformedHexadecimal="MALFORMED_HEXADECIMAL",r.CodePointLimit="CODE_POINT_LIMIT",r.OctalDeprecation="OCTAL_DEPRECATION",r.EndOfString="END_OF_STRING"})(w=m.ErrorType||(m.ErrorType={}));m.errorMessages=new Map([[w.MalformedUnicode,"malformed Unicode character escape sequence"],[w.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[w.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[w.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[w.EndOfString,"malformed escape sequence at end of string"]])});var K=X(u=>{"use strict";Object.defineProperty(u,"__esModule",{value:!0});u.unraw=u.errorMessages=u.ErrorType=void 0;var d=Z();Object.defineProperty(u,"ErrorType",{enumerable:!0,get:function(){return d.ErrorType}});Object.defineProperty(u,"errorMessages",{enumerable:!0,get:function(){return d.errorMessages}});function Ee(r){return!r.match(/[^a-f0-9]/i)?parseInt(r,16):NaN}function L(r,e,o){let t=Ee(r);if(Number.isNaN(t)||o!==void 0&&o!==r.length)throw new SyntaxError(d.errorMessages.get(e));return t}function Ce(r){let e=L(r,d.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function V(r,e){let o=L(r,d.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=L(e,d.ErrorType.MalformedUnicode,4);return String.fromCharCode(o,t)}return String.fromCharCode(o)}function Le(r){return r.charAt(0)==="{"&&r.charAt(r.length-1)==="}"}function Oe(r){if(!Le(r))throw new SyntaxError(d.errorMessages.get(d.ErrorType.MalformedUnicode));let e=r.slice(1,-1),o=L(e,d.ErrorType.MalformedUnicode);try{return String.fromCodePoint(o)}catch(t){throw t instanceof RangeError?new SyntaxError(d.errorMessages.get(d.ErrorType.CodePointLimit)):t}}function Me(r,e=!1){if(e)throw new SyntaxError(d.errorMessages.get(d.ErrorType.OctalDeprecation));let o=parseInt(r,8);return String.fromCharCode(o)}var Ne=new Map([["b","\b"],["f","\f"],["n",`
2
- `],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function Se(r){return Ne.get(r)||r}var Ie=/\\(?:(\\)|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 q(r,e=!1){return r.replace(Ie,function(o,t,a,n,i,s,l,b,g){if(t!==void 0)return"\\";if(a!==void 0)return Ce(a);if(n!==void 0)return Oe(n);if(i!==void 0)return V(i,s);if(l!==void 0)return V(l);if(b==="0")return"\0";if(b!==void 0)return Me(b,!e);if(g!==void 0)return Se(g);throw new SyntaxError(d.errorMessages.get(d.ErrorType.EndOfString))})}u.unraw=q;u.default=q});import{css as Hr,html as x,LitElement as Rr}from"lit";var C=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return r.reduce(function(o,t){return o.concat(typeof t=="string"?t:Array.isArray(t)?C.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};import{property as J}from"lit/decorators.js";import{LitElement as Re}from"lit";import{unsafeStatic as Ue,html as Xe}from"lit/static-html.js";var W=ze(K(),1);var p=r=>typeof r=="string",je=r=>typeof r=="function",G=new Map,ee="en";function B(r){return[...Array.isArray(r)?r:[r],ee]}function Y(r,e,o){let t=B(r);o||(o="default");let a;if(typeof o=="string")switch(a={day:"numeric",month:"short",year:"numeric"},o){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=o;return O(()=>M("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format(p(e)?new Date(e):e)}function Te(r,e,o){let t;if(o||(o="default"),typeof o=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},o){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=o;return Y(r,e,t)}function j(r,e,o){let t=B(r);return O(()=>M("number",t,o),()=>new Intl.NumberFormat(t,o)).format(e)}function Q(r,e,o,{offset:t=0,...a}){var s,l;let n=B(r),i=e?O(()=>M("plural-ordinal",n),()=>new Intl.PluralRules(n,{type:"ordinal"})):O(()=>M("plural-cardinal",n),()=>new Intl.PluralRules(n,{type:"cardinal"}));return(l=(s=a[o])!=null?s:a[i.select(o-t)])!=null?l:a.other}function O(r,e){let o=r(),t=G.get(o);return t||(t=e(),G.set(o,t)),t}function M(r,e,o){let t=e.join("-");return`${r}-${t}-${JSON.stringify(o)}`}var re=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,oe="%__lingui_octothorpe__%",De=(r,e,o={})=>{let t=e||r,a=i=>typeof i=="object"?i:o[i],n=(i,s)=>{let l=Object.keys(o).length?a("number"):void 0,b=j(t,i,l);return s.replace(new RegExp(oe,"g"),b)};return{plural:(i,s)=>{let{offset:l=0}=s,b=Q(t,!1,i,s);return n(i-l,b)},selectordinal:(i,s)=>{let{offset:l=0}=s,b=Q(t,!0,i,s);return n(i-l,b)},select:Be,number:(i,s)=>j(t,i,a(s)||{style:s}),date:(i,s)=>Y(t,i,a(s)||s),time:(i,s)=>Te(t,i,a(s)||s)}},Be=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function Ye(r,e,o){return(t={},a)=>{let n=De(e,o,a),i=(l,b=!1)=>Array.isArray(l)?l.reduce((g,_)=>{if(_==="#"&&b)return g+oe;if(p(_))return g+_;let[H,v,R]=_,N={};v==="plural"||v==="selectordinal"||v==="select"?Object.entries(R).forEach(([S,fe])=>{N[S]=i(fe,v==="plural"||v==="selectordinal")}):N=R;let z;if(v){let S=n[v];z=S(t[H],N)}else z=t[H];return z==null?g:g+z},""):l,s=i(r);return p(s)&&re.test(s)?(0,W.unraw)(s):p(s)?s:s?String(s):""}}var Ae=Object.defineProperty,Pe=(r,e,o)=>e in r?Ae(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,$e=(r,e,o)=>(Pe(r,typeof e!="symbol"?e+"":e,o),o),T=class{constructor(){$e(this,"_events",{})}on(e,o){var a;var t;return(a=(t=this._events)[e])!=null||(t[e]=[]),this._events[e].push(o),()=>this.removeListener(e,o)}removeListener(e,o){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(o);~a&&t.splice(a,1)}emit(e,...o){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,o))}_getListeners(e){let o=this._events[e];return Array.isArray(o)?o:!1}},Fe=Object.defineProperty,Je=(r,e,o)=>e in r?Fe(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,h=(r,e,o)=>(Je(r,typeof e!="symbol"?e+"":e,o),o),D=class extends T{constructor(e){var o;super(),h(this,"_locale",""),h(this,"_locales"),h(this,"_localeData",{}),h(this,"_messages",{}),h(this,"_missing"),h(this,"_messageCompiler"),h(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((o=e.locale)!=null?o:ee,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,o){let t=this._localeData[e];t?Object.assign(t,o):this._localeData[e]=o}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,o){typeof e=="string"?this._loadLocaleData(e,o):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,o){let t=this._messages[e];t?Object.assign(t,o):this._messages[e]=o}load(e,o){typeof e=="string"&&typeof o=="object"?this._load(e,o):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:o,messages:t}){this._locale=e,this._locales=o||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,o){this._locale=e,this._locales=o,this.emit("change")}_(e,o,t){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 a=t==null?void 0:t.message;e||(e=""),p(e)||(o=e.values||o,a=e.message,e=e.id);let n=this.messages[e],i=n===void 0,s=this._missing;if(s&&i)return je(s)?s(this._locale,e):s;i&&this.emit("missing",{id:e,locale:this._locale});let l=n||a||e;return p(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
1
+ var we=Object.create;var I=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var xe=Object.getOwnPropertyNames;var ke=Object.getPrototypeOf,ye=Object.prototype.hasOwnProperty;var X=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var _e=(r,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of xe(e))!ye.call(r,a)&&a!==o&&I(r,a,{get:()=>e[a],enumerable:!(t=U(e,a))||t.enumerable});return r};var ze=(r,e,o)=>(o=r!=null?we(ke(r)):{},_e(e||!r||!r.__esModule?I(o,"default",{value:r,enumerable:!0}):o,r));var E=(r,e,o,t)=>{for(var a=t>1?void 0:t?U(e,o):e,n=r.length-1,i;n>=0;n--)(i=r[n])&&(a=(t?i(e,o,a):i(a))||a);return t&&a&&I(e,o,a),a};var Z=X(m=>{"use strict";Object.defineProperty(m,"__esModule",{value:!0});m.errorMessages=m.ErrorType=void 0;var w;(function(r){r.MalformedUnicode="MALFORMED_UNICODE",r.MalformedHexadecimal="MALFORMED_HEXADECIMAL",r.CodePointLimit="CODE_POINT_LIMIT",r.OctalDeprecation="OCTAL_DEPRECATION",r.EndOfString="END_OF_STRING"})(w=m.ErrorType||(m.ErrorType={}));m.errorMessages=new Map([[w.MalformedUnicode,"malformed Unicode character escape sequence"],[w.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[w.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[w.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[w.EndOfString,"malformed escape sequence at end of string"]])});var K=X(u=>{"use strict";Object.defineProperty(u,"__esModule",{value:!0});u.unraw=u.errorMessages=u.ErrorType=void 0;var d=Z();Object.defineProperty(u,"ErrorType",{enumerable:!0,get:function(){return d.ErrorType}});Object.defineProperty(u,"errorMessages",{enumerable:!0,get:function(){return d.errorMessages}});function Ee(r){return!r.match(/[^a-f0-9]/i)?parseInt(r,16):NaN}function O(r,e,o){let t=Ee(r);if(Number.isNaN(t)||o!==void 0&&o!==r.length)throw new SyntaxError(d.errorMessages.get(e));return t}function Ce(r){let e=O(r,d.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function V(r,e){let o=O(r,d.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=O(e,d.ErrorType.MalformedUnicode,4);return String.fromCharCode(o,t)}return String.fromCharCode(o)}function Oe(r){return r.charAt(0)==="{"&&r.charAt(r.length-1)==="}"}function Le(r){if(!Oe(r))throw new SyntaxError(d.errorMessages.get(d.ErrorType.MalformedUnicode));let e=r.slice(1,-1),o=O(e,d.ErrorType.MalformedUnicode);try{return String.fromCodePoint(o)}catch(t){throw t instanceof RangeError?new SyntaxError(d.errorMessages.get(d.ErrorType.CodePointLimit)):t}}function Me(r,e=!1){if(e)throw new SyntaxError(d.errorMessages.get(d.ErrorType.OctalDeprecation));let o=parseInt(r,8);return String.fromCharCode(o)}var Ne=new Map([["b","\b"],["f","\f"],["n",`
2
+ `],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function Se(r){return Ne.get(r)||r}var Ie=/\\(?:(\\)|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 q(r,e=!1){return r.replace(Ie,function(o,t,a,n,i,s,l,b,g){if(t!==void 0)return"\\";if(a!==void 0)return Ce(a);if(n!==void 0)return Le(n);if(i!==void 0)return V(i,s);if(l!==void 0)return V(l);if(b==="0")return"\0";if(b!==void 0)return Me(b,!e);if(g!==void 0)return Se(g);throw new SyntaxError(d.errorMessages.get(d.ErrorType.EndOfString))})}u.unraw=q;u.default=q});var C=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return r.reduce(function(o,t){return o.concat(typeof t=="string"?t:Array.isArray(t)?C.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};import{css as Hr,html as x,LitElement as Rr}from"lit";import{property as J}from"lit/decorators.js";import{LitElement as Re}from"lit";import{unsafeStatic as Ue,html as Xe}from"lit/static-html.js";var W=ze(K(),1);var p=r=>typeof r=="string",je=r=>typeof r=="function",G=new Map,ee="en";function B(r){return[...Array.isArray(r)?r:[r],ee]}function Y(r,e,o){let t=B(r);o||(o="default");let a;if(typeof o=="string")switch(a={day:"numeric",month:"short",year:"numeric"},o){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=o;return L(()=>M("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format(p(e)?new Date(e):e)}function Te(r,e,o){let t;if(o||(o="default"),typeof o=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},o){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=o;return Y(r,e,t)}function j(r,e,o){let t=B(r);return L(()=>M("number",t,o),()=>new Intl.NumberFormat(t,o)).format(e)}function Q(r,e,o,{offset:t=0,...a}){var s,l;let n=B(r),i=e?L(()=>M("plural-ordinal",n),()=>new Intl.PluralRules(n,{type:"ordinal"})):L(()=>M("plural-cardinal",n),()=>new Intl.PluralRules(n,{type:"cardinal"}));return(l=(s=a[o])!=null?s:a[i.select(o-t)])!=null?l:a.other}function L(r,e){let o=r(),t=G.get(o);return t||(t=e(),G.set(o,t)),t}function M(r,e,o){let t=e.join("-");return`${r}-${t}-${JSON.stringify(o)}`}var re=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,oe="%__lingui_octothorpe__%",De=(r,e,o={})=>{let t=e||r,a=i=>typeof i=="object"?i:o[i],n=(i,s)=>{let l=Object.keys(o).length?a("number"):void 0,b=j(t,i,l);return s.replace(new RegExp(oe,"g"),b)};return{plural:(i,s)=>{let{offset:l=0}=s,b=Q(t,!1,i,s);return n(i-l,b)},selectordinal:(i,s)=>{let{offset:l=0}=s,b=Q(t,!0,i,s);return n(i-l,b)},select:Be,number:(i,s)=>j(t,i,a(s)||{style:s}),date:(i,s)=>Y(t,i,a(s)||s),time:(i,s)=>Te(t,i,a(s)||s)}},Be=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function Ye(r,e,o){return(t={},a)=>{let n=De(e,o,a),i=(l,b=!1)=>Array.isArray(l)?l.reduce((g,_)=>{if(_==="#"&&b)return g+oe;if(p(_))return g+_;let[H,v,R]=_,N={};v==="plural"||v==="selectordinal"||v==="select"?Object.entries(R).forEach(([S,fe])=>{N[S]=i(fe,v==="plural"||v==="selectordinal")}):N=R;let z;if(v){let S=n[v];z=S(t[H],N)}else z=t[H];return z==null?g:g+z},""):l,s=i(r);return p(s)&&re.test(s)?(0,W.unraw)(s):p(s)?s:s?String(s):""}}var Ae=Object.defineProperty,Pe=(r,e,o)=>e in r?Ae(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,$e=(r,e,o)=>(Pe(r,typeof e!="symbol"?e+"":e,o),o),T=class{constructor(){$e(this,"_events",{})}on(e,o){var a;var t;return(a=(t=this._events)[e])!=null||(t[e]=[]),this._events[e].push(o),()=>this.removeListener(e,o)}removeListener(e,o){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(o);~a&&t.splice(a,1)}emit(e,...o){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,o))}_getListeners(e){let o=this._events[e];return Array.isArray(o)?o:!1}},Fe=Object.defineProperty,Je=(r,e,o)=>e in r?Fe(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,h=(r,e,o)=>(Je(r,typeof e!="symbol"?e+"":e,o),o),D=class extends T{constructor(e){var o;super(),h(this,"_locale",""),h(this,"_locales"),h(this,"_localeData",{}),h(this,"_messages",{}),h(this,"_missing"),h(this,"_messageCompiler"),h(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((o=e.locale)!=null?o:ee,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,o){let t=this._localeData[e];t?Object.assign(t,o):this._localeData[e]=o}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,o){typeof e=="string"?this._loadLocaleData(e,o):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,o){let t=this._messages[e];t?Object.assign(t,o):this._messages[e]=o}load(e,o){typeof e=="string"&&typeof o=="object"?this._load(e,o):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:o,messages:t}){this._locale=e,this._locales=o||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,o){this._locale=e,this._locales=o,this.emit("change")}_(e,o,t){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 a=t==null?void 0:t.message;e||(e=""),p(e)||(o=e.values||o,a=e.message,e=e.id);let n=this.messages[e],i=n===void 0,s=this._missing;if(s&&i)return je(s)?s(this._locale,e):s;i&&this.emit("missing",{id:e,locale:this._locale});let l=n||a||e;return p(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
3
3
 
4
4
  > ${l}
5
5
 
@@ -7,7 +7,7 @@ That means you use raw catalog or your catalog doesn't have a translation for th
7
7
  ICU features such as interpolation and plurals will not work properly for that message.
8
8
 
9
9
  Please compile your catalog first.
10
- `)),p(l)&&re.test(l)?JSON.parse(`"${l}"`):p(l)?l:Ye(l,this._locale,this._locales)(o,t==null?void 0:t.formats)}date(e,o){return Y(this._locales||this._locale,e,o)}number(e,o){return j(this._locales||this._locale,e,o)}};function He(r={}){return new D(r)}var c=He();var Ze=JSON.parse('{"icon.title.info":["Informasjonssirkel"]}'),Ve=JSON.parse('{"icon.title.info":["Information circle"]}'),qe=JSON.parse('{"icon.title.info":["Ympyr\xE4, jonka sis\xE4ll\xE4 on i-kirjain"]}'),Ke=JSON.parse('{"icon.title.info":["Informationscirkel"]}'),Ge=JSON.parse('{"icon.title.info":["Informationscirkel"]}'),te=["en","nb","fi","da","sv"],ae="en",Qe=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.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},ne=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":ae},A=r=>te.find(e=>r===e||r.toLowerCase().includes(e))||ne();function We(){var r;if(typeof window=="undefined"){let e=Qe();return A(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=ne();return te.includes(e)?A(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),A(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),ae}}var er=(r,e,o,t,a,n)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?n:e,rr=(r,e,o,t,a)=>{let n=We(),i=er(n,r,e,o,t,a);c.load(n,i),c.activate(n)};rr(Ve,Ze,qe,Ke,Ge);var or=class extends Re{render(){let r=c.t({message:"Information circle",id:"icon.title.info",comment:"Title for info icon"});return Xe`<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">${Ue(`<title>${r}</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",or);import{LitElement as tr}from"lit";import{unsafeStatic as ar,html as nr}from"lit/static-html.js";var ir=JSON.parse('{"icon.title.warning":["Varseltrekant med utropstegn"]}'),sr=JSON.parse('{"icon.title.warning":["Warning triangle with exclamation point"]}'),lr=JSON.parse('{"icon.title.warning":["Varoituskolmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),cr=JSON.parse('{"icon.title.warning":["Advarselstrekant med et udr\xE5bstegn"]}'),dr=JSON.parse('{"icon.title.warning":["Varningstriangel med utropstecken"]}'),ie=["en","nb","fi","da","sv"],se="en",br=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.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},le=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":se},P=r=>ie.find(e=>r===e||r.toLowerCase().includes(e))||le();function ur(){var r;if(typeof window=="undefined"){let e=br();return P(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=le();return ie.includes(e)?P(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),P(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),se}}var pr=(r,e,o,t,a,n)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?n:e,gr=(r,e,o,t,a)=>{let n=ur(),i=pr(n,r,e,o,t,a);c.load(n,i),c.activate(n)};gr(sr,ir,lr,cr,dr);var vr=class extends tr{render(){let r=c.t({message:"Warning triangle with exclamation point",id:"icon.title.warning",comment:"Title for warning icon"});return nr`<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">${ar(`<title>${r}</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",vr);import{LitElement as mr}from"lit";import{unsafeStatic as hr,html as fr}from"lit/static-html.js";var wr=JSON.parse('{"icon.title.error":["\xC5ttekant med utropstegn"]}'),xr=JSON.parse('{"icon.title.error":["Octagon with exclamation point"]}'),kr=JSON.parse('{"icon.title.error":["Kahdeksankulmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),yr=JSON.parse('{"icon.title.error":["Ottekant med et udr\xE5bstegn"]}'),_r=JSON.parse('{"icon.title.error":["Oktagon med utropstecken"]}'),ce=["en","nb","fi","da","sv"],de="en",zr=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.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},be=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":de},$=r=>ce.find(e=>r===e||r.toLowerCase().includes(e))||be();function Er(){var r;if(typeof window=="undefined"){let e=zr();return $(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=be();return ce.includes(e)?$(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),$(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),de}}var Cr=(r,e,o,t,a,n)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?n:e,Lr=(r,e,o,t,a)=>{let n=Er(),i=Cr(n,r,e,o,t,a);c.load(n,i),c.activate(n)};Lr(xr,wr,kr,yr,_r);var Or=class extends mr{render(){let r=c.t({message:"Octagon with exclamation point",id:"icon.title.error",comment:"Title for error icon"});return fr`<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">${hr(`<title>${r}</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",Or);import{LitElement as Mr}from"lit";import{unsafeStatic as Nr,html as Sr}from"lit/static-html.js";var Ir=JSON.parse('{"icon.title.success":["Sirkel med sjekkmerke"]}'),jr=JSON.parse('{"icon.title.success":["Circle with checkmark"]}'),Tr=JSON.parse('{"icon.title.success":["Ympyr\xE4, jonka sis\xE4ll\xE4 on valintamerkki"]}'),Dr=JSON.parse('{"icon.title.success":["Cirkel med et flueben"]}'),Br=JSON.parse('{"icon.title.success":["Cirkel med bock"]}'),ue=["en","nb","fi","da","sv"],pe="en",Yr=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.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},ge=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":pe},F=r=>ue.find(e=>r===e||r.toLowerCase().includes(e))||ge();function Ar(){var r;if(typeof window=="undefined"){let e=Yr();return F(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=ge();return ue.includes(e)?F(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),F(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),pe}}var Pr=(r,e,o,t,a,n)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?n:e,$r=(r,e,o,t,a)=>{let n=Ar(),i=Pr(n,r,e,o,t,a);c.load(n,i),c.activate(n)};$r(jr,Ir,Tr,Dr,Br);var Fr=class extends Mr{render(){let r=c.t({message:"Circle with checkmark",id:"icon.title.success",comment:"Title for success icon"});return Sr`<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">${Nr(`<title>${r}</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",Fr);import{css as ve}from"lit";var me=ve`
10
+ `)),p(l)&&re.test(l)?JSON.parse(`"${l}"`):p(l)?l:Ye(l,this._locale,this._locales)(o,t==null?void 0:t.formats)}date(e,o){return Y(this._locales||this._locale,e,o)}number(e,o){return j(this._locales||this._locale,e,o)}};function He(r={}){return new D(r)}var c=He();var Ze=JSON.parse('{"icon.title.info":["Informasjonssirkel"]}'),Ve=JSON.parse('{"icon.title.info":["Information circle"]}'),qe=JSON.parse('{"icon.title.info":["Ympyr\xE4, jonka sis\xE4ll\xE4 on i-kirjain"]}'),Ke=JSON.parse('{"icon.title.info":["Informationscirkel"]}'),Ge=JSON.parse('{"icon.title.info":["Informationscirkel"]}'),te=["en","nb","fi","da","sv"],ae="en",Qe=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.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},ne=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":ae},A=r=>te.find(e=>r===e||r.toLowerCase().includes(e))||ne();function We(){var r;if(typeof window=="undefined"){let e=Qe();return A(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=ne();return te.includes(e)?A(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),A(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),ae}}var er=(r,e,o,t,a,n)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?n:e,rr=(r,e,o,t,a)=>{let n=We(),i=er(n,r,e,o,t,a);c.load(n,i),c.activate(n)};rr(Ve,Ze,qe,Ke,Ge);var or=class extends Re{render(){let r=c.t({message:"Information circle",id:"icon.title.info",comment:"Title for info icon"});return Xe`<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">${Ue(`<title>${r}</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",or);import{LitElement as tr}from"lit";import{unsafeStatic as ar,html as nr}from"lit/static-html.js";var ir=JSON.parse('{"icon.title.warning":["Varseltrekant med utropstegn"]}'),sr=JSON.parse('{"icon.title.warning":["Warning triangle with exclamation point"]}'),lr=JSON.parse('{"icon.title.warning":["Varoituskolmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),cr=JSON.parse('{"icon.title.warning":["Advarselstrekant med et udr\xE5bstegn"]}'),dr=JSON.parse('{"icon.title.warning":["Varningstriangel med utropstecken"]}'),ie=["en","nb","fi","da","sv"],se="en",br=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.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},le=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":se},P=r=>ie.find(e=>r===e||r.toLowerCase().includes(e))||le();function ur(){var r;if(typeof window=="undefined"){let e=br();return P(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=le();return ie.includes(e)?P(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),P(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),se}}var pr=(r,e,o,t,a,n)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?n:e,gr=(r,e,o,t,a)=>{let n=ur(),i=pr(n,r,e,o,t,a);c.load(n,i),c.activate(n)};gr(sr,ir,lr,cr,dr);var vr=class extends tr{render(){let r=c.t({message:"Warning triangle with exclamation point",id:"icon.title.warning",comment:"Title for warning icon"});return nr`<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">${ar(`<title>${r}</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",vr);import{LitElement as mr}from"lit";import{unsafeStatic as hr,html as fr}from"lit/static-html.js";var wr=JSON.parse('{"icon.title.error":["\xC5ttekant med utropstegn"]}'),xr=JSON.parse('{"icon.title.error":["Octagon with exclamation point"]}'),kr=JSON.parse('{"icon.title.error":["Kahdeksankulmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),yr=JSON.parse('{"icon.title.error":["Ottekant med et udr\xE5bstegn"]}'),_r=JSON.parse('{"icon.title.error":["Oktagon med utropstecken"]}'),ce=["en","nb","fi","da","sv"],de="en",zr=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.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},be=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":de},$=r=>ce.find(e=>r===e||r.toLowerCase().includes(e))||be();function Er(){var r;if(typeof window=="undefined"){let e=zr();return $(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=be();return ce.includes(e)?$(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),$(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),de}}var Cr=(r,e,o,t,a,n)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?n:e,Or=(r,e,o,t,a)=>{let n=Er(),i=Cr(n,r,e,o,t,a);c.load(n,i),c.activate(n)};Or(xr,wr,kr,yr,_r);var Lr=class extends mr{render(){let r=c.t({message:"Octagon with exclamation point",id:"icon.title.error",comment:"Title for error icon"});return fr`<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">${hr(`<title>${r}</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",Lr);import{LitElement as Mr}from"lit";import{unsafeStatic as Nr,html as Sr}from"lit/static-html.js";var Ir=JSON.parse('{"icon.title.success":["Sirkel med sjekkmerke"]}'),jr=JSON.parse('{"icon.title.success":["Circle with checkmark"]}'),Tr=JSON.parse('{"icon.title.success":["Ympyr\xE4, jonka sis\xE4ll\xE4 on valintamerkki"]}'),Dr=JSON.parse('{"icon.title.success":["Cirkel med et flueben"]}'),Br=JSON.parse('{"icon.title.success":["Cirkel med bock"]}'),ue=["en","nb","fi","da","sv"],pe="en",Yr=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.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},ge=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":pe},F=r=>ue.find(e=>r===e||r.toLowerCase().includes(e))||ge();function Ar(){var r;if(typeof window=="undefined"){let e=Yr();return F(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=ge();return ue.includes(e)?F(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),F(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),pe}}var Pr=(r,e,o,t,a,n)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?n:e,$r=(r,e,o,t,a)=>{let n=Ar(),i=Pr(n,r,e,o,t,a);c.load(n,i),c.activate(n)};$r(jr,Ir,Tr,Dr,Br);var Fr=class extends Mr{render(){let r=c.t({message:"Circle with checkmark",id:"icon.title.success",comment:"Title for success icon"});return Sr`<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">${Nr(`<title>${r}</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",Fr);import{css as ve}from"lit";var me=ve`
11
11
  *,
12
12
  :before,
13
13
  :after {
@@ -2446,7 +2446,7 @@ Please compile your catalog first.
2446
2446
  display: none
2447
2447
  }
2448
2448
  }
2449
- `;import{css as Jr}from"lit";var he=Jr`*,: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 k={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"},y={negative:"negative",positive:"positive",warning:"warning",info:"info"},f=class extends Rr{constructor(){super();this.variant="info";this.show=!0;this.role="alert";this.show=!1,this.role="alert"}connectedCallback(){if(super.connectedCallback(),!this.variant||!y[this.variant])throw new Error(`Invalid 'variant' attribute. Set its value to one of the following:
2449
+ `;import{css as Jr}from"lit";var he=Jr`*,: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}.inline{display:inline}.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 k={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"},y={negative:"negative",positive:"positive",warning:"warning",info:"info"},f=class extends Rr{constructor(){super();this.variant="info";this.show=!0;this.role="alert";this.show=!1,this.role="alert"}connectedCallback(){if(super.connectedCallback(),!this.variant||!y[this.variant])throw new Error(`Invalid 'variant' attribute. Set its value to one of the following:
2450
2450
  negative, positive, warning, info.`)}get _wrapperClasses(){return C([k.wrapper,k[this.variant]])}get _iconClasses(){let o=k[`${this.variant}Icon`];return C([k.icon,o])}get _icon(){return this.variant===y.info?x` <w-icon-info-16></w-icon-info-16>`:this.variant===y.warning?x` <w-icon-warning-16></w-icon-warning-16>`:this.variant===y.negative?x` <w-icon-error-16></w-icon-error-16>`:this.variant===y.positive?x` <w-icon-success-16></w-icon-success-16>`:""}render(){return x`
2451
2451
  <w-expand-transition ?show=${this.show}>
2452
2452
  <div role=${this.role} class=${this._wrapperClasses}>