@designsystem-se/af 37.0.2-beta.0 → 37.0.2-beta.1

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 (249) hide show
  1. package/components/digi-bar-chart.js +1 -1
  2. package/components/digi-button.js +1 -1
  3. package/components/digi-calendar-datepicker.js +1 -1
  4. package/components/digi-calendar-week-view.js +1 -1
  5. package/components/digi-chart-line.js +1 -1
  6. package/components/digi-code-block.js +1 -1
  7. package/components/digi-code-example.js +2 -2
  8. package/components/digi-context-menu.js +1 -1
  9. package/components/digi-dialog.js +1 -1
  10. package/components/digi-form-category-filter.js +1 -1
  11. package/components/digi-form-checkbox.js +1 -1
  12. package/components/digi-form-error-list.js +2 -2
  13. package/components/digi-form-filter.js +3 -3
  14. package/components/digi-form-input-search.js +1 -1
  15. package/components/digi-form-select-filter.js +2 -2
  16. package/components/digi-header-avatar.js +1 -1
  17. package/components/digi-header-navigation.js +1 -1
  18. package/components/digi-header.js +4 -4
  19. package/components/digi-info-card-multi.js +1 -1
  20. package/components/digi-info-card.js +1 -1
  21. package/components/digi-link-internal.js +1 -1
  22. package/components/digi-navigation-pagination.js +1 -1
  23. package/components/digi-navigation-sidebar-button.js +1 -1
  24. package/components/digi-navigation-sidebar.js +1 -1
  25. package/components/digi-notification-alert.js +1 -1
  26. package/components/digi-tag.js +1 -1
  27. package/components/digi-tools-feedback.js +1 -1
  28. package/components/digi-tools-theme-provider.js +1 -1
  29. package/components/p-0139aa4e.js +66 -0
  30. package/components/{p-d2a95a3e.js → p-35dc20c4.js} +1 -1
  31. package/components/{p-29f63312.js → p-6bc35478.js} +1 -1
  32. package/components/p-a761b038.js +165 -0
  33. package/components/p-ae129206.js +163 -0
  34. package/components/{p-e756fda7.js → p-f5f26951.js} +1 -1
  35. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  36. package/dist/cjs/digi-button_83.cjs.entry.js +8198 -0
  37. package/dist/cjs/{digi-code-block.cjs.entry.js → digi-code-block_2.cjs.entry.js} +28 -9
  38. package/dist/cjs/digi-dialog.cjs.entry.js +2 -9
  39. package/dist/cjs/digi-form-error-list.cjs.entry.js +2 -9
  40. package/dist/cjs/digi-form-radiogroup.cjs.entry.js +80 -0
  41. package/dist/cjs/digi-form-receipt.cjs.entry.js +2 -9
  42. package/dist/cjs/digi-navigation-pagination.cjs.entry.js +2 -9
  43. package/dist/cjs/digi-notification-error-page.cjs.entry.js +2 -9
  44. package/dist/cjs/digi-tools-feedback.cjs.entry.js +2 -9
  45. package/dist/cjs/form-radiogroup-validation.enum-03a17d4d.js +9 -0
  46. package/dist/cjs/index-7a477838.js +8 -140
  47. package/dist/cjs/index.cjs.js +106 -113
  48. package/dist/cjs/loader.cjs.js +1 -1
  49. package/dist/cjs/{typography-variation.enum-e41bd69d.js → typography-variation.enum-d87d726d.js} +119 -8
  50. package/dist/collection/components/_button/button/button.css +4 -4
  51. package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css +15 -7
  52. package/dist/collection/components/_form/form-checkbox/form-checkbox.css +14 -6
  53. package/dist/collection/components/_form/form-filter/form-filter.css +1 -1
  54. package/dist/collection/components/_form/form-select-filter/form-select-filter.css +2 -2
  55. package/dist/collection/components/_header/header/header.js +2 -2
  56. package/dist/collection/components/_header/header-avatar/header-avatar.css +14 -6
  57. package/dist/collection/components/_info-card/info-card-multi/info-card-multi.css +1 -1
  58. package/dist/collection/components/_link/link-internal/link-internal.css +14 -6
  59. package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.js +3 -3
  60. package/dist/collection/design-tokens/components/_button.variables.scss +4 -4
  61. package/dist/collection/design-tokens/components/_calendar-datepicker.variables.scss +1 -1
  62. package/dist/collection/design-tokens/components/_form-filter.variables.scss +1 -1
  63. package/dist/collection/design-tokens/components/_form-select-filter.variables.scss +2 -2
  64. package/dist/collection/design-tokens/components/_info-card-multi.variables.scss +1 -1
  65. package/dist/collection/styles/src/_alias.mixin.scss +4 -0
  66. package/dist/collection/styles/src/themes/_common.mixin.scss +2 -2
  67. package/dist/collection/styles/src/themes/_theme-af25.mixin.scss +8 -4
  68. package/dist/digi-arbetsformedlingen/design-tokens/components/_button.variables.scss +4 -4
  69. package/dist/digi-arbetsformedlingen/design-tokens/components/_calendar-datepicker.variables.scss +1 -1
  70. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-filter.variables.scss +1 -1
  71. package/dist/digi-arbetsformedlingen/design-tokens/components/_form-select-filter.variables.scss +2 -2
  72. package/dist/digi-arbetsformedlingen/design-tokens/components/_info-card-multi.variables.scss +1 -1
  73. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.css +1 -1
  74. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  75. package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
  76. package/dist/digi-arbetsformedlingen/p-09169f17.entry.js +1 -0
  77. package/dist/digi-arbetsformedlingen/p-24fe2189.js +1 -0
  78. package/dist/digi-arbetsformedlingen/p-3066da42.entry.js +1 -0
  79. package/dist/digi-arbetsformedlingen/p-750ff498.entry.js +1 -0
  80. package/dist/digi-arbetsformedlingen/p-81bbd04c.entry.js +1 -0
  81. package/dist/digi-arbetsformedlingen/p-8f775593.entry.js +1 -0
  82. package/dist/digi-arbetsformedlingen/p-901a3527.entry.js +1 -0
  83. package/dist/digi-arbetsformedlingen/p-94a9a0f4.entry.js +1 -0
  84. package/dist/digi-arbetsformedlingen/p-a6009681.js +1 -0
  85. package/dist/digi-arbetsformedlingen/p-ec9e7c00.entry.js +1 -0
  86. package/dist/digi-arbetsformedlingen/p-f6edfd64.entry.js +1 -0
  87. package/dist/digi-arbetsformedlingen/styles/src/_alias.mixin.scss +4 -0
  88. package/dist/digi-arbetsformedlingen/styles/src/themes/_common.mixin.scss +2 -2
  89. package/dist/digi-arbetsformedlingen/styles/src/themes/_theme-af25.mixin.scss +8 -4
  90. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  91. package/dist/esm/digi-button_83.entry.js +8112 -0
  92. package/dist/esm/{digi-code-block.entry.js → digi-code-block_2.entry.js} +28 -10
  93. package/dist/esm/digi-dialog.entry.js +2 -9
  94. package/dist/esm/digi-form-error-list.entry.js +2 -9
  95. package/dist/esm/digi-form-radiogroup.entry.js +76 -0
  96. package/dist/esm/digi-form-receipt.entry.js +2 -9
  97. package/dist/esm/digi-navigation-pagination.entry.js +2 -9
  98. package/dist/esm/digi-notification-error-page.entry.js +2 -9
  99. package/dist/esm/digi-tools-feedback.entry.js +2 -9
  100. package/dist/esm/form-radiogroup-validation.enum-d790fc66.js +9 -0
  101. package/dist/esm/index-148a7577.js +8 -140
  102. package/dist/esm/index.js +2 -9
  103. package/dist/esm/loader.js +1 -1
  104. package/dist/esm/{typography-variation.enum-b07f76c9.js → typography-variation.enum-c5257524.js} +120 -9
  105. package/dist/types/components/_tools/tools-theme-provider/tools-theme-provider.d.ts +1 -1
  106. package/dist/types/components.d.ts +2 -2
  107. package/hydrate/index.js +10 -10
  108. package/hydrate/index.mjs +10 -10
  109. package/package.json +1 -1
  110. package/components/p-0d568c4b.js +0 -66
  111. package/components/p-606ba731.js +0 -165
  112. package/components/p-f77cb7ae.js +0 -163
  113. package/dist/cjs/digi-button_38.cjs.entry.js +0 -5759
  114. package/dist/cjs/digi-footer-card.cjs.entry.js +0 -29
  115. package/dist/cjs/digi-footer.cjs.entry.js +0 -64
  116. package/dist/cjs/digi-form-file-upload.cjs.entry.js +0 -588
  117. package/dist/cjs/digi-form-filter.cjs.entry.js +0 -248
  118. package/dist/cjs/digi-header-avatar.cjs.entry.js +0 -114
  119. package/dist/cjs/digi-header-navigation-item.cjs.entry.js +0 -27
  120. package/dist/cjs/digi-header-navigation.cjs.entry.js +0 -218
  121. package/dist/cjs/digi-header-notification.cjs.entry.js +0 -23
  122. package/dist/cjs/digi-header.cjs.entry.js +0 -134
  123. package/dist/cjs/digi-icon-accessibility-universal.cjs.entry.js +0 -30
  124. package/dist/cjs/digi-icon-bars.cjs.entry.js +0 -30
  125. package/dist/cjs/digi-icon-bell-filled.cjs.entry.js +0 -30
  126. package/dist/cjs/digi-icon-check-circle-solid_4.cjs.entry.js +0 -99
  127. package/dist/cjs/digi-icon-envelope.cjs.entry.js +0 -30
  128. package/dist/cjs/digi-icon-external-link-alt_2.cjs.entry.js +0 -60
  129. package/dist/cjs/digi-icon-globe.cjs.entry.js +0 -30
  130. package/dist/cjs/digi-icon-list-ul_6.cjs.entry.js +0 -145
  131. package/dist/cjs/digi-icon-notification-error_4.cjs.entry.js +0 -99
  132. package/dist/cjs/digi-icon-sign.cjs.entry.js +0 -30
  133. package/dist/cjs/digi-icon-spinner.cjs.entry.js +0 -31
  134. package/dist/cjs/digi-icon-x.cjs.entry.js +0 -30
  135. package/dist/cjs/digi-info-card-multi-container.cjs.entry.js +0 -22
  136. package/dist/cjs/digi-info-card-multi.cjs.entry.js +0 -58
  137. package/dist/cjs/digi-info-card.cjs.entry.js +0 -79
  138. package/dist/cjs/digi-layout-columns.cjs.entry.js +0 -33
  139. package/dist/cjs/digi-link-button.cjs.entry.js +0 -66
  140. package/dist/cjs/digi-link-internal.cjs.entry.js +0 -37
  141. package/dist/cjs/digi-logo.cjs.entry.js +0 -69
  142. package/dist/cjs/digi-media-image_2.cjs.entry.js +0 -167
  143. package/dist/cjs/digi-navigation-sidebar-button.cjs.entry.js +0 -30
  144. package/dist/cjs/digi-notification-alert.cjs.entry.js +0 -102
  145. package/dist/cjs/digi-tag-media.cjs.entry.js +0 -47
  146. package/dist/cjs/digi-title-logo.cjs.entry.js +0 -121
  147. package/dist/cjs/digi-util-breakpoint-observer.cjs.entry.js +0 -48
  148. package/dist/cjs/footer-card-variation.enum-99555edc.js +0 -8
  149. package/dist/cjs/form-validation-message-variation.enum-c5ec3e2d.js +0 -31
  150. package/dist/cjs/info-card-multi-type.enum-14746572.js +0 -8
  151. package/dist/cjs/info-card-variation.enum-64cef637.js +0 -24
  152. package/dist/cjs/layout-columns-variation.enum-65675649.js +0 -23
  153. package/dist/cjs/link-button-variation.enum-137785e3.js +0 -9
  154. package/dist/cjs/logo-variation.enum-607fadb4.js +0 -13
  155. package/dist/cjs/tag-media-icon.enum-372563c5.js +0 -11
  156. package/dist/digi-arbetsformedlingen/p-0501a287.entry.js +0 -1
  157. package/dist/digi-arbetsformedlingen/p-07303cb5.js +0 -1
  158. package/dist/digi-arbetsformedlingen/p-0f543000.entry.js +0 -1
  159. package/dist/digi-arbetsformedlingen/p-0f6c0360.js +0 -1
  160. package/dist/digi-arbetsformedlingen/p-13120f18.entry.js +0 -1
  161. package/dist/digi-arbetsformedlingen/p-16f09f62.entry.js +0 -1
  162. package/dist/digi-arbetsformedlingen/p-180663ef.entry.js +0 -1
  163. package/dist/digi-arbetsformedlingen/p-1a619dd3.entry.js +0 -1
  164. package/dist/digi-arbetsformedlingen/p-237cad1c.entry.js +0 -1
  165. package/dist/digi-arbetsformedlingen/p-26e8ea70.entry.js +0 -1
  166. package/dist/digi-arbetsformedlingen/p-286973f2.entry.js +0 -1
  167. package/dist/digi-arbetsformedlingen/p-290d1746.js +0 -1
  168. package/dist/digi-arbetsformedlingen/p-2a023831.js +0 -1
  169. package/dist/digi-arbetsformedlingen/p-3887bb40.js +0 -1
  170. package/dist/digi-arbetsformedlingen/p-3c0c5222.entry.js +0 -1
  171. package/dist/digi-arbetsformedlingen/p-3dafce70.entry.js +0 -1
  172. package/dist/digi-arbetsformedlingen/p-443e9415.entry.js +0 -1
  173. package/dist/digi-arbetsformedlingen/p-52a3c86a.entry.js +0 -1
  174. package/dist/digi-arbetsformedlingen/p-54d9bd3e.entry.js +0 -1
  175. package/dist/digi-arbetsformedlingen/p-5ca38506.entry.js +0 -1
  176. package/dist/digi-arbetsformedlingen/p-5eba5ec4.entry.js +0 -1
  177. package/dist/digi-arbetsformedlingen/p-61385dc4.entry.js +0 -1
  178. package/dist/digi-arbetsformedlingen/p-67e32cc2.entry.js +0 -1
  179. package/dist/digi-arbetsformedlingen/p-73a6be41.entry.js +0 -1
  180. package/dist/digi-arbetsformedlingen/p-76ec3619.entry.js +0 -1
  181. package/dist/digi-arbetsformedlingen/p-780519ec.entry.js +0 -1
  182. package/dist/digi-arbetsformedlingen/p-7888e12c.entry.js +0 -1
  183. package/dist/digi-arbetsformedlingen/p-7c116ffb.entry.js +0 -1
  184. package/dist/digi-arbetsformedlingen/p-800b764b.entry.js +0 -1
  185. package/dist/digi-arbetsformedlingen/p-814ca2ad.js +0 -1
  186. package/dist/digi-arbetsformedlingen/p-820e795b.js +0 -1
  187. package/dist/digi-arbetsformedlingen/p-82a89ca1.entry.js +0 -1
  188. package/dist/digi-arbetsformedlingen/p-84719680.entry.js +0 -1
  189. package/dist/digi-arbetsformedlingen/p-870c4f49.entry.js +0 -1
  190. package/dist/digi-arbetsformedlingen/p-8e1568c4.entry.js +0 -1
  191. package/dist/digi-arbetsformedlingen/p-8e47ac34.entry.js +0 -1
  192. package/dist/digi-arbetsformedlingen/p-9b6e8cf8.entry.js +0 -1
  193. package/dist/digi-arbetsformedlingen/p-9e56568b.entry.js +0 -1
  194. package/dist/digi-arbetsformedlingen/p-ac87daf1.entry.js +0 -1
  195. package/dist/digi-arbetsformedlingen/p-b328f60b.entry.js +0 -1
  196. package/dist/digi-arbetsformedlingen/p-b4bef936.entry.js +0 -1
  197. package/dist/digi-arbetsformedlingen/p-d9bcab5f.entry.js +0 -1
  198. package/dist/digi-arbetsformedlingen/p-df3a8ec4.entry.js +0 -1
  199. package/dist/digi-arbetsformedlingen/p-e2c92528.entry.js +0 -1
  200. package/dist/digi-arbetsformedlingen/p-e540b80f.entry.js +0 -1
  201. package/dist/digi-arbetsformedlingen/p-e5fee242.js +0 -1
  202. package/dist/digi-arbetsformedlingen/p-e7ee9bea.entry.js +0 -1
  203. package/dist/digi-arbetsformedlingen/p-eada91bf.entry.js +0 -1
  204. package/dist/digi-arbetsformedlingen/p-ee88e3f1.js +0 -1
  205. package/dist/digi-arbetsformedlingen/p-fa44ce49.entry.js +0 -1
  206. package/dist/digi-arbetsformedlingen/p-fe409f14.entry.js +0 -1
  207. package/dist/esm/digi-button_38.entry.js +0 -5718
  208. package/dist/esm/digi-footer-card.entry.js +0 -25
  209. package/dist/esm/digi-footer.entry.js +0 -60
  210. package/dist/esm/digi-form-file-upload.entry.js +0 -584
  211. package/dist/esm/digi-form-filter.entry.js +0 -244
  212. package/dist/esm/digi-header-avatar.entry.js +0 -110
  213. package/dist/esm/digi-header-navigation-item.entry.js +0 -23
  214. package/dist/esm/digi-header-navigation.entry.js +0 -214
  215. package/dist/esm/digi-header-notification.entry.js +0 -19
  216. package/dist/esm/digi-header.entry.js +0 -130
  217. package/dist/esm/digi-icon-accessibility-universal.entry.js +0 -26
  218. package/dist/esm/digi-icon-bars.entry.js +0 -26
  219. package/dist/esm/digi-icon-bell-filled.entry.js +0 -26
  220. package/dist/esm/digi-icon-check-circle-solid_4.entry.js +0 -92
  221. package/dist/esm/digi-icon-envelope.entry.js +0 -26
  222. package/dist/esm/digi-icon-external-link-alt_2.entry.js +0 -55
  223. package/dist/esm/digi-icon-globe.entry.js +0 -26
  224. package/dist/esm/digi-icon-list-ul_6.entry.js +0 -136
  225. package/dist/esm/digi-icon-notification-error_4.entry.js +0 -92
  226. package/dist/esm/digi-icon-sign.entry.js +0 -26
  227. package/dist/esm/digi-icon-spinner.entry.js +0 -27
  228. package/dist/esm/digi-icon-x.entry.js +0 -26
  229. package/dist/esm/digi-info-card-multi-container.entry.js +0 -18
  230. package/dist/esm/digi-info-card-multi.entry.js +0 -54
  231. package/dist/esm/digi-info-card.entry.js +0 -75
  232. package/dist/esm/digi-layout-columns.entry.js +0 -29
  233. package/dist/esm/digi-link-button.entry.js +0 -62
  234. package/dist/esm/digi-link-internal.entry.js +0 -33
  235. package/dist/esm/digi-logo.entry.js +0 -65
  236. package/dist/esm/digi-media-image_2.entry.js +0 -162
  237. package/dist/esm/digi-navigation-sidebar-button.entry.js +0 -26
  238. package/dist/esm/digi-notification-alert.entry.js +0 -98
  239. package/dist/esm/digi-tag-media.entry.js +0 -43
  240. package/dist/esm/digi-title-logo.entry.js +0 -117
  241. package/dist/esm/digi-util-breakpoint-observer.entry.js +0 -44
  242. package/dist/esm/footer-card-variation.enum-cc732148.js +0 -8
  243. package/dist/esm/form-validation-message-variation.enum-f7835fc5.js +0 -31
  244. package/dist/esm/info-card-multi-type.enum-07ee124f.js +0 -8
  245. package/dist/esm/info-card-variation.enum-2ccc52c1.js +0 -24
  246. package/dist/esm/layout-columns-variation.enum-34f7754e.js +0 -23
  247. package/dist/esm/link-button-variation.enum-84d4976f.js +0 -9
  248. package/dist/esm/logo-variation.enum-5b68b79f.js +0 -13
  249. package/dist/esm/tag-media-icon.enum-fefa191c.js +0 -11
