@warp-ds/elements 2.9.2-next.1 → 2.10.0-next.10

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 (283) hide show
  1. package/README.md +4 -0
  2. package/dist/api.js +1 -1
  3. package/dist/api.js.map +1 -1
  4. package/dist/custom-elements.json +508 -145
  5. package/dist/docs/affix/affix.md +2 -2
  6. package/dist/docs/affix/styling.md +1 -0
  7. package/dist/docs/alert/alert.md +2 -2
  8. package/dist/docs/alert/styling.md +1 -0
  9. package/dist/docs/attention/attention.md +2 -0
  10. package/dist/docs/attention/styling.md +1 -0
  11. package/dist/docs/badge/badge.md +2 -0
  12. package/dist/docs/badge/styling.md +1 -0
  13. package/dist/docs/box/box.md +22 -40
  14. package/dist/docs/box/examples.md +20 -38
  15. package/dist/docs/box/styling.md +1 -0
  16. package/dist/docs/breadcrumbs/breadcrumbs.md +8 -2
  17. package/dist/docs/breadcrumbs/examples.md +7 -1
  18. package/dist/docs/breadcrumbs/styling.md +1 -0
  19. package/dist/docs/button/accessibility.md +42 -0
  20. package/dist/docs/button/api.md +63 -39
  21. package/dist/docs/button/button.md +395 -42
  22. package/dist/docs/button/examples.md +126 -0
  23. package/dist/docs/button/styling.md +72 -0
  24. package/dist/docs/button/usage.md +89 -0
  25. package/dist/docs/card/accessibility.md +74 -0
  26. package/dist/docs/card/api.md +9 -3
  27. package/dist/docs/card/card.md +236 -5
  28. package/dist/docs/card/examples.md +75 -0
  29. package/dist/docs/card/styling.md +1 -0
  30. package/dist/docs/card/usage.md +76 -0
  31. package/dist/docs/checkbox/api.md +128 -0
  32. package/dist/docs/checkbox/checkbox.md +134 -0
  33. package/dist/docs/checkbox-group/accessibility.md +71 -0
  34. package/dist/docs/checkbox-group/api.md +79 -0
  35. package/dist/docs/checkbox-group/checkbox-group.md +492 -0
  36. package/dist/docs/checkbox-group/examples.md +105 -0
  37. package/dist/docs/checkbox-group/styling.md +132 -0
  38. package/dist/docs/checkbox-group/usage.md +95 -0
  39. package/dist/docs/combobox/accessibility.md +71 -0
  40. package/dist/docs/combobox/api.md +60 -30
  41. package/dist/docs/combobox/combobox.md +205 -32
  42. package/dist/docs/combobox/examples.md +44 -0
  43. package/dist/docs/combobox/styling.md +1 -0
  44. package/dist/docs/combobox/usage.md +28 -0
  45. package/dist/docs/datepicker/accessibility.md +25 -0
  46. package/dist/docs/datepicker/api.md +22 -14
  47. package/dist/docs/datepicker/datepicker.md +208 -16
  48. package/dist/docs/datepicker/examples.md +75 -0
  49. package/dist/docs/datepicker/styling.md +1 -0
  50. package/dist/docs/datepicker/usage.md +84 -0
  51. package/dist/docs/expandable/api.md +20 -32
  52. package/dist/docs/expandable/examples.md +54 -0
  53. package/dist/docs/expandable/expandable.md +74 -32
  54. package/dist/docs/expandable/styling.md +1 -0
  55. package/dist/docs/icon/accessibility.md +5 -0
  56. package/dist/docs/icon/api.md +43 -0
  57. package/dist/docs/icon/examples.md +45 -0
  58. package/dist/docs/icon/icon.md +115 -0
  59. package/dist/docs/icon/styling.md +1 -0
  60. package/dist/docs/icon/usage.md +11 -0
  61. package/dist/docs/index.md +46 -0
  62. package/dist/docs/link/api.md +18 -22
  63. package/dist/docs/link/examples.md +75 -0
  64. package/dist/docs/link/link.md +113 -24
  65. package/dist/docs/link/styling.md +1 -0
  66. package/dist/docs/link/usage.md +18 -0
  67. package/dist/docs/modal/api.md +51 -0
  68. package/dist/docs/modal/examples.md +67 -0
  69. package/dist/docs/modal/modal.md +240 -0
  70. package/dist/docs/modal/styling.md +1 -0
  71. package/dist/docs/modal/usage.md +110 -0
  72. package/dist/docs/modal-footer/api.md +11 -0
  73. package/dist/docs/modal-footer/modal-footer.md +17 -0
  74. package/dist/docs/modal-header/api.md +42 -0
  75. package/dist/docs/modal-header/modal-header.md +48 -0
  76. package/dist/docs/page-indicator/api.md +6 -6
  77. package/dist/docs/page-indicator/examples.md +8 -0
  78. package/dist/docs/page-indicator/page-indicator.md +25 -6
  79. package/dist/docs/page-indicator/styling.md +1 -0
  80. package/dist/docs/page-indicator/usage.md +8 -0
  81. package/dist/docs/pagination/api.md +12 -10
  82. package/dist/docs/pagination/examples.md +20 -0
  83. package/dist/docs/pagination/pagination.md +52 -12
  84. package/dist/docs/pagination/styling.md +1 -0
  85. package/dist/docs/pagination/usage.md +18 -0
  86. package/dist/docs/pill/accessibility.md +2 -0
  87. package/dist/docs/pill/api.md +10 -26
  88. package/dist/docs/pill/examples.md +23 -0
  89. package/dist/docs/pill/pill.md +45 -28
  90. package/dist/docs/pill/styling.md +1 -0
  91. package/dist/docs/pill/usage.md +8 -0
  92. package/dist/docs/radio/radio.md +1 -7
  93. package/dist/docs/select/select.md +2 -0
  94. package/dist/docs/select/styling.md +1 -0
  95. package/dist/docs/slider/slider.md +2 -0
  96. package/dist/docs/slider/styling.md +1 -0
  97. package/dist/docs/slider-thumb/slider-thumb.md +2 -0
  98. package/dist/docs/slider-thumb/styling.md +1 -0
  99. package/dist/docs/step-indicator/step-indicator.md +2 -0
  100. package/dist/docs/step-indicator/styling.md +1 -0
  101. package/dist/docs/switch/styling.md +1 -0
  102. package/dist/docs/switch/switch.md +2 -0
  103. package/dist/docs/tabs/styling.md +1 -0
  104. package/dist/docs/tabs/tabs.md +2 -0
  105. package/dist/docs/textarea/styling.md +1 -0
  106. package/dist/docs/textarea/textarea.md +2 -0
  107. package/dist/docs/textfield/styling.md +1 -0
  108. package/dist/docs/textfield/textfield.md +2 -0
  109. package/dist/index.d.ts +950 -602
  110. package/dist/packages/affix/affix.hydration.test.js +1 -1
  111. package/dist/packages/affix/affix.js +4 -4
  112. package/dist/packages/affix/affix.js.map +4 -4
  113. package/dist/packages/alert/alert.hydration.test.js +1 -1
  114. package/dist/packages/alert/alert.js +3 -3
  115. package/dist/packages/alert/alert.js.map +3 -3
  116. package/dist/packages/attention/attention.hydration.test.js +1 -1
  117. package/dist/packages/attention/attention.js +397 -444
  118. package/dist/packages/attention/attention.js.map +4 -4
  119. package/dist/packages/attention/attention.test.js +1 -1
  120. package/dist/packages/badge/badge.hydration.test.js +1 -1
  121. package/dist/packages/box/box.hydration.test.js +1 -1
  122. package/dist/packages/box/box.js +1 -1
  123. package/dist/packages/box/box.js.map +1 -1
  124. package/dist/packages/breadcrumbs/breadcrumbs.hydration.test.js +3 -2
  125. package/dist/packages/breadcrumbs/breadcrumbs.js +4 -4
  126. package/dist/packages/breadcrumbs/breadcrumbs.js.map +3 -3
  127. package/dist/packages/button/button.d.ts +54 -37
  128. package/dist/packages/button/button.hydration.test.js +1 -1
  129. package/dist/packages/button/button.js +385 -432
  130. package/dist/packages/button/button.js.map +4 -4
  131. package/dist/packages/button/button.react.stories.d.ts +2 -2
  132. package/dist/packages/button/button.stories.d.ts +29 -0
  133. package/dist/packages/button/button.stories.js +176 -2
  134. package/dist/packages/button/react.d.ts +1 -1
  135. package/dist/packages/button/styles.d.ts +22 -1
  136. package/dist/packages/button/styles.js +390 -1
  137. package/dist/packages/card/card.d.ts +9 -6
  138. package/dist/packages/card/card.hydration.test.js +1 -1
  139. package/dist/packages/card/card.js +3 -3
  140. package/dist/packages/card/card.js.map +4 -4
  141. package/dist/packages/checkbox/checkbox.d.ts +45 -14
  142. package/dist/packages/checkbox/checkbox.hydration.test.js +1 -1
  143. package/dist/packages/checkbox/checkbox.js +3 -3
  144. package/dist/packages/checkbox/checkbox.js.map +3 -3
  145. package/dist/packages/checkbox/checkbox.react.stories.d.ts +1 -1
  146. package/dist/packages/checkbox/checkbox.stories.d.ts +2 -2
  147. package/dist/packages/checkbox/checkbox.test.js +1 -1
  148. package/dist/packages/checkbox/react.d.ts +2 -2
  149. package/dist/packages/checkbox-group/checkbox-group.a11y.test.js +1 -1
  150. package/dist/packages/checkbox-group/checkbox-group.d.ts +35 -8
  151. package/dist/packages/checkbox-group/checkbox-group.hydration.test.js +1 -1
  152. package/dist/packages/checkbox-group/checkbox-group.js +6 -6
  153. package/dist/packages/checkbox-group/checkbox-group.js.map +4 -4
  154. package/dist/packages/checkbox-group/react.d.ts +3 -3
  155. package/dist/packages/combobox/combobox.a11y.test.js +24 -0
  156. package/dist/packages/combobox/combobox.d.ts +65 -45
  157. package/dist/packages/combobox/combobox.hydration.test.js +39 -1
  158. package/dist/packages/combobox/combobox.js +21 -21
  159. package/dist/packages/combobox/combobox.js.map +4 -4
  160. package/dist/packages/combobox/combobox.stories.js +28 -15
  161. package/dist/packages/combobox/combobox.test.js +110 -0
  162. package/dist/packages/datepicker/DatePicker.test.js +1 -1
  163. package/dist/packages/datepicker/datepicker.d.ts +22 -30
  164. package/dist/packages/datepicker/datepicker.hydration.test.js +1 -1
  165. package/dist/packages/datepicker/datepicker.js +49 -49
  166. package/dist/packages/datepicker/datepicker.js.map +4 -4
  167. package/dist/packages/datepicker/datepicker.test.js +1 -1
  168. package/dist/packages/expandable/expandable.d.ts +11 -32
  169. package/dist/packages/expandable/expandable.hydration.test.js +1 -1
  170. package/dist/packages/expandable/expandable.js +11 -11
  171. package/dist/packages/expandable/expandable.js.map +3 -3
  172. package/dist/packages/expandable/expandable.react.stories.d.ts +2 -2
  173. package/dist/packages/expandable/react.d.ts +1 -1
  174. package/dist/packages/icon/icon.d.ts +16 -4
  175. package/dist/packages/icon/icon.hydration.test.js +1 -1
  176. package/dist/packages/icon/icon.js +2 -2
  177. package/dist/packages/icon/icon.js.map +3 -3
  178. package/dist/packages/icon/icon.react.stories.d.ts +1 -1
  179. package/dist/packages/icon/react.d.ts +2 -2
  180. package/dist/packages/link/link.d.ts +15 -16
  181. package/dist/packages/link/link.hydration.test.js +1 -1
  182. package/dist/packages/link/link.js +420 -190
  183. package/dist/packages/link/link.js.map +4 -4
  184. package/dist/packages/link/link.test.js +1 -1
  185. package/dist/packages/link/styles.d.ts +5 -0
  186. package/dist/packages/link/styles.js +80 -0
  187. package/dist/packages/modal/index.d.ts +4 -4
  188. package/dist/packages/modal/index.js +4 -4
  189. package/dist/packages/modal/modal.d.ts +22 -12
  190. package/dist/packages/modal/modal.hydration.test.js +1 -1
  191. package/dist/packages/modal/modal.js +5 -5
  192. package/dist/packages/modal/modal.js.map +3 -3
  193. package/dist/packages/modal/modal.react.stories.d.ts +3 -3
  194. package/dist/packages/modal/modal.stories.d.ts +2 -1
  195. package/dist/packages/modal/modal.stories.js +85 -3
  196. package/dist/packages/modal/react.d.ts +2 -2
  197. package/dist/packages/modal-footer/modal-footer.d.ts +5 -3
  198. package/dist/packages/modal-footer/modal-footer.js +4 -4
  199. package/dist/packages/modal-footer/modal-footer.js.map +3 -3
  200. package/dist/packages/modal-footer/react.d.ts +1 -1
  201. package/dist/packages/modal-header/modal-header.d.ts +21 -11
  202. package/dist/packages/modal-header/modal-header.js +11 -9
  203. package/dist/packages/modal-header/modal-header.js.map +4 -4
  204. package/dist/packages/modal-header/react.d.ts +2 -2
  205. package/dist/packages/page-indicator/page-indicator.d.ts +9 -14
  206. package/dist/packages/page-indicator/page-indicator.hydration.test.js +1 -1
  207. package/dist/packages/page-indicator/page-indicator.js +5 -5
  208. package/dist/packages/page-indicator/page-indicator.js.map +4 -4
  209. package/dist/packages/pagination/pagination.d.ts +11 -11
  210. package/dist/packages/pagination/pagination.hydration.test.js +1 -1
  211. package/dist/packages/pagination/pagination.js +4 -4
  212. package/dist/packages/pagination/pagination.js.map +4 -4
  213. package/dist/packages/pagination/pagination.test.js +1 -1
  214. package/dist/packages/pill/pill.d.ts +14 -29
  215. package/dist/packages/pill/pill.hydration.test.js +1 -1
  216. package/dist/packages/pill/pill.js +3 -3
  217. package/dist/packages/pill/pill.js.map +4 -4
  218. package/dist/packages/pill/pill.react.stories.d.ts +2 -2
  219. package/dist/packages/pill/react.d.ts +1 -1
  220. package/dist/packages/radio/radio.hydration.test.js +1 -1
  221. package/dist/packages/radio/radio.js +3 -3
  222. package/dist/packages/radio/radio.js.map +3 -3
  223. package/dist/packages/radio/radio.test.js +1 -1
  224. package/dist/packages/radio-group/radio-group.a11y.test.js +7 -3
  225. package/dist/packages/radio-group/radio-group.hydration.test.js +6 -2
  226. package/dist/packages/radio-group/radio-group.js +11 -11
  227. package/dist/packages/radio-group/radio-group.js.map +4 -4
  228. package/dist/packages/select/select.a11y.test.js +6 -2
  229. package/dist/packages/select/select.hydration.test.js +1 -1
  230. package/dist/packages/select/select.js +7 -7
  231. package/dist/packages/select/select.js.map +4 -4
  232. package/dist/packages/select/select.test.js +4 -2
  233. package/dist/packages/slider/slider.hydration.test.js +7 -2
  234. package/dist/packages/slider/slider.js +5 -5
  235. package/dist/packages/slider/slider.js.map +4 -4
  236. package/dist/packages/slider/slider.react.stories.js +2 -2
  237. package/dist/packages/slider/slider.test.js +1 -1
  238. package/dist/packages/slider-thumb/slider-thumb.hydration.test.js +1 -1
  239. package/dist/packages/slider-thumb/slider-thumb.js +20 -20
  240. package/dist/packages/slider-thumb/slider-thumb.js.map +4 -4
  241. package/dist/packages/step/step.hydration.test.js +1 -1
  242. package/dist/packages/step/step.js +8 -8
  243. package/dist/packages/step/step.js.map +4 -4
  244. package/dist/packages/step-indicator/step-indicator.hydration.test.js +1 -1
  245. package/dist/packages/switch/switch.a11y.test.js +1 -1
  246. package/dist/packages/switch/switch.hydration.test.js +1 -1
  247. package/dist/packages/switch/switch.js +1 -1
  248. package/dist/packages/switch/switch.js.map +1 -1
  249. package/dist/packages/tab/tab.hydration.test.js +1 -1
  250. package/dist/packages/tab/tab.js +10 -10
  251. package/dist/packages/tab/tab.js.map +2 -2
  252. package/dist/packages/tab-panel/tab-panel.hydration.test.js +1 -1
  253. package/dist/packages/tab-panel/tab-panel.js +3 -3
  254. package/dist/packages/tab-panel/tab-panel.js.map +2 -2
  255. package/dist/packages/tabs/tabs.a11y.test.js +2 -2
  256. package/dist/packages/tabs/tabs.hydration.test.js +1 -1
  257. package/dist/packages/tabs/tabs.js +1 -1
  258. package/dist/packages/tabs/tabs.js.map +2 -2
  259. package/dist/packages/tabs/tabs.test.js +4 -4
  260. package/dist/packages/textarea/textarea.hydration.test.js +1 -1
  261. package/dist/packages/textarea/textarea.js +4 -4
  262. package/dist/packages/textarea/textarea.js.map +3 -3
  263. package/dist/packages/textarea/textarea.test.js +1 -1
  264. package/dist/packages/textfield/textfield.hydration.test.js +1 -1
  265. package/dist/packages/textfield/textfield.js +1 -1
  266. package/dist/packages/textfield/textfield.js.map +1 -1
  267. package/dist/packages/textfield/textfield.test.js +1 -1
  268. package/dist/packages/toast/toast.js +6 -6
  269. package/dist/packages/toast/toast.js.map +4 -4
  270. package/dist/packages/toast/toast.stories.d.ts +1 -5
  271. package/dist/packages/toast/toast.stories.js +0 -17
  272. package/dist/packages/toast-container/toast-container.js +2 -2
  273. package/dist/packages/toast-container/toast-container.js.map +2 -2
  274. package/dist/web-types.json +509 -172
  275. package/eik/index.js +2536 -0
  276. package/package.json +18 -12
  277. package/dist/docs/radio/examples.md +0 -1
  278. package/dist/docs/radio/usage.md +0 -1
  279. package/dist/packages/button/styles/w-button.styles.d.ts +0 -1
  280. package/dist/packages/button/styles/w-button.styles.js +0 -282
  281. package/dist/packages/link/styles/w-link.styles.d.ts +0 -1
  282. package/dist/packages/link/styles/w-link.styles.js +0 -213
  283. /package/dist/docs/{radio → modal}/accessibility.md +0 -0
@@ -1,4 +1,4 @@
1
- var Vr=Object.defineProperty;var Nr=Object.getOwnPropertyDescriptor;var bt=e=>{throw TypeError(e)};var v=(e,t,r,o)=>{for(var i=o>1?void 0:o?Nr(t,r):t,a=e.length-1,n;a>=0;a--)(n=e[a])&&(i=(o?n(t,r,i):n(i))||i);return o&&i&&Vr(t,r,i),i};var ft=(e,t,r)=>t.has(e)||bt("Cannot "+r);var vt=(e,t,r)=>(ft(e,t,"read from private field"),r?r.call(e):t.get(e)),wt=(e,t,r)=>t.has(e)?bt("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),xt=(e,t,r,o)=>(ft(e,t,"write to private field"),o?o.call(e,r):t.set(e,r),r);var ze=function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return e.reduce(function(r,o){return r.concat(typeof o=="string"?o:Array.isArray(o)?ze.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(i){return o[i]?i:""}):"")},[]).join(" ")};var oe=e=>typeof e=="string",Br=e=>typeof e=="function",yt=new Map,_t="en";function it(e){return[...Array.isArray(e)?e:[e],_t]}function nt(e,t,r){let o=it(e);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 Se(()=>Oe("date",o,r),()=>new Intl.DateTimeFormat(o,i)).format(oe(t)?new Date(t):t)}function Ir(e,t,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 nt(e,t,o)}function tt(e,t,r){let o=it(e);return Se(()=>Oe("number",o,r),()=>new Intl.NumberFormat(o,r)).format(t)}function kt(e,t,r,{offset:o=0,...i}){var s,l;let a=it(e),n=t?Se(()=>Oe("plural-ordinal",a),()=>new Intl.PluralRules(a,{type:"ordinal"})):Se(()=>Oe("plural-cardinal",a),()=>new Intl.PluralRules(a,{type:"cardinal"}));return(l=(s=i[r])!=null?s:i[n.select(r-o)])!=null?l:i.other}function Se(e,t){let r=e(),o=yt.get(r);return o||(o=t(),yt.set(r,o)),o}function Oe(e,t,r){let o=t.join("-");return`${e}-${o}-${JSON.stringify(r)}`}var Et=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Ct=e=>e.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(t,r,o)=>{if(r){let i=parseInt(r,16);return String.fromCharCode(i)}else{let i=parseInt(o,16);return String.fromCharCode(i)}}),zt="%__lingui_octothorpe__%",Hr=(e,t,r={})=>{let o=t||e,i=n=>typeof n=="object"?n:r[n],a=(n,s)=>{let l=Object.keys(r).length?i("number"):void 0,g=tt(o,n,l);return s.replace(new RegExp(zt,"g"),g)};return{plural:(n,s)=>{let{offset:l=0}=s,g=kt(o,!1,n,s);return a(n-l,g)},selectordinal:(n,s)=>{let{offset:l=0}=s,g=kt(o,!0,n,s);return a(n-l,g)},select:Yr,number:(n,s)=>tt(o,n,i(s)||{style:s}),date:(n,s)=>nt(o,n,i(s)||s),time:(n,s)=>Ir(o,n,i(s)||s)}},Yr=(e,t)=>{var r;return(r=t[e])!=null?r:t.other};function qr(e,t,r){return(o={},i)=>{let a=Hr(t,r,i),n=(l,g=!1)=>Array.isArray(l)?l.reduce((c,u)=>{if(u==="#"&&g)return c+zt;if(oe(u))return c+u;let[p,d,m]=u,b={};d==="plural"||d==="selectordinal"||d==="select"?Object.entries(m).forEach(([x,y])=>{b[x]=n(y,d==="plural"||d==="selectordinal")}):b=m;let f;if(d){let x=a[d];f=x(o[p],b)}else f=o[p];return f==null?c:c+f},""):l,s=n(e);return oe(s)&&Et.test(s)?Ct(s):oe(s)?s:s?String(s):""}}var Xr=Object.defineProperty,Ur=(e,t,r)=>t in e?Xr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Qr=(e,t,r)=>(Ur(e,typeof t!="symbol"?t+"":t,r),r),rt=class{constructor(){Qr(this,"_events",{})}on(t,r){var i;var o;return(i=(o=this._events)[t])!=null||(o[t]=[]),this._events[t].push(r),()=>this.removeListener(t,r)}removeListener(t,r){let o=this._getListeners(t);if(!o)return;let i=o.indexOf(r);~i&&o.splice(i,1)}emit(t,...r){let o=this._getListeners(t);o&&o.map(i=>i.apply(this,r))}_getListeners(t){let r=this._events[t];return Array.isArray(r)?r:!1}},Zr=Object.defineProperty,Gr=(e,t,r)=>t in e?Zr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,se=(e,t,r)=>(Gr(e,typeof t!="symbol"?t+"":t,r),r),ot=class extends rt{constructor(t){var r;super(),se(this,"_locale",""),se(this,"_locales"),se(this,"_localeData",{}),se(this,"_messages",{}),se(this,"_missing"),se(this,"_messageCompiler"),se(this,"t",this._.bind(this)),t.missing!=null&&(this._missing=t.missing),t.messages!=null&&this.load(t.messages),t.localeData!=null&&this.loadLocaleData(t.localeData),(typeof t.locale=="string"||t.locales)&&this.activate((r=t.locale)!=null?r:_t,t.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var t;return(t=this._messages[this._locale])!=null?t:{}}get localeData(){var t;return(t=this._localeData[this._locale])!=null?t:{}}_loadLocaleData(t,r){let o=this._localeData[t];o?Object.assign(o,r):this._localeData[t]=r}setMessagesCompiler(t){return this._messageCompiler=t,this}loadLocaleData(t,r){typeof t=="string"?this._loadLocaleData(t,r):Object.keys(t).forEach(o=>this._loadLocaleData(o,t[o])),this.emit("change")}_load(t,r){let o=this._messages[t];o?Object.assign(o,r):this._messages[t]=r}load(t,r){typeof t=="string"&&typeof r=="object"?this._load(t,r):Object.entries(t).forEach(([o,i])=>this._load(o,i)),this.emit("change")}loadAndActivate({locale:t,locales:r,messages:o}){this._locale=t,this._locales=r||void 0,this._messages[this._locale]=o,this.emit("change")}activate(t,r){this._locale=t,this._locales=r,this.emit("change")}_(t,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;t||(t=""),oe(t)||(r=t.values||r,i=t.message,t=t.id);let a=this.messages[t],n=a===void 0,s=this._missing;if(s&&n)return Br(s)?s(this._locale,t):s;n&&this.emit("missing",{id:t,locale:this._locale});let l=a||i||t;return oe(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
1
+ var Xr=Object.defineProperty;var qr=Object.getOwnPropertyDescriptor;var kt=e=>{throw TypeError(e)};var v=(e,t,r,o)=>{for(var n=o>1?void 0:o?qr(t,r):t,a=e.length-1,i;a>=0;a--)(i=e[a])&&(n=(o?i(t,r,n):i(n))||n);return o&&n&&Xr(t,r,n),n};var _t=(e,t,r)=>t.has(e)||kt("Cannot "+r);var Et=(e,t,r)=>(_t(e,t,"read from private field"),r?r.call(e):t.get(e)),Ct=(e,t,r)=>t.has(e)?kt("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),St=(e,t,r,o)=>(_t(e,t,"write to private field"),o?o.call(e,r):t.set(e,r),r);var De=function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return e.reduce(function(r,o){return r.concat(typeof o=="string"?o:Array.isArray(o)?De.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(n){return o[n]?n:""}):"")},[]).join(" ")};var oe=e=>typeof e=="string",Ur=e=>typeof e=="function",Dt=new Map,At="en";function it(e){return[...Array.isArray(e)?e:[e],At]}function at(e,t,r){let o=it(e);r||(r="default");let n;if(typeof r=="string")switch(n={day:"numeric",month:"short",year:"numeric"},r){case"full":n.weekday="long";case"long":n.month="long";break;case"short":n.month="numeric";break}else n=r;return ze(()=>Ae("date",o,r),()=>new Intl.DateTimeFormat(o,n)).format(oe(t)?new Date(t):t)}function Qr(e,t,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 at(e,t,o)}function rt(e,t,r){let o=it(e);return ze(()=>Ae("number",o,r),()=>new Intl.NumberFormat(o,r)).format(t)}function zt(e,t,r,{offset:o=0,...n}){let a=it(e),i=t?ze(()=>Ae("plural-ordinal",a),()=>new Intl.PluralRules(a,{type:"ordinal"})):ze(()=>Ae("plural-cardinal",a),()=>new Intl.PluralRules(a,{type:"cardinal"}));return n[r]??n[i.select(r-o)]??n.other}function ze(e,t){let r=e(),o=Dt.get(r);return o||(o=t(),Dt.set(r,o)),o}function Ae(e,t,r){let o=t.join("-");return`${e}-${o}-${JSON.stringify(r)}`}var Ot=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Lt=e=>e.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(t,r,o)=>{if(r){let n=parseInt(r,16);return String.fromCharCode(n)}else{let n=parseInt(o,16);return String.fromCharCode(n)}}),Rt="%__lingui_octothorpe__%",Zr=(e,t,r={})=>{let o=t||e,n=i=>typeof i=="object"?i:r[i],a=(i,s)=>{let l=Object.keys(r).length?n("number"):void 0,u=rt(o,i,l);return s.replace(new RegExp(Rt,"g"),u)};return{plural:(i,s)=>{let{offset:l=0}=s,u=zt(o,!1,i,s);return a(i-l,u)},selectordinal:(i,s)=>{let{offset:l=0}=s,u=zt(o,!0,i,s);return a(i-l,u)},select:Gr,number:(i,s)=>rt(o,i,n(s)||{style:s}),date:(i,s)=>at(o,i,n(s)||s),time:(i,s)=>Qr(o,i,n(s)||s)}},Gr=(e,t)=>t[e]??t.other;function Jr(e,t,r){return(o={},n)=>{let a=Zr(t,r,n),i=(l,u=!1)=>Array.isArray(l)?l.reduce((c,g)=>{if(g==="#"&&u)return c+Rt;if(oe(g))return c+g;let[m,d,p]=g,h={};d==="plural"||d==="selectordinal"||d==="select"?Object.entries(p).forEach(([x,_])=>{h[x]=i(_,d==="plural"||d==="selectordinal")}):h=p;let f;if(d){let x=a[d];f=x(o[m],h)}else f=o[m];return f==null?c:c+f},""):l,s=i(e);return oe(s)&&Ot.test(s)?Lt(s):oe(s)?s:s?String(s):""}}var Kr=Object.defineProperty,Wr=(e,t,r)=>t in e?Kr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eo=(e,t,r)=>(Wr(e,typeof t!="symbol"?t+"":t,r),r),ot=class{constructor(){eo(this,"_events",{})}on(t,r){var o;return(o=this._events)[t]??(o[t]=[]),this._events[t].push(r),()=>this.removeListener(t,r)}removeListener(t,r){let o=this._getListeners(t);if(!o)return;let n=o.indexOf(r);~n&&o.splice(n,1)}emit(t,...r){let o=this._getListeners(t);o&&o.map(n=>n.apply(this,r))}_getListeners(t){let r=this._events[t];return Array.isArray(r)?r:!1}},to=Object.defineProperty,ro=(e,t,r)=>t in e?to(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,se=(e,t,r)=>(ro(e,typeof t!="symbol"?t+"":t,r),r),nt=class extends ot{constructor(t){super(),se(this,"_locale",""),se(this,"_locales"),se(this,"_localeData",{}),se(this,"_messages",{}),se(this,"_missing"),se(this,"_messageCompiler"),se(this,"t",this._.bind(this)),t.missing!=null&&(this._missing=t.missing),t.messages!=null&&this.load(t.messages),t.localeData!=null&&this.loadLocaleData(t.localeData),(typeof t.locale=="string"||t.locales)&&this.activate(t.locale??At,t.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(t,r){let o=this._localeData[t];o?Object.assign(o,r):this._localeData[t]=r}setMessagesCompiler(t){return this._messageCompiler=t,this}loadLocaleData(t,r){typeof t=="string"?this._loadLocaleData(t,r):Object.keys(t).forEach(o=>this._loadLocaleData(o,t[o])),this.emit("change")}_load(t,r){let o=this._messages[t];o?Object.assign(o,r):this._messages[t]=r}load(t,r){typeof t=="string"&&typeof r=="object"?this._load(t,r):Object.entries(t).forEach(([o,n])=>this._load(o,n)),this.emit("change")}loadAndActivate({locale:t,locales:r,messages:o}){this._locale=t,this._locales=r||void 0,this._messages[this._locale]=o,this.emit("change")}activate(t,r){this._locale=t,this._locales=r,this.emit("change")}_(t,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 n=o?.message;t||(t=""),oe(t)||(r=t.values||r,n=t.message,t=t.id);let a=this.messages[t],i=a===void 0,s=this._missing;if(s&&i)return Ur(s)?s(this._locale,t):s;i&&this.emit("missing",{id:t,locale:this._locale});let l=a||n||t;return oe(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
2
2
 
3
3
  > ${l}
4
4
 
@@ -6,7 +6,7 @@ That means you use raw catalog or your catalog doesn't have a translation for th
6
6
  ICU features such as interpolation and plurals will not work properly for that message.
7
7
 
8
8
  Please compile your catalog first.
9
- `)),oe(l)&&Et.test(l)?Ct(l):oe(l)?l:qr(l,this._locale,this._locales)(r,o==null?void 0:o.formats)}date(t,r){return nt(this._locales||this._locale,t,r)}number(t,r){return tt(this._locales||this._locale,t,r)}};function Jr(e={}){return new ot(e)}var A=Jr();var At=["top","right","bottom","left"];var ee=Math.min,B=Math.max,we=Math.round;var G=e=>({x:e,y:e}),Kr={left:"right",right:"left",bottom:"top",top:"bottom"};function De(e,t,r){return B(e,ee(t,r))}function ie(e,t){return typeof e=="function"?e(t):e}function te(e){return e.split("-")[0]}function le(e){return e.split("-")[1]}function at(e){return e==="x"?"y":"x"}function Te(e){return e==="y"?"height":"width"}function J(e){let t=e[0];return t==="t"||t==="b"?"y":"x"}function Re(e){return at(J(e))}function Dt(e,t,r){r===void 0&&(r=!1);let o=le(e),i=Re(e),a=Te(i),n=i==="x"?o===(r?"end":"start")?"right":"left":o==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(n=ve(n)),[n,ve(n)]}function Tt(e){let t=ve(e);return[Ae(e),t,Ae(t)]}function Ae(e){return e.includes("start")?e.replace("start","end"):e.replace("end","start")}var St=["left","right"],Ot=["right","left"],Wr=["top","bottom"],eo=["bottom","top"];function to(e,t,r){switch(e){case"top":case"bottom":return r?t?Ot:St:t?St:Ot;case"left":case"right":return t?Wr:eo;default:return[]}}function Rt(e,t,r,o){let i=le(e),a=to(te(e),r==="start",o);return i&&(a=a.map(n=>n+"-"+i),t&&(a=a.concat(a.map(Ae)))),a}function ve(e){let t=te(e);return Kr[t]+e.slice(t.length)}function ro(e){return{top:0,right:0,bottom:0,left:0,...e}}function st(e){return typeof e!="number"?ro(e):{top:e,right:e,bottom:e,left:e}}function ce(e){let{x:t,y:r,width:o,height:i}=e;return{width:o,height:i,top:r,left:t,right:t+o,bottom:r+i,x:t,y:r}}function Lt(e,t,r){let{reference:o,floating:i}=e,a=J(t),n=Re(t),s=Te(n),l=te(t),g=a==="y",c=o.x+o.width/2-i.width/2,u=o.y+o.height/2-i.height/2,p=o[s]/2-i[s]/2,d;switch(l){case"top":d={x:c,y:o.y-i.height};break;case"bottom":d={x:c,y:o.y+o.height};break;case"right":d={x:o.x+o.width,y:u};break;case"left":d={x:o.x-i.width,y:u};break;default:d={x:o.x,y:o.y}}switch(le(t)){case"start":d[n]-=p*(r&&g?-1:1);break;case"end":d[n]+=p*(r&&g?-1:1);break}return d}async function Ft(e,t){var r;t===void 0&&(t={});let{x:o,y:i,platform:a,rects:n,elements:s,strategy:l}=e,{boundary:g="clippingAncestors",rootBoundary:c="viewport",elementContext:u="floating",altBoundary:p=!1,padding:d=0}=ie(t,e),m=st(d),f=s[p?u==="floating"?"reference":"floating":u],x=ce(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement(f)))==null||r?f:f.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(s.floating)),boundary:g,rootBoundary:c,strategy:l})),y=u==="floating"?{x:o,y:i,width:n.floating.width,height:n.floating.height}:n.reference,k=await(a.getOffsetParent==null?void 0:a.getOffsetParent(s.floating)),z=await(a.isElement==null?void 0:a.isElement(k))?await(a.getScale==null?void 0:a.getScale(k))||{x:1,y:1}:{x:1,y:1},R=ce(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:y,offsetParent:k,strategy:l}):y);return{top:(x.top-R.top+m.top)/z.y,bottom:(R.bottom-x.bottom+m.bottom)/z.y,left:(x.left-R.left+m.left)/z.x,right:(R.right-x.right+m.right)/z.x}}var oo=50,$t=async(e,t,r)=>{let{placement:o="bottom",strategy:i="absolute",middleware:a=[],platform:n}=r,s=n.detectOverflow?n:{...n,detectOverflow:Ft},l=await(n.isRTL==null?void 0:n.isRTL(t)),g=await n.getElementRects({reference:e,floating:t,strategy:i}),{x:c,y:u}=Lt(g,o,l),p=o,d=0,m={};for(let b=0;b<a.length;b++){let f=a[b];if(!f)continue;let{name:x,fn:y}=f,{x:k,y:z,data:R,reset:h}=await y({x:c,y:u,initialPlacement:o,placement:p,strategy:i,middlewareData:m,rects:g,platform:s,elements:{reference:e,floating:t}});c=k!=null?k:c,u=z!=null?z:u,m[x]={...m[x],...R},h&&d<oo&&(d++,typeof h=="object"&&(h.placement&&(p=h.placement),h.rects&&(g=h.rects===!0?await n.getElementRects({reference:e,floating:t,strategy:i}):h.rects),{x:c,y:u}=Lt(g,p,l)),b=-1)}return{x:c,y:u,placement:p,strategy:i,middlewareData:m}},jt=e=>({name:"arrow",options:e,async fn(t){let{x:r,y:o,placement:i,rects:a,platform:n,elements:s,middlewareData:l}=t,{element:g,padding:c=0}=ie(e,t)||{};if(g==null)return{};let u=st(c),p={x:r,y:o},d=Re(i),m=Te(d),b=await n.getDimensions(g),f=d==="y",x=f?"top":"left",y=f?"bottom":"right",k=f?"clientHeight":"clientWidth",z=a.reference[m]+a.reference[d]-p[d]-a.floating[m],R=p[d]-a.reference[d],h=await(n.getOffsetParent==null?void 0:n.getOffsetParent(g)),w=h?h[k]:0;(!w||!await(n.isElement==null?void 0:n.isElement(h)))&&(w=s.floating[k]||a.floating[m]);let _=z/2-R/2,C=w/2-b[m]/2-1,S=ee(u[x],C),V=ee(u[y],C),$=S,N=w-b[m]-V,P=w/2-b[m]/2+_,D=De($,P,N),H=!l.arrow&&le(i)!=null&&P!==D&&a.reference[m]/2-(P<$?S:V)-b[m]/2<0,M=H?P<$?P-$:P-N:0;return{[d]:p[d]+M,data:{[d]:D,centerOffset:P-D-M,...H&&{alignmentOffset:M}},reset:H}}});var Vt=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var r,o;let{placement:i,middlewareData:a,rects:n,initialPlacement:s,platform:l,elements:g}=t,{mainAxis:c=!0,crossAxis:u=!0,fallbackPlacements:p,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:b=!0,...f}=ie(e,t);if((r=a.arrow)!=null&&r.alignmentOffset)return{};let x=te(i),y=J(s),k=te(s)===s,z=await(l.isRTL==null?void 0:l.isRTL(g.floating)),R=p||(k||!b?[ve(s)]:Tt(s)),h=m!=="none";!p&&h&&R.push(...Rt(s,b,m,z));let w=[s,...R],_=await l.detectOverflow(t,f),C=[],S=((o=a.flip)==null?void 0:o.overflows)||[];if(c&&C.push(_[x]),u){let P=Dt(i,n,z);C.push(_[P[0]],_[P[1]])}if(S=[...S,{placement:i,overflows:C}],!C.every(P=>P<=0)){var V,$;let P=(((V=a.flip)==null?void 0:V.index)||0)+1,D=w[P];if(D&&(!(u==="alignment"?y!==J(D):!1)||S.every(X=>J(X.placement)===y?X.overflows[0]>0:!0)))return{data:{index:P,overflows:S},reset:{placement:D}};let H=($=S.filter(M=>M.overflows[0]<=0).sort((M,X)=>M.overflows[1]-X.overflows[1])[0])==null?void 0:$.placement;if(!H)switch(d){case"bestFit":{var N;let M=(N=S.filter(X=>{if(h){let U=J(X.placement);return U===y||U==="y"}return!0}).map(X=>[X.placement,X.overflows.filter(U=>U>0).reduce((U,jr)=>U+jr,0)]).sort((X,U)=>X[1]-U[1])[0])==null?void 0:N[0];M&&(H=M);break}case"initialPlacement":H=s;break}if(i!==H)return{reset:{placement:H}}}return{}}}};function Pt(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function Mt(e){return At.some(t=>e[t]>=0)}var Nt=function(e){return e===void 0&&(e={}),{name:"hide",options:e,async fn(t){let{rects:r,platform:o}=t,{strategy:i="referenceHidden",...a}=ie(e,t);switch(i){case"referenceHidden":{let n=await o.detectOverflow(t,{...a,elementContext:"reference"}),s=Pt(n,r.reference);return{data:{referenceHiddenOffsets:s,referenceHidden:Mt(s)}}}case"escaped":{let n=await o.detectOverflow(t,{...a,altBoundary:!0}),s=Pt(n,r.floating);return{data:{escapedOffsets:s,escaped:Mt(s)}}}default:return{}}}}};var io=new Set(["left","top"]);async function no(e,t){let{placement:r,platform:o,elements:i}=e,a=await(o.isRTL==null?void 0:o.isRTL(i.floating)),n=te(r),s=le(r),l=J(r)==="y",g=io.has(n)?-1:1,c=a&&l?-1:1,u=ie(t,e),{mainAxis:p,crossAxis:d,alignmentAxis:m}=typeof u=="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:u.mainAxis||0,crossAxis:u.crossAxis||0,alignmentAxis:u.alignmentAxis};return s&&typeof m=="number"&&(d=s==="end"?m*-1:m),l?{x:d*c,y:p*g}:{x:p*g,y:d*c}}var Bt=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var r,o;let{x:i,y:a,placement:n,middlewareData:s}=t,l=await no(t,e);return n===((r=s.offset)==null?void 0:r.placement)&&(o=s.arrow)!=null&&o.alignmentOffset?{}:{x:i+l.x,y:a+l.y,data:{...l,placement:n}}}}},It=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){let{x:r,y:o,placement:i,platform:a}=t,{mainAxis:n=!0,crossAxis:s=!1,limiter:l={fn:x=>{let{x:y,y:k}=x;return{x:y,y:k}}},...g}=ie(e,t),c={x:r,y:o},u=await a.detectOverflow(t,g),p=J(te(i)),d=at(p),m=c[d],b=c[p];if(n){let x=d==="y"?"top":"left",y=d==="y"?"bottom":"right",k=m+u[x],z=m-u[y];m=De(k,m,z)}if(s){let x=p==="y"?"top":"left",y=p==="y"?"bottom":"right",k=b+u[x],z=b-u[y];b=De(k,b,z)}let f=l.fn({...t,[d]:m,[p]:b});return{...f,data:{x:f.x-r,y:f.y-o,enabled:{[d]:n,[p]:s}}}}}};var Ht=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){var r,o;let{placement:i,rects:a,platform:n,elements:s}=t,{apply:l=()=>{},...g}=ie(e,t),c=await n.detectOverflow(t,g),u=te(i),p=le(i),d=J(i)==="y",{width:m,height:b}=a.floating,f,x;u==="top"||u==="bottom"?(f=u,x=p===(await(n.isRTL==null?void 0:n.isRTL(s.floating))?"start":"end")?"left":"right"):(x=u,f=p==="end"?"top":"bottom");let y=b-c.top-c.bottom,k=m-c.left-c.right,z=ee(b-c[f],y),R=ee(m-c[x],k),h=!t.middlewareData.shift,w=z,_=R;if((r=t.middlewareData.shift)!=null&&r.enabled.x&&(_=k),(o=t.middlewareData.shift)!=null&&o.enabled.y&&(w=y),h&&!p){let S=B(c.left,0),V=B(c.right,0),$=B(c.top,0),N=B(c.bottom,0);d?_=m-2*(S!==0||V!==0?S+V:B(c.left,c.right)):w=b-2*($!==0||N!==0?$+N:B(c.top,c.bottom))}await l({...t,availableWidth:_,availableHeight:w});let C=await n.getDimensions(s.floating);return m!==C.width||b!==C.height?{reset:{rects:!0}}:{}}}};function Pe(){return typeof window!="undefined"}function ge(e){return qt(e)?(e.nodeName||"").toLowerCase():"#document"}function I(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function K(e){var t;return(t=(qt(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function qt(e){return Pe()?e instanceof Node||e instanceof I(e).Node:!1}function Q(e){return Pe()?e instanceof Element||e instanceof I(e).Element:!1}function W(e){return Pe()?e instanceof HTMLElement||e instanceof I(e).HTMLElement:!1}function Yt(e){return!Pe()||typeof ShadowRoot=="undefined"?!1:e instanceof ShadowRoot||e instanceof I(e).ShadowRoot}function me(e){let{overflow:t,overflowX:r,overflowY:o,display:i}=Z(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+r)&&i!=="inline"&&i!=="contents"}function Xt(e){return/^(table|td|th)$/.test(ge(e))}function xe(e){try{if(e.matches(":popover-open"))return!0}catch(t){}try{return e.matches(":modal")}catch(t){return!1}}var ao=/transform|translate|scale|rotate|perspective|filter/,so=/paint|layout|strict|content/,de=e=>!!e&&e!=="none",lt;function Me(e){let t=Q(e)?Z(e):e;return de(t.transform)||de(t.translate)||de(t.scale)||de(t.rotate)||de(t.perspective)||!Fe()&&(de(t.backdropFilter)||de(t.filter))||ao.test(t.willChange||"")||so.test(t.contain||"")}function Ut(e){let t=re(e);for(;W(t)&&!ue(t);){if(Me(t))return t;if(xe(t))return null;t=re(t)}return null}function Fe(){return lt==null&&(lt=typeof CSS!="undefined"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),lt}function ue(e){return/^(html|body|#document)$/.test(ge(e))}function Z(e){return I(e).getComputedStyle(e)}function ye(e){return Q(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function re(e){if(ge(e)==="html")return e;let t=e.assignedSlot||e.parentNode||Yt(e)&&e.host||K(e);return Yt(t)?t.host:t}function Qt(e){let t=re(e);return ue(t)?e.ownerDocument?e.ownerDocument.body:e.body:W(t)&&me(t)?t:Qt(t)}function Le(e,t,r){var o;t===void 0&&(t=[]),r===void 0&&(r=!0);let i=Qt(e),a=i===((o=e.ownerDocument)==null?void 0:o.body),n=I(i);if(a){let s=$e(n);return t.concat(n,n.visualViewport||[],me(i)?i:[],s&&r?Le(s):[])}else return t.concat(i,Le(i,[],r))}function $e(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Kt(e){let t=Z(e),r=parseFloat(t.width)||0,o=parseFloat(t.height)||0,i=W(e),a=i?e.offsetWidth:r,n=i?e.offsetHeight:o,s=we(r)!==a||we(o)!==n;return s&&(r=a,o=n),{width:r,height:o,$:s}}function Wt(e){return Q(e)?e:e.contextElement}function he(e){let t=Wt(e);if(!W(t))return G(1);let r=t.getBoundingClientRect(),{width:o,height:i,$:a}=Kt(t),n=(a?we(r.width):r.width)/o,s=(a?we(r.height):r.height)/i;return(!n||!Number.isFinite(n))&&(n=1),(!s||!Number.isFinite(s))&&(s=1),{x:n,y:s}}var lo=G(0);function er(e){let t=I(e);return!Fe()||!t.visualViewport?lo:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function co(e,t,r){return t===void 0&&(t=!1),!r||t&&r!==I(e)?!1:t}function ke(e,t,r,o){t===void 0&&(t=!1),r===void 0&&(r=!1);let i=e.getBoundingClientRect(),a=Wt(e),n=G(1);t&&(o?Q(o)&&(n=he(o)):n=he(e));let s=co(a,r,o)?er(a):G(0),l=(i.left+s.x)/n.x,g=(i.top+s.y)/n.y,c=i.width/n.x,u=i.height/n.y;if(a){let p=I(a),d=o&&Q(o)?I(o):o,m=p,b=$e(m);for(;b&&o&&d!==m;){let f=he(b),x=b.getBoundingClientRect(),y=Z(b),k=x.left+(b.clientLeft+parseFloat(y.paddingLeft))*f.x,z=x.top+(b.clientTop+parseFloat(y.paddingTop))*f.y;l*=f.x,g*=f.y,c*=f.x,u*=f.y,l+=k,g+=z,m=I(b),b=$e(m)}}return ce({width:c,height:u,x:l,y:g})}function je(e,t){let r=ye(e).scrollLeft;return t?t.left+r:ke(K(e)).left+r}function tr(e,t){let r=e.getBoundingClientRect(),o=r.left+t.scrollLeft-je(e,r),i=r.top+t.scrollTop;return{x:o,y:i}}function go(e){let{elements:t,rect:r,offsetParent:o,strategy:i}=e,a=i==="fixed",n=K(o),s=t?xe(t.floating):!1;if(o===n||s&&a)return r;let l={scrollLeft:0,scrollTop:0},g=G(1),c=G(0),u=W(o);if((u||!u&&!a)&&((ge(o)!=="body"||me(n))&&(l=ye(o)),u)){let d=ke(o);g=he(o),c.x=d.x+o.clientLeft,c.y=d.y+o.clientTop}let p=n&&!u&&!a?tr(n,l):G(0);return{width:r.width*g.x,height:r.height*g.y,x:r.x*g.x-l.scrollLeft*g.x+c.x+p.x,y:r.y*g.y-l.scrollTop*g.y+c.y+p.y}}function uo(e){return Array.from(e.getClientRects())}function po(e){let t=K(e),r=ye(e),o=e.ownerDocument.body,i=B(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),a=B(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight),n=-r.scrollLeft+je(e),s=-r.scrollTop;return Z(o).direction==="rtl"&&(n+=B(t.clientWidth,o.clientWidth)-i),{width:i,height:a,x:n,y:s}}var Zt=25;function mo(e,t){let r=I(e),o=K(e),i=r.visualViewport,a=o.clientWidth,n=o.clientHeight,s=0,l=0;if(i){a=i.width,n=i.height;let c=Fe();(!c||c&&t==="fixed")&&(s=i.offsetLeft,l=i.offsetTop)}let g=je(o);if(g<=0){let c=o.ownerDocument,u=c.body,p=getComputedStyle(u),d=c.compatMode==="CSS1Compat"&&parseFloat(p.marginLeft)+parseFloat(p.marginRight)||0,m=Math.abs(o.clientWidth-u.clientWidth-d);m<=Zt&&(a-=m)}else g<=Zt&&(a+=g);return{width:a,height:n,x:s,y:l}}function ho(e,t){let r=ke(e,!0,t==="fixed"),o=r.top+e.clientTop,i=r.left+e.clientLeft,a=W(e)?he(e):G(1),n=e.clientWidth*a.x,s=e.clientHeight*a.y,l=i*a.x,g=o*a.y;return{width:n,height:s,x:l,y:g}}function Gt(e,t,r){let o;if(t==="viewport")o=mo(e,r);else if(t==="document")o=po(K(e));else if(Q(t))o=ho(t,r);else{let i=er(e);o={x:t.x-i.x,y:t.y-i.y,width:t.width,height:t.height}}return ce(o)}function rr(e,t){let r=re(e);return r===t||!Q(r)||ue(r)?!1:Z(r).position==="fixed"||rr(r,t)}function bo(e,t){let r=t.get(e);if(r)return r;let o=Le(e,[],!1).filter(s=>Q(s)&&ge(s)!=="body"),i=null,a=Z(e).position==="fixed",n=a?re(e):e;for(;Q(n)&&!ue(n);){let s=Z(n),l=Me(n);!l&&s.position==="fixed"&&(i=null),(a?!l&&!i:!l&&s.position==="static"&&!!i&&(i.position==="absolute"||i.position==="fixed")||me(n)&&!l&&rr(e,n))?o=o.filter(c=>c!==n):i=s,n=re(n)}return t.set(e,o),o}function fo(e){let{element:t,boundary:r,rootBoundary:o,strategy:i}=e,n=[...r==="clippingAncestors"?xe(t)?[]:bo(t,this._c):[].concat(r),o],s=Gt(t,n[0],i),l=s.top,g=s.right,c=s.bottom,u=s.left;for(let p=1;p<n.length;p++){let d=Gt(t,n[p],i);l=B(d.top,l),g=ee(d.right,g),c=ee(d.bottom,c),u=B(d.left,u)}return{width:g-u,height:c-l,x:u,y:l}}function vo(e){let{width:t,height:r}=Kt(e);return{width:t,height:r}}function wo(e,t,r){let o=W(t),i=K(t),a=r==="fixed",n=ke(e,!0,a,t),s={scrollLeft:0,scrollTop:0},l=G(0);function g(){l.x=je(i)}if(o||!o&&!a)if((ge(t)!=="body"||me(i))&&(s=ye(t)),o){let d=ke(t,!0,a,t);l.x=d.x+t.clientLeft,l.y=d.y+t.clientTop}else i&&g();a&&!o&&i&&g();let c=i&&!o&&!a?tr(i,s):G(0),u=n.left+s.scrollLeft-l.x-c.x,p=n.top+s.scrollTop-l.y-c.y;return{x:u,y:p,width:n.width,height:n.height}}function ct(e){return Z(e).position==="static"}function Jt(e,t){if(!W(e)||Z(e).position==="fixed")return null;if(t)return t(e);let r=e.offsetParent;return K(e)===r&&(r=r.ownerDocument.body),r}function or(e,t){let r=I(e);if(xe(e))return r;if(!W(e)){let i=re(e);for(;i&&!ue(i);){if(Q(i)&&!ct(i))return i;i=re(i)}return r}let o=Jt(e,t);for(;o&&Xt(o)&&ct(o);)o=Jt(o,t);return o&&ue(o)&&ct(o)&&!Me(o)?r:o||Ut(e)||r}var xo=async function(e){let t=this.getOffsetParent||or,r=this.getDimensions,o=await r(e.floating);return{reference:wo(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function yo(e){return Z(e).direction==="rtl"}var ko={convertOffsetParentRelativeRectToViewportRelativeRect:go,getDocumentElement:K,getClippingRect:fo,getOffsetParent:or,getElementRects:xo,getClientRects:uo,getDimensions:vo,getScale:he,isElement:Q,isRTL:yo};var ir=Bt;var nr=It,ar=Vt,sr=Ht,lr=Nt,cr=jt;var dr=(e,t,r)=>{let o=new Map,i={platform:ko,...r},a={...i.platform,_c:o};return $t(e,t,{...i,platform:a})};var Ne="top-start",Be="top",Ie="top-end",He="right-start",Ye="right",qe="right-end",Xe="bottom-start",_e="bottom",Ue="bottom-end",Qe="left-start",Ze="left",Ge="left-end",dt=[Ne,Be,Ie,He,Ye,qe,Xe,_e,Ue,Qe,Ze,Ge],pe={[Ne]:Xe,[Be]:_e,[Ie]:Ue,[Xe]:Ne,[_e]:Be,[Ue]:Ie,[Qe]:He,[Ze]:Ye,[Ge]:qe,[He]:Qe,[Ye]:Ze,[qe]:Ge},_o={[Qe]:-45,[Ze]:-45,[Ge]:-45,[Ne]:45,[Be]:45,[Ie]:45,[He]:135,[Ye]:135,[qe]:135,[Xe]:-135,[_e]:-135,[Ue]:-135},Eo=e=>{let t;return/-/.test(e)?t=e.split("-").map(r=>r.charAt(0).toUpperCase()+r.slice(1)).join(""):t=e.charAt(0).toUpperCase()+e.slice(1),t},Co=e=>e.split("-")[0],zo=e=>pe[Co(e)],ur=e=>pe[e],So=e=>_o[ur(e)],Oo=(e,t,r)=>{Object.assign(e==null?void 0:e.style,{borderTopLeftRadius:"4px",zIndex:1,[`margin${Eo(zo(r))}`]:"-0.5px",transform:`rotate(${t}deg)`})},gr=8,Ve=24;async function gt(e){var o,i,a;if(!(e!=null&&e.isShowing)||(e!=null&&e.waitForDOM&&await(e==null?void 0:e.waitForDOM()),!(e!=null&&e.targetEl)||!(e!=null&&e.attentionEl)))return;let t=e==null?void 0:e.targetEl,r=e.attentionEl;return dr(t,r,{placement:(o=e==null?void 0:e.directionName)!=null?o:_e,middleware:[ir({mainAxis:(i=e==null?void 0:e.distance)!=null?i:8,crossAxis:(a=e==null?void 0:e.skidding)!=null?a:0}),(e==null?void 0:e.flip)&&ar({crossAxis:e==null?void 0:e.crossAxis,fallbackPlacements:e==null?void 0:e.fallbackPlacements}),(e==null?void 0:e.flip)&&nr({crossAxis:!0}),!(e!=null&&e.noArrow)&&(e==null?void 0:e.arrowEl)&&cr({element:e==null?void 0:e.arrowEl}),lr(),sr({apply(){Object.assign(r.style,{paddingRight:`${gr}px`,paddingLeft:`${gr}px`})}})]}).then(({x:n,y:s,middlewareData:l,placement:g})=>{if(e.actualDirection=g,e!=null&&e.isCallout||Object.assign(r.style,{left:`${n}px`,top:`${s}px`}),l!=null&&l.hide&&!(e!=null&&e.isCallout)){let{referenceHidden:c}=l.hide;Object.assign(r.style,{visibility:c?"hidden":""})}if(l!=null&&l.arrow&&(e!=null&&e.arrowEl)){let c=e==null?void 0:e.arrowEl,{x:u,y:p}=l.arrow,d=window.getComputedStyle(r).direction==="rtl",m=ur(g).split("-")[1],b="",f="",x="",y="";if(m==="start"){let k=typeof u=="number"?`calc(${Ve}px - ${c.offsetWidth/2}px)`:"";b=typeof p=="number"?`calc(${Ve}px - ${c.offsetWidth/2}px)`:"",f=d?k:"",y=d?"":k}else if(m==="end"){let k=typeof u=="number"?`calc(${Ve}px - ${c.offsetWidth/2}px)`:"";f=d?"":k,y=d?k:"",x=typeof p=="number"?`calc(${Ve}px - ${c.offsetWidth/2}px)`:""}else y=typeof u=="number"?`${u}px`:"",b=typeof p=="number"?`${p}px`:"";Object.assign(c.style,{top:b,right:f,bottom:x,left:y}),Oo(c,So(g),g)}}),e}import{css as Zo,html as fe,LitElement as Go,nothing as ht}from"lit";import{property as q}from"lit/decorators.js";import{ifDefined as Jo}from"lit/directives/if-defined.js";var Ao=["en","nb","fi","da","sv"],ut="en",Je=e=>Ao.find(t=>e===t||e.toLowerCase().includes(t))||ut;function Ke(){if(typeof window=="undefined"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Je(e)}try{let e=mr(document);if(e)return Je(e);let t=Lo();if(t)return Je(t);let r=mr(br());return r?Je(r):ut}catch(e){return console.warn("could not detect locale, falling back to source locale",e),ut}}var We=(e,t,r,o,i)=>{A.load("en",e),A.load("nb",t),A.load("fi",r),A.load("da",o),A.load("sv",i);let a=Ke();A.activate(a),hr(),To()},Do="warp-i18n-change";function hr(){typeof window!="undefined"&&window.dispatchEvent(new Event(Do))}var pr=!1;function To(){if(pr||typeof window=="undefined"||!(document!=null&&document.documentElement))return;pr=!0;let e=()=>{let i=Ke();A.locale!==i&&(A.activate(i),hr())},t=new MutationObserver(i=>{for(let a of i)if(a.type==="attributes"&&a.attributeName==="lang"){e();break}});t.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=br();r&&r.documentElement&&r!==document&&t.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=Ro();o&&t.observe(o,{attributes:!0,attributeFilter:["lang"]})}function br(){var e,t;try{return(t=(e=window.parent)==null?void 0:e.document)!=null?t:null}catch(r){return null}}function mr(e){var t,r;try{return(r=(t=e==null?void 0:e.documentElement)==null?void 0:t.lang)!=null?r:""}catch(o){return""}}function Ro(){var e;try{return(e=window.frameElement)!=null?e:null}catch(t){return null}}function Lo(){var e,t,r;try{return(r=(t=(e=window.frameElement)==null?void 0:e.getAttribute)==null?void 0:t.call(e,"lang"))!=null?r:""}catch(o){return""}}import{css as fr}from"lit";var be=fr`
9
+ `)),oe(l)&&Ot.test(l)?Lt(l):oe(l)?l:Jr(l,this._locale,this._locales)(r,o?.formats)}date(t,r){return at(this._locales||this._locale,t,r)}number(t,r){return rt(this._locales||this._locale,t,r)}};function oo(e={}){return new nt(e)}var O=oo();var Mt=["top","right","bottom","left"];var ee=Math.min,B=Math.max,we=Math.round;var G=e=>({x:e,y:e}),no={left:"right",right:"left",bottom:"top",top:"bottom"};function Le(e,t,r){return B(e,ee(t,r))}function ne(e,t){return typeof e=="function"?e(t):e}function te(e){return e.split("-")[0]}function le(e){return e.split("-")[1]}function st(e){return e==="x"?"y":"x"}function Re(e){return e==="y"?"height":"width"}function J(e){let t=e[0];return t==="t"||t==="b"?"y":"x"}function Te(e){return st(J(e))}function $t(e,t,r){r===void 0&&(r=!1);let o=le(e),n=Te(e),a=Re(n),i=n==="x"?o===(r?"end":"start")?"right":"left":o==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(i=ve(i)),[i,ve(i)]}function Ft(e){let t=ve(e);return[Oe(e),t,Oe(t)]}function Oe(e){return e.includes("start")?e.replace("start","end"):e.replace("end","start")}var Tt=["left","right"],Pt=["right","left"],io=["top","bottom"],ao=["bottom","top"];function so(e,t,r){switch(e){case"top":case"bottom":return r?t?Pt:Tt:t?Tt:Pt;case"left":case"right":return t?io:ao;default:return[]}}function jt(e,t,r,o){let n=le(e),a=so(te(e),r==="start",o);return n&&(a=a.map(i=>i+"-"+n),t&&(a=a.concat(a.map(Oe)))),a}function ve(e){let t=te(e);return no[t]+e.slice(t.length)}function lo(e){return{top:0,right:0,bottom:0,left:0,...e}}function lt(e){return typeof e!="number"?lo(e):{top:e,right:e,bottom:e,left:e}}function ce(e){let{x:t,y:r,width:o,height:n}=e;return{width:o,height:n,top:r,left:t,right:t+o,bottom:r+n,x:t,y:r}}function Vt(e,t,r){let{reference:o,floating:n}=e,a=J(t),i=Te(t),s=Re(i),l=te(t),u=a==="y",c=o.x+o.width/2-n.width/2,g=o.y+o.height/2-n.height/2,m=o[s]/2-n[s]/2,d;switch(l){case"top":d={x:c,y:o.y-n.height};break;case"bottom":d={x:c,y:o.y+o.height};break;case"right":d={x:o.x+o.width,y:g};break;case"left":d={x:o.x-n.width,y:g};break;default:d={x:o.x,y:o.y}}switch(le(t)){case"start":d[i]-=m*(r&&u?-1:1);break;case"end":d[i]+=m*(r&&u?-1:1);break}return d}async function It(e,t){var r;t===void 0&&(t={});let{x:o,y:n,platform:a,rects:i,elements:s,strategy:l}=e,{boundary:u="clippingAncestors",rootBoundary:c="viewport",elementContext:g="floating",altBoundary:m=!1,padding:d=0}=ne(t,e),p=lt(d),f=s[m?g==="floating"?"reference":"floating":g],x=ce(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement(f)))==null||r?f:f.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(s.floating)),boundary:u,rootBoundary:c,strategy:l})),_=g==="floating"?{x:o,y:n,width:i.floating.width,height:i.floating.height}:i.reference,C=await(a.getOffsetParent==null?void 0:a.getOffsetParent(s.floating)),D=await(a.isElement==null?void 0:a.isElement(C))?await(a.getScale==null?void 0:a.getScale(C))||{x:1,y:1}:{x:1,y:1},R=ce(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:_,offsetParent:C,strategy:l}):_);return{top:(x.top-R.top+p.top)/D.y,bottom:(R.bottom-x.bottom+p.bottom)/D.y,left:(x.left-R.left+p.left)/D.x,right:(R.right-x.right+p.right)/D.x}}var co=50,Ht=async(e,t,r)=>{let{placement:o="bottom",strategy:n="absolute",middleware:a=[],platform:i}=r,s=i.detectOverflow?i:{...i,detectOverflow:It},l=await(i.isRTL==null?void 0:i.isRTL(t)),u=await i.getElementRects({reference:e,floating:t,strategy:n}),{x:c,y:g}=Vt(u,o,l),m=o,d=0,p={};for(let h=0;h<a.length;h++){let f=a[h];if(!f)continue;let{name:x,fn:_}=f,{x:C,y:D,data:R,reset:b}=await _({x:c,y:g,initialPlacement:o,placement:m,strategy:n,middlewareData:p,rects:u,platform:s,elements:{reference:e,floating:t}});c=C??c,g=D??g,p[x]={...p[x],...R},b&&d<co&&(d++,typeof b=="object"&&(b.placement&&(m=b.placement),b.rects&&(u=b.rects===!0?await i.getElementRects({reference:e,floating:t,strategy:n}):b.rects),{x:c,y:g}=Vt(u,m,l)),h=-1)}return{x:c,y:g,placement:m,strategy:n,middlewareData:p}},Yt=e=>({name:"arrow",options:e,async fn(t){let{x:r,y:o,placement:n,rects:a,platform:i,elements:s,middlewareData:l}=t,{element:u,padding:c=0}=ne(e,t)||{};if(u==null)return{};let g=lt(c),m={x:r,y:o},d=Te(n),p=Re(d),h=await i.getDimensions(u),f=d==="y",x=f?"top":"left",_=f?"bottom":"right",C=f?"clientHeight":"clientWidth",D=a.reference[p]+a.reference[d]-m[d]-a.floating[p],R=m[d]-a.reference[d],b=await(i.getOffsetParent==null?void 0:i.getOffsetParent(u)),w=b?b[C]:0;(!w||!await(i.isElement==null?void 0:i.isElement(b)))&&(w=s.floating[C]||a.floating[p]);let y=D/2-R/2,E=w/2-h[p]/2-1,z=ee(g[x],E),V=ee(g[_],E),j=z,N=w-h[p]-V,P=w/2-h[p]/2+y,L=Le(j,P,N),H=!l.arrow&&le(n)!=null&&P!==L&&a.reference[p]/2-(P<j?z:V)-h[p]/2<0,M=H?P<j?P-j:P-N:0;return{[d]:m[d]+M,data:{[d]:L,centerOffset:P-L-M,...H&&{alignmentOffset:M}},reset:H}}});var Xt=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var r,o;let{placement:n,middlewareData:a,rects:i,initialPlacement:s,platform:l,elements:u}=t,{mainAxis:c=!0,crossAxis:g=!0,fallbackPlacements:m,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:h=!0,...f}=ne(e,t);if((r=a.arrow)!=null&&r.alignmentOffset)return{};let x=te(n),_=J(s),C=te(s)===s,D=await(l.isRTL==null?void 0:l.isRTL(u.floating)),R=m||(C||!h?[ve(s)]:Ft(s)),b=p!=="none";!m&&b&&R.push(...jt(s,h,p,D));let w=[s,...R],y=await l.detectOverflow(t,f),E=[],z=((o=a.flip)==null?void 0:o.overflows)||[];if(c&&E.push(y[x]),g){let P=$t(n,i,D);E.push(y[P[0]],y[P[1]])}if(z=[...z,{placement:n,overflows:E}],!E.every(P=>P<=0)){var V,j;let P=(((V=a.flip)==null?void 0:V.index)||0)+1,L=w[P];if(L&&(!(g==="alignment"?_!==J(L):!1)||z.every(q=>J(q.placement)===_?q.overflows[0]>0:!0)))return{data:{index:P,overflows:z},reset:{placement:L}};let H=(j=z.filter(M=>M.overflows[0]<=0).sort((M,q)=>M.overflows[1]-q.overflows[1])[0])==null?void 0:j.placement;if(!H)switch(d){case"bestFit":{var N;let M=(N=z.filter(q=>{if(b){let U=J(q.placement);return U===_||U==="y"}return!0}).map(q=>[q.placement,q.overflows.filter(U=>U>0).reduce((U,Yr)=>U+Yr,0)]).sort((q,U)=>q[1]-U[1])[0])==null?void 0:N[0];M&&(H=M);break}case"initialPlacement":H=s;break}if(n!==H)return{reset:{placement:H}}}return{}}}};function Nt(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function Bt(e){return Mt.some(t=>e[t]>=0)}var qt=function(e){return e===void 0&&(e={}),{name:"hide",options:e,async fn(t){let{rects:r,platform:o}=t,{strategy:n="referenceHidden",...a}=ne(e,t);switch(n){case"referenceHidden":{let i=await o.detectOverflow(t,{...a,elementContext:"reference"}),s=Nt(i,r.reference);return{data:{referenceHiddenOffsets:s,referenceHidden:Bt(s)}}}case"escaped":{let i=await o.detectOverflow(t,{...a,altBoundary:!0}),s=Nt(i,r.floating);return{data:{escapedOffsets:s,escaped:Bt(s)}}}default:return{}}}}};var uo=new Set(["left","top"]);async function go(e,t){let{placement:r,platform:o,elements:n}=e,a=await(o.isRTL==null?void 0:o.isRTL(n.floating)),i=te(r),s=le(r),l=J(r)==="y",u=uo.has(i)?-1:1,c=a&&l?-1:1,g=ne(t,e),{mainAxis:m,crossAxis:d,alignmentAxis:p}=typeof g=="number"?{mainAxis:g,crossAxis:0,alignmentAxis:null}:{mainAxis:g.mainAxis||0,crossAxis:g.crossAxis||0,alignmentAxis:g.alignmentAxis};return s&&typeof p=="number"&&(d=s==="end"?p*-1:p),l?{x:d*c,y:m*u}:{x:m*u,y:d*c}}var Ut=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var r,o;let{x:n,y:a,placement:i,middlewareData:s}=t,l=await go(t,e);return i===((r=s.offset)==null?void 0:r.placement)&&(o=s.arrow)!=null&&o.alignmentOffset?{}:{x:n+l.x,y:a+l.y,data:{...l,placement:i}}}}},Qt=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){let{x:r,y:o,placement:n,platform:a}=t,{mainAxis:i=!0,crossAxis:s=!1,limiter:l={fn:x=>{let{x:_,y:C}=x;return{x:_,y:C}}},...u}=ne(e,t),c={x:r,y:o},g=await a.detectOverflow(t,u),m=J(te(n)),d=st(m),p=c[d],h=c[m];if(i){let x=d==="y"?"top":"left",_=d==="y"?"bottom":"right",C=p+g[x],D=p-g[_];p=Le(C,p,D)}if(s){let x=m==="y"?"top":"left",_=m==="y"?"bottom":"right",C=h+g[x],D=h-g[_];h=Le(C,h,D)}let f=l.fn({...t,[d]:p,[m]:h});return{...f,data:{x:f.x-r,y:f.y-o,enabled:{[d]:i,[m]:s}}}}}};var Zt=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){var r,o;let{placement:n,rects:a,platform:i,elements:s}=t,{apply:l=()=>{},...u}=ne(e,t),c=await i.detectOverflow(t,u),g=te(n),m=le(n),d=J(n)==="y",{width:p,height:h}=a.floating,f,x;g==="top"||g==="bottom"?(f=g,x=m===(await(i.isRTL==null?void 0:i.isRTL(s.floating))?"start":"end")?"left":"right"):(x=g,f=m==="end"?"top":"bottom");let _=h-c.top-c.bottom,C=p-c.left-c.right,D=ee(h-c[f],_),R=ee(p-c[x],C),b=!t.middlewareData.shift,w=D,y=R;if((r=t.middlewareData.shift)!=null&&r.enabled.x&&(y=C),(o=t.middlewareData.shift)!=null&&o.enabled.y&&(w=_),b&&!m){let z=B(c.left,0),V=B(c.right,0),j=B(c.top,0),N=B(c.bottom,0);d?y=p-2*(z!==0||V!==0?z+V:B(c.left,c.right)):w=h-2*(j!==0||N!==0?j+N:B(c.top,c.bottom))}await l({...t,availableWidth:y,availableHeight:w});let E=await i.getDimensions(s.floating);return p!==E.width||h!==E.height?{reset:{rects:!0}}:{}}}};function Me(){return typeof window<"u"}function ue(e){return Jt(e)?(e.nodeName||"").toLowerCase():"#document"}function I(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function K(e){var t;return(t=(Jt(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function Jt(e){return Me()?e instanceof Node||e instanceof I(e).Node:!1}function Q(e){return Me()?e instanceof Element||e instanceof I(e).Element:!1}function W(e){return Me()?e instanceof HTMLElement||e instanceof I(e).HTMLElement:!1}function Gt(e){return!Me()||typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof I(e).ShadowRoot}function me(e){let{overflow:t,overflowX:r,overflowY:o,display:n}=Z(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+r)&&n!=="inline"&&n!=="contents"}function Kt(e){return/^(table|td|th)$/.test(ue(e))}function xe(e){try{if(e.matches(":popover-open"))return!0}catch{}try{return e.matches(":modal")}catch{return!1}}var po=/transform|translate|scale|rotate|perspective|filter/,mo=/paint|layout|strict|content/,de=e=>!!e&&e!=="none",ct;function $e(e){let t=Q(e)?Z(e):e;return de(t.transform)||de(t.translate)||de(t.scale)||de(t.rotate)||de(t.perspective)||!Fe()&&(de(t.backdropFilter)||de(t.filter))||po.test(t.willChange||"")||mo.test(t.contain||"")}function Wt(e){let t=re(e);for(;W(t)&&!ge(t);){if($e(t))return t;if(xe(t))return null;t=re(t)}return null}function Fe(){return ct==null&&(ct=typeof CSS<"u"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),ct}function ge(e){return/^(html|body|#document)$/.test(ue(e))}function Z(e){return I(e).getComputedStyle(e)}function ye(e){return Q(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function re(e){if(ue(e)==="html")return e;let t=e.assignedSlot||e.parentNode||Gt(e)&&e.host||K(e);return Gt(t)?t.host:t}function er(e){let t=re(e);return ge(t)?e.ownerDocument?e.ownerDocument.body:e.body:W(t)&&me(t)?t:er(t)}function Pe(e,t,r){var o;t===void 0&&(t=[]),r===void 0&&(r=!0);let n=er(e),a=n===((o=e.ownerDocument)==null?void 0:o.body),i=I(n);if(a){let s=je(i);return t.concat(i,i.visualViewport||[],me(n)?n:[],s&&r?Pe(s):[])}else return t.concat(n,Pe(n,[],r))}function je(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function nr(e){let t=Z(e),r=parseFloat(t.width)||0,o=parseFloat(t.height)||0,n=W(e),a=n?e.offsetWidth:r,i=n?e.offsetHeight:o,s=we(r)!==a||we(o)!==i;return s&&(r=a,o=i),{width:r,height:o,$:s}}function ir(e){return Q(e)?e:e.contextElement}function be(e){let t=ir(e);if(!W(t))return G(1);let r=t.getBoundingClientRect(),{width:o,height:n,$:a}=nr(t),i=(a?we(r.width):r.width)/o,s=(a?we(r.height):r.height)/n;return(!i||!Number.isFinite(i))&&(i=1),(!s||!Number.isFinite(s))&&(s=1),{x:i,y:s}}var bo=G(0);function ar(e){let t=I(e);return!Fe()||!t.visualViewport?bo:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function ho(e,t,r){return t===void 0&&(t=!1),!r||t&&r!==I(e)?!1:t}function ke(e,t,r,o){t===void 0&&(t=!1),r===void 0&&(r=!1);let n=e.getBoundingClientRect(),a=ir(e),i=G(1);t&&(o?Q(o)&&(i=be(o)):i=be(e));let s=ho(a,r,o)?ar(a):G(0),l=(n.left+s.x)/i.x,u=(n.top+s.y)/i.y,c=n.width/i.x,g=n.height/i.y;if(a){let m=I(a),d=o&&Q(o)?I(o):o,p=m,h=je(p);for(;h&&o&&d!==p;){let f=be(h),x=h.getBoundingClientRect(),_=Z(h),C=x.left+(h.clientLeft+parseFloat(_.paddingLeft))*f.x,D=x.top+(h.clientTop+parseFloat(_.paddingTop))*f.y;l*=f.x,u*=f.y,c*=f.x,g*=f.y,l+=C,u+=D,p=I(h),h=je(p)}}return ce({width:c,height:g,x:l,y:u})}function Ve(e,t){let r=ye(e).scrollLeft;return t?t.left+r:ke(K(e)).left+r}function sr(e,t){let r=e.getBoundingClientRect(),o=r.left+t.scrollLeft-Ve(e,r),n=r.top+t.scrollTop;return{x:o,y:n}}function fo(e){let{elements:t,rect:r,offsetParent:o,strategy:n}=e,a=n==="fixed",i=K(o),s=t?xe(t.floating):!1;if(o===i||s&&a)return r;let l={scrollLeft:0,scrollTop:0},u=G(1),c=G(0),g=W(o);if((g||!g&&!a)&&((ue(o)!=="body"||me(i))&&(l=ye(o)),g)){let d=ke(o);u=be(o),c.x=d.x+o.clientLeft,c.y=d.y+o.clientTop}let m=i&&!g&&!a?sr(i,l):G(0);return{width:r.width*u.x,height:r.height*u.y,x:r.x*u.x-l.scrollLeft*u.x+c.x+m.x,y:r.y*u.y-l.scrollTop*u.y+c.y+m.y}}function vo(e){return Array.from(e.getClientRects())}function wo(e){let t=K(e),r=ye(e),o=e.ownerDocument.body,n=B(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),a=B(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight),i=-r.scrollLeft+Ve(e),s=-r.scrollTop;return Z(o).direction==="rtl"&&(i+=B(t.clientWidth,o.clientWidth)-n),{width:n,height:a,x:i,y:s}}var tr=25;function xo(e,t){let r=I(e),o=K(e),n=r.visualViewport,a=o.clientWidth,i=o.clientHeight,s=0,l=0;if(n){a=n.width,i=n.height;let c=Fe();(!c||c&&t==="fixed")&&(s=n.offsetLeft,l=n.offsetTop)}let u=Ve(o);if(u<=0){let c=o.ownerDocument,g=c.body,m=getComputedStyle(g),d=c.compatMode==="CSS1Compat"&&parseFloat(m.marginLeft)+parseFloat(m.marginRight)||0,p=Math.abs(o.clientWidth-g.clientWidth-d);p<=tr&&(a-=p)}else u<=tr&&(a+=u);return{width:a,height:i,x:s,y:l}}function yo(e,t){let r=ke(e,!0,t==="fixed"),o=r.top+e.clientTop,n=r.left+e.clientLeft,a=W(e)?be(e):G(1),i=e.clientWidth*a.x,s=e.clientHeight*a.y,l=n*a.x,u=o*a.y;return{width:i,height:s,x:l,y:u}}function rr(e,t,r){let o;if(t==="viewport")o=xo(e,r);else if(t==="document")o=wo(K(e));else if(Q(t))o=yo(t,r);else{let n=ar(e);o={x:t.x-n.x,y:t.y-n.y,width:t.width,height:t.height}}return ce(o)}function lr(e,t){let r=re(e);return r===t||!Q(r)||ge(r)?!1:Z(r).position==="fixed"||lr(r,t)}function ko(e,t){let r=t.get(e);if(r)return r;let o=Pe(e,[],!1).filter(s=>Q(s)&&ue(s)!=="body"),n=null,a=Z(e).position==="fixed",i=a?re(e):e;for(;Q(i)&&!ge(i);){let s=Z(i),l=$e(i);!l&&s.position==="fixed"&&(n=null),(a?!l&&!n:!l&&s.position==="static"&&!!n&&(n.position==="absolute"||n.position==="fixed")||me(i)&&!l&&lr(e,i))?o=o.filter(c=>c!==i):n=s,i=re(i)}return t.set(e,o),o}function _o(e){let{element:t,boundary:r,rootBoundary:o,strategy:n}=e,i=[...r==="clippingAncestors"?xe(t)?[]:ko(t,this._c):[].concat(r),o],s=rr(t,i[0],n),l=s.top,u=s.right,c=s.bottom,g=s.left;for(let m=1;m<i.length;m++){let d=rr(t,i[m],n);l=B(d.top,l),u=ee(d.right,u),c=ee(d.bottom,c),g=B(d.left,g)}return{width:u-g,height:c-l,x:g,y:l}}function Eo(e){let{width:t,height:r}=nr(e);return{width:t,height:r}}function Co(e,t,r){let o=W(t),n=K(t),a=r==="fixed",i=ke(e,!0,a,t),s={scrollLeft:0,scrollTop:0},l=G(0);function u(){l.x=Ve(n)}if(o||!o&&!a)if((ue(t)!=="body"||me(n))&&(s=ye(t)),o){let d=ke(t,!0,a,t);l.x=d.x+t.clientLeft,l.y=d.y+t.clientTop}else n&&u();a&&!o&&n&&u();let c=n&&!o&&!a?sr(n,s):G(0),g=i.left+s.scrollLeft-l.x-c.x,m=i.top+s.scrollTop-l.y-c.y;return{x:g,y:m,width:i.width,height:i.height}}function dt(e){return Z(e).position==="static"}function or(e,t){if(!W(e)||Z(e).position==="fixed")return null;if(t)return t(e);let r=e.offsetParent;return K(e)===r&&(r=r.ownerDocument.body),r}function cr(e,t){let r=I(e);if(xe(e))return r;if(!W(e)){let n=re(e);for(;n&&!ge(n);){if(Q(n)&&!dt(n))return n;n=re(n)}return r}let o=or(e,t);for(;o&&Kt(o)&&dt(o);)o=or(o,t);return o&&ge(o)&&dt(o)&&!$e(o)?r:o||Wt(e)||r}var So=async function(e){let t=this.getOffsetParent||cr,r=this.getDimensions,o=await r(e.floating);return{reference:Co(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Do(e){return Z(e).direction==="rtl"}var zo={convertOffsetParentRelativeRectToViewportRelativeRect:fo,getDocumentElement:K,getClippingRect:_o,getOffsetParent:cr,getElementRects:So,getClientRects:vo,getDimensions:Eo,getScale:be,isElement:Q,isRTL:Do};var dr=Ut;var ur=Qt,gr=Xt,pr=Zt,mr=qt,br=Yt;var hr=(e,t,r)=>{let o=new Map,n={platform:zo,...r},a={...n.platform,_c:o};return Ht(e,t,{...n,platform:a})};var Be="top-start",Ie="top",He="top-end",Ye="right-start",Xe="right",qe="right-end",Ue="bottom-start",_e="bottom",Qe="bottom-end",Ze="left-start",Ge="left",Je="left-end",ut=[Be,Ie,He,Ye,Xe,qe,Ue,_e,Qe,Ze,Ge,Je],pe={[Be]:Ue,[Ie]:_e,[He]:Qe,[Ue]:Be,[_e]:Ie,[Qe]:He,[Ze]:Ye,[Ge]:Xe,[Je]:qe,[Ye]:Ze,[Xe]:Ge,[qe]:Je},Ao={[Ze]:-45,[Ge]:-45,[Je]:-45,[Be]:45,[Ie]:45,[He]:45,[Ye]:135,[Xe]:135,[qe]:135,[Ue]:-135,[_e]:-135,[Qe]:-135},Oo=e=>{let t;return/-/.test(e)?t=e.split("-").map(r=>r.charAt(0).toUpperCase()+r.slice(1)).join(""):t=e.charAt(0).toUpperCase()+e.slice(1),t},Lo=e=>e.split("-")[0],Ro=e=>pe[Lo(e)],vr=e=>pe[e],To=e=>Ao[vr(e)],Po=(e,t,r)=>{Object.assign(e?.style,{borderTopLeftRadius:"4px",zIndex:1,[`margin${Oo(Ro(r))}`]:"-0.5px",transform:`rotate(${t}deg)`})},fr=8,Ne=24;async function gt(e){if(!e?.isShowing||(e?.waitForDOM&&await e?.waitForDOM(),!e?.targetEl||!e?.attentionEl))return;let t=e?.targetEl,r=e.attentionEl;return hr(t,r,{placement:e?.directionName??_e,middleware:[dr({mainAxis:e?.distance??8,crossAxis:e?.skidding??0}),e?.flip&&gr({crossAxis:e?.crossAxis,fallbackPlacements:e?.fallbackPlacements}),e?.flip&&ur({crossAxis:!0}),!e?.noArrow&&e?.arrowEl&&br({element:e?.arrowEl}),mr(),pr({apply(){Object.assign(r.style,{paddingRight:`${fr}px`,paddingLeft:`${fr}px`})}})]}).then(({x:o,y:n,middlewareData:a,placement:i})=>{if(e.actualDirection=i,e?.isCallout||Object.assign(r.style,{left:`${o}px`,top:`${n}px`}),a?.hide&&!e?.isCallout){let{referenceHidden:s}=a.hide;Object.assign(r.style,{visibility:s?"hidden":""})}if(a?.arrow&&e?.arrowEl){let s=e?.arrowEl,{x:l,y:u}=a.arrow,c=window.getComputedStyle(r).direction==="rtl",g=vr(i).split("-")[1],m="",d="",p="",h="";if(g==="start"){let f=typeof l=="number"?`calc(${Ne}px - ${s.offsetWidth/2}px)`:"";m=typeof u=="number"?`calc(${Ne}px - ${s.offsetWidth/2}px)`:"",d=c?f:"",h=c?"":f}else if(g==="end"){let f=typeof l=="number"?`calc(${Ne}px - ${s.offsetWidth/2}px)`:"";d=c?"":f,h=c?f:"",p=typeof u=="number"?`calc(${Ne}px - ${s.offsetWidth/2}px)`:""}else h=typeof l=="number"?`${l}px`:"",m=typeof u=="number"?`${u}px`:"";Object.assign(s.style,{top:m,right:d,bottom:p,left:h}),Po(s,To(i),i)}}),e}import{css as en,html as fe,LitElement as tn,nothing as yt}from"lit";import{property as X}from"lit/decorators.js";import{ifDefined as rn}from"lit/directives/if-defined.js";var Mo=["en","nb","fi","da","sv"],pt="en",Ke=e=>Mo.find(t=>e===t||e.toLowerCase().includes(t))||pt;function We(){if(typeof window>"u"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Ke(e)}try{let e=xr(document);if(e)return Ke(e);let t=Vo();if(t)return Ke(t);let r=xr(kr());return r?Ke(r):pt}catch(e){return console.warn("could not detect locale, falling back to source locale",e),pt}}var et=(e,t,r,o,n)=>{O.load("en",e),O.load("nb",t),O.load("fi",r),O.load("da",o),O.load("sv",n);let a=We();O.activate(a),yr(),Fo()},$o="warp-i18n-change";function yr(){typeof window>"u"||window.dispatchEvent(new Event($o))}var wr=!1;function Fo(){if(wr||typeof window>"u"||!document?.documentElement)return;wr=!0;let e=()=>{let n=We();O.locale!==n&&(O.activate(n),yr())},t=new MutationObserver(n=>{for(let a of n)if(a.type==="attributes"&&a.attributeName==="lang"){e();break}});t.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=kr();r&&r.documentElement&&r!==document&&t.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=jo();o&&t.observe(o,{attributes:!0,attributeFilter:["lang"]})}function kr(){try{return window.parent?.document??null}catch{return null}}function xr(e){try{return e?.documentElement?.lang??""}catch{return""}}function jo(){try{return window.frameElement??null}catch{return null}}function Vo(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as _r}from"lit";var he=_r`
10
10
  *,
11
11
  :before,
12
12
  :after {
@@ -279,7 +279,7 @@ Please compile your catalog first.
279
279
  svg {
280
280
  pointer-events: none;
281
281
  }
282
- `,zi=fr`*, :before, :after {
282
+ `,Rn=_r`*, :before, :after {
283
283
  --w-rotate: 0;
284
284
  --w-rotate-x: 0;
285
285
  --w-rotate-y: 0;
@@ -2445,7 +2445,7 @@ Please compile your catalog first.
2445
2445
  display: none
2446
2446
  }
2447
2447
  }
2448
- `;import{css as Po}from"lit";var vr=Po`
2448
+ `;import{css as No}from"lit";var Er=No`
2449
2449
  .place-self-auto {
2450
2450
  place-self: auto;
2451
2451
  }
@@ -3345,7 +3345,7 @@ Please compile your catalog first.
3345
3345
  padding-top: 4rem;
3346
3346
  padding-bottom: 4rem;
3347
3347
  }
3348
- `;var wr=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 xr=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 yr=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 kr=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 _r=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"]}');import{css as Mo}from"lit";var Er=Mo`*,: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}.bg-transparent{background-color:#0000}.bg-\\[--w-color-button-primary-background\\]{background-color:var(--w-color-button-primary-background)}.bg-\\[--w-color-callout-background\\]{background-color:var(--w-color-callout-background)}.bg-\\[--w-s-color-surface-elevated-300\\]{background-color:var(--w-s-color-surface-elevated-300)}.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-b-0{border-bottom-width:0}.border-r-0{border-right-width:0}.border-\\[--w-color-callout-border\\]{border-color:var(--w-color-callout-border)}.border-\\[--w-s-color-background-inverted\\]{border-color:var(--w-s-color-background-inverted)}.border-\\[--w-s-color-surface-elevated-300\\]{border-color:var(--w-s-color-surface-elevated-300)}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-tl-4{border-top-left-radius:4px}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.contents{display:contents}.hidden{display:none}.hover\\:underline:hover,.focus\\:underline:focus,.active\\:underline:active{text-decoration-line:underline}.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-\\[8px\\]{bottom:-8px}.-left-\\[8px\\]{left:-8px}.-right-\\[8px\\]{right:-8px}.-top-\\[8px\\]{top:-8px}.justify-center{justify-content:center}.absolute{position:absolute}.relative{position:relative}.static{position:static}.z-50{z-index:50}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-inverted{background-color:var(--w-s-color-background-inverted)}.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)}.drop-shadow-m{filter:drop-shadow(0 3px 8px #4040403d)drop-shadow(0 3px 6px #40404029)}.shadow-m{box-shadow:var(--w-shadow-m)}.h-\\[14px\\]{height:14px}.w-\\[14px\\]{width:14px}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-8{margin-left:.8rem}.p-16{padding:1.6rem}.p-4{padding:.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.font-bold{font-weight:700}.resize{resize:both}.translate-z-0{--w-translate-z:0rem;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))}.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}`;import{html as $o,LitElement as jo}from"lit";import{property as pt,state as Vo}from"lit/decorators.js";import{classMap as No}from"lit/directives/class-map.js";import{css as Fo}from"lit";var Cr=Fo`
3348
+ `;var Cr=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 Sr=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 Dr=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 zr=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 Ar=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"]}');import{css as Bo}from"lit";var Or=Bo`*,: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}.bg-transparent{background-color:#0000}.bg-\\[--w-color-button-primary-background\\]{background-color:var(--w-color-button-primary-background)}.bg-\\[--w-color-callout-background\\]{background-color:var(--w-color-callout-background)}.bg-\\[--w-s-color-surface-elevated-300\\]{background-color:var(--w-s-color-surface-elevated-300)}.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-b-0{border-bottom-width:0}.border-r-0{border-right-width:0}.border-\\[--w-color-callout-border\\]{border-color:var(--w-color-callout-border)}.border-\\[--w-s-color-background-inverted\\]{border-color:var(--w-s-color-background-inverted)}.border-\\[--w-s-color-surface-elevated-300\\]{border-color:var(--w-s-color-surface-elevated-300)}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-tl-4{border-top-left-radius:4px}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.contents{display:contents}.hidden{display:none}.hover\\:underline:hover,.focus\\:underline:focus,.active\\:underline:active{text-decoration-line:underline}.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-\\[8px\\]{bottom:-8px}.-left-\\[8px\\]{left:-8px}.-right-\\[8px\\]{right:-8px}.-top-\\[8px\\]{top:-8px}.justify-center{justify-content:center}.absolute{position:absolute}.relative{position:relative}.static{position:static}.z-50{z-index:50}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-inverted{background-color:var(--w-s-color-background-inverted)}.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)}.drop-shadow-m{filter:drop-shadow(0 3px 8px #4040403d)drop-shadow(0 3px 6px #40404029)}.shadow-m{box-shadow:var(--w-shadow-m)}.h-\\[14px\\]{height:14px}.w-\\[14px\\]{width:14px}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-8{margin-left:.8rem}.p-16{padding:1.6rem}.p-4{padding:.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.font-bold{font-weight:700}.resize{resize:both}.translate-z-0{--w-translate-z:0rem;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))}.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}`;import{html as Ho,LitElement as Yo}from"lit";import{property as mt,state as Xo}from"lit/decorators.js";import{classMap as qo}from"lit/directives/class-map.js";import{css as Io}from"lit";var Lr=Io`
3349
3349
  :host {
3350
3350
  display: inline-block;
3351
3351
  }
@@ -3370,485 +3370,345 @@ Please compile your catalog first.
3370
3370
  --w-icon-size: 32px;
3371
3371
  }
3372
3372
 
3373
- `;var mt=new Map,Bo='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Io(e,t={}){var o;let r=(o=t.responseParser)!=null?o:(i=>i.text());return mt.has(e)||mt.set(e,fetch(e).then(r)),mt.get(e)}var ne=class extends jo{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(r){let o=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${r}.svg`;try{let i=await Io(o);return new DOMParser().parseFromString(i,"text/html").body.querySelector("svg")}catch(i){return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(Bo,"text/html").body.firstElementChild),this.svg=r}render(){let r=this.size||"medium",o=this.name||"",i={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},a=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return $o`<div class="${No(i)}" style="${a}" part="w-${o.toLowerCase()}">${this.svg}</div>`}};ne.styles=[Cr],v([pt({type:String,reflect:!0})],ne.prototype,"name",2),v([pt({type:String,reflect:!0})],ne.prototype,"size",2),v([pt({type:String,reflect:!0,useDefault:!0})],ne.prototype,"locale",2),v([Vo()],ne.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",ne);var E=function(e,t,r,o){if(r==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?o:r==="a"?o.call(e):o?o.value:t.get(e)},L=function(e,t,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 t=="function"?e!==t||!i:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?i.call(e,r):i?i.value=r:t.set(e,r),r};function zr(e){var t,r,o,i,a,n,s,l,g,c,u,p,d,m,b,f,x,y,k;class z extends e{constructor(...h){var w,_,C;super(...h),t.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),s.set(this,!0),g.set(this,""),c.set(this,()=>{L(this,i,!0,"f"),L(this,r,!0,"f"),E(this,t,"m",f).call(this)}),u.set(this,()=>{L(this,r,!1,"f"),E(this,t,"m",x).call(this,this.shouldFormValueUpdate()?E(this,g,"f"):""),!this.validity.valid&&E(this,i,"f")&&L(this,o,!0,"f");let S=E(this,t,"m",f).call(this);this.validationMessageCallback&&this.validationMessageCallback(S?this.internals.validationMessage:"")}),p.set(this,()=>{var S;E(this,s,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),L(this,s,!1,"f")),L(this,i,!0,"f"),L(this,o,!0,"f"),E(this,t,"m",f).call(this),(S=this===null||this===void 0?void 0:this.validationMessageCallback)===null||S===void 0||S.call(this,this.showError?this.internals.validationMessage:"")}),d.set(this,void 0),m.set(this,!1),b.set(this,Promise.resolve()),(w=this.addEventListener)===null||w===void 0||w.call(this,"focus",E(this,c,"f")),(_=this.addEventListener)===null||_===void 0||_.call(this,"blur",E(this,u,"f")),(C=this.addEventListener)===null||C===void 0||C.call(this,"invalid",E(this,p,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let h=this.validators.map(C=>C.attribute).flat(),w=super.observedAttributes||[];return[...new Set([...w,...h])]}static getValidator(h){return this.validators.find(w=>w.attribute===h)||null}static getValidators(h){return this.validators.filter(w=>{var _;if(w.attribute===h||!((_=w.attribute)===null||_===void 0)&&_.includes(h))return!0})}get form(){return this.internals.form}get showError(){return E(this,t,"m",f).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(h,w,_){var C;(C=super.attributeChangedCallback)===null||C===void 0||C.call(this,h,w,_);let V=this.constructor.getValidators(h);V!=null&&V.length&&this.validationTarget&&this.setValue(E(this,g,"f"))}setValue(h){var w;L(this,o,!1,"f"),(w=this.validationMessageCallback)===null||w===void 0||w.call(this,""),L(this,g,h,"f");let C=this.shouldFormValueUpdate()?h:null;this.internals.setFormValue(C),E(this,t,"m",x).call(this,C),this.valueChangedCallback&&this.valueChangedCallback(C),E(this,t,"m",f).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(h=>h(E(this,b,"f")))}formResetCallback(){var h,w;L(this,i,!1,"f"),L(this,o,!1,"f"),E(this,t,"m",f).call(this),(h=this.resetFormControl)===null||h===void 0||h.call(this),(w=this.validationMessageCallback)===null||w===void 0||w.call(this,E(this,t,"m",f).call(this)?this.validationMessage:"")}}return r=new WeakMap,o=new WeakMap,i=new WeakMap,a=new WeakMap,n=new WeakMap,s=new WeakMap,g=new WeakMap,c=new WeakMap,u=new WeakMap,p=new WeakMap,d=new WeakMap,m=new WeakMap,b=new WeakMap,t=new WeakSet,l=function(){let h=this.getRootNode(),w=`${this.localName}[name="${this.getAttribute("name")}"]`;return h.querySelectorAll(w)},f=function(){if(this.hasAttribute("disabled"))return!1;let h=E(this,o,"f")||E(this,i,"f")&&!this.validity.valid&&!E(this,r,"f");return h&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),h},x=function(h){let w=this.constructor,_={},C=w.validators,S=[],V=C.some(D=>D.isValid instanceof Promise);E(this,m,"f")||(L(this,b,new Promise(D=>{L(this,d,D,"f")}),"f"),L(this,m,!0,"f")),E(this,a,"f")&&(E(this,a,"f").abort(),L(this,n,E(this,a,"f"),"f"));let $=new AbortController;L(this,a,$,"f");let N,P=!1;C.length&&(C.forEach(D=>{let H=D.key||"customError",M=D.isValid(this,h,$.signal);M instanceof Promise?(S.push(M),M.then(U=>{U!=null&&(_[H]=!U,N=E(this,t,"m",k).call(this,D,h),E(this,t,"m",y).call(this,_,N))})):(_[H]=!M,this.validity[H]!==!M&&(P=!0),!M&&!N&&(N=E(this,t,"m",k).call(this,D,h)))}),Promise.allSettled(S).then(()=>{var D;$!=null&&$.signal.aborted||(L(this,m,!1,"f"),(D=E(this,d,"f"))===null||D===void 0||D.call(this))}),(P||!V)&&E(this,t,"m",y).call(this,_,N))},y=function(h,w){if(this.validationTarget)this.internals.setValidity(h,w,this.validationTarget),L(this,s,!1,"f");else{if(this.internals.setValidity(h,w),this.internals.validity.valid)return;L(this,s,!0,"f")}},k=function(h,w){if(this.validityCallback){let _=this.validityCallback(h.key||"customError");if(_)return _}return h.message instanceof Function?h.message(this,w):h.message},z}import{html as et,LitElement as Fr,nothing as Uo}from"lit";import{property as j}from"lit/decorators.js";import{html as Yo,LitElement as Or,nothing as qo}from"lit";import{property as ae}from"lit/decorators.js";import{css as Ho}from"lit";var Sr=Ho`
3374
- /* If not a link variant this should look like a button */
3375
- :host(:not([variant="link"])) {
3376
- --_background: var(--background, var(--w-s-color-background));
3377
- --_background-hover: var(
3378
- --background-hover,
3379
- var(--w-s-color-background-hover)
3380
- );
3381
- --_background-active: var(
3382
- --background-active,
3383
- var(--w-s-color-background-active)
3384
- );
3385
- --_text-color: var(--color, var(--w-s-color-text-link));
3386
- --_text-color-hover: var(--color-hover, var(--w-s-color-text-link));
3387
- --_text-color-active: var(--color-active, var(--w-s-color-text-link));
3388
- --_border-width: var(--border-width, 2px);
3389
- --_border: var(--border, var(--w-s-color-border));
3390
- --_border-hover: var(--border-hover, var(--w-s-color-border-hover));
3391
- --_border-active: var(--border-active, var(--w-s-color-border-active));
3392
- --_border-radius: var(--border-radius, var(--w-button-radius-default, 8px));
3393
- --_font-size: var(--font-size, var(--w-font-size-m));
3394
- --_line-height: var(--line-height, var(--w-line-height-m));
3395
- --_font-weight: var(--font-weight, bold);
3396
- --_padding-x: var(--padding-x, 16px);
3397
- --_padding-y: var(--padding-y, 13px);
3398
- }
3399
-
3400
- :host(:not([variant="link"])) a {
3401
- display: inline-flex;
3402
- justify-content: center;
3403
- align-items: center;
3404
- text-align: center;
3405
- text-decoration: none;
3406
- cursor: pointer;
3407
- transition:
3373
+ `;var bt=new Map,Uo='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Qo(e,t={}){let r=t.responseParser??(o=>o.text());return bt.has(e)||bt.set(e,fetch(e).then(r)),bt.get(e)}var ie=class extends Yo{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(r){let o=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${r}.svg`;try{let n=await Qo(o);return new DOMParser().parseFromString(n,"text/html").body.querySelector("svg")}catch{return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(Uo,"text/html").body.firstElementChild),this.svg=r}render(){let r=this.size||"medium",o=this.name||"",n={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},a=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return Ho`<div class="${qo(n)}" style="${a}" part="w-${o.toLowerCase()}">${this.svg}</div>`}};ie.styles=[Lr],v([mt({type:String,reflect:!0})],ie.prototype,"name",2),v([mt({type:String,reflect:!0})],ie.prototype,"size",2),v([mt({type:String,reflect:!0,useDefault:!0})],ie.prototype,"locale",2),v([Xo()],ie.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",ie);var k=function(e,t,r,o){if(r==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?o:r==="a"?o.call(e):o?o.value:t.get(e)},T=function(e,t,r,o,n){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?n.call(e,r):n?n.value=r:t.set(e,r),r};function Rr(e){var t,r,o,n,a,i,s,l,u,c,g,m,d,p,h,f,x,_,C;class D extends e{constructor(...b){var w,y,E;super(...b),t.add(this),this.internals=this.attachInternals(),r.set(this,!1),o.set(this,!1),n.set(this,!1),a.set(this,void 0),i.set(this,void 0),s.set(this,!0),u.set(this,""),c.set(this,()=>{T(this,n,!0,"f"),T(this,r,!0,"f"),k(this,t,"m",f).call(this)}),g.set(this,()=>{T(this,r,!1,"f"),k(this,t,"m",x).call(this,this.shouldFormValueUpdate()?k(this,u,"f"):""),!this.validity.valid&&k(this,n,"f")&&T(this,o,!0,"f");let z=k(this,t,"m",f).call(this);this.validationMessageCallback&&this.validationMessageCallback(z?this.internals.validationMessage:"")}),m.set(this,()=>{var z;k(this,s,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),T(this,s,!1,"f")),T(this,n,!0,"f"),T(this,o,!0,"f"),k(this,t,"m",f).call(this),(z=this===null||this===void 0?void 0:this.validationMessageCallback)===null||z===void 0||z.call(this,this.showError?this.internals.validationMessage:"")}),d.set(this,void 0),p.set(this,!1),h.set(this,Promise.resolve()),(w=this.addEventListener)===null||w===void 0||w.call(this,"focus",k(this,c,"f")),(y=this.addEventListener)===null||y===void 0||y.call(this,"blur",k(this,g,"f")),(E=this.addEventListener)===null||E===void 0||E.call(this,"invalid",k(this,m,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let b=this.validators.map(E=>E.attribute).flat(),w=super.observedAttributes||[];return[...new Set([...w,...b])]}static getValidator(b){return this.validators.find(w=>w.attribute===b)||null}static getValidators(b){return this.validators.filter(w=>{var y;if(w.attribute===b||!((y=w.attribute)===null||y===void 0)&&y.includes(b))return!0})}get form(){return this.internals.form}get showError(){return k(this,t,"m",f).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(b,w,y){var E;(E=super.attributeChangedCallback)===null||E===void 0||E.call(this,b,w,y);let V=this.constructor.getValidators(b);V?.length&&this.validationTarget&&this.setValue(k(this,u,"f"))}setValue(b){var w;T(this,o,!1,"f"),(w=this.validationMessageCallback)===null||w===void 0||w.call(this,""),T(this,u,b,"f");let E=this.shouldFormValueUpdate()?b:null;this.internals.setFormValue(E),k(this,t,"m",x).call(this,E),this.valueChangedCallback&&this.valueChangedCallback(E),k(this,t,"m",f).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(b=>b(k(this,h,"f")))}formResetCallback(){var b,w;T(this,n,!1,"f"),T(this,o,!1,"f"),k(this,t,"m",f).call(this),(b=this.resetFormControl)===null||b===void 0||b.call(this),(w=this.validationMessageCallback)===null||w===void 0||w.call(this,k(this,t,"m",f).call(this)?this.validationMessage:"")}}return r=new WeakMap,o=new WeakMap,n=new WeakMap,a=new WeakMap,i=new WeakMap,s=new WeakMap,u=new WeakMap,c=new WeakMap,g=new WeakMap,m=new WeakMap,d=new WeakMap,p=new WeakMap,h=new WeakMap,t=new WeakSet,l=function(){let b=this.getRootNode(),w=`${this.localName}[name="${this.getAttribute("name")}"]`;return b.querySelectorAll(w)},f=function(){if(this.hasAttribute("disabled"))return!1;let b=k(this,o,"f")||k(this,n,"f")&&!this.validity.valid&&!k(this,r,"f");return b&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),b},x=function(b){let w=this.constructor,y={},E=w.validators,z=[],V=E.some(L=>L.isValid instanceof Promise);k(this,p,"f")||(T(this,h,new Promise(L=>{T(this,d,L,"f")}),"f"),T(this,p,!0,"f")),k(this,a,"f")&&(k(this,a,"f").abort(),T(this,i,k(this,a,"f"),"f"));let j=new AbortController;T(this,a,j,"f");let N,P=!1;E.length&&(E.forEach(L=>{let H=L.key||"customError",M=L.isValid(this,b,j.signal);M instanceof Promise?(z.push(M),M.then(U=>{U!=null&&(y[H]=!U,N=k(this,t,"m",C).call(this,L,b),k(this,t,"m",_).call(this,y,N))})):(y[H]=!M,this.validity[H]!==!M&&(P=!0),!M&&!N&&(N=k(this,t,"m",C).call(this,L,b)))}),Promise.allSettled(z).then(()=>{var L;j?.signal.aborted||(T(this,p,!1,"f"),(L=k(this,d,"f"))===null||L===void 0||L.call(this))}),(P||!V)&&k(this,t,"m",_).call(this,y,N))},_=function(b,w){if(this.validationTarget)this.internals.setValidity(b,w,this.validationTarget),T(this,s,!1,"f");else{if(this.internals.setValidity(b,w),this.internals.validity.valid)return;T(this,s,!0,"f")}},C=function(b,w){if(this.validityCallback){let y=this.validityCallback(b.key||"customError");if(y)return y}return b.message instanceof Function?b.message(this,w):b.message},D}import{html as tt,LitElement as Ir,nothing as Ko}from"lit";import{property as $,query as Wo}from"lit/decorators.js";import{html as Go,LitElement as Mr,nothing as Jo}from"lit";import{property as ae}from"lit/decorators.js";import{css as Zo}from"lit";import{css as Ee}from"lit";var ht=Ee`
3374
+ :host {
3375
+ display: inline-block;
3376
+
3377
+ /* Internal resolved vars (defaults) */
3378
+ --_bg: var(--w-c-button-bg, var(--w-s-color-background));
3379
+ --_bg-hover: var(--w-c-button-bg-hover, var(--w-s-color-background-hover));
3380
+ --_bg-active: var(--w-c-button-bg-active, var(--w-s-color-background-active));
3381
+
3382
+ --_color: var(--w-c-button-color, var(--w-s-color-text-link));
3383
+ --_color-hover: var(--w-c-button-color-hover, var(--_color));
3384
+ --_color-active: var(--w-c-button-color-active, var(--_color));
3385
+
3386
+ --_border-width: var(--w-c-button-border-width, 2px);
3387
+ --_border-color: var(--w-c-button-border-color, var(--w-s-color-border));
3388
+ --_border-color-hover: var(--w-c-button-border-color-hover, var(--w-s-color-border-hover));
3389
+ --_border-color-active: var(--w-c-button-border-color-active, var(--w-s-color-border-active));
3390
+
3391
+ --_radius: var(--w-c-button-radius, 8px);
3392
+
3393
+ --_font-size: var(--w-c-button-font-size, var(--w-font-size-m));
3394
+ --_line-height: var(--w-c-button-line-height, var(--w-line-height-m));
3395
+ --_font-weight: var(--w-c-button-font-weight, 700);
3396
+
3397
+ --_pad-x: var(--w-c-button-padding-x, 16px);
3398
+ --_pad-y: var(--w-c-button-padding-y, 13px);
3399
+
3400
+ --_outline-width: var(--w-c-button-outline-width, 2px);
3401
+ --_outline-color: var(--w-c-button-outline-color, var(--w-s-color-border-focus));
3402
+ --_outline-offset: var(--w-c-button-outline-offset, var(--w-outline-offset, 1px));
3403
+
3404
+ --_transition: var(
3405
+ --w-c-button-transition,
3408
3406
  color 150ms cubic-bezier(0.4, 0, 0.2, 1),
3409
3407
  background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
3410
- border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
3411
- fill 150ms cubic-bezier(0.4, 0, 0.2, 1),
3412
- stroke 150ms cubic-bezier(0.4, 0, 0.2, 1);
3413
-
3414
- background-color: var(--_background);
3415
- color: var(--_text-color);
3416
- border: var(--_border-width) solid var(--_border);
3417
- border-radius: var(--_border-radius);
3418
- padding: calc(var(--_padding-y) - var(--_border-width))
3419
- calc(var(--_padding-x) - var(--_border-width));
3420
- font-size: var(--_font-size);
3421
- line-height: var(--_line-height);
3422
- font-weight: var(--_font-weight);
3408
+ border-color 150ms cubic-bezier(0.4, 0, 0.2, 1)
3409
+ );
3410
+
3411
+ /* Icon color for pill/icon-only variants (semantic; default dark grey icon) */
3412
+ --w-c-button-icon-color: var(--w-s-color-icon);
3423
3413
  }
3424
3414
 
3425
- :host(:not([variant="link"])) a:hover {
3426
- background-color: var(--_background-hover);
3427
- border-color: var(--_border-hover);
3428
- color: var(--_text-color-hover);
3415
+ :host(:focus-visible) {
3416
+ outline: none;
3417
+ }
3418
+ `,ft=Ee`
3419
+ :host([variant='primary']) {
3420
+ --w-c-button-bg: var(--w-s-color-background-primary);
3421
+ --w-c-button-bg-hover: var(--w-s-color-background-primary-hover);
3422
+ --w-c-button-bg-active: var(--w-s-color-background-primary-active);
3423
+ --w-c-button-color: var(--w-s-color-text-inverted);
3424
+ --w-c-button-border-width: 0px;
3429
3425
  }
3430
3426
 
3431
- :host(:not([variant="link"])) a:active {
3432
- background-color: var(--_background-active);
3433
- border-color: var(--_border-active);
3434
- color: var(--_text-color-active);
3427
+ :host([variant='negative']) {
3428
+ --w-c-button-bg: var(--w-s-color-background-negative);
3429
+ --w-c-button-bg-hover: var(--w-s-color-background-negative-hover);
3430
+ --w-c-button-bg-active: var(--w-s-color-background-negative-active);
3431
+ --w-c-button-color: var(--w-s-color-text-inverted);
3432
+ --w-c-button-border-width: 0px;
3435
3433
  }
3436
3434
 
3437
- :host(:not([variant="link"])) a:focus-visible {
3438
- outline: 2px solid var(--w-s-color-border-focus);
3439
- outline-offset: var(--w-outline-offset, 1px);
3440
- }
3441
-
3442
- /* Variants config */
3443
- :host([variant="primary"]) {
3444
- --background: var(--w-s-color-background-primary);
3445
- --background-hover: var(--w-s-color-background-primary-hover);
3446
- --background-active: var(--w-s-color-background-primary-active);
3447
- --color: var(--w-s-color-text-inverted);
3448
- --color-hover: var(--w-s-color-text-inverted);
3449
- --color-active: var(--w-s-color-text-inverted);
3450
- --border-width: 0px;
3451
- }
3452
- :host([variant="quiet"]),
3453
- :host([quiet]) /* deprecated, backwards compatibility, use variant="quiet" */ {
3454
- --background: transparent;
3455
- --color: var(--w-s-color-text-link);
3456
- --color-hover: var(--w-s-color-text-link-hover);
3457
- --color-active: var(--w-s-color-text-link-active);
3458
- --border-width: 0px;
3459
- }
3460
- :host([variant="negative"]) {
3461
- --background: var(--w-s-color-background-negative);
3462
- --background-hover: var(--w-s-color-background-negative-hover);
3463
- --background-active: var(--w-s-color-background-negative-active);
3464
- --color: var(--w-s-color-text-inverted);
3465
- --color-hover: var(--w-s-color-text-inverted);
3466
- --color-active: var(--w-s-color-text-inverted);
3467
- --border-width: 0px;
3468
- }
3469
- :host([variant="negativeQuiet"]),
3470
- :host([quiet][variant="negative"]) /* deprecated, backwards compatibility */ {
3471
- --background: transparent;
3472
- --background-hover: var(--w-s-color-background-negative-subtle-hover);
3473
- --background-active: var(--w-s-color-background-negative-subtle-active);
3474
- --color: var(--w-s-color-text-negative);
3475
- --color-hover: var(--w-s-color-text-negative);
3476
- --color-active: var(--w-s-color-text-negative);
3477
- --border-width: 0px;
3478
- }
3479
- :host([variant="utility"]) {
3480
- --background: var(--w-s-color-background);
3481
- --background-hover: var(--w-s-color-background-hover);
3482
- --background-active: var(--w-s-color-background-active);
3483
- --color: var(--w-s-color-text);
3484
- --color-hover: var(--w-s-color-text);
3485
- --color-active: var(--w-s-color-text);
3486
- --border-radius: var(--w-button-radius-utility, 4px);
3487
- --border-width: 1px;
3488
- }
3489
- :host([variant="utilityQuiet"]),
3490
- :host([quiet][variant="utility"]) /* deprecated, backwards compatibility */ {
3491
- --background: transparent;
3492
- --color: var(--w-s-color-text);
3493
- --color-hover: var(--w-s-color-text);
3494
- --color-active: var(--w-s-color-text);
3495
- --border-width: 0px;
3496
- }
3497
- :host([variant="overlay"]) {
3498
- --background: var(--w-color-background);
3499
- --background-hover: var(--w-color-background-hover);
3500
- --background-active: var(--w-color-background-active);
3501
- --color: var(--w-s-color-text);
3502
- --color-hover: var(--w-s-color-text);
3503
- --color-active: var(--w-s-color-text);
3504
- --border-radius: 9999px;
3505
- --border-width: 0px;
3506
- }
3507
- :host([variant="overlayQuiet"]),
3508
- :host([quiet][variant="overlay"]) /* deprecated, backwards compatibility */ {
3509
- --background: transparent;
3510
- --background-hover: var(--w-s-color-background-hover);
3511
- --background-active: var(--w-s-color-background-active);
3512
- --color: var(--w-s-color-text);
3513
- --color-hover: var(--w-s-color-text);
3514
- --color-active: var(--w-s-color-text);
3515
- --border-radius: 9999px;
3516
- --border-width: 0px;
3517
- }
3518
- :host([variant="overlayInverted"]) {
3519
- --background: var(--w-s-color-background-inverted);
3520
- --background-hover: var(--w-s-color-background-inverted-hover);
3521
- --background-active: var(--w-s-color-background-inverted-active);
3522
- --color: var(--w-s-color-text-inverted);
3523
- --color-hover: var(--w-s-color-text-inverted);
3524
- --color-active: var(--w-s-color-text-inverted);
3525
- --border-radius: 9999px;
3526
- --border-width: 0px;
3527
- }
3528
- :host([variant="overlayInvertedQuiet"]),
3529
- :host([quiet][variant="overlayInverted"]) /* deprecated, backwards compatibility */ {
3530
- --background: transparent;
3531
- --background-hover: var(--w-s-color-background-inverted-hover);
3532
- --background-active: var(--w-s-color-background-inverted-active);
3533
- --color: var(--w-s-color-text-inverted);
3534
- --color-hover: var(--w-s-color-text-inverted);
3535
- --color-active: var(--w-s-color-text-inverted);
3536
- --border-radius: 9999px;
3537
- --border-width: 0px;
3538
- }
3539
-
3540
- :host([variant="link"]) {
3541
- --background: none;
3542
- --background-hover: none;
3543
- --background-active: none;
3544
- --border-width: 0px;
3545
- --font-weight: normal;
3546
- display: inline;
3435
+ :host([variant='negativeQuiet']) {
3436
+ --w-c-button-bg: transparent;
3437
+ --w-c-button-bg-hover: var(--w-s-color-background-negative-subtle-hover);
3438
+ --w-c-button-bg-active: var(--w-s-color-background-negative-subtle-active);
3439
+ --w-c-button-color: var(--w-s-color-text-negative);
3440
+ --w-c-button-border-width: 0px;
3547
3441
  }
3548
3442
 
3549
- /* States config, selects --loading as well since loading is always supposed to be disabled */
3550
- :host(:disabled),
3551
- :host([disabled]) {
3552
- --background: var(--w-s-color-background-disabled);
3553
- --background-hover: var(--w-s-color-background-disabled);
3554
- --background-active: var(--w-s-color-background-disabled);
3555
- --color: var(--w-s-color-text-inverted);
3556
- --color-hover: var(--w-s-color-text-inverted);
3557
- --color-active: var(--w-s-color-text-inverted);
3558
- --border-width: 0px;
3559
- }
3560
-
3561
- :host(:disabled) a,
3562
- :host([disabled]) a {
3563
- cursor: not-allowed;
3564
- pointer-events: none;
3443
+ :host([variant='utility']) {
3444
+ --w-c-button-bg: var(--w-s-color-background);
3445
+ --w-c-button-color: var(--w-s-color-text);
3446
+ --w-c-button-radius: 4px;
3447
+ --w-c-button-border-width: 1px;
3565
3448
  }
3566
3449
 
3567
- :host([variant="link"]):hover a {
3568
- text-decoration: underline;
3450
+ :host([variant='utilityQuiet']) {
3451
+ --w-c-button-bg: transparent;
3452
+ --w-c-button-color: var(--w-s-color-text);
3453
+ --w-c-button-border-width: 0px;
3454
+ }
3455
+
3456
+ :host([variant='quiet']) {
3457
+ --w-c-button-bg: transparent;
3458
+ --w-c-button-border-width: 0px;
3459
+ }
3460
+
3461
+ :host([variant='overlay']) {
3462
+ --w-c-button-bg: var(--w-s-color-background);
3463
+ --w-c-button-bg-hover: var(--w-s-color-background-hover);
3464
+ --w-c-button-bg-active: var(--w-s-color-background-active);
3465
+ --w-c-button-color: var(--w-s-color-text);
3466
+ --w-c-button-radius: 9999px;
3467
+ --w-c-button-border-width: 0px;
3468
+ }
3469
+
3470
+ :host([variant='overlayInverted']) {
3471
+ --w-c-button-bg: var(--w-s-color-background-inverted);
3472
+ --w-c-button-bg-hover: var(--w-s-color-background-inverted-hover);
3473
+ --w-c-button-bg-active: var(--w-s-color-background-inverted-active);
3474
+ --w-c-button-color: var(--w-s-color-text-inverted);
3475
+ --w-c-button-radius: 9999px;
3476
+ --w-c-button-border-width: 0px;
3477
+ }
3478
+
3479
+ :host([variant='overlayQuiet']) {
3480
+ --w-c-button-bg: transparent;
3481
+ --w-c-button-bg-hover: var(--w-s-color-background-hover);
3482
+ --w-c-button-bg-active: var(--w-s-color-background-active);
3483
+ --w-c-button-color: var(--w-s-color-text);
3484
+ --w-c-button-radius: 9999px;
3485
+ --w-c-button-border-width: 0px;
3569
3486
  }
3570
3487
 
3571
- /* Sizes config */
3488
+ :host([variant='overlayInvertedQuiet']) {
3489
+ --w-c-button-bg: transparent;
3490
+ --w-c-button-bg-hover: var(--w-s-color-background-inverted-hover);
3491
+ --w-c-button-bg-active: var(--w-s-color-background-inverted-active);
3492
+ --w-c-button-color: var(--w-s-color-text-inverted);
3493
+ --w-c-button-radius: 9999px;
3494
+ --w-c-button-border-width: 0px;
3495
+ }
3496
+
3497
+ :host([variant='link']) {
3498
+ --w-c-button-bg: transparent;
3499
+ --w-c-button-border-width: 0px;
3500
+ --w-c-button-padding-x: 0px;
3501
+ --w-c-button-padding-y: 0px;
3502
+ --w-c-button-font-weight: 400;
3503
+
3504
+ --w-c-button-bg-hover: transparent;
3505
+ --w-c-button-bg-active: transparent;
3506
+
3507
+ --w-c-button-color: var(--w-s-color-text-link);
3508
+ --w-c-button-color-hover: var(--w-s-color-text-link-hover, var(--w-c-button-color));
3509
+ --w-c-button-color-active: var(--w-s-color-text-link-active, var(--w-c-button-color));
3510
+ }
3511
+ `,vt=Ee`
3572
3512
  :host([small]) {
3573
- --padding-x: 12px;
3574
- --padding-y: 8px;
3575
- --font-size: var(--w-font-size-xs);
3576
- --line-height: var(--w-line-height-xs);
3513
+ --w-c-button-padding-x: 12px;
3514
+ --w-c-button-padding-y: 8px;
3515
+ --w-c-button-font-size: var(--w-font-size-xs);
3516
+ --w-c-button-line-height: var(--w-line-height-xs);
3577
3517
  }
3518
+ `,wt=Ee`
3519
+ :host([disabled]) {
3520
+ pointer-events: none;
3578
3521
 
3579
- /* Width config */
3580
- :host([full-width]) a {
3581
- width: 100%;
3582
- max-width: 100%;
3522
+ --w-c-button-bg: var(--w-s-color-background-disabled);
3523
+ --w-c-button-bg-hover: var(--w-s-color-background-disabled);
3524
+ --w-c-button-bg-active: var(--w-s-color-background-disabled);
3525
+
3526
+ --w-c-button-color: var(--w-s-color-text-inverted);
3527
+ --w-c-button-border-width: 0px;
3583
3528
  }
3584
- `;var Ar=["primary","secondary","negative","negativeQuiet","utility","utilityQuiet","quiet","link","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],Y=class extends Or{constructor(){super(...arguments);this.autofocus=!1;this.small=!1;this.disabled=!1;this.fullWidth=!1}connectedCallback(){if(super.connectedCallback(),this.variant&&!Ar.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
3585
- ${Ar.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}render(){return Yo`
3586
- <a
3587
- href="${this.href}"
3588
- target="${this.target}"
3589
- rel="${this.target==="_blank"?this.rel||"noopener":qo}"
3590
- tabindex="0"
3591
- >
3592
- <slot></slot>
3593
- </a>
3594
- `}};Y.shadowRootOptions={...Or.shadowRootOptions,delegatesFocus:!0},Y.styles=[be,Sr],v([ae({type:Boolean,reflect:!0})],Y.prototype,"autofocus",2),v([ae({reflect:!0})],Y.prototype,"variant",2),v([ae({type:Boolean,reflect:!0})],Y.prototype,"small",2),v([ae({reflect:!0})],Y.prototype,"href",2),v([ae({type:Boolean,reflect:!0})],Y.prototype,"disabled",2),v([ae({reflect:!0})],Y.prototype,"target",2),v([ae({reflect:!0})],Y.prototype,"rel",2),v([ae({attribute:"full-width",type:Boolean,reflect:!0})],Y.prototype,"fullWidth",2);customElements.get("w-link")||customElements.define("w-link",Y);var Dr=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var Tr=JSON.parse('{"button.aria.loading":["Loading..."]}');var Rr=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var Lr=JSON.parse('{"button.aria.loading":["Laster..."]}');var Pr=JSON.parse('{"button.aria.loading":["Laddar ..."]}');import{css as Xo}from"lit";var Mr=Xo`
3595
- :host {
3596
- /* Local scoped variables, given the default button (the secondary variant) as a default */
3597
- --_background: var(--background, var(--w-s-color-background));
3598
- --_background-hover: var(
3599
- --background-hover,
3600
- var(--w-s-color-background-hover)
3601
- );
3602
- --_background-active: var(
3603
- --background-active,
3604
- var(--w-s-color-background-active)
3605
- );
3606
- --_text-color: var(--color, var(--w-s-color-text-link));
3607
- --_text-color-hover: var(--color-hover, var(--w-s-color-text-link));
3608
- --_text-color-active: var(--color-active, var(--w-s-color-text-link));
3609
- --_border-width: var(--border-width, 2px);
3610
- --_border: var(--border, var(--w-s-color-border));
3611
- --_border-hover: var(--border-hover, var(--w-s-color-border-hover));
3612
- --_border-active: var(--border-active, var(--w-s-color-border-active));
3613
- --_border-radius: var(--border-radius, var(--w-button-radius-default, 8px));
3614
- --_font-size: var(--font-size, var(--w-font-size-m));
3615
- --_line-height: var(--line-height, var(--w-line-height-m));
3616
- --_font-weight: var(--font-weight, bold);
3617
- --_padding-x: var(--padding-x, 16px);
3618
- --_padding-y: var(--padding-y, 13px);
3619
- }
3620
-
3621
- button {
3622
- /* Base setup for all buttons */
3529
+ `,Tr=Ee`
3530
+ ${ht}
3531
+
3532
+ /* ============================================================
3533
+ * Base element (NATIVE button mode ONLY)
3534
+ * ============================================================ */
3535
+ button[part='base'] {
3623
3536
  display: inline-flex;
3624
3537
  justify-content: center;
3625
3538
  align-items: center;
3626
3539
  text-align: center;
3540
+
3627
3541
  cursor: pointer;
3628
- transition:
3629
- color 150ms cubic-bezier(0.4, 0, 0.2, 1),
3630
- background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
3631
- border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
3632
- fill 150ms cubic-bezier(0.4, 0, 0.2, 1),
3633
- stroke 150ms cubic-bezier(0.4, 0, 0.2, 1);
3634
-
3635
- /* Hook the local vars up to the button stuff */
3636
- background-color: var(--_background);
3637
- color: var(--_text-color);
3638
- border: var(--_border-width) solid var(--_border);
3639
- border-radius: var(--_border-radius);
3640
- padding: calc(var(--_padding-y) - var(--_border-width))
3641
- calc(var(--_padding-x) - var(--_border-width));
3542
+
3543
+ background-color: var(--_bg);
3544
+ color: var(--_color);
3545
+
3546
+ border: var(--_border-width) solid var(--_border-color);
3547
+ border-radius: var(--_radius);
3548
+
3549
+ padding: calc(var(--_pad-y) - var(--_border-width))
3550
+ calc(var(--_pad-x) - var(--_border-width));
3551
+
3642
3552
  font-size: var(--_font-size);
3643
3553
  line-height: var(--_line-height);
3644
3554
  font-weight: var(--_font-weight);
3555
+
3556
+ transition: var(--_transition);
3645
3557
  }
3646
3558
 
3647
- button:hover {
3648
- background-color: var(--_background-hover);
3649
- border-color: var(--_border-hover);
3650
- color: var(--_text-color-hover);
3559
+ /* Optional: helps avoid "grew a bit" from slot typography differences */
3560
+ button[part='base'] ::slotted(*) {
3561
+ line-height: inherit;
3651
3562
  }
3652
3563
 
3653
- button:active {
3654
- background-color: var(--_background-active);
3655
- border-color: var(--_border-active);
3656
- color: var(--_text-color-active);
3564
+ /* ============================================================
3565
+ * Link mode wrapper (w-link host carries part="base" in button.ts)
3566
+ * Keep it layout-only to avoid double chrome.
3567
+ * ============================================================ */
3568
+ :host > w-link[part='base'] {
3569
+ display: inline-block;
3570
+ padding: 0;
3571
+ border: 0;
3572
+ background: transparent;
3657
3573
  }
3658
3574
 
3659
- button:focus-visible {
3660
- outline: 2px solid var(--w-s-color-border-focus);
3661
- outline-offset: var(--w-outline-offset, 1px);
3662
- }
3663
-
3664
- /* Variants config */
3665
- :host([variant="primary"]) {
3666
- --background: var(--w-s-color-background-primary);
3667
- --background-hover: var(--w-s-color-background-primary-hover);
3668
- --background-active: var(--w-s-color-background-primary-active);
3669
- --color: var(--w-s-color-text-inverted);
3670
- --color-hover: var(--w-s-color-text-inverted);
3671
- --color-active: var(--w-s-color-text-inverted);
3672
- --border-width: 0px;
3673
- }
3674
- :host([variant="quiet"]),
3675
- :host([quiet]) /* deprecated, backwards compatibility, use variant="quiet" */ {
3676
- --background: transparent;
3677
- --color: var(--w-s-color-text-link);
3678
- --color-hover: var(--w-s-color-text-link-hover);
3679
- --color-active: var(--w-s-color-text-link-active);
3680
- --border-width: 0px;
3681
- }
3682
- :host([variant="negative"]) {
3683
- --background: var(--w-s-color-background-negative);
3684
- --background-hover: var(--w-s-color-background-negative-hover);
3685
- --background-active: var(--w-s-color-background-negative-active);
3686
- --color: var(--w-s-color-text-inverted);
3687
- --color-hover: var(--w-s-color-text-inverted);
3688
- --color-active: var(--w-s-color-text-inverted);
3689
- --border-width: 0px;
3690
- }
3691
- :host([variant="negativeQuiet"]),
3692
- :host([quiet][variant="negative"]) /* deprecated, backwards compatibility */ {
3693
- --background: transparent;
3694
- --background-hover: var(--w-s-color-background-negative-subtle-hover);
3695
- --background-active: var(--w-s-color-background-negative-subtle-active);
3696
- --color: var(--w-s-color-text-negative);
3697
- --color-hover: var(--w-s-color-text-negative);
3698
- --color-active: var(--w-s-color-text-negative);
3699
- --border-width: 0px;
3700
- }
3701
- :host([variant="utility"]) {
3702
- --background: var(--w-s-color-background);
3703
- --background-hover: var(--w-s-color-background-hover);
3704
- --background-active: var(--w-s-color-background-active);
3705
- --color: var(--w-s-color-text);
3706
- --color-hover: var(--w-s-color-text);
3707
- --color-active: var(--w-s-color-text);
3708
- --border-radius: var(--w-button-radius-utility, 4px);
3709
- --border-width: 1px;
3710
- }
3711
- :host([variant="utilityQuiet"]),
3712
- :host([quiet][variant="utility"]) /* deprecated, backwards compatibility */ {
3713
- --background: transparent;
3714
- --color: var(--w-s-color-text);
3715
- --color-hover: var(--w-s-color-text);
3716
- --color-active: var(--w-s-color-text);
3717
- --border-width: 0px;
3718
- }
3719
- :host([variant="overlay"]) {
3720
- --background: var(--w-color-background);
3721
- --background-hover: var(--w-color-background-hover);
3722
- --background-active: var(--w-color-background-active);
3723
- --color: var(--w-s-color-text);
3724
- --color-hover: var(--w-s-color-text);
3725
- --color-active: var(--w-s-color-text);
3726
- --border-radius: 9999px;
3727
- --border-width: 0px;
3728
- }
3729
- :host([variant="overlayQuiet"]),
3730
- :host([quiet][variant="overlay"]) /* deprecated, backwards compatibility */ {
3731
- --background: transparent;
3732
- --background-hover: var(--w-s-color-background-hover);
3733
- --background-active: var(--w-s-color-background-active);
3734
- --color: var(--w-s-color-text);
3735
- --color-hover: var(--w-s-color-text);
3736
- --color-active: var(--w-s-color-text);
3737
- --border-radius: 9999px;
3738
- --border-width: 0px;
3739
- }
3740
- :host([variant="overlayInverted"]) {
3741
- --background: var(--w-s-color-background-inverted);
3742
- --background-hover: var(--w-s-color-background-inverted-hover);
3743
- --background-active: var(--w-s-color-background-inverted-active);
3744
- --color: var(--w-s-color-text-inverted);
3745
- --color-hover: var(--w-s-color-text-inverted);
3746
- --color-active: var(--w-s-color-text-inverted);
3747
- --border-radius: 9999px;
3748
- --border-width: 0px;
3749
- }
3750
- :host([variant="overlayInvertedQuiet"]),
3751
- :host([quiet][variant="overlayInverted"]) /* deprecated, backwards compatibility */ {
3752
- --background: transparent;
3753
- --background-hover: var(--w-s-color-background-inverted-hover);
3754
- --background-active: var(--w-s-color-background-inverted-active);
3755
- --color: var(--w-s-color-text-inverted);
3756
- --color-hover: var(--w-s-color-text-inverted);
3757
- --color-active: var(--w-s-color-text-inverted);
3758
- --border-radius: 9999px;
3759
- --border-width: 0px;
3760
- }
3761
-
3762
- :host([variant="link"]) {
3763
- --background: none;
3764
- --background-hover: none;
3765
- --background-active: none;
3766
- --border-width: 0px;
3767
- --font-weight: normal;
3768
- display: inline;
3575
+ /* Hover / active (native button mode only) */
3576
+ :host(:not([disabled]):not([loading])) button[part='base']:hover {
3577
+ background-color: var(--_bg-hover);
3578
+ border-color: var(--_border-color-hover);
3579
+ color: var(--_color-hover);
3769
3580
  }
3770
3581
 
3771
- :host([variant="pill"]) {
3772
- --background: transparent;
3773
- --background-hover: var(--w-color-button-pill-background-hover); /** TODO: this should use a semantic token */
3774
- --background-active: var(--w-color-button-pill-background-active); /** TODO: this should use a semantic token */
3775
- --border-radius: 50%;
3776
- --border-width: 0px;
3777
- --color: var(--w-s-color-icon);
3778
- --color-hover: var(--w-s-color-icon-hover);
3779
- --color-active: var(--w-s-color-icon-active);
3780
- --padding-x: 14px; /* get a total height and width of 44px, matching atomic CSS variant */
3781
- --padding-y: 14px;
3582
+ :host(:not([disabled]):not([loading])) button[part='base']:active {
3583
+ background-color: var(--_bg-active);
3584
+ border-color: var(--_border-color-active);
3585
+ color: var(--_color-active);
3782
3586
  }
3783
3587
 
3784
- /* States config, selects --loading as well since loading is always supposed to be disabled */
3785
- :host(:disabled),
3786
- :host([disabled]) {
3787
- --background: var(--w-s-color-background-disabled);
3788
- --background-hover: var(--w-s-color-background-disabled);
3789
- --background-active: var(--w-s-color-background-disabled);
3790
- --color: var(--w-s-color-text-inverted);
3791
- --color-hover: var(--w-s-color-text-inverted);
3792
- --color-active: var(--w-s-color-text-inverted);
3793
- --border-width: 0px;
3794
- }
3795
-
3796
- :host(:disabled) button,
3797
- :host([disabled]) button {
3798
- cursor: not-allowed;
3799
- pointer-events: none;
3588
+ :host(:focus-visible) button[part='base'] {
3589
+ outline: var(--_outline-width) solid var(--_outline-color);
3590
+ outline-offset: var(--_outline-offset);
3800
3591
  }
3801
3592
 
3802
- :host([loading]) {
3803
- --background: var(--w-s-color-background-subtle);
3804
- --background-hover: var(--w-s-color-background-subtle);
3805
- --background-active: var(--w-s-color-background-subtle);
3806
- --color: var(--w-s-color-text);
3807
- --color-hover: var(--w-s-color-text);
3808
- --color-active: var(--w-s-color-text);
3809
- --border-width: 0px;
3593
+ /* ============================================================
3594
+ * Variants (shared + button-specific quiet mappings)
3595
+ * ============================================================ */
3596
+ ${ft}
3597
+
3598
+ /* Button-specific: quiet attribute backwards compatibility */
3599
+ :host([variant='negative'][quiet]) {
3600
+ --w-c-button-bg: transparent;
3601
+ --w-c-button-bg-hover: var(--w-s-color-background-negative-subtle-hover);
3602
+ --w-c-button-bg-active: var(--w-s-color-background-negative-subtle-active);
3603
+ --w-c-button-color: var(--w-s-color-text-negative);
3604
+ --w-c-button-border-width: 0px;
3810
3605
  }
3811
3606
 
3812
- :host([loading]) button {
3813
- cursor: wait;
3814
- pointer-events: none;
3607
+ :host([variant='utility'][quiet]) {
3608
+ --w-c-button-bg: transparent;
3609
+ --w-c-button-color: var(--w-s-color-text);
3610
+ --w-c-button-border-width: 0px;
3815
3611
  }
3816
3612
 
3817
- :host([variant="link"]):hover {
3818
- text-decoration: underline;
3613
+ /* Button-specific: pill variant */
3614
+ :host([variant='pill']) {
3615
+ --w-c-button-bg: transparent;
3616
+ --w-c-button-radius: 50%;
3617
+ --w-c-button-border-width: 0px;
3618
+ --w-c-button-padding-x: 14px;
3619
+ --w-c-button-padding-y: 14px;
3620
+
3621
+ /* pill uses semantic icon color (dark grey by default) */
3622
+ --w-c-button-color: var(--w-c-button-icon-color, var(--w-s-color-icon));
3819
3623
  }
3820
3624
 
3821
- /* Sizes config */
3822
- :host([small]) {
3823
- --padding-x: 12px;
3824
- --padding-y: 8px;
3825
- --font-size: var(--w-font-size-xs);
3826
- --line-height: var(--w-line-height-xs);
3625
+ /* Button-specific: link variant element styles */
3626
+ :host([variant='link']) button[part='base'] {
3627
+ display: inline;
3628
+ padding: 0;
3827
3629
  }
3828
3630
 
3829
- :host([small][variant="pill"]) {
3830
- --padding-x: 8px; /* get a total height and width of 32px, matching atomic CSS variant */
3831
- --padding-y: 8px;
3631
+ :host([variant='link']:not([disabled]):not([loading])) button[part='base']:hover {
3632
+ text-decoration: underline;
3633
+ background-color: transparent;
3634
+ border-color: transparent;
3635
+ color: var(--w-c-button-color-hover);
3832
3636
  }
3833
3637
 
3834
- /* Width config */
3835
- :host([full-width]) button {
3836
- width: 100%;
3837
- max-width: 100%;
3638
+ /* ===== Size ===== */
3639
+ ${vt}
3640
+
3641
+ :host([small][variant='pill']) {
3642
+ --w-c-button-padding-x: 8px;
3643
+ --w-c-button-padding-y: 8px;
3838
3644
  }
3839
3645
 
3840
- :host([has-icon-only]) {
3841
- --_padding-x: var(--_padding-y);
3646
+ /* ===== Layout ===== */
3647
+
3648
+ :host([full-width]) button[part='base'],
3649
+ :host([full-width]) > w-link[part='base'] {
3650
+ width: 100%;
3842
3651
  }
3843
3652
 
3844
- :host([has-icon-only]) button {
3845
- width: auto;
3846
- max-width: none;
3653
+ :host([icon-only]) button[part='base'] {
3847
3654
  aspect-ratio: 1 / 1;
3655
+ padding-left: calc(var(--w-c-button-padding-y) - var(--w-c-button-border-width, 0px));
3656
+ padding-right: calc(var(--w-c-button-padding-y) - var(--w-c-button-border-width, 0px));
3657
+ }
3658
+
3659
+ /* ============================================================
3660
+ * STATE OVERRIDES (must be last so they win over variants)
3661
+ * Disabled first, Loading last (loading is disabled-like + visuals)
3662
+ *
3663
+ * IMPORTANT:
3664
+ * Some variant selectors are more specific (e.g. [variant='negative']:not([quiet])).
3665
+ * To ensure states always win, we match similar specificity via extra attribute selectors.
3666
+ * ============================================================ */
3667
+
3668
+ /* ===== Disabled ===== */
3669
+ ${wt}
3670
+
3671
+ /* Additional specificity for button to override quiet variants */
3672
+ :host([disabled][variant]),
3673
+ :host([disabled][quiet]) {
3674
+ --w-c-button-bg: var(--w-s-color-background-disabled);
3675
+ --w-c-button-bg-hover: var(--w-s-color-background-disabled);
3676
+ --w-c-button-bg-active: var(--w-s-color-background-disabled);
3677
+
3678
+ --w-c-button-color: var(--w-s-color-text-inverted);
3679
+
3680
+ --w-c-button-border-width: 0px;
3681
+ --w-c-button-border-color: transparent;
3682
+ --w-c-button-border-color-hover: transparent;
3683
+ --w-c-button-border-color-active: transparent;
3684
+
3685
+ --w-c-button-color-hover: var(--w-s-color-text-inverted);
3686
+ --w-c-button-color-active: var(--w-s-color-text-inverted);
3848
3687
  }
3849
3688
 
3850
- /* Copy of loading animation from warp */
3851
- :host([loading]) button {
3689
+ /* ===== Loading (wins over everything) ===== */
3690
+ :host([loading]),
3691
+ :host([loading][variant]),
3692
+ :host([loading][quiet]) {
3693
+ pointer-events: none;
3694
+
3695
+ /* Strong overrides so variants can't leak through */
3696
+ --w-c-button-bg: var(--w-s-color-background-subtle);
3697
+ --w-c-button-bg-hover: var(--w-s-color-background-subtle);
3698
+ --w-c-button-bg-active: var(--w-s-color-background-subtle);
3699
+
3700
+ --w-c-button-color: var(--w-s-color-text);
3701
+ --w-c-button-color-hover: var(--w-s-color-text);
3702
+ --w-c-button-color-active: var(--w-s-color-text);
3703
+
3704
+ --w-c-button-border-width: 0px;
3705
+ --w-c-button-border-color: transparent;
3706
+ --w-c-button-border-color-hover: transparent;
3707
+ --w-c-button-border-color-active: transparent;
3708
+ }
3709
+
3710
+ /* Loading stripes (native button mode only) */
3711
+ :host([loading]) button[part='base'] {
3852
3712
  background-image: linear-gradient(
3853
3713
  135deg,
3854
3714
  rgba(0, 0, 0, 0.05) 25%,
@@ -3863,6 +3723,12 @@ ${Ar.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
3863
3723
  animation: animate-inprogress 3s linear infinite;
3864
3724
  }
3865
3725
 
3726
+ @media (prefers-reduced-motion: reduce) {
3727
+ :host([loading]) button[part='base'] {
3728
+ animation: none;
3729
+ }
3730
+ }
3731
+
3866
3732
  @keyframes animate-inprogress {
3867
3733
  0% {
3868
3734
  background-position: 0 0;
@@ -3871,8 +3737,92 @@ ${Ar.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
3871
3737
  background-position: 60px 0;
3872
3738
  }
3873
3739
  }
3874
- `;import{ifDefined as Qo}from"lit/directives/if-defined.js";var $r=["primary","secondary","negative","negativeQuiet","utility","pill","link","quiet","utilityQuiet","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],Ee,T=class extends zr(Fr){constructor(){super();this.autofocus=!1;this.quiet=!1;this.iconOnly=!1;this.small=!1;this.loading=!1;this.disabled=!1;this.fullWidth=!1;wt(this,Ee,null);We(Tr,Lr,Rr,Dr,Pr),this.ariaValueTextLoading=A.t({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(){super.connectedCallback();let r=this.variant||"secondary";if(!$r.includes(r))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
3875
- ${$r.join(", ")}.`);xt(this,Ee,this.value)}firstUpdated(){this.autofocus&&!this.href&&setTimeout(()=>this.focus(),0)}_handleButtonClick(){this.type==="submit"?this.internals.form.requestSubmit():this.type==="reset"&&this.internals.form.reset()}resetFormControl(){this.value=vt(this,Ee)}render(){let r=this.variant||"secondary";return et` ${this.href?et`
3740
+ `;var Pr=Zo`
3741
+ ${ht}
3742
+
3743
+ /* ============================================================
3744
+ * Link element (anchor with button styling)
3745
+ * ============================================================ */
3746
+ a[part='base'] {
3747
+ display: inline-flex;
3748
+ justify-content: center;
3749
+ align-items: center;
3750
+ text-align: center;
3751
+
3752
+ cursor: pointer;
3753
+ text-decoration: none;
3754
+
3755
+ background-color: var(--_bg);
3756
+ color: var(--_color);
3757
+
3758
+ border: var(--_border-width) solid var(--_border-color);
3759
+ border-radius: var(--_radius);
3760
+
3761
+ padding: calc(var(--_pad-y) - var(--_border-width))
3762
+ calc(var(--_pad-x) - var(--_border-width));
3763
+
3764
+ font-size: var(--_font-size);
3765
+ line-height: var(--_line-height);
3766
+ font-weight: var(--_font-weight);
3767
+
3768
+ transition: var(--_transition);
3769
+ }
3770
+
3771
+ :host(:not([disabled])) a[part='base']:hover {
3772
+ background-color: var(--_bg-hover);
3773
+ border-color: var(--_border-color-hover);
3774
+ color: var(--_color-hover);
3775
+ }
3776
+
3777
+ :host(:not([disabled])) a[part='base']:active {
3778
+ background-color: var(--_bg-active);
3779
+ border-color: var(--_border-color-active);
3780
+ color: var(--_color-active);
3781
+ }
3782
+
3783
+ :host(:focus-visible) a[part='base'] {
3784
+ outline: var(--_outline-width) solid var(--_outline-color);
3785
+ outline-offset: var(--_outline-offset);
3786
+ }
3787
+
3788
+ /* ===== Variants (shared from button) ===== */
3789
+ ${ft}
3790
+
3791
+ /* Link-specific: link variant element styles */
3792
+ :host([variant='link']) a[part='base'] {
3793
+ display: inline;
3794
+ padding: 0;
3795
+ }
3796
+
3797
+ :host([variant='link']:not([disabled])) a[part='base']:hover {
3798
+ text-decoration: underline;
3799
+ background-color: transparent;
3800
+ border-color: transparent;
3801
+ }
3802
+
3803
+ /* ===== Sizes (shared from button) ===== */
3804
+ ${vt}
3805
+
3806
+ /* ===== Layout ===== */
3807
+ :host([full-width]) a[part='base'] {
3808
+ width: 100%;
3809
+ }
3810
+
3811
+ /* ===== Disabled (shared from button) ===== */
3812
+ ${wt}
3813
+ `;var $r=["primary","secondary","negative","negativeQuiet","utility","utilityQuiet","quiet","link","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],Y=class extends Mr{constructor(){super(...arguments);this.autofocus=!1;this.small=!1;this.disabled=!1;this.fullWidth=!1}connectedCallback(){if(super.connectedCallback(),this.variant&&!$r.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
3814
+ ${$r.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}render(){return Go`
3815
+ <a
3816
+ href="${this.href}"
3817
+ part="base"
3818
+ target="${this.target}"
3819
+ rel="${this.target==="_blank"?this.rel||"noopener":Jo}"
3820
+ tabindex="0"
3821
+ >
3822
+ <slot></slot>
3823
+ </a>
3824
+ `}};Y.shadowRootOptions={...Mr.shadowRootOptions,delegatesFocus:!0},Y.styles=[he,Pr],v([ae({type:Boolean,reflect:!0})],Y.prototype,"autofocus",2),v([ae({reflect:!0})],Y.prototype,"variant",2),v([ae({type:Boolean,reflect:!0})],Y.prototype,"small",2),v([ae({reflect:!0})],Y.prototype,"href",2),v([ae({type:Boolean,reflect:!0})],Y.prototype,"disabled",2),v([ae({reflect:!0})],Y.prototype,"target",2),v([ae({reflect:!0})],Y.prototype,"rel",2),v([ae({attribute:"full-width",type:Boolean,reflect:!0})],Y.prototype,"fullWidth",2);customElements.get("w-link")||customElements.define("w-link",Y);import{ifDefined as xt}from"lit/directives/if-defined.js";var Fr=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var jr=JSON.parse('{"button.aria.loading":["Loading..."]}');var Vr=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var Nr=JSON.parse('{"button.aria.loading":["Laster..."]}');var Br=JSON.parse('{"button.aria.loading":["Laddar ..."]}');var Hr=["primary","secondary","negative","negativeQuiet","utility","pill","link","quiet","utilityQuiet","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],Ce,S=class extends Rr(Ir){constructor(){super();this.autofocus=!1;this.quiet=!1;this.iconOnly=!1;this.small=!1;this.loading=!1;this.disabled=!1;this.fullWidth=!1;Ct(this,Ce,null);et(jr,Nr,Vr,Fr,Br),this.ariaValueTextLoading=O.t({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(){super.connectedCallback();let r=this.variant||"secondary";if(!Hr.includes(r))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
3825
+ ${Hr.join(", ")}.`);St(this,Ce,this.value)}closestWithId(r){let o=this.shadowRoot,n=null;try{for(;o;){if(n=o.getElementById(r),n)return n;o=o.getRootNode().host?.getRootNode()}}catch{}return document.getElementById(r)}firstUpdated(){this.autofocus&&!this.href&&setTimeout(()=>this.focus(),0),this.buttonEl&&this.commandfor&&(this.buttonEl.commandForElement=this.closestWithId(this.commandfor))}_handleButtonClick(){this.type==="submit"?this.internals.form.requestSubmit():this.type==="reset"&&this.internals.form.reset()}resetFormControl(){this.value=Et(this,Ce)}render(){let r=this.variant||"secondary";return tt` ${this.href?tt`
3876
3826
  <w-link
3877
3827
  href=${this.href}
3878
3828
  target=${this.target}
@@ -3886,23 +3836,26 @@ ${$r.join(", ")}.`);xt(this,Ee,this.value)}firstUpdated(){this.autofocus&&!this.
3886
3836
  >
3887
3837
  <slot></slot>
3888
3838
  </w-link>
3889
- `:et`
3839
+ `:tt`
3890
3840
  <button
3891
3841
  type=${this.type||"button"}
3892
- class=${Qo(this.buttonClass)}
3842
+ part="base"
3843
+ class=${xt(this.buttonClass)}
3893
3844
  @click="${this._handleButtonClick}"
3845
+ commandfor=${xt(this.commandfor)}
3846
+ command=${xt(this.command)}
3894
3847
  >
3895
3848
  <slot></slot>
3896
3849
  </button>
3897
3850
  `}
3898
- ${this.loading?et`<span
3851
+ ${this.loading?tt`<span
3899
3852
  class="sr-only"
3900
3853
  role="progressbar"
3901
3854
  aria-valuenow="{0}"
3902
3855
  aria-valuetext=${this.ariaValueTextLoading}
3903
- ></span>`:Uo}`}};Ee=new WeakMap,T.styles=[be,Mr],T.shadowRootOptions={...Fr.shadowRootOptions,delegatesFocus:!0},v([j({reflect:!0})],T.prototype,"type",2),v([j({type:Boolean,reflect:!0})],T.prototype,"autofocus",2),v([j({reflect:!0})],T.prototype,"variant",2),v([j({type:Boolean,reflect:!0})],T.prototype,"quiet",2),v([j({type:Boolean,reflect:!0,attribute:"icon-only"})],T.prototype,"iconOnly",2),v([j({type:Boolean,reflect:!0})],T.prototype,"small",2),v([j({type:Boolean,reflect:!0})],T.prototype,"loading",2),v([j({reflect:!0})],T.prototype,"href",2),v([j({reflect:!0})],T.prototype,"target",2),v([j({type:Boolean,reflect:!0})],T.prototype,"disabled",2),v([j({reflect:!0})],T.prototype,"rel",2),v([j({attribute:"full-width",type:Boolean,reflect:!0})],T.prototype,"fullWidth",2),v([j({attribute:"button-class",reflect:!0})],T.prototype,"buttonClass",2),v([j({reflect:!0})],T.prototype,"name",2),v([j({reflect:!0})],T.prototype,"value",2);customElements.get("w-button")||customElements.define("w-button",T);var Ko={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"},Ce="font-bold focusable justify-center transition-colors ease-in-out",qn={primary:`border-0 rounded-8 ${Ce}`,secondary:`border-2 rounded-8 ${Ce}`,utility:`border rounded-4 ${Ce}`,negative:`border-0 rounded-8 ${Ce}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${Ce}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${Ko.link}`},O={base:"border-2 relative flex items-center",tooltip:"s-bg-inverted border-[--w-s-color-background-inverted] shadow-m s-text-inverted 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"},Wo={"top-start":O.arrowDirectionTopStart,top:O.arrowDirectionTop,"top-end":O.arrowDirectionTopEnd,"right-start":O.arrowDirectionRightStart,right:O.arrowDirectionRight,"right-end":O.arrowDirectionRightEnd,"bottom-start":O.arrowDirectionBottomStart,bottom:O.arrowDirectionBottom,"bottom-end":O.arrowDirectionBottomEnd,"left-start":O.arrowDirectionLeftStart,left:O.arrowDirectionLeft,"left-end":O.arrowDirectionLeftEnd},F=class extends Go{constructor(){super();this.show=!1;this.tooltip=!1;this.callout=!1;this.highlight=!1;this.canClose=!1;this.noArrow=!1;this.flip=!1;this.crossAxis=!1;this.fallbackPlacements=[];this.attentionState=null;We(xr,kr,yr,wr,_r),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(pe).includes(this.placement))throw new Error(`Invalid "placement" attribute. Set its value to one of the following:
3904
- ${JSON.stringify(Object.keys(pe))}`);if(this.fallbackPlacements&&!this.fallbackPlacements.every(r=>dt.includes(r)))throw new Error(`Invalid "fallbackPlacements" attribute. Set its value to an array with one or more of the following:
3905
- ${JSON.stringify(dt)}`);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&&this.attentionState?gt(this.attentionState).then(r=>{this._actualDirection=r==null?void 0:r.actualDirection}):this._actualDirection=this._initialPlacement})}get _actualDirection(){return this.placement}set _actualDirection(r){this.placement=r}get _arrowEl(){return this.renderRoot.querySelector("#arrow")}get _arrowDirection(){return pe[this._actualDirection]}get _arrowClasses(){let r=Wo[this._arrowDirection];return ze([O.arrowBase,this._activeVariantClasses.arrow,r])}get _arrowHtml(){return this.noArrow?ht:fe`<div id="arrow" class="${this._arrowClasses}"></div>`}get _activeVariantClasses(){return this.callout?{wrapper:O.callout,arrow:O.arrowCallout}:this.popover?{wrapper:O.popover,arrow:O.arrowPopover}:this.tooltip?{wrapper:O.tooltip,arrow:O.arrowTooltip}:this.highlight?{wrapper:O.highlight,arrow:O.arrowHighlight}:{wrapper:"",arrow:""}}get _attentionEl(){return this.renderRoot.querySelector("#attention")}get _targetEl(){var i;let r=(i=this.renderRoot)==null?void 0:i.querySelector("slot[name='target']"),o=r==null?void 0:r.assignedElements()[0];return o instanceof HTMLElement?o:null}get _messageEl(){let r=this.renderRoot.querySelector("slot[name='message']"),o=r==null?void 0:r.assignedElements()[0];return o instanceof HTMLElement?o:null}get _wrapperClasses(){return ze([O.base,this._activeVariantClasses.wrapper])}get _ariaClose(){return A._({id:"attention.aria.close",message:"Close",comment:"Aria label for the close button in attention"})}get _closeBtnHtml(){return fe`
3856
+ ></span>`:Ko}`}};Ce=new WeakMap,S.styles=[he,Tr],S.shadowRootOptions={...Ir.shadowRootOptions,delegatesFocus:!0},v([$({reflect:!0})],S.prototype,"type",2),v([$({type:Boolean,reflect:!0})],S.prototype,"autofocus",2),v([$({reflect:!0})],S.prototype,"variant",2),v([$({type:Boolean,reflect:!0})],S.prototype,"quiet",2),v([$({type:Boolean,reflect:!0,attribute:"icon-only"})],S.prototype,"iconOnly",2),v([$({type:Boolean,reflect:!0})],S.prototype,"small",2),v([$({type:Boolean,reflect:!0})],S.prototype,"loading",2),v([$({reflect:!0})],S.prototype,"href",2),v([$({reflect:!0})],S.prototype,"target",2),v([$({type:Boolean,reflect:!0})],S.prototype,"disabled",2),v([$({reflect:!0})],S.prototype,"rel",2),v([$({attribute:"full-width",type:Boolean,reflect:!0})],S.prototype,"fullWidth",2),v([$({attribute:"button-class",reflect:!0})],S.prototype,"buttonClass",2),v([$({reflect:!0})],S.prototype,"name",2),v([$({reflect:!0})],S.prototype,"value",2),v([$()],S.prototype,"commandfor",2),v([$()],S.prototype,"command",2),v([Wo("button")],S.prototype,"buttonEl",2);customElements.get("w-button")||customElements.define("w-button",S);var on={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"},Se="font-bold focusable justify-center transition-colors ease-in-out",Ji={primary:`border-0 rounded-8 ${Se}`,secondary:`border-2 rounded-8 ${Se}`,utility:`border rounded-4 ${Se}`,negative:`border-0 rounded-8 ${Se}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${Se}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${on.link}`},A={base:"border-2 relative flex items-center",tooltip:"s-bg-inverted border-[--w-s-color-background-inverted] shadow-m s-text-inverted 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"},nn={"top-start":A.arrowDirectionTopStart,top:A.arrowDirectionTop,"top-end":A.arrowDirectionTopEnd,"right-start":A.arrowDirectionRightStart,right:A.arrowDirectionRight,"right-end":A.arrowDirectionRightEnd,"bottom-start":A.arrowDirectionBottomStart,bottom:A.arrowDirectionBottom,"bottom-end":A.arrowDirectionBottomEnd,"left-start":A.arrowDirectionLeftStart,left:A.arrowDirectionLeft,"left-end":A.arrowDirectionLeftEnd},F=class extends tn{constructor(){super();this.show=!1;this.tooltip=!1;this.callout=!1;this.highlight=!1;this.canClose=!1;this.noArrow=!1;this.flip=!1;this.crossAxis=!1;this.fallbackPlacements=[];this.attentionState=null;et(Sr,zr,Dr,Cr,Ar),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(pe).includes(this.placement))throw new Error(`Invalid "placement" attribute. Set its value to one of the following:
3857
+ ${JSON.stringify(Object.keys(pe))}`);if(this.fallbackPlacements&&!this.fallbackPlacements.every(r=>ut.includes(r)))throw new Error(`Invalid "fallbackPlacements" attribute. Set its value to an array with one or more of the following:
3858
+ ${JSON.stringify(ut)}`);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&&this.attentionState?gt(this.attentionState).then(r=>{this._actualDirection=r?.actualDirection}):this._actualDirection=this._initialPlacement})}get _actualDirection(){return this.placement}set _actualDirection(r){this.placement=r}get _arrowEl(){return this.renderRoot.querySelector("#arrow")}get _arrowDirection(){return pe[this._actualDirection]}get _arrowClasses(){let r=nn[this._arrowDirection];return De([A.arrowBase,this._activeVariantClasses.arrow,r])}get _arrowHtml(){return this.noArrow?yt:fe`<div id="arrow" class="${this._arrowClasses}"></div>`}get _activeVariantClasses(){return this.callout?{wrapper:A.callout,arrow:A.arrowCallout}:this.popover?{wrapper:A.popover,arrow:A.arrowPopover}:this.tooltip?{wrapper:A.tooltip,arrow:A.arrowTooltip}:this.highlight?{wrapper:A.highlight,arrow:A.arrowHighlight}:{wrapper:"",arrow:""}}get _attentionEl(){return this.renderRoot.querySelector("#attention")}get _targetEl(){let o=this.renderRoot?.querySelector("slot[name='target']")?.assignedElements()[0];return o instanceof HTMLElement?o:null}get _messageEl(){let o=this.renderRoot.querySelector("slot[name='message']")?.assignedElements()[0];return o instanceof HTMLElement?o:null}get _wrapperClasses(){return De([A.base,this._activeVariantClasses.wrapper])}get _ariaClose(){return O._({id:"attention.aria.close",message:"Close",comment:"Aria label for the close button in attention"})}get _closeBtnHtml(){return fe`
3906
3859
  <w-button
3907
3860
  aria-label="${this._ariaClose}"
3908
3861
  @click=${this.close}
@@ -3914,29 +3867,29 @@ ${JSON.stringify(dt)}`);setTimeout(()=>{this.requestUpdate(),this.handleDone()},
3914
3867
  <w-icon
3915
3868
  name="Close"
3916
3869
  size="small"
3917
- locale="${Ke()}"
3870
+ locale="${We()}"
3918
3871
  class="flex"></w-icon>
3919
3872
  </w-button>
3920
- `}updated(){this._attentionEl&&(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},gt(this.attentionState))}pointingAtDirection(){switch(pe[this._actualDirection]){case"top-start":case"top":case"top-end":return A._({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 A._({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 A._({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 A._({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 A._({id:"attention.aria.tooltip",message:"tooltip",comment:"Default screenreader message for tooltip in the attention component"});case this.callout:return A._({id:"attention.aria.callout",message:"callout speech bubble",comment:"Default screenreader message for callout speech bubble in the attention component"});case this.popover:return A._({id:"attention.aria.popover",message:"popover speech bubble",comment:"Default screenreader message for popover speech bubble in the attention component"});case this.highlight:return A._({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()}`}firstUpdated(){this._initialPlacement=this.placement,this.callout&&this._attentionEl&&(this._attentionEl.style.position="relative")}close(){let r=new CustomEvent("close",{bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(r))}keypressed(r){this.canClose&&r.key==="Escape"&&(r.preventDefault(),this.close())}render(){return!this.callout&&this._targetEl===void 0?fe``:fe`
3921
- <section class=${Jo(this.className?this.className:void 0)}>
3873
+ `}updated(){this._attentionEl&&(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},gt(this.attentionState))}pointingAtDirection(){switch(pe[this._actualDirection]){case"top-start":case"top":case"top-end":return O._({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 O._({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 O._({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 O._({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 O._({id:"attention.aria.tooltip",message:"tooltip",comment:"Default screenreader message for tooltip in the attention component"});case this.callout:return O._({id:"attention.aria.callout",message:"callout speech bubble",comment:"Default screenreader message for callout speech bubble in the attention component"});case this.popover:return O._({id:"attention.aria.popover",message:"popover speech bubble",comment:"Default screenreader message for popover speech bubble in the attention component"});case this.highlight:return O._({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()}`}firstUpdated(){this._initialPlacement=this.placement,this.callout&&this._attentionEl&&(this._attentionEl.style.position="relative")}close(){let r=new CustomEvent("close",{bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(r))}keypressed(r){this.canClose&&r.key==="Escape"&&(r.preventDefault(),this.close())}render(){return!this.callout&&this._targetEl===void 0?fe``:fe`
3874
+ <section class=${rn(this.className?this.className:void 0)}>
3922
3875
  ${this.placement==="right-start"||this.placement==="right"||this.placement==="right-end"||this.placement==="bottom-start"||this.placement==="bottom"||this.placement==="bottom-end"?fe`
3923
3876
  <slot name="target"></slot>
3924
3877
 
3925
3878
  <div id="attention" class="${this._wrapperClasses}">
3926
3879
  <div role="${this.tooltip?"tooltip":"img"}" aria-label="${this.defaultAriaLabel()}">${this._arrowHtml}</div>
3927
3880
  <slot name="message"></slot>
3928
- ${this.canClose?this._closeBtnHtml:ht}
3881
+ ${this.canClose?this._closeBtnHtml:yt}
3929
3882
  </div>
3930
3883
  `:fe`
3931
3884
  <div id="attention" class="${this._wrapperClasses}">
3932
3885
  <slot name="message"></slot>
3933
3886
  <div role="${this.tooltip?"tooltip":"img"}" aria-label="${this.defaultAriaLabel()}">${this._arrowHtml}</div>
3934
- ${this.canClose?this._closeBtnHtml:ht}
3887
+ ${this.canClose?this._closeBtnHtml:yt}
3935
3888
  </div>
3936
3889
  <slot name="target"></slot>
3937
3890
  `}
3938
3891
  </section>
3939
- `}};F.styles=[be,vr,Er,Zo`
3892
+ `}};F.styles=[he,Er,Or,en`
3940
3893
  #attention {
3941
3894
  position: absolute;
3942
3895
  z-index: 50;
@@ -3946,5 +3899,5 @@ ${JSON.stringify(dt)}`);setTimeout(()=>{this.requestUpdate(),this.handleDone()},
3946
3899
  :host([popover]:not(:popover-open):not(dialog[open])) {
3947
3900
  display: contents;
3948
3901
  }
3949
- `],v([q({type:Boolean,reflect:!0})],F.prototype,"show",2),v([q({type:String,reflect:!1})],F.prototype,"placement",2),v([q({type:Boolean,reflect:!0})],F.prototype,"tooltip",2),v([q({type:Boolean,reflect:!0})],F.prototype,"callout",2),v([q({type:Boolean,reflect:!0})],F.prototype,"popover",2),v([q({type:Boolean,reflect:!0})],F.prototype,"highlight",2),v([q({attribute:"can-close",type:Boolean,reflect:!0})],F.prototype,"canClose",2),v([q({attribute:"no-arrow",type:Boolean,reflect:!0})],F.prototype,"noArrow",2),v([q({type:Number})],F.prototype,"distance",2),v([q({type:Number})],F.prototype,"skidding",2),v([q({type:Boolean,reflect:!0})],F.prototype,"flip",2),v([q({attribute:"cross-axis",type:Boolean,reflect:!0})],F.prototype,"crossAxis",2),v([q({attribute:"fallback-placements",type:Array,reflect:!0,useDefault:!0})],F.prototype,"fallbackPlacements",2);customElements.get("w-attention")||customElements.define("w-attention",F);export{F as WarpAttention};
3902
+ `],v([X({type:Boolean,reflect:!0})],F.prototype,"show",2),v([X({type:String,reflect:!1})],F.prototype,"placement",2),v([X({type:Boolean,reflect:!0})],F.prototype,"tooltip",2),v([X({type:Boolean,reflect:!0})],F.prototype,"callout",2),v([X({type:Boolean,reflect:!0})],F.prototype,"popover",2),v([X({type:Boolean,reflect:!0})],F.prototype,"highlight",2),v([X({attribute:"can-close",type:Boolean,reflect:!0})],F.prototype,"canClose",2),v([X({attribute:"no-arrow",type:Boolean,reflect:!0})],F.prototype,"noArrow",2),v([X({type:Number})],F.prototype,"distance",2),v([X({type:Number})],F.prototype,"skidding",2),v([X({type:Boolean,reflect:!0})],F.prototype,"flip",2),v([X({attribute:"cross-axis",type:Boolean,reflect:!0})],F.prototype,"crossAxis",2),v([X({attribute:"fallback-placements",type:Array,reflect:!0,useDefault:!0})],F.prototype,"fallbackPlacements",2);customElements.get("w-attention")||customElements.define("w-attention",F);export{F as WarpAttention};
3950
3903
  //# sourceMappingURL=attention.js.map