@@ -1,248 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-7a477838.js');
6
- const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
7
- const logger_util = require('./logger.util-fdafc086.js');
8
- const detectClickOutside_util = require('./detectClickOutside.util-3e764eb3.js');
9
- const detectFocusOutside_util = require('./detectFocusOutside.util-03c62976.js');
10
- const text = require('./text-65b1b58c.js');
11
- require('./detectClosest.util-85b3507b.js');
12
-
13
- const formFilterCss = ".sc-digi-form-filter-h{--digi--form-filter--footer--background:var(--digi--color--background--secondary-accent);--digi--form-filter--scroll--max-height:18.75rem;--digi--form-filter--scroll--max-height--large:23.4275rem;--digi--form-filter--scroll--padding:var(--digi--padding--small);--digi--form-filter--reset-button--margin-left:var(--digi--padding--small);--digi--form-filter--legend__border-bottom:var(--digi--border-width--primary) solid var(--digi--color--divider--primary);--digi--form-filter--list--margin:0;--digi--form-filter--list--padding:var(--digi--gutter--small) 0 0 0;--digi--form-filter--item--margin:var(--digi--gutter--small) 0;--digi--form-filter--toggle-icon--transition:ease-in-out 0.2s all;--digi--form-filter--dropdown--box-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--form-filter--dropdown--border-radius:var(--digi--border--radius--primary);--digi--form-filter--dropdown--background:var(--digi--color--background--primary);--digi--form-filter--dropdown--min-width:18.75rem;--digi--form-filter--dropdown--margin-top:var(--digi--gutter--small);--digi--form-filter--dropdown--z-index:999;--digi--form-filter--toggle-button-indicator--color--default:transparent;--digi--form-filter--toggle-button-indicator--color--active:var(--digi--color--marking--indication--primary);--digi--form-filter--toggle-button-indicator--width:0.625rem;--digi--form-filter--toggle-button-indicator--height:0.625rem;--digi--form-filter--toggle-button-indicator--margin-right:var(--digi--margin--small);--digi--form-filter--toggle-button-indicator--margin-left:calc(var(--digi--margin--smaller) * -1);--digi--form-filter--toggle-button--text--margin-right:var(--digi--margin--smaller);--digi--form-filter--toggle-icon--width:0.875rem;--digi--form-filter--toggle-icon--height:0.875rem;--digi--form-filter--legend--font-weight:var(--digi--typography--preamble--font-weight--desktop);--digi--form-filter--legend--font-family:var(--digi--global--typography--font-family--default);--digi--form-filter--legend--font-size:var(--digi--typography--preamble--font-size--desktop)}.sc-digi-form-filter-h .digi-form-filter.sc-digi-form-filter{--INDICATOR--BACKGROUND:var(--digi--form-filter--toggle-button-indicator--color--default);--SCROLL--MAX-HEIGHT:var(--digi--form-filter--scroll--max-height);position:relative}.sc-digi-form-filter-h .digi-form-filter--open.sc-digi-form-filter .digi-form-filter__toggle-icon.sc-digi-form-filter{transform:rotate(-180deg)}.sc-digi-form-filter-h .digi-form-filter__toggle-icon.sc-digi-form-filter{transition:var(--digi--form-filter--toggle-icon--transition)}.sc-digi-form-filter-h .digi-form-filter__toggle-icon.sc-digi-form-filter-s>[slot^=icon],.sc-digi-form-filter-h .digi-form-filter__toggle-icon .sc-digi-form-filter-s>[slot^=icon]{--digi--icon--width:var(--digi--form-filter--toggle-icon--width);--digi--icon--height:var(--digi--form-filter--toggle-icon--height)}.sc-digi-form-filter-h .digi-form-filter__legend.sc-digi-form-filter{font-weight:var(--digi--form-filter--legend--font-weight);font-family:var(--digi--form-filter--legend--font-family);font-size:var(--digi--form-filter--legend--font-size)}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter{max-height:var(--SCROLL--MAX-HEIGHT);overflow-y:auto;padding:var(--digi--form-filter--scroll--padding);overflow-x:hidden}@media (min-width: 48rem){.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter{--SCROLL--MAX-HEIGHT:var(--digi--form-filter--scroll--max-height--large)}}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter fieldset.sc-digi-form-filter{border:none}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter legend.sc-digi-form-filter{width:100%;border-bottom:var(--digi--form-filter--legend__border-bottom);padding-bottom:0.25rem}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter .legend-hidden.sc-digi-form-filter{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-form-filter-h .digi-form-filter__footer.sc-digi-form-filter{display:flex;align-items:center;justify-content:center;background:var(--digi--form-filter--footer--background);padding:var(--digi--form-filter--scroll--padding)}.sc-digi-form-filter-h .digi-form-filter__reset-button.sc-digi-form-filter{display:inline-block;margin-left:var(--digi--form-filter--reset-button--margin-left)}.sc-digi-form-filter-h .digi-form-filter__dropdown.sc-digi-form-filter{min-width:var(--digi--form-filter--dropdown--min-width);position:absolute;z-index:var(--digi--form-filter--dropdown--z-index);background:var(--digi--form-filter--dropdown--background);border-radius:var(--digi--form-filter--dropdown--border-radius);box-shadow:var(--digi--form-filter--dropdown--box-shadow);overflow:hidden;margin-top:var(--digi--form-filter--dropdown--margin-top)}@media (min-width: 48rem){.sc-digi-form-filter-h .digi-form-filter__dropdown--right.sc-digi-form-filter{right:0}}.sc-digi-form-filter-h .digi-form-filter__dropdown--hidden.sc-digi-form-filter{display:none}.sc-digi-form-filter-h .digi-form-filter__toggle-button-indicator.sc-digi-form-filter:before{content:\"\";width:var(--digi--form-filter--toggle-button-indicator--width);height:var(--digi--form-filter--toggle-button-indicator--height);background:var(--INDICATOR--BACKGROUND);display:inline-block;margin-right:var(--digi--form-filter--toggle-button-indicator--margin-right);border-radius:50% 50%;overflow:hidden;margin-left:var(--digi--form-filter--toggle-button-indicator--margin-left)}.sc-digi-form-filter-h .digi-form-filter__toggle-button-indicator--active.sc-digi-form-filter{--INDICATOR--BACKGROUND:var(--digi--form-filter--toggle-button-indicator--color--active)}.sc-digi-form-filter-h .digi-form-filter__list.sc-digi-form-filter{margin:var(--digi--form-filter--list--margin);padding:var(--digi--form-filter--list--padding)}.sc-digi-form-filter-h .digi-form-filter__item.sc-digi-form-filter{display:block}.sc-digi-form-filter-h .digi-form-filter__toggle-button-text.sc-digi-form-filter{margin-right:var(--digi--form-filter--toggle-button--text--margin-right)}";
14
- const DigiFormFilterStyle0 = formFilterCss;
15
-
16
- const FormFilter = class {
17
- constructor(hostRef) {
18
- index.registerInstance(this, hostRef);
19
- this.afBlurFilter = index.createEvent(this, "afBlurFilter", 7);
20
- this.afSubmitFilter = index.createEvent(this, "afSubmitFilter", 7);
21
- this.afCloseFilter = index.createEvent(this, "afCloseFilter", 7);
22
- this.afResetFilter = index.createEvent(this, "afResetFilter", 7);
23
- this.afChangeFilter = index.createEvent(this, "afChangeFilter", 7);
24
- this.refs = {};
25
- this.listItems = [];
26
- this.checkedItems = [];
27
- this.tabItems = [];
28
- this.isActive = false;
29
- this.activeListItemIndex = 0;
30
- this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-filter');
31
- this.afFilterButtonText = undefined;
32
- this.afSubmitButtonText = undefined;
33
- this.afSubmitButtonTextAriaLabel = undefined;
34
- this.afResetButtonText = text._t.clear;
35
- this.afResetButtonTextAriaLabel = undefined;
36
- this.afHideResetButton = false;
37
- this.afAlignRight = undefined;
38
- this.afName = undefined;
39
- this.afFilterButtonAriaLabel = undefined;
40
- this.afFilterButtonAriaDescribedby = undefined;
41
- this.afAutofocus = undefined;
42
- this.afListItems = undefined;
43
- this.afCheckItems = [];
44
- }
45
- syncCheckItems() {
46
- this.checkedItems = this.afCheckItems;
47
- }
48
- handleListItems() {
49
- if (this.afListItems) {
50
- // via props
51
- this.setupListProps(this.afListItems);
52
- }
53
- else {
54
- // child elements
55
- this.setupListElements(this.slotRef.children);
56
- }
57
- }
58
- setupAccessibility() {
59
- // set default tabIndex to first filter
60
- if (this.tabItems.length === 0 && this.listItems.length > 0) {
61
- this.tabItems = [this.listItems.at(0).id];
62
- }
63
- }
64
- setupListProps(userItems) {
65
- try {
66
- if (Array.isArray(userItems)) {
67
- this.listItems = userItems;
68
- }
69
- else if (typeof userItems === 'string') {
70
- this.listItems = JSON.parse(userItems);
71
- }
72
- else {
73
- throw `Invalid type in "af-list-items" attribute`;
74
- }
75
- }
76
- catch (e) {
77
- logger_util.logger.warn(`Invalid JSON in "af-list-items" attribute`, this.hostElement, e);
78
- return;
79
- }
80
- }
81
- clickHandler(e) {
82
- var _a;
83
- const target = e.target;
84
- const rootId = (_a = this.refs.root) === null || _a === void 0 ? void 0 : _a.id;
85
- if (rootId) {
86
- if (detectClickOutside_util.detectClickOutside(target, `#${rootId}`) && this.isActive) {
87
- this.hideMenu();
88
- }
89
- }
90
- }
91
- focusoutHandler(e) {
92
- var _a;
93
- const target = e.target;
94
- const rootId = (_a = this.refs.root) === null || _a === void 0 ? void 0 : _a.id;
95
- const focusOutsideFilter = detectFocusOutside_util.detectFocusOutside(target, `#${rootId}`);
96
- if (focusOutsideFilter && this.isActive) {
97
- this.hideMenu();
98
- }
99
- else {
100
- this.afBlurFilter.emit({
101
- filterName: this.afName
102
- });
103
- }
104
- }
105
- setupListElements(collection) {
106
- if (!collection || collection.length <= 0) {
107
- logger_util.logger.warn(`The slot contains no filter elements.`, this.slotRef);
108
- return;
109
- }
110
- this.listItems = [...collection].map((element, i) => ({
111
- id: element.afId || i.toString(),
112
- label: element.afLabel
113
- }));
114
- }
115
- componentWillLoad() {
116
- this.syncCheckItems();
117
- }
118
- componentDidLoad() {
119
- this.handleListItems();
120
- this.setupSlot();
121
- }
122
- setupSlot() {
123
- if (!window.MutationObserver) {
124
- return;
125
- } // for tests
126
- const observer = new window.MutationObserver(() => {
127
- this.setupListElements(this.slotRef.children);
128
- });
129
- observer.observe(this.slotRef, { childList: true });
130
- }
131
- incrementFocus() {
132
- if (this.activeListItemIndex < this.listItems.length - 1) {
133
- this.focusItem(this.activeListItemIndex + 1);
134
- }
135
- }
136
- decrementFocus() {
137
- if (this.activeListItemIndex > 0) {
138
- this.focusItem(this.activeListItemIndex - 1);
139
- }
140
- }
141
- handleKey(e) {
142
- switch (e.key) {
143
- case 'ArrowDown':
144
- return this.incrementFocus();
145
- case 'ArrowUp':
146
- return this.decrementFocus();
147
- case 'Home':
148
- return this.focusItem(0);
149
- case 'End':
150
- return this.focusItem(this.listItems.length - 1);
151
- case 'Enter':
152
- e.target.click();
153
- break;
154
- case 'Escape':
155
- return this.hideMenu();
156
- }
157
- }
158
- focusItem(idx) {
159
- var _a;
160
- this.activeListItemIndex = idx;
161
- const currentItem = this.listItems.at(idx);
162
- if (currentItem && this.refs.filter) {
163
- (_a = this.refs.filter[currentItem.id]) === null || _a === void 0 ? void 0 : _a.focus();
164
- }
165
- this.tabItems = [currentItem === null || currentItem === void 0 ? void 0 : currentItem.id];
166
- }
167
- hideMenu() {
168
- var _a;
169
- this.isActive = false;
170
- (_a = this.refs.toggle) === null || _a === void 0 ? void 0 : _a.focus();
171
- this.afCloseFilter.emit({
172
- filterName: this.afName,
173
- listItems: this.listItems,
174
- checked: this.checkedItems
175
- });
176
- }
177
- showMenu() {
178
- this.isActive = true;
179
- setTimeout(() => this.focusItem(0), 10);
180
- }
181
- handleToggle() {
182
- if (this.isActive) {
183
- this.hideMenu();
184
- }
185
- else {
186
- this.showMenu();
187
- }
188
- }
189
- handleCheckItem(item) {
190
- const isCurrentlyChecked = this.checkedItems.includes(item.id);
191
- if (isCurrentlyChecked) {
192
- this.checkedItems = this.checkedItems.filter((id) => id !== item.id);
193
- }
194
- else {
195
- this.checkedItems = [...this.checkedItems, item.id];
196
- }
197
- const idx = this.listItems.findIndex(({ id }) => id === item.id);
198
- this.focusItem(idx);
199
- this.afChangeFilter.emit({
200
- filterName: this.afName,
201
- id: item.id,
202
- isChecked: !isCurrentlyChecked
203
- });
204
- }
205
- handleSubmit() {
206
- this.hideMenu();
207
- this.afSubmitFilter.emit({
208
- filterName: this.afName,
209
- listItems: this.listItems,
210
- checked: this.checkedItems
211
- });
212
- }
213
- handleReset() {
214
- this.checkedItems = [];
215
- this.afResetFilter.emit({
216
- filterName: this.afName
217
- });
218
- }
219
- render() {
220
- return (index.h(index.Host, { key: '646d9b749fe3c2570287a3dbd5e64c77d87eecd8' }, index.h("div", { key: '9a673a0a8adbeb379c406959e384601b48b21f7f', id: `${this.afId}-identifier`, ref: (el) => (this.refs.root = el), class: {
221
- 'digi-form-filter': true,
222
- 'digi-form-filter--open': this.isActive
223
- } }, index.h("digi-button", { key: '6085eeff90de431282ed24927f511ec0b8a6c6f4', id: `${this.afId}-toggle-button`, afInputRef: (el) => (this.refs.toggle = el), class: "digi-form-filter__toggle-button", onAfOnClick: () => this.handleToggle(), "af-aria-haspopup": "true", "af-variation": "secondary", "af-aria-label": this.afFilterButtonAriaLabel, "af-aria-labelledby": this.afFilterButtonAriaDescribedby, "af-aria-controls": `${this.afId}-dropdown-menu`, "af-aria-expanded": this.isActive, "af-autofocus": this.afAutofocus ? this.afAutofocus : null }, index.h("i", { key: 'eaf984f868ae861076315cfa146ba72d718cab00', class: {
224
- 'digi-form-filter__toggle-button-indicator': true,
225
- 'digi-form-filter__toggle-button-indicator--active': this.checkedItems.length > 0
226
- } }), index.h("span", { key: 'acec48c3455aec603fe519ee065a221dceeab68c', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), index.h("digi-icon-chevron-down", { key: 'a38d54d4904e705d4478cdef2be278deff90412e', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), index.h("div", { key: '2730936fa2ec6a547695f0244724bfbf27b657e4', id: `${this.afId}-dropdown-menu`, ref: (el) => (this.refs.menu = el), class: {
227
- 'digi-form-filter__dropdown': true,
228
- 'digi-form-filter__dropdown--right': this.afAlignRight,
229
- 'digi-form-filter__dropdown--hidden': !this.isActive
230
- } }, index.h("div", { key: '7c09f7b7910b32c6c8d2e7695ea1715db6cdfa1a', class: "digi-form-filter__scroll" }, index.h("fieldset", { key: '58ab965e30a6f1eb2f3c3aff80108722c5eeb430' }, this.afName ? (index.h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (index.h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), index.h("ul", { key: 'a201b73af93dc5ccd71140b7b936417092019197', class: "digi-form-filter__list", "aria-label": this.afFilterButtonAriaLabel, id: `${this.afId}-filter-list` }, this.listItems.map((item) => {
231
- const isChecked = this.checkedItems.includes(item.id);
232
- const isTabbable = this.tabItems.includes(item.id);
233
- return (index.h("li", { class: "digi-form-filter__item", key: item.id }, index.h("digi-form-checkbox", { afInputRef: (ref) => (this.refs.filter = Object.assign(Object.assign({}, this.refs.filter), { [item.id]: ref })), afTabIndex: isTabbable ? 0 : -1, afLabel: item.label, afValue: item.id, afChecked: isChecked, onClick: (e) => {
234
- e.preventDefault();
235
- this.handleCheckItem(item);
236
- } })));
237
- })))), index.h("div", { key: 'ef8cfb3de86adc3efdc319e494a27916bdfb4302', class: "digi-form-filter__footer" }, index.h("digi-button", { key: '0adac0061143ad1057f5927b853b619e40656de0', class: "digi-form-filter__submit-button", "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => this.handleSubmit(), afInputRef: (ref) => (this.refs.submit = ref) }, this.afSubmitButtonText), !this.afHideResetButton && (index.h("digi-button", { key: 'e9afa7196ac9bdf58da4545fc8c8f5559af9c690', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.handleReset(), class: "digi-form-filter__reset-button", afInputRef: (ref) => (this.refs.reset = ref) }, this.afResetButtonText))))), index.h("div", { key: '4f19a18f80d1088a618b96e8419801e62d38f98c', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, index.h("slot", { key: 'b5332c6c15fc4033f4672500807bbce900eaef55' }))));
238
- }
239
- get hostElement() { return index.getElement(this); }
240
- static get watchers() { return {
241
- "afCheckItems": ["syncCheckItems"],
242
- "afListItems": ["handleListItems"],
243
- "listItems": ["setupAccessibility"]
244
- }; }
245
- };
246
- FormFilter.style = DigiFormFilterStyle0;
247
-
248
- exports.digi_form_filter = FormFilter;
@@ -1,114 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-7a477838.js');
6
-
7
- /* eslint-disable max-len */
8
- const avatarPlaceholder = {
9
- 'avatar-logged-in': {
10
- AvatarPlaceholderComponent({ afSvgAriaHidden, afSvgAriaLabelledby }, children) {
11
- return (index.h("svg", { width: "32px", height: "32px", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": afSvgAriaLabelledby },
12
- children,
13
- index.h("defs", null,
14
- index.h("polygon", { id: "path-avatar-1", points: "0 0 32 0 32 32 0 32" }),
15
- index.h("polygon", { id: "path-avatar-3", points: "0 0 22.7664777 0 22.7664777 11.9523581 0 11.9523581" })),
16
- index.h("g", { id: "Page-1", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
17
- index.h("g", { id: "Artboard", transform: "translate(-281, -653)" },
18
- index.h("g", { id: "Group-9", transform: "translate(281, 653)" },
19
- index.h("g", { id: "Group-3" },
20
- index.h("mask", { id: "mask-avatar-2", fill: "white" },
21
- index.h("use", { xlinkHref: "#path-avatar-1" })),
22
- index.h("g", { id: "Clip-2" }),
23
- index.h("path", { d: "M32.0002117,15.9999294 C32.0002117,24.8361768 24.8366065,32.0002822 16.0001058,32.0002822 C7.16360517,32.0002822 0,24.8361768 0,15.9999294 C0,7.16368206 7.16360517,-0.000423327086 16.0001058,-0.000423327086 C24.8366065,-0.000423327086 32.0002117,7.16368206 32.0002117,15.9999294", id: "Fill-1", mask: "url(#mask-avatar-2)" })),
24
- index.h("path", { d: "M9.6578493,11.5102635 C9.6578493,15.2821078 12.5704231,18.3399405 16.1624564,18.3399405 C19.7551953,18.3399405 22.6677691,15.2821078 22.6677691,11.5102635 C22.6677691,7.73841914 19.7551953,4.68058648 16.1624564,4.68058648 C12.5704231,4.68058648 9.6578493,7.73841914 9.6578493,11.5102635", id: "Fill-4", fill: "currentColor" }),
25
- index.h("g", { id: "Group-8", transform: "translate(4.7794, 20.0476)" },
26
- index.h("mask", { id: "mask-avatar-4", fill: "white" },
27
- index.h("use", { xlinkHref: "#path-avatar-3" })),
28
- index.h("g", { id: "Clip-7" }),
29
- index.h("path", { d: "M17.8881988,0 L15.1125046,0 C12.7911945,1.11758351 10.0641844,1.16062176 7.65467867,0 L4.87827895,0 C2.18372481,0 0,2.29372726 0,5.12225774 L0,7.35460258 C2.88787905,10.197244 6.84821746,11.9526403 11.220606,11.9526403 C15.7602136,11.9526403 19.8546094,10.0589571 22.7664777,7.02229082 L22.7664777,5.12225774 C22.7664777,2.29372726 20.5827529,0 17.8881988,0", id: "Fill-6", fill: "currentColor", mask: "url(#mask-avatar-4)" })))))));
30
- }
31
- },
32
- 'avatar-logged-out': {
33
- AvatarPlaceholderComponent({ afSvgAriaHidden, afSvgAriaLabelledby }, children) {
34
- return (index.h("svg", { width: "32px", height: "32px", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": afSvgAriaLabelledby },
35
- children,
36
- index.h("defs", null,
37
- index.h("polygon", { id: "path-avatar-1", points: "0 0 32 0 32 32 0 32" }),
38
- index.h("polygon", { id: "path-avatar-3", points: "0 0 22.7664777 0 22.7664777 11.9523581 0 11.9523581" })),
39
- index.h("g", { id: "Page-1", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
40
- index.h("g", { id: "Artboard", transform: "translate(-491, -742)" },
41
- index.h("g", { id: "Group-9", transform: "translate(491, 742)" },
42
- index.h("g", { id: "Group-3" },
43
- index.h("mask", { id: "mask-avatar-2", fill: "white" },
44
- index.h("use", { xlinkHref: "#path-avatar-1" })),
45
- index.h("g", { id: "Clip-2" })),
46
- index.h("path", { d: "M9.6578493,11.5102635 C9.6578493,15.2821078 12.5704231,18.3399405 16.1624564,18.3399405 C19.7551953,18.3399405 22.6677691,15.2821078 22.6677691,11.5102635 C22.6677691,7.73841914 19.7551953,4.68058648 16.1624564,4.68058648 C12.5704231,4.68058648 9.6578493,7.73841914 9.6578493,11.5102635", id: "Fill-4", fill: "currentColor" }),
47
- index.h("g", { id: "Group-8", transform: "translate(4.7794, 20.0476)" },
48
- index.h("mask", { id: "mask-avatar-4", fill: "white" },
49
- index.h("use", { xlinkHref: "#path-avatar-3" })),
50
- index.h("g", { id: "Clip-7" }),
51
- index.h("path", { d: "M17.8881988,0 L15.1125046,0 C12.7911945,1.11758351 10.0641844,1.16062176 7.65467867,0 L4.87827895,0 C2.18372481,0 0,2.29372726 0,5.12225774 L0,7.35460258 C2.88787905,10.197244 6.84821746,11.9526403 11.220606,11.9526403 C15.7602136,11.9526403 19.8546094,10.0589571 22.7664777,7.02229082 L22.7664777,5.12225774 C22.7664777,2.29372726 20.5827529,0 17.8881988,0", id: "Fill-6", fill: "currentColor", mask: "url(#mask-avatar-4)" })))))));
52
- }
53
- }
54
- };
55
-
56
- const headerAvatarCss = ".sc-digi-header-avatar:root{--digi--grayscale--0:#ffffff;--digi--grayscale--50:#fbfbfb;--digi--grayscale--75:#f5f5f5;--digi--grayscale--100:#f4f4f4;--digi--grayscale--200:#ededed;--digi--grayscale--300:#e4e4e4;--digi--grayscale--400:#dddddd;--digi--grayscale--500:#cacaca;--digi--grayscale--550:#c5c5c5;--digi--grayscale--600:#acacac;--digi--grayscale--650:#9c9c9c;--digi--grayscale--700:#757575;--digi--grayscale--800:#5c5c5c;--digi--grayscale--850:#515151;--digi--grayscale--875:#414141;--digi--grayscale--900:#333333;--digi--grayscale--950:#212121;--digi--grayscale--975:#2c2c2c;--digi--grayscale--1000:#000000;--digi--sentiment--informative--200:#e9e9ff;--digi--sentiment--informative--500:#0A4DD1;--digi--sentiment--informative--700:#0058a3;--digi--sentiment--error--200:#fdeded;--digi--sentiment--error--500:#da0000;--digi--sentiment--error--700:#c7311a;--digi--sentiment--success--200:#e9f6ec;--digi--sentiment--success--500:#008A20;--digi--sentiment--success--700:#02703c;--digi--sentiment--warning--200:#fff398;--digi--sentiment--warning--50:#fffbdd;--digi--sentiment--warning--500:#ffe200;--digi--sentiment--warning--700:#ffc108;--digi--sentiment--warning--900:#664d00;--digi--misc--transparent:#ffffff00;--digi--animation--duration--base:var(--digi--global--animation--duration--base);--digi--animation--duration--small:var(--digi--global--animation--duration--short);--digi--animation--duration--large:var(--digi--global--animation--duration--longer);--digi--animation--duration--reduced:var(--digi--global--animation--duration--shortest);--digi--animation--duration--sweep:var(--digi--global--animation--duration--longest);--digi--animation--rotation--45:var(--digi--global--animation--rotation--smallest-2);--digi--animation--rotation--90:var(--digi--global--animation--rotation--smallest);--digi--animation--rotation--135:var(--digi--global--animation--rotation--smaller);--digi--animation--rotation--180:var(--digi--global--animation--rotation--small);--digi--animation--rotation--225:var(--digi--global--animation--rotation--base);--digi--animation--rotation--270:var(--digi--global--animation--rotation--large);--digi--animation--rotation--315:var(--digi--global--animation--rotation--larger);--digi--animation--rotation--360:var(--digi--global--animation--rotation--largest);--digi--global--animation--duration--base:.3s;--digi--global--animation--duration--short:.2s;--digi--global--animation--duration--shorter:.1s;--digi--global--animation--duration--shortest:.01s;--digi--global--animation--duration--long:.4s;--digi--global--animation--duration--longer:.5s;--digi--global--animation--duration--longest:4s;--digi--global--animation--rotation--smallest-2:0deg;--digi--global--animation--rotation--smallest:45deg;--digi--global--animation--rotation--smaller:90deg;--digi--global--animation--rotation--small:135deg;--digi--global--animation--rotation--base:180deg;--digi--global--animation--rotation--large:225deg;--digi--global--animation--rotation--larger:270deg;--digi--global--animation--rotation--largest:315deg;--digi--global--animation--rotation--largest-2:360deg;--digi--global--border-radius--base:6px;--digi--global--border-radius--small:4px;--digi--global--border-radius--smaller:3px;--digi--global--border-radius--smallest:2px;--digi--global--border-radius--smallest-2:1px;--digi--global--border-radius--smallest-3:0px;--digi--global--border-radius--large:8px;--digi--global--border-radius--larger:16px;--digi--global--border-radius--largest:32px;--digi--global--border-radius--largest-2:64px;--digi--global--border-width--base:2px;--digi--global--border-width--small:1px;--digi--global--border-width--smaller:0px;--digi--global--border-width--large:4px;--digi--global--border-width--larger:6px;--digi--global--border-width--largest:8px;--digi--global--border-width--largest-2:10px;--digi--global--border-style--solid:solid;--digi--global--border-style--none:none;--digi--global--border-style--dashed:dashed;--digi--global--spacing--base:16px;--digi--global--spacing--small:14px;--digi--global--spacing--smaller:12px;--digi--global--spacing--smallest:10px;--digi--global--spacing--smallest-2:8px;--digi--global--spacing--smallest-3:6px;--digi--global--spacing--smallest-4:4px;--digi--global--spacing--smallest-5:3px;--digi--global--spacing--smallest-6:2px;--digi--global--spacing--smallest-7:1px;--digi--global--spacing--large:18px;--digi--global--spacing--larger:20px;--digi--global--spacing---:22px;--digi--global--spacing--largest-2:24px;--digi--global--spacing--largest-3:28px;--digi--global--spacing--largest-4:32px;--digi--global--spacing--largest-5:40px;--digi--global--spacing--largest-6:48px;--digi--global--spacing--largest-7:56px;--digi--global--spacing--largest-8:64px;--digi--global--spacing--largest:22px;--digi--global--spacing--largest-3-5:30px;--digi--global--spacing--largest-9:72px;--digi--global--spacing--largest-10:80px;--digi--global--breakpoint--smallest-3:374px;--digi--global--breakpoint--smallest-2:375px;--digi--global--breakpoint--smallest:575px;--digi--global--breakpoint--smaller:576px;--digi--global--breakpoint--small:767px;--digi--global--breakpoint--medium:768px;--digi--global--breakpoint--large:991px;--digi--global--breakpoint--larger:992px;--digi--global--breakpoint--largest:1199px;--digi--global--breakpoint--largest-2:1200px;--digi--global--breakpoint--largest-3:1399px;--digi--global--breakpoint--largest-4:1400px;--digi--global--size--smaller:auto;--digi--global--size--small:36rem;--digi--global--size--base:48rem;--digi--global--size--large:62rem;--digi--global--size--larger:75rem;--digi--global--size--largest:87.5rem;--digi--global--text-width--small:31rem;--digi--global--text-width--base:35rem;--digi--global--text-width--large:40rem;--digi--global--text-width--larger:44rem;--digi--global--text-width--largest:48rem;--digi--global--text-width--largest-2:53rem;--digi--global--text-width--largest-3:61rem;--digi--global--text-width--largest-4:70rem;--digi--global--typography--line-height--base:1.5;--digi--global--typography--line-height--small:1;--digi--global--typography--line-height--large:2;--digi--global--typography--font-size--base:1rem;--digi--global--typography--font-size--small:0.875rem;--digi--global--typography--font-size--smaller:0.75rem;--digi--global--typography--font-size--large:1.125rem;--digi--global--typography--font-size--larger:1.25rem;--digi--global--typography--font-size--largest:1.375rem;--digi--global--typography--font-size--largest-2:1.5rem;--digi--global--typography--font-size--largest-3:1.75rem;--digi--global--typography--font-size--largest-4:2rem;--digi--global--typography--font-size--largest-5:2.25rem;--digi--global--typography--font-size--interaction-small:0.875rem;--digi--global--typography--font-size--interaction-medium:1rem;--digi--global--typography--font-size--interaction-large:1.125rem;--digi--global--typography--font-size--largest-6:2.5rem;--digi--global--typography--font-weight--regular:400;--digi--global--typography--font-weight--light:300;--digi--global--typography--font-weight--semibold:600;--digi--global--typography--font-weight--bold:700;--digi--global--typography--font-family--default:\"Open Sans\";--digi--global--typography--font-family--mono:Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;--digi--global--typography--text-decoration--default:none;--digi--global--typography--text-decoration--link:underline;--digi--border-radius--primary:var(--digi--global--border-radius--smallest-3);--digi--border-radius--secondary:var(--digi--global--border-radius--base);--digi--border-radius--tertiary:var(--digi--global--border-radius--smaller);--digi--border-radius--complementary-1:var(--digi--global--border-radius--largest);--digi--border-radius--complementary-2:var(--digi--global--border-radius--largest-2);--digi--border-radius--button:var(--digi--global--border-radius--base);--digi--border-radius--input:var(--digi--global--border-radius--smallest-3);--digi--border-radius--input-search:var(--digi--global--border-radius--base);--digi--border-radius--complementary-3:var(--digi--global--border-radius--larger);--digi--border-width--primary:var(--digi--global--border-width--small);--digi--border-width--secondary:var(--digi--global--border-width--base);--digi--border-width--complementary-1:var(--digi--global--border-width--largest);--digi--border-width--complementary-2:var(--digi--global--border-width--largest-2);--digi--border-width--input-regular:var(--digi--global--border-width--small);--digi--border-width--input-validation:var(--digi--global--border-width--base);--digi--border-width--button:var(--digi--global--border-width--small);--digi--border-style--primary:var(--digi--global--border-style--solid);--digi--border-style--secondary:var(--digi--global--border-style--none);--digi--padding--medium:var(--digi--global--spacing--base);--digi--padding--smaller:var(--digi--global--spacing--smallest-2);--digi--padding--small:var(--digi--global--spacing--smaller);--digi--padding--large:var(--digi--global--spacing--largest-2);--digi--padding--larger:var(--digi--global--spacing--largest-3);--digi--padding--largest:var(--digi--global--spacing--largest-4);--digi--padding--largest-2:var(--digi--global--spacing--largest-5);--digi--padding--largest-3:var(--digi--global--spacing--largest-6);--digi--margin--smaller:var(--digi--global--spacing--smallest-2);--digi--margin--small:var(--digi--global--spacing--smallest);--digi--margin--medium:var(--digi--global--spacing--base);--digi--margin--large:var(--digi--global--spacing--largest-2);--digi--margin--larger:var(--digi--global--spacing--largest-3);--digi--margin--largest:var(--digi--global--spacing--largest-4);--digi--margin--h1-small:var(--digi--global--spacing--base);--digi--margin--h1-medium:var(--digi--global--spacing--largest-2);--digi--margin--h1-large:var(--digi--global--spacing--largest-4);--digi--margin--h2-small:var(--digi--global--spacing--base);--digi--margin--h2-large:var(--digi--global--spacing--base);--digi--margin--h3-small:var(--digi--global--spacing--smallest-2);--digi--margin--h3-large:var(--digi--global--spacing--smallest-2);--digi--margin--h4-h6-small:var(--digi--global--spacing--smallest-2);--digi--margin--h4-h6-large:var(--digi--global--spacing--smallest-2);--digi--margin--text-small:var(--digi--global--spacing--largest-2);--digi--margin--text-large:var(--digi--global--spacing--largest-2);--digi--gutter--largest-3:var(--digi--global--spacing--largest-2);--digi--gutter--largest-2:var(--digi--global--spacing--larger);--digi--gutter--largest:var(--digi--global--spacing--base);--digi--gutter--larger:var(--digi--global--spacing--smaller);--digi--gutter--large:var(--digi--global--spacing--smallest);--digi--gutter--medium:var(--digi--global--spacing--smallest-2);--digi--gutter--small:var(--digi--global--spacing--smallest-3);--digi--gutter--smaller:var(--digi--global--spacing--smallest-4);--digi--gutter--smallest:var(--digi--global--spacing--smallest-5);--digi--gutter--smallest-2:var(--digi--global--spacing--smallest-6);--digi--gutter--smallest-3:var(--digi--global--spacing--smallest-7);--digi--gutter--button-block-small:var(--digi--global--spacing--smallest-3);--digi--gutter--button-block-medium:var(--digi--global--spacing--smallest-2);--digi--gutter--button-block-large:var(--digi--global--spacing--smallest);--digi--gutter--button-inline-small:var(--digi--global--spacing--smallest-2);--digi--gutter--button-inline-medium:var(--digi--global--spacing--base);--digi--gutter--button-inline-large:var(--digi--global--spacing--largest-2);--digi--gutter--icon:var(--digi--global--spacing--smallest);--digi--breakpoint--small-below:var(--digi--global--breakpoint--smallest);--digi--breakpoint--small:var(--digi--global--breakpoint--smaller);--digi--breakpoint--medium-below:var(--digi--global--breakpoint--small);--digi--breakpoint--medium:var(--digi--global--breakpoint--medium);--digi--breakpoint--large-below:var(--digi--global--breakpoint--large);--digi--breakpoint--large:var(--digi--global--breakpoint--larger);--digi--breakpoint--x-large-below:var(--digi--global--breakpoint--largest);--digi--breakpoint--x-large:var(--digi--global--breakpoint--largest-2);--digi--breakpoint--xx-large-below:var(--digi--global--breakpoint--largest-3);--digi--breakpoint--xx-large:var(--digi--global--breakpoint--largest-4);--digi--container-width--smaller:var(--digi--global--size--smaller);--digi--container-width--small:var(--digi--global--size--small);--digi--container-width--base:var(--digi--global--size--base);--digi--container-width--medium:var(--digi--global--size--base);--digi--container-width--large:var(--digi--global--size--large);--digi--container-width--larger:var(--digi--global--size--larger);--digi--container-width--largest:var(--digi--global--size--largest);--digi--container-gutter--smaller:var(--digi--global--spacing--base);--digi--container-gutter--small:var(--digi--global--spacing--large);--digi--container-gutter--base:var(--digi--global--spacing--base);--digi--container-gutter--medium:var(--digi--global--spacing--largest-2);--digi--container-gutter--large:var(--digi--global--spacing--base);--digi--container-gutter--larger:var(--digi--global--spacing--largest-3-5);--digi--container-gutter--largest:var(--digi--global--spacing--largest-5);--digi--paragraph-width--medium:var(--digi--global--text-width--base);--digi--paragraph-width--large:var(--digi--global--text-width--large);--digi--input-height--small:var(--digi--global--spacing--largest-4);--digi--input-height--medium:var(--digi--global--spacing--largest-5);--digi--input-height--large:var(--digi--global--spacing--largest-6);--digi--typography--body--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--body--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--body--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--body--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--body--font-weight--desktop-large:var(--digi--global--typography--font-weight--regular);--digi--typography--body--font-weight--mobile:var(--digi--global--typography--font-weight--regular);--digi--typography--body--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--body--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--body--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--body--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--body--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--body--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--description--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--description--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--description--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-size--desktop:var(--digi--global--typography--font-size--largest-4);--digi--typography--heading-1--font-size--desktop-large:var(--digi--global--typography--font-size--largest-6);--digi--typography--heading-1--font-size--mobile:var(--digi--global--typography--font-size--largest-3);--digi--typography--heading-1--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-1--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-1--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--font-size--desktop:var(--digi--global--typography--font-size--largest-2);--digi--typography--heading-2--font-size--desktop-large:var(--digi--global--typography--font-size--largest-3);--digi--typography--heading-2--font-size--mobile:var(--digi--global--typography--font-size--largest);--digi--typography--heading-2--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--font-size--desktop:var(--digi--global--typography--font-size--larger);--digi--typography--heading-3--font-size--desktop-large:var(--digi--global--typography--font-size--largest);--digi--typography--heading-3--font-size--mobile:var(--digi--global--typography--font-size--large);--digi--typography--heading-3--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--heading-4--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--heading-4--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--heading-4--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-jumbo--font-size--desktop:var(--digi--global--typography--font-size--largest-4);--digi--typography--heading-jumbo--font-size--desktop-large:var(--digi--global--typography--font-size--largest-6);--digi--typography--heading-jumbo--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--input--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--label--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--label--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--label--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--label--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--label-description--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--label-description--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--link--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--link--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--link--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--link--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--link--font-weight--desktop-large:var(--digi--global--typography--font-weight--regular);--digi--typography--link--font-weight--mobile:var(--digi--global--typography--font-weight--regular);--digi--typography--link--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--link--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--link--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--link--text-decoration--desktop:var(--digi--global--typography--text-decoration--link);--digi--typography--link--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--link);--digi--typography--link--text-decoration--mobile:var(--digi--global--typography--text-decoration--link);--digi--typography--link-bold--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--preamble--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--preamble--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--preamble--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--preamble--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--preamble--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--accordion--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--accordion--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--accordion--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--tag--font-size--desktop:var(--digi--global--typography--font-size--small);--digi--typography--tag--font-size--mobile:var(--digi--global--typography--font-size--small);--digi--typography--tag--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--breadcrumbs--font-size--desktop:var(--digi--global--typography--font-size--small);--digi--typography--breadcrumbs--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--title-logo--font-size--desktop:var(--digi--global--typography--font-size--largest-5);--digi--typography--title-logo--font-size--desktop-large:var(--digi--global--typography--font-size--largest-5);--digi--typography--title-logo--font-size--mobile:var(--digi--global--typography--font-size--largest-3);--digi--typography--title-logo--font-weight--desktop:var(--digi--global--typography--font-weight--bold);--digi--typography--button--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--button--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--button--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--amethyst--500:#822998;--digi--granskott--150:#f2faf2;--digi--granskott--200:#ebf8eb;--digi--granskott--250:#ddf4dd;--digi--granskott--300:#cbecc9;--digi--granskott--350:#ace4ad;--digi--granskott--650:#1db920;--digi--granskott--700:#02a704;--digi--granskott--750:#018903;--digi--granskott--800:#016503;--digi--natthimmel--200:#e9f6fd;--digi--natthimmel--250:#ddf1fc;--digi--natthimmel--300:#c9e9fa;--digi--natthimmel--350:#abdef7;--digi--natthimmel--700:#043982;--digi--natthimmel--800:#091d54;--digi--natthimmel--900:#071744;--digi--norrsken--400:#aaf5ab;--digi--norrsken--500:#67ee6a;--digi--rallarros--300:#f8ddf5;--digi--rallarros--500:#ce1cbd;--digi--sapphire--500:#1616b2;--digi--color--logotype-color--dark:var(--digi--granskott--700);--digi--color--infographic--lineart--dark:var(--digi--grayscale--900);--digi--color--infographic--background--dark:var(--digi--grayscale--0);--digi--color--infographic--brand--primary--dark:var(--digi--granskott--700);--digi--color--infographic--brand--secondary--dark:var(--digi--granskott--250);--digi--color--infographic--brand--tertiary--dark:var(--digi--rallarros--500);--digi--color--text--primary--dark:var(--digi--grayscale--75);--digi--color--text--primary-stay--dark:var(--digi--grayscale--850);--digi--color--text--secondary--dark:var(--digi--grayscale--75);--digi--color--text--secondary-stay--dark:var(--digi--grayscale--75);--digi--color--text--description--dark:var(--digi--grayscale--100);--digi--color--text--interactive--primary--dark:var(--digi--norrsken--500);--digi--color--text--interactive--secondary--dark:var(--digi--grayscale--900);--digi--color--text--interactive--secondary-discreet--dark:var(--digi--grayscale--75);--digi--color--text--interactive--tertiary--dark:var(--digi--grayscale--75);--digi--color--text--interactive--brand-primary--dark:var(--digi--natthimmel--75);--digi--color--text--interactive--brand-secondary--dark:var(--digi--norrsken--500);--digi--color--text--interactive--visited--dark:#CB6DE3;--digi--color--background--primary--dark:var(--digi--grayscale--975);--digi--color--background--primary-elevated--dark:var(--digi--grayscale--850);--digi--color--background--secondary--dark:var(--digi--grayscale--950);--digi--color--background--secondary-elevated--dark:var(--digi--grayscale--875);--digi--color--background--secondary-muted--dark:var(--digi--grayscale--900);--digi--color--background--secondary-accent--dark:var(--digi--grayscale--850);--digi--color--background--pop-out--dark:var(--digi--grayscale--850);--digi--color--background--brand-primary--dark:var(--digi--grayscale--900);--digi--color--background--transparent--dark:var(--digi--misc--transparent);--digi--color--background--notification--dark:var(--digi--sentiment--error--500);--digi--color--background--interactive--default--primary--dark:var(--digi--grayscale--50);--digi--color--background--interactive--default--primary-inverted--dark:var(--digi--norrsken--500);--digi--color--background--interactive--default--secondary--dark:var(--digi--misc--transparent);--digi--color--background--interactive--default--secondary-inverted--dark:var(--digi--misc--transparent);--digi--color--background--interactive--default--tertiary--dark:var(--digi--grayscale--875);--digi--color--background--interactive--default--quaternary--dark:var(--digi--grayscale--850);--digi--color--background--interactive--default--input-elements--dark:var(--digi--misc--transparent);--digi--color--background--interactive--default--pop-out--dark:var(--digi--grayscale--650);--digi--color--background--interactive--hover--primary--dark:var(--digi--grayscale--650);--digi--color--background--interactive--hover--secondary--dark:var(--digi--grayscale--875);--digi--color--background--interactive--hover--tertiary--dark:var(--digi--grayscale--850);--digi--color--background--interactive--hover--quarternary--dark:var(--digi--grayscale--875);--digi--color--background--interactive--hover--inverted--dark:var(--digi--norrsken--400);--digi--color--background--interactive--hover--quinary--dark:var(--digi--grayscale--850);--digi--color--background--interactive--selected--primary--dark:var(--digi--misc--transparent);--digi--color--background--interactive--selected--primary-stay--dark:var(--digi--sentiment--success--500);--digi--color--background--interactive--selected--secondary--dark:var(--digi--misc--transparent);--digi--color--background--interactive--selected--tertiary--dark:var(--digi--grayscale--875);--digi--color--background--interactive--selected--on-menu-minus-button--dark:var(--digi--grayscale--650);--digi--color--background--interactive--validation--success--dark:var(--digi--misc--transparent);--digi--color--background--interactive--validation--warning--dark:var(--digi--misc--transparent);--digi--color--background--interactive--validation--error--dark:var(--digi--misc--transparent);--digi--color--background--sentiment--error--primary--dark:var(--digi--sentiment--error--500);--digi--color--background--sentiment--error--secondary--dark:var(--digi--sentiment--error--700);--digi--color--background--sentiment--error--tertiary--dark:var(--digi--sentiment--error--200);--digi--color--background--sentiment--error--tertiary-discreet--dark:var(--digi--grayscale--850);--digi--color--background--sentiment--success--primary--dark:var(--digi--sentiment--success--500);--digi--color--background--sentiment--success--secondary--dark:var(--digi--sentiment--success--700);--digi--color--background--sentiment--success--tertiary--dark:var(--digi--sentiment--success--200);--digi--color--background--sentiment--warning--primary--dark:var(--digi--sentiment--warning--500);--digi--color--background--sentiment--warning--secondary--dark:var(--digi--sentiment--warning--700);--digi--color--background--sentiment--warning--tertiary--dark:var(--digi--sentiment--warning--200);--digi--color--background--sentiment--warning--quarternary--dark:var(--digi--grayscale--850);--digi--color--background--sentiment--info--primary--dark:var(--digi--sentiment--informative--500);--digi--color--background--sentiment--info--secondary--dark:var(--digi--sentiment--informative--700);--digi--color--background--sentiment--info--tertiary--dark:var(--digi--sentiment--informative--200);--digi--color--background--sentiment--neutral--primary--dark:var(--digi--grayscale--700);--digi--color--background--sentiment--neutral--secondary--dark:var(--digi--grayscale--400);--digi--color--background--sentiment--neutral--tertiary--dark:var(--digi--grayscale--900);--digi--color--background--sentiment--beta--primary--dark:var(--digi--rallarros--500);--digi--color--background--sentiment--beta--secondary--dark:var(--digi--rallarros--300);--digi--color--border--notification--dark:var(--digi--grayscale--0);--digi--color--border--transparent--dark:var(--digi--misc--transparent);--digi--color--border--interactive--default--primary--dark:var(--digi--grayscale--75);--digi--color--border--interactive--default--on-input--dark:var(--digi--grayscale--75);--digi--color--border--interactive--default--on-input-nuance--dark:var(--digi--grayscale--650);--digi--color--border--interactive--default--inverted--dark:var(--digi--norrsken--500);--digi--color--border--interactive--hover--primary--dark:var(--digi--grayscale--75);--digi--color--border--interactive--hover--secondary--dark:var(--digi--grayscale--75);--digi--color--border--interactive--hover--inverted--dark:var(--digi--norrsken--400);--digi--color--border--interactive--validation--success--dark:var(--digi--sentiment--success--500);--digi--color--border--interactive--validation--warning--dark:var(--digi--sentiment--warning--900);--digi--color--border--interactive--validation--error--dark:var(--digi--sentiment--error--500);--digi--color--border--interactive--selected--primary--dark:var(--digi--grayscale--75);--digi--color--border--interactive--selected--secondary--dark:var(--digi--grayscale--75);--digi--color--border--sentiment--error--dark:var(--digi--sentiment--error--500);--digi--color--border--sentiment--success--dark:var(--digi--sentiment--success--500);--digi--color--border--sentiment--warning--dark:var(--digi--sentiment--warning--500);--digi--color--border--sentiment--info--dark:var(--digi--sentiment--informative--500);--digi--color--border--accent--primary--dark:var(--digi--grayscale--650);--digi--color--border--accent--secondary--dark:var(--digi--granskott--700);--digi--color--marking--navigation--selected--dark:var(--digi--granskott--700);--digi--color--marking--navigation--level-active--dark:var(--digi--granskott--250);--digi--color--marking--navigation--level-inactive--dark:var(--digi--grayscale--100);--digi--color--marking--indication--primary--dark:var(--digi--sentiment--success--500);--digi--color--marking--indication--secondary--dark:var(--digi--natthimmel--800);--digi--color--marking--indication--tertiary--dark:var(--digi--grayscale--700);--digi--color--divider--primary--dark:var(--digi--grayscale--400);--digi--color--divider--secondary--dark:var(--digi--grayscale--200);--digi--color--divider--on-brand-primary--dark:var(--digi--grayscale--650);--digi--color--divider--cta--dark:var(--digi--norrsken--500);--digi--color--icon--primary--dark:var(--digi--grayscale--75);--digi--color--icon--secondary--dark:var(--digi--grayscale--75);--digi--color--icon--cta--dark:var(--digi--norrsken--500);--digi--color--icon--brand-primary--dark:var(--digi--grayscale--75);--digi--color--icon--brand-secondary--dark:var(--digi--norrsken--500);--digi--color--icon--validation--success--dark:var(--digi--sentiment--success--500);--digi--color--icon--validation--warning--dark:var(--digi--sentiment--warning--500);--digi--color--icon--validation--error--dark:var(--digi--sentiment--error--500);--digi--color--misc--spinner-path--dark:var(--digi--grayscale--400);--digi--color--misc--skeleton--dark:var(--digi--grayscale--400);--digi--color--logotype-color--light:var(--digi--granskott--700);--digi--color--infographic--lineart--light:var(--digi--grayscale--900);--digi--color--infographic--background--light:var(--digi--grayscale--0);--digi--color--infographic--brand--primary--light:var(--digi--granskott--700);--digi--color--infographic--brand--secondary--light:var(--digi--granskott--250);--digi--color--infographic--brand--tertiary--light:var(--digi--rallarros--500);--digi--color--text--primary--light:var(--digi--grayscale--900);--digi--color--text--secondary--light:var(--digi--grayscale--0);--digi--color--text--description--light:var(--digi--grayscale--800);--digi--color--text--interactive--primary--light:var(--digi--sapphire--500);--digi--color--text--interactive--secondary--light:var(--digi--grayscale--0);--digi--color--text--interactive--secondary-discreet--light:var(--digi--grayscale--0);--digi--color--text--interactive--tertiary--light:var(--digi--grayscale--900);--digi--color--text--interactive--brand-primary--light:var(--digi--natthimmel--800);--digi--color--text--interactive--brand-secondary--light:var(--digi--norrsken--500);--digi--color--text--interactive--visited--light:var(--digi--amethyst--500);--digi--color--background--primary--light:var(--digi--grayscale--0);--digi--color--background--primary-elevated--light:var(--digi--grayscale--0);--digi--color--background--secondary--light:var(--digi--grayscale--100);--digi--color--background--secondary-elevated--light:var(--digi--grayscale--100);--digi--color--background--secondary-muted--light:var(--digi--grayscale--50);--digi--color--background--secondary-accent--light:var(--digi--grayscale--400);--digi--color--background--pop-out--light:var(--digi--granskott--200);--digi--color--background--brand-primary--light:var(--digi--natthimmel--800);--digi--color--background--transparent--light:var(--digi--misc--transparent);--digi--color--background--notification--light:var(--digi--sentiment--error--500);--digi--color--background--interactive--default--primary--light:var(--digi--natthimmel--800);--digi--color--background--interactive--default--primary-inverted--light:var(--digi--norrsken--500);--digi--color--background--interactive--default--secondary--light:var(--digi--grayscale--0);--digi--color--background--interactive--default--secondary-inverted--light:var(--digi--misc--transparent);--digi--color--background--interactive--default--tertiary--light:var(--digi--grayscale--200);--digi--color--background--interactive--default--quaternary--light:var(--digi--grayscale--100);--digi--color--background--interactive--default--input-elements--light:var(--digi--grayscale--0);--digi--color--background--interactive--default--pop-out--light:var(--digi--granskott--150);--digi--color--background--interactive--hover--primary--light:var(--digi--natthimmel--700);--digi--color--background--interactive--hover--secondary--light:var(--digi--natthimmel--250);--digi--color--background--interactive--hover--tertiary--light:var(--digi--sapphire--500);--digi--color--background--interactive--hover--quarternary--light:var(--digi--grayscale--200);--digi--color--background--interactive--hover--inverted--light:var(--digi--norrsken--400);--digi--color--background--interactive--hover--quinary--light:var(--digi--misc--transparent);--digi--color--background--interactive--selected--primary--light:var(--digi--sentiment--success--500);--digi--color--background--interactive--selected--primary-stay--light:var(--digi--sentiment--success--500);--digi--color--background--interactive--selected--secondary--light:var(--digi--natthimmel--800);--digi--color--background--interactive--selected--tertiary--light:var(--digi--grayscale--200);--digi--color--background--interactive--selected--on-menu-minus-button--light:var(--digi--granskott--250);--digi--color--background--interactive--validation--success--light:var(--digi--sentiment--success--200);--digi--color--background--interactive--validation--warning--light:var(--digi--sentiment--warning--50);--digi--color--background--interactive--validation--error--light:var(--digi--sentiment--error--200);--digi--color--background--sentiment--error--primary--light:var(--digi--sentiment--error--500);--digi--color--background--sentiment--error--secondary--light:var(--digi--sentiment--error--700);--digi--color--background--sentiment--error--tertiary--light:var(--digi--sentiment--error--200);--digi--color--background--sentiment--error--tertiary-discreet--light:var(--digi--sentiment--error--200);--digi--color--background--sentiment--success--primary--light:var(--digi--sentiment--success--500);--digi--color--background--sentiment--success--secondary--light:var(--digi--sentiment--success--700);--digi--color--background--sentiment--success--tertiary--light:var(--digi--sentiment--success--200);--digi--color--background--sentiment--warning--primary--light:var(--digi--sentiment--warning--500);--digi--color--background--sentiment--warning--secondary--light:var(--digi--sentiment--warning--700);--digi--color--background--sentiment--warning--tertiary--light:var(--digi--sentiment--warning--200);--digi--color--background--sentiment--warning--quarternary--light:var(--digi--sentiment--warning--50);--digi--color--background--sentiment--info--primary--light:var(--digi--sentiment--informative--500);--digi--color--background--sentiment--info--secondary--light:var(--digi--sentiment--informative--700);--digi--color--background--sentiment--info--tertiary--light:var(--digi--sentiment--informative--200);--digi--color--background--sentiment--neutral--primary--light:var(--digi--grayscale--700);--digi--color--background--sentiment--neutral--secondary--light:var(--digi--grayscale--400);--digi--color--background--sentiment--neutral--tertiary--light:var(--digi--grayscale--900);--digi--color--background--sentiment--beta--primary--light:var(--digi--rallarros--500);--digi--color--background--sentiment--beta--secondary--light:var(--digi--rallarros--300);--digi--color--border--notification--light:var(--digi--grayscale--0);--digi--color--border--transparent--light:var(--digi--misc--transparent);--digi--color--border--interactive--default--primary--light:var(--digi--natthimmel--800);--digi--color--border--interactive--default--on-input--light:var(--digi--grayscale--900);--digi--color--border--interactive--default--on-input-nuance--light:var(--digi--grayscale--800);--digi--color--border--interactive--default--inverted--light:var(--digi--norrsken--500);--digi--color--border--interactive--hover--primary--light:var(--digi--natthimmel--700);--digi--color--border--interactive--hover--secondary--light:var(--digi--natthimmel--800);--digi--color--border--interactive--hover--inverted--light:var(--digi--norrsken--400);--digi--color--border--interactive--validation--success--light:var(--digi--sentiment--success--500);--digi--color--border--interactive--validation--warning--light:var(--digi--sentiment--warning--900);--digi--color--border--interactive--validation--error--light:var(--digi--sentiment--error--500);--digi--color--border--interactive--selected--primary--light:var(--digi--sentiment--success--500);--digi--color--border--interactive--selected--secondary--light:var(--digi--natthimmel--800);--digi--color--border--sentiment--error--light:var(--digi--sentiment--error--500);--digi--color--border--sentiment--success--light:var(--digi--sentiment--success--500);--digi--color--border--sentiment--warning--light:var(--digi--sentiment--warning--500);--digi--color--border--sentiment--info--light:var(--digi--sentiment--informative--500);--digi--color--border--accent--primary--light:var(--digi--natthimmel--800);--digi--color--border--accent--secondary--light:var(--digi--granskott--700);--digi--color--marking--navigation--selected--light:var(--digi--granskott--700);--digi--color--marking--navigation--level-active--light:var(--digi--granskott--250);--digi--color--marking--navigation--level-inactive--light:var(--digi--grayscale--100);--digi--color--marking--indication--primary--light:var(--digi--sentiment--success--500);--digi--color--marking--indication--secondary--light:var(--digi--natthimmel--800);--digi--color--marking--indication--tertiary--light:var(--digi--grayscale--700);--digi--color--divider--primary--light:var(--digi--grayscale--400);--digi--color--divider--secondary--light:var(--digi--grayscale--200);--digi--color--divider--on-brand-primary--light:var(--digi--natthimmel--350);--digi--color--divider--cta--light:var(--digi--sapphire--500);--digi--color--icon--primary--light:var(--digi--grayscale--900);--digi--color--icon--secondary--light:var(--digi--grayscale--0);--digi--color--icon--cta--light:var(--digi--sapphire--500);--digi--color--icon--brand-primary--light:var(--digi--natthimmel--800);--digi--color--icon--brand-secondary--light:var(--digi--granskott--700);--digi--color--icon--validation--success--light:var(--digi--sentiment--success--500);--digi--color--icon--validation--warning--light:var(--digi--sentiment--warning--500);--digi--color--icon--validation--error--light:var(--digi--sentiment--error--500);--digi--color--misc--spinner-path--light:var(--digi--grayscale--400);--digi--color--misc--skeleton--light:var(--digi--grayscale--400);--digi--color--amber--200:#fff398;--digi--color--amber--50:#fffbdd;--digi--color--amber--500:#ffe200;--digi--color--amber--700:#ffc108;--digi--color--amber--900:#664d00;--digi--color--amethyst--500:#822998;--digi--color--forest--200:#e9f6ec;--digi--color--forest--500:#009322;--digi--color--forest--700:#02703c;--digi--color--indigo--200:#e9e9ff;--digi--color--indigo--500:#0000ff;--digi--color--indigo--700:#0058a3;--digi--color--jade--100:#bddfda;--digi--color--jade--200:#7fc1b6;--digi--color--jade--400:#379d8d;--digi--color--jade--50:#ddeeec;--digi--color--jade--500:#058470;--digi--color--jade--600:#046a5a;--digi--color--jade--700:#035548;--digi--color--jade--900:#02372f;--digi--color--leaf--100:#f1f7e5;--digi--color--leaf--200:#ddebc1;--digi--color--leaf--400:#aace65;--digi--color--leaf--500:#95c23e;--digi--color--leaf--600:#779b32;--digi--color--moon--0:#ffffff;--digi--color--pear--500:#b7ee4a;--digi--color--pear--600:#a7d943;--digi--color--rose--100:#f4cada;--digi--color--rose--200:#e997b7;--digi--color--rose--400:#dd5c8e;--digi--color--rose--50:#f9e4ec;--digi--color--rose--500:#d43372;--digi--color--rose--600:#bd2e65;--digi--color--rose--700:#882149;--digi--color--rose--900:#54172e;--digi--color--ruby--200:#fdeded;--digi--color--ruby--500:#da0000;--digi--color--ruby--700:#c7311a;--digi--color--sapphire--500:#1616b2;--digi--color--stratos--100:#dddde9;--digi--color--stratos--400:#33337b;--digi--color--stratos--500:#00005a;--digi--color--stratos--600:#000048;--digi--color--water--200:#f1f8fe;--digi--color--water--500:#bdd3e7;--digi--color--water--700:#0058a3;--digi--color--logotype-color--light--af18:var(--digi--color--leaf--500);--digi--color--infographic--lineart--light--af18:var(--digi--grayscale--900);--digi--color--infographic--background--light--af18:var(--digi--grayscale--0);--digi--color--infographic--brand--primary--light--af18:var(--digi--color--leaf--500);--digi--color--infographic--brand--secondary--light--af18:var(--digi--color--leaf--200);--digi--color--infographic--brand--tertiary--light--af18:var(--digi--color--rose--500);--digi--color--text--primary--light--af18:var(--digi--grayscale--900);--digi--color--text--secondary--light--af18:var(--digi--grayscale--0);--digi--color--text--description--light--af18:var(--digi--grayscale--800);--digi--color--text--interactive--primary--light--af18:var(--digi--color--sapphire--500);--digi--color--text--interactive--secondary--light--af18:var(--digi--grayscale--0);--digi--color--text--interactive--tertiary--light--af18:var(--digi--grayscale--900);--digi--color--text--interactive--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--text--interactive--brand-secondary--light--af18:var(--digi--color--leaf--500);--digi--color--text--interactive--visited--light--af18:var(--digi--color--amethyst--500);--digi--color--background--primary--light--af18:var(--digi--grayscale--0);--digi--color--background--secondary--light--af18:var(--digi--grayscale--100);--digi--color--background--secondary-muted--light--af18:var(--digi--grayscale--50);--digi--color--background--secondary-accent--light--af18:var(--digi--grayscale--400);--digi--color--background--pop-out--light--af18:var(--digi--color--leaf--100);--digi--color--background--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--background--transparent--light--af18:var(--digi--misc--transparent);--digi--color--background--notification--light--af18:var(--digi--sentiment--error--500);--digi--color--background--interactive--default--primary--light--af18:var(--digi--color--stratos--500);--digi--color--background--interactive--default--primary-inverted--light--af18:var(--digi--color--leaf--500);--digi--color--background--interactive--default--secondary--light--af18:var(--digi--grayscale--0);--digi--color--background--interactive--default--secondary-inverted--light--af18:var(--digi--misc--transparent);--digi--color--background--interactive--default--tertiary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--default--quaternary--light--af18:var(--digi--grayscale--100);--digi--color--background--interactive--default--input-elements--light--af18:var(--digi--grayscale--0);--digi--color--background--interactive--default--pop-out--light--af18:var(--digi--color--leaf--100);--digi--color--background--interactive--hover--primary--light--af18:var(--digi--color--water--700);--digi--color--background--interactive--hover--secondary--light--af18:var(--digi--color--water--500);--digi--color--background--interactive--hover--tertiary--light--af18:var(--digi--color--sapphire--500);--digi--color--background--interactive--hover--quarternary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--hover--inverted--light--af18:var(--digi--color--pear--500);--digi--color--background--interactive--selected--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--background--interactive--selected--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--background--interactive--selected--tertiary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--selected--on-menu-minus-button--light--af18:var(--digi--color--leaf--200);--digi--color--background--interactive--validation--success--light--af18:var(--digi--sentiment--success--200);--digi--color--background--interactive--validation--warning--light--af18:var(--digi--sentiment--warning--50);--digi--color--background--interactive--validation--error--light--af18:var(--digi--sentiment--error--200);--digi--color--background--sentiment--error--primary--light--af18:var(--digi--sentiment--error--500);--digi--color--background--sentiment--error--secondary--light--af18:var(--digi--sentiment--error--700);--digi--color--background--sentiment--error--tertiary--light--af18:var(--digi--sentiment--error--200);--digi--color--background--sentiment--success--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--background--sentiment--success--secondary--light--af18:var(--digi--sentiment--success--700);--digi--color--background--sentiment--success--tertiary--light--af18:var(--digi--sentiment--success--200);--digi--color--background--sentiment--warning--primary--light--af18:var(--digi--sentiment--warning--500);--digi--color--background--sentiment--warning--secondary--light--af18:var(--digi--sentiment--warning--700);--digi--color--background--sentiment--warning--tertiary--light--af18:var(--digi--sentiment--warning--200);--digi--color--background--sentiment--warning--quarternary--light--af18:var(--digi--sentiment--warning--50);--digi--color--background--sentiment--info--primary--light--af18:var(--digi--sentiment--informative--500);--digi--color--background--sentiment--info--secondary--light--af18:var(--digi--sentiment--informative--700);--digi--color--background--sentiment--info--tertiary--light--af18:var(--digi--sentiment--informative--200);--digi--color--background--sentiment--neutral--primary--light--af18:var(--digi--grayscale--700);--digi--color--background--sentiment--neutral--secondary--light--af18:var(--digi--grayscale--400);--digi--color--background--sentiment--neutral--tertiary--light--af18:var(--digi--grayscale--900);--digi--color--background--sentiment--beta--primary--light--af18:var(--digi--color--rose--500);--digi--color--background--sentiment--beta--secondary--light--af18:var(--digi--color--rose--100);--digi--color--border--notification--light--af18:var(--digi--grayscale--0);--digi--color--border--transparent--light--af18:var(--digi--misc--transparent);--digi--color--border--interactive--default--primary--light--af18:var(--digi--color--stratos--500);--digi--color--border--interactive--default--on-input--light--af18:var(--digi--grayscale--900);--digi--color--border--interactive--default--on-input-nuance--light--af18:var(--digi--grayscale--800);--digi--color--border--interactive--default--inverted--light--af18:var(--digi--color--leaf--500);--digi--color--border--interactive--hover--primary--light--af18:var(--digi--color--water--700);--digi--color--border--interactive--hover--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--border--interactive--hover--inverted--light--af18:var(--digi--color--pear--500);--digi--color--border--interactive--validation--success--light--af18:var(--digi--sentiment--success--500);--digi--color--border--interactive--validation--warning--light--af18:var(--digi--sentiment--warning--900);--digi--color--border--interactive--validation--error--light--af18:var(--digi--sentiment--error--500);--digi--color--border--interactive--selected--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--border--interactive--selected--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--border--sentiment--error--light--af18:var(--digi--sentiment--error--500);--digi--color--border--sentiment--success--light--af18:var(--digi--sentiment--success--500);--digi--color--border--sentiment--warning--light--af18:var(--digi--sentiment--warning--500);--digi--color--border--sentiment--info--light--af18:var(--digi--sentiment--informative--500);--digi--color--border--accent--primary--light--af18:var(--digi--color--stratos--500);--digi--color--border--accent--secondary--light--af18:var(--digi--color--leaf--500);--digi--color--marking--navigation--selected--light--af18:var(--digi--color--leaf--500);--digi--color--marking--navigation--level-active--light--af18:var(--digi--color--leaf--200);--digi--color--marking--navigation--level-inactive--light--af18:var(--digi--grayscale--100);--digi--color--marking--indication--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--marking--indication--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--marking--indication--tertiary--light--af18:var(--digi--grayscale--700);--digi--color--divider--primary--light--af18:var(--digi--grayscale--400);--digi--color--divider--secondary--light--af18:var(--digi--grayscale--200);--digi--color--divider--on-brand-primary--light--af18:var(--digi--color--stratos--400);--digi--color--divider--cta--light--af18:var(--digi--color--sapphire--500);--digi--color--icon--primary--light--af18:var(--digi--grayscale--900);--digi--color--icon--secondary--light--af18:var(--digi--grayscale--0);--digi--color--icon--cta--light--af18:var(--digi--color--sapphire--500);--digi--color--icon--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--icon--brand-secondary--light--af18:var(--digi--color--leaf--500);--digi--color--icon--validation--success--light--af18:var(--digi--sentiment--success--500);--digi--color--icon--validation--warning--light--af18:var(--digi--sentiment--warning--500);--digi--color--icon--validation--error--light--af18:var(--digi--sentiment--error--500);--digi--color--misc--spinner-path--light--af18:var(--digi--grayscale--400);--digi--color--misc--skeleton--light--af18:var(--digi--grayscale--400)}@media (prefers-color-scheme: light){.sc-digi-header-avatar:root{--digi--color--logotype-color:var(--digi--color--logotype-color--light);--digi--color--infographic--lineart:var(--digi--color--infographic--lineart--light);--digi--color--infographic--background:var(--digi--color--infographic--background--light);--digi--color--infographic--brand--primary:var(--digi--color--infographic--brand--primary--light);--digi--color--infographic--brand--secondary:var(--digi--color--infographic--brand--secondary--light);--digi--color--infographic--brand--tertiary:var(--digi--color--infographic--brand--tertiary--light);--digi--color--text--primary:var(--digi--color--text--primary--light);--digi--color--text--secondary:var(--digi--color--text--secondary--light);--digi--color--text--description:var(--digi--color--text--description--light);--digi--color--text--interactive--primary:var(--digi--color--text--interactive--primary--light);--digi--color--text--interactive--secondary:var(--digi--color--text--interactive--secondary--light);--digi--color--text--interactive--secondary-discreet:var( --digi--color--text--interactive--secondary-discreet--light);--digi--color--text--interactive--tertiary:var(--digi--color--text--interactive--tertiary--light);--digi--color--text--interactive--brand-primary:var(--digi--color--text--interactive--brand-primary--light);--digi--color--text--interactive--brand-secondary:var(--digi--color--text--interactive--brand-secondary--light);--digi--color--text--interactive--visited:var(--digi--color--text--interactive--visited--light);--digi--color--background--primary:var(--digi--color--background--primary--light);--digi--color--background--primary-elevated:var(--digi--color--background--primary-elevated--light);--digi--color--background--secondary:var(--digi--color--background--secondary--light);--digi--color--background--secondary-elevated:var(--digi--color--background--secondary-elevated--light);--digi--color--background--secondary-muted:var(--digi--color--background--secondary-muted--light);--digi--color--background--secondary-accent:var(--digi--color--background--secondary-accent--light);--digi--color--background--pop-out:var(--digi--color--background--pop-out--light);--digi--color--background--brand-primary:var(--digi--color--background--brand-primary--light);--digi--color--background--transparent:var(--digi--color--background--transparent--light);--digi--color--background--notification:var(--digi--color--background--notification--light);--digi--color--background--interactive--default--primary:var(--digi--color--background--interactive--default--primary--light);--digi--color--background--interactive--default--primary-inverted:var(--digi--color--background--interactive--default--primary-inverted--light);--digi--color--background--interactive--default--secondary:var(--digi--color--background--interactive--default--secondary--light);--digi--color--background--interactive--default--secondary-inverted:var(--digi--color--background--interactive--default--secondary-inverted--light);--digi--color--background--interactive--default--tertiary:var(--digi--color--background--interactive--default--tertiary--light);--digi--color--background--interactive--default--quaternary:var(--digi--color--background--interactive--default--quaternary--light);--digi--color--background--interactive--default--input-elements:var(--digi--color--background--interactive--default--input-elements--light);--digi--color--background--interactive--default--pop-out:var(--digi--color--background--interactive--default--pop-out--light);--digi--color--background--interactive--hover--primary:var(--digi--color--background--interactive--hover--primary--light);--digi--color--background--interactive--hover--secondary:var(--digi--color--background--interactive--hover--secondary--light);--digi--color--background--interactive--hover--tertiary:var(--digi--color--background--interactive--hover--tertiary--light);--digi--color--background--interactive--hover--quarternary:var(--digi--color--background--interactive--hover--quarternary--light);--digi--color--background--interactive--hover--inverted:var(--digi--color--background--interactive--hover--inverted--light);--digi--color--background--interactive--hover--quinary:var(--digi--color--background--interactive--hover--quinary--light);--digi--color--background--interactive--selected--primary:var(--digi--color--background--interactive--selected--primary--light);--digi--color--background--interactive--selected--primary-stay:var(--digi--color--background--interactive--selected--primary-stay--light);--digi--color--background--interactive--selected--secondary:var(--digi--color--background--interactive--selected--secondary--light);--digi--color--background--interactive--selected--tertiary:var(--digi--color--background--interactive--selected--tertiary--light);--digi--color--background--interactive--selected--on-menu-minus-button:var(--digi--color--background--interactive--selected--on-menu-minus-button--light);--digi--color--background--interactive--validation--success:var(--digi--color--background--interactive--validation--success--light);--digi--color--background--interactive--validation--warning:var(--digi--color--background--interactive--validation--warning--light);--digi--color--background--interactive--validation--error:var(--digi--color--background--interactive--validation--error--light);--digi--color--background--sentiment--error--primary:var(--digi--color--background--sentiment--error--primary--light);--digi--color--background--sentiment--error--secondary:var(--digi--color--background--sentiment--error--secondary--light);--digi--color--background--sentiment--error--tertiary:var(--digi--color--background--sentiment--error--tertiary--light);--digi--color--background--sentiment--error--tertiary-discreet:var(--digi--color--background--sentiment--error--tertiary-discreet--light);--digi--color--background--sentiment--success--primary:var(--digi--color--background--sentiment--success--primary--light);--digi--color--background--sentiment--success--secondary:var(--digi--color--background--sentiment--success--secondary--light);--digi--color--background--sentiment--success--tertiary:var(--digi--color--background--sentiment--success--tertiary--light);--digi--color--background--sentiment--warning--primary:var(--digi--color--background--sentiment--warning--primary--light);--digi--color--background--sentiment--warning--secondary:var(--digi--color--background--sentiment--warning--secondary--light);--digi--color--background--sentiment--warning--tertiary:var(--digi--color--background--sentiment--warning--tertiary--light);--digi--color--background--sentiment--warning--quarternary:var(--digi--color--background--sentiment--warning--quarternary--light);--digi--color--background--sentiment--info--primary:var(--digi--color--background--sentiment--info--primary--light);--digi--color--background--sentiment--info--secondary:var(--digi--color--background--sentiment--info--secondary--light);--digi--color--background--sentiment--info--tertiary:var(--digi--color--background--sentiment--info--tertiary--light);--digi--color--background--sentiment--neutral--primary:var(--digi--color--background--sentiment--neutral--primary--light);--digi--color--background--sentiment--neutral--secondary:var(--digi--color--background--sentiment--neutral--secondary--light);--digi--color--background--sentiment--neutral--tertiary:var(--digi--color--background--sentiment--neutral--tertiary--light);--digi--color--background--sentiment--beta--primary:var(--digi--color--background--sentiment--beta--primary--light);--digi--color--background--sentiment--beta--secondary:var(--digi--color--background--sentiment--beta--secondary--light);--digi--color--border--notification:var(--digi--color--border--notification--light);--digi--color--border--transparent:var(--digi--color--border--transparent--light);--digi--color--border--interactive--default--primary:var(--digi--color--border--interactive--default--primary--light);--digi--color--border--interactive--default--on-input:var(--digi--color--border--interactive--default--on-input--light);--digi--color--border--interactive--default--on-input-nuance:var(--digi--color--border--interactive--default--on-input-nuance--light);--digi--color--border--interactive--default--inverted:var(--digi--color--border--interactive--default--inverted--light);--digi--color--border--interactive--hover--primary:var(--digi--color--border--interactive--hover--primary--light);--digi--color--border--interactive--hover--secondary:var(--digi--color--border--interactive--hover--secondary--light);--digi--color--border--interactive--hover--inverted:var(--digi--color--border--interactive--hover--inverted--light);--digi--color--border--interactive--validation--success:var(--digi--color--border--interactive--validation--success--light);--digi--color--border--interactive--validation--warning:var(--digi--color--border--interactive--validation--warning--light);--digi--color--border--interactive--validation--error:var(--digi--color--border--interactive--validation--error--light);--digi--color--border--interactive--selected--primary:var(--digi--color--border--interactive--selected--primary--light);--digi--color--border--interactive--selected--secondary:var(--digi--color--border--interactive--selected--secondary--light);--digi--color--border--sentiment--error:var(--digi--color--border--sentiment--error--light);--digi--color--border--sentiment--success:var(--digi--color--border--sentiment--success--light);--digi--color--border--sentiment--warning:var(--digi--color--border--sentiment--warning--light);--digi--color--border--sentiment--info:var(--digi--color--border--sentiment--info--light);--digi--color--border--accent--primary:var(--digi--color--border--accent--primary--light);--digi--color--border--accent--secondary:var(--digi--color--border--accent--secondary--light);--digi--color--marking--navigation--selected:var(--digi--color--marking--navigation--selected--light);--digi--color--marking--navigation--level-active:var(--digi--color--marking--navigation--level-active--light);--digi--color--marking--navigation--level-inactive:var(--digi--color--marking--navigation--level-inactive--light);--digi--color--marking--indication--primary:var(--digi--color--marking--indication--primary--light);--digi--color--marking--indication--secondary:var(--digi--color--marking--indication--secondary--light);--digi--color--marking--indication--tertiary:var(--digi--color--marking--indication--tertiary--light);--digi--color--marking--indication--marker:var(--digi--color--marking--indication--marker--light);--digi--color--divider--primary:var(--digi--color--divider--primary--light);--digi--color--divider--secondary:var(--digi--color--divider--secondary--light);--digi--color--divider--on-brand-primary:var(--digi--color--divider--on-brand-primary--light);--digi--color--divider--cta:var(--digi--color--divider--cta--light);--digi--color--icon--primary:var(--digi--color--icon--primary--light);--digi--color--icon--secondary:var(--digi--color--icon--secondary--light);--digi--color--icon--cta:var(--digi--color--icon--cta--light);--digi--color--icon--brand-primary:var(--digi--color--icon--brand-primary--light);--digi--color--icon--brand-secondary:var(--digi--color--icon--brand-secondary--light);--digi--color--icon--validation--success:var(--digi--color--icon--validation--success--light);--digi--color--icon--validation--warning:var(--digi--color--icon--validation--warning--light);--digi--color--icon--validation--error:var(--digi--color--icon--validation--error--light);--digi--color--misc--spinner-path:var(--digi--color--misc--spinner-path--light);--digi--color--misc--skeleton:var(--digi--color--misc--skeleton--light)}}@media (prefers-color-scheme: dark){.sc-digi-header-avatar:root{--digi--color--logotype-color:var(--digi--color--logotype-color--dark);--digi--color--infographic--lineart:var(--digi--color--infographic--lineart--dark);--digi--color--infographic--background:var(--digi--color--infographic--background--dark);--digi--color--infographic--brand--primary:var(--digi--color--infographic--brand--primary--dark);--digi--color--infographic--brand--secondary:var(--digi--color--infographic--brand--secondary--dark);--digi--color--infographic--brand--tertiary:var(--digi--color--infographic--brand--tertiary--dark);--digi--color--text--primary:var(--digi--color--text--primary--dark);--digi--color--text--secondary:var(--digi--color--text--secondary--dark);--digi--color--text--description:var(--digi--color--text--description--dark);--digi--color--text--interactive--primary:var(--digi--color--text--interactive--primary--dark);--digi--color--text--interactive--secondary:var(--digi--color--text--interactive--secondary--dark);--digi--color--text--interactive--secondary-discreet:var( --digi--color--text--interactive--secondary-discreet--dark);--digi--color--text--interactive--tertiary:var(--digi--color--text--interactive--tertiary--dark);--digi--color--text--interactive--brand-primary:var(--digi--color--text--interactive--brand-primary--dark);--digi--color--text--interactive--brand-secondary:var(--digi--color--text--interactive--brand-secondary--dark);--digi--color--text--interactive--visited:var(--digi--color--text--interactive--visited--dark);--digi--color--background--primary:var(--digi--color--background--primary--dark);--digi--color--background--primary-elevated:var(--digi--color--background--primary-elevated--dark);--digi--color--background--secondary:var(--digi--color--background--secondary--dark);--digi--color--background--secondary-elevated:var(--digi--color--background--secondary-elevated--dark);--digi--color--background--secondary-muted:var(--digi--color--background--secondary-muted--dark);--digi--color--background--secondary-accent:var(--digi--color--background--secondary-accent--dark);--digi--color--background--pop-out:var(--digi--color--background--pop-out--dark);--digi--color--background--brand-primary:var(--digi--color--background--brand-primary--dark);--digi--color--background--transparent:var(--digi--color--background--transparent--dark);--digi--color--background--notification:var(--digi--color--background--notification--dark);--digi--color--background--interactive--default--primary:var(--digi--color--background--interactive--default--primary--dark);--digi--color--background--interactive--default--primary-inverted:var(--digi--color--background--interactive--default--primary-inverted--dark);--digi--color--background--interactive--default--secondary:var(--digi--color--background--interactive--default--secondary--dark);--digi--color--background--interactive--default--secondary-inverted:var(--digi--color--background--interactive--default--secondary-inverted--dark);--digi--color--background--interactive--default--tertiary:var(--digi--color--background--interactive--default--tertiary--dark);--digi--color--background--interactive--default--quaternary:var(--digi--color--background--interactive--default--quaternary--dark);--digi--color--background--interactive--default--input-elements:var(--digi--color--background--interactive--default--input-elements--dark);--digi--color--background--interactive--default--pop-out:var(--digi--color--background--interactive--default--pop-out--dark);--digi--color--background--interactive--hover--primary:var(--digi--color--background--interactive--hover--primary--dark);--digi--color--background--interactive--hover--secondary:var(--digi--color--background--interactive--hover--secondary--dark);--digi--color--background--interactive--hover--tertiary:var(--digi--color--background--interactive--hover--tertiary--dark);--digi--color--background--interactive--hover--quarternary:var(--digi--color--background--interactive--hover--quarternary--dark);--digi--color--background--interactive--hover--inverted:var(--digi--color--background--interactive--hover--inverted--dark);--digi--color--background--interactive--hover--quinary:var(--digi--color--background--interactive--hover--quinary--dark);--digi--color--background--interactive--selected--primary:var(--digi--color--background--interactive--selected--primary--dark);--digi--color--background--interactive--selected--primary-stay:var(--digi--color--background--interactive--selected--primary-stay--dark);--digi--color--background--interactive--selected--secondary:var(--digi--color--background--interactive--selected--secondary--dark);--digi--color--background--interactive--selected--tertiary:var(--digi--color--background--interactive--selected--tertiary--dark);--digi--color--background--interactive--selected--on-menu-minus-button:var(--digi--color--background--interactive--selected--on-menu-minus-button--dark);--digi--color--background--interactive--validation--success:var(--digi--color--background--interactive--validation--success--dark);--digi--color--background--interactive--validation--warning:var(--digi--color--background--interactive--validation--warning--dark);--digi--color--background--interactive--validation--error:var(--digi--color--background--interactive--validation--error--dark);--digi--color--background--sentiment--error--primary:var(--digi--color--background--sentiment--error--primary--dark);--digi--color--background--sentiment--error--secondary:var(--digi--color--background--sentiment--error--secondary--dark);--digi--color--background--sentiment--error--tertiary:var(--digi--color--background--sentiment--error--tertiary--dark);--digi--color--background--sentiment--error--tertiary-discreet:var(--digi--color--background--sentiment--error--tertiary-discreet--dark);--digi--color--background--sentiment--success--primary:var(--digi--color--background--sentiment--success--primary--dark);--digi--color--background--sentiment--success--secondary:var(--digi--color--background--sentiment--success--secondary--dark);--digi--color--background--sentiment--success--tertiary:var(--digi--color--background--sentiment--success--tertiary--dark);--digi--color--background--sentiment--warning--primary:var(--digi--color--background--sentiment--warning--primary--dark);--digi--color--background--sentiment--warning--secondary:var(--digi--color--background--sentiment--warning--secondary--dark);--digi--color--background--sentiment--warning--tertiary:var(--digi--color--background--sentiment--warning--tertiary--dark);--digi--color--background--sentiment--warning--quarternary:var(--digi--color--background--sentiment--warning--quarternary--dark);--digi--color--background--sentiment--info--primary:var(--digi--color--background--sentiment--info--primary--dark);--digi--color--background--sentiment--info--secondary:var(--digi--color--background--sentiment--info--secondary--dark);--digi--color--background--sentiment--info--tertiary:var(--digi--color--background--sentiment--info--tertiary--dark);--digi--color--background--sentiment--neutral--primary:var(--digi--color--background--sentiment--neutral--primary--dark);--digi--color--background--sentiment--neutral--secondary:var(--digi--color--background--sentiment--neutral--secondary--dark);--digi--color--background--sentiment--neutral--tertiary:var(--digi--color--background--sentiment--neutral--tertiary--dark);--digi--color--background--sentiment--beta--primary:var(--digi--color--background--sentiment--beta--primary--dark);--digi--color--background--sentiment--beta--secondary:var(--digi--color--background--sentiment--beta--secondary--dark);--digi--color--border--notification:var(--digi--color--border--notification--dark);--digi--color--border--transparent:var(--digi--color--border--transparent--dark);--digi--color--border--interactive--default--primary:var(--digi--color--border--interactive--default--primary--dark);--digi--color--border--interactive--default--on-input:var(--digi--color--border--interactive--default--on-input--dark);--digi--color--border--interactive--default--on-input-nuance:var(--digi--color--border--interactive--default--on-input-nuance--dark);--digi--color--border--interactive--default--inverted:var(--digi--color--border--interactive--default--inverted--dark);--digi--color--border--interactive--hover--primary:var(--digi--color--border--interactive--hover--primary--dark);--digi--color--border--interactive--hover--secondary:var(--digi--color--border--interactive--hover--secondary--dark);--digi--color--border--interactive--hover--inverted:var(--digi--color--border--interactive--hover--inverted--dark);--digi--color--border--interactive--validation--success:var(--digi--color--border--interactive--validation--success--dark);--digi--color--border--interactive--validation--warning:var(--digi--color--border--interactive--validation--warning--dark);--digi--color--border--interactive--validation--error:var(--digi--color--border--interactive--validation--error--dark);--digi--color--border--interactive--selected--primary:var(--digi--color--border--interactive--selected--primary--dark);--digi--color--border--interactive--selected--secondary:var(--digi--color--border--interactive--selected--secondary--dark);--digi--color--border--sentiment--error:var(--digi--color--border--sentiment--error--dark);--digi--color--border--sentiment--success:var(--digi--color--border--sentiment--success--dark);--digi--color--border--sentiment--warning:var(--digi--color--border--sentiment--warning--dark);--digi--color--border--sentiment--info:var(--digi--color--border--sentiment--info--dark);--digi--color--border--accent--primary:var(--digi--color--border--accent--primary--dark);--digi--color--border--accent--secondary:var(--digi--color--border--accent--secondary--dark);--digi--color--marking--navigation--selected:var(--digi--color--marking--navigation--selected--dark);--digi--color--marking--navigation--level-active:var(--digi--color--marking--navigation--level-active--dark);--digi--color--marking--navigation--level-inactive:var(--digi--color--marking--navigation--level-inactive--dark);--digi--color--marking--indication--primary:var(--digi--color--marking--indication--primary--dark);--digi--color--marking--indication--secondary:var(--digi--color--marking--indication--secondary--dark);--digi--color--marking--indication--tertiary:var(--digi--color--marking--indication--tertiary--dark);--digi--color--marking--indication--marker:var(--digi--color--marking--indication--marker--dark);--digi--color--divider--primary:var(--digi--color--divider--primary--dark);--digi--color--divider--secondary:var(--digi--color--divider--secondary--dark);--digi--color--divider--on-brand-primary:var(--digi--color--divider--on-brand-primary--dark);--digi--color--divider--cta:var(--digi--color--divider--cta--dark);--digi--color--icon--primary:var(--digi--color--icon--primary--dark);--digi--color--icon--secondary:var(--digi--color--icon--secondary--dark);--digi--color--icon--cta:var(--digi--color--icon--cta--dark);--digi--color--icon--brand-primary:var(--digi--color--icon--brand-primary--dark);--digi--color--icon--brand-secondary:var(--digi--color--icon--brand-secondary--dark);--digi--color--icon--validation--success:var(--digi--color--icon--validation--success--dark);--digi--color--icon--validation--warning:var(--digi--color--icon--validation--warning--dark);--digi--color--icon--validation--error:var(--digi--color--icon--validation--error--dark);--digi--color--misc--spinner-path:var(--digi--color--misc--spinner-path--dark);--digi--color--misc--skeleton:var(--digi--color--misc--skeleton--dark)}}body.sc-digi-header-avatar{font-size:1rem;font-family:\"Open Sans\", Arial, sans-serif}.sc-digi-header-avatar-h{--digi--header-avatar--margin:var(--digi--gutter--medium);--digi--header-avatar--font-family:var(--digi--global--typography--font-family--default);--digi--header-avatar--font-size:var(--digi--typography--label--font-size--desktop);--digi--header-avatar--line-height:var(--digi--typography--label--line-height--desktop);--digi--header-avatar--color:var(--digi--color--icon--primary);--digi--header-avatar-icon--color:var(--digi--color--icon--primary);--digi--header-avatar-icon--background-color:var(--digi--color--background--interactive--default--tertiary);--digi--header-avatar-icon-active--color:var(--digi--color--icon--brand-primary);display:block}.sc-digi-header-avatar-h .digi-header-avatar.sc-digi-header-avatar{display:flex;align-items:center;font-family:var(--digi--header-avatar--font-family);color:var(--digi--header-avatar--color);font-weight:var(--digi--typography--title-logo--font-weight--desktop);font-size:var(--digi--header--font-size)}.sc-digi-header-avatar-h .digi-header-avatar__icon.sc-digi-header-avatar{height:2rem;width:2rem;display:flex;align-items:center;flex-grow:1;background:var(--digi--header-avatar-icon--background-color);border-radius:50%}.sc-digi-header-avatar-h .digi-header-avatar__icon-logged-in.sc-digi-header-avatar{color:var(--digi--header-avatar-icon-active--color)}.sc-digi-header-avatar-h .digi-header-avatar__icon-logged-out.sc-digi-header-avatar{color:var(--digi--header-avatar-icon--color)}.sc-digi-header-avatar-h .digi-header-avatar__image.sc-digi-header-avatar{display:block;height:32px}.sc-digi-header-avatar-h .digi-header-avatar__image.sc-digi-header-avatar *.sc-digi-header-avatar img.sc-digi-header-avatar{border-radius:100%}.sc-digi-header-avatar-h .digi-header-avatar__placeholder.sc-digi-header-avatar{background:#ddd;border-radius:100%;height:32px;width:32px;display:flex;justify-content:center;margin-left:var(--digi--header-avatar--margin)}.sc-digi-header-avatar-h .digi-header-avatar__name.sc-digi-header-avatar,.sc-digi-header-avatar-h .digi-header-avatar__signature.sc-digi-header-avatar{margin-left:var(--digi--header-avatar--margin)}.sc-digi-header-avatar-s img{border-radius:100%}";
57
- const DigiHeaderAvatarStyle0 = headerAvatarCss;
58
-
59
- const NavigationAvatar = class {
60
- constructor(hostRef) {
61
- index.registerInstance(this, hostRef);
62
- this.currentAvatar = undefined;
63
- this.afIsLoggedIn = true;
64
- this.afSrc = undefined;
65
- this.afAlt = undefined;
66
- this.afShowPlaceholderImage = undefined;
67
- this.afHideImage = false;
68
- this.afName = undefined;
69
- this.afHideName = false;
70
- this.afSignature = undefined;
71
- this.afHideSignature = false;
72
- this.afUserPlacerholder = 'Inloggad';
73
- this.afPlacerholderTitle = '';
74
- this.afHideUser = false;
75
- }
76
- setCurrentLoginName() {
77
- if (!this.afHideName && !this.afHideSignature) {
78
- return this.afName + ' (' + this.afSignature + ')';
79
- }
80
- if (!this.afHideSignature) {
81
- return this.afSignature;
82
- }
83
- if (!this.afHideName) {
84
- return this.afName;
85
- }
86
- if (this.afHideUser) {
87
- return this.afUserPlacerholder;
88
- }
89
- }
90
- setAvatarPlaceholder(name) {
91
- const { AvatarPlaceholderComponent } = avatarPlaceholder[name];
92
- this.currentAvatar = AvatarPlaceholderComponent;
93
- }
94
- componentWillLoad() {
95
- this.getAvatar();
96
- }
97
- getAvatar() {
98
- if (this.afIsLoggedIn) {
99
- return this.setAvatarPlaceholder('avatar-logged-in');
100
- }
101
- else {
102
- return this.setAvatarPlaceholder('avatar-logged-out');
103
- }
104
- }
105
- render() {
106
- if (this.afShowPlaceholderImage) {
107
- this.afHideImage = true;
108
- }
109
- return (index.h("div", { key: 'e785008079cbd298ffda407e3b599366d0f83378', class: "digi-header-avatar" }, !this.afHideImage && this.afIsLoggedIn && (index.h("digi-media-image", { key: '939c020a8088dda91b48ea6f89d7d198f5a4a04c', class: 'digi-header-avatar__image', "af-height": "32", "af-width": "32", afUnlazy: true, "af-src": this.afSrc, afAlt: this.afAlt })), this.afShowPlaceholderImage && this.afIsLoggedIn && (index.h("span", { key: '2a7125b788f0dd37e68a7890f1c085a9a1281e61', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-in" }, index.h(this.currentAvatar, { key: '59c71e72afca5ad20e92f227954a73f4f85b1654' }, index.h("title", { key: '4b72ca4da3763f0caaeb540167a2083803ab566e' }, this.afPlacerholderTitle)))), this.afIsLoggedIn && (index.h("span", { key: 'fd4bf4fc6255ddcdf979817cf3d525677f713dff', class: "digi-header-avatar__name" }, this.setCurrentLoginName())), !this.afIsLoggedIn && (index.h("span", { key: '6df19381bdd1a4427b8cd9eda2c20dd53cf3fbad', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-out" }, index.h(this.currentAvatar, { key: '72ae8043ae5a24ee2ba067ed614fcbc330fc1fc8' }, index.h("title", { key: '8a879f424b9d7094987b95830a286a4c1423b04b' }, this.afPlacerholderTitle)))), !this.afIsLoggedIn && index.h("slot", { key: 'c51939b2285596e2efde303540a1ce9ade57c201' })));
110
- }
111
- };
112
- NavigationAvatar.style = DigiHeaderAvatarStyle0;
113
-
114
- exports.digi_header_avatar = NavigationAvatar;
@@ -1,27 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-7a477838.js');
6
-
7
- const headerNavigationItemCss = ".sc-digi-header-navigation-item-h{--digi--header-navigation-item--font-family:var(--digi--global--typography--font-family--default);--digi--header-navigation-item--font-size:var(--digi--typography--body--font-size--desktop);--digi--header-navigation-item--color:var(--digi--color--text--interactive--tertiary);--digi--header-navigation-item--color-hover:var(--digi--color--text--interactive--primary);--digi--header-navigation-item--color-active:var(--digi--color--text--interactive--primary);--digi--header-navigation-item-indicator--inactive--color:var(--digi--color--background--secondary-muted);--digi--header-navigation-item-indicator--inactive-hover--color:var(--digi--color--background--interactive--hover--quarternary);--digi--header-navigation-item-indicator--active--color:var(--digi--color--marking--navigation--selected);display:block;--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--inactive--color)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a{display:block;text-decoration:none;padding:var(--digi--padding--medium);color:var(--digi--header-navigation-item--color);font-family:var(--digi--header-navigation-item--font-family);font-size:var(--digi--header-navigation-item--font-size)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:active,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:active,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:focus-visible,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:focus-visible{background-color:var(--digi--header-navigation-item-indicator--inactive-hover--color);color:var(--digi--header-navigation-item--color-hover);text-decoration:underline}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator{--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--inactive-hover--color)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator--active,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:hover+.digi-header-navigation-item-indicator--active{--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--active--color)}.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a,.sc-digi-header-navigation-item-h.sc-digi-header-navigation-item-s>a:focus-visible,.sc-digi-header-navigation-item-h .sc-digi-header-navigation-item-s>a:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.digi-header-navigation-item-indicator.sc-digi-header-navigation-item{height:0.25rem;width:100%;background-color:var(--INDICATOR-COLOR)}.digi-header-navigation-item-indicator--active.sc-digi-header-navigation-item{--INDICATOR-COLOR:var(--digi--header-navigation-item-indicator--active--color)}.digi-header-navigation-item--active.sc-digi-header-navigation-item-s>a,.digi-header-navigation-item--active .sc-digi-header-navigation-item-s>a{font-weight:bold}";
8
- const DigiHeaderNavigationItemStyle0 = headerNavigationItemCss;
9
-
10
- const HeaderNavigationItem = class {
11
- constructor(hostRef) {
12
- index.registerInstance(this, hostRef);
13
- this.afCurrentPage = undefined;
14
- }
15
- get cssModifiers() {
16
- return {
17
- 'digi-header-navigation-item--active': this.afCurrentPage,
18
- 'digi-header-navigation-item-indicator--active': this.afCurrentPage
19
- };
20
- }
21
- render() {
22
- return (index.h("div", { key: 'a9b07c72415ec9c8e046dddcd62c4f1ad97ef31e', role: "listitem", class: Object.assign({ 'digi-header-navigation-item': true }, this.cssModifiers) }, index.h("slot", { key: '4d9a0d5fb5c9f572a736e0588e86aa96bf5708a4' }), index.h("div", { key: '796c3fe0b1cd55e9ee49b4ae2c4034ce8c58f791', class: Object.assign({ 'digi-header-navigation-item-indicator': true }, this.cssModifiers) })));
23
- }
24
- };
25
- HeaderNavigationItem.style = DigiHeaderNavigationItemStyle0;
26
-
27
- exports.digi_header_navigation_item = HeaderNavigationItem;