@designsystem-se/af 32.3.1-beta.1 → 33.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (400) hide show
  1. package/components/digi-bar-chart.js +1 -1
  2. package/components/digi-calendar-datepicker.js +3 -4
  3. package/components/digi-calendar-week-view.js +1 -1
  4. package/components/digi-calendar.js +1 -1
  5. package/components/digi-card.js +1 -1
  6. package/components/digi-chart-line.js +1 -1
  7. package/components/digi-code-block.js +1 -1
  8. package/components/digi-code-example.js +9 -7
  9. package/components/digi-context-menu.js +151 -52
  10. package/components/digi-dialog.js +3 -4
  11. package/components/digi-expandable-accordion.js +2 -3
  12. package/components/digi-expandable-faq-item.js +1 -1
  13. package/components/digi-footer.js +2 -3
  14. package/components/digi-form-error-list.js +3 -4
  15. package/components/digi-form-file-upload.js +1 -1
  16. package/components/digi-form-receipt.js +1 -2
  17. package/components/digi-form-select-filter.js +2 -3
  18. package/components/digi-header-avatar.js +2 -2
  19. package/components/digi-header-navigation.js +3 -4
  20. package/components/digi-header.js +3 -4
  21. package/components/digi-info-card-multi.js +4 -4
  22. package/components/digi-info-card.js +1 -1
  23. package/components/digi-list.js +1 -1
  24. package/components/digi-loader-spinner.js +1 -1
  25. package/components/digi-media-image.js +1 -1
  26. package/components/digi-navigation-context-menu.js +1 -1
  27. package/components/digi-navigation-pagination.js +9 -10
  28. package/components/digi-navigation-sidebar-button.js +1 -1
  29. package/components/digi-navigation-sidebar.js +4 -4
  30. package/components/digi-navigation-vertical-menu-item.js +6 -6
  31. package/components/digi-navigation-vertical-menu.js +1 -1
  32. package/components/digi-notification-alert.js +1 -1
  33. package/components/digi-notification-error-page.js +7 -15
  34. package/components/digi-progress-circle.js +12 -8
  35. package/components/digi-progress-indicator.js +7 -3
  36. package/components/digi-progress-list-item.js +5 -5
  37. package/components/digi-progress-list.js +2 -2
  38. package/components/digi-progressbar.js +2 -2
  39. package/components/digi-quote.js +3 -3
  40. package/components/digi-table.js +1 -1
  41. package/components/digi-tablist-panel.js +2 -2
  42. package/components/digi-tablist.js +5 -5
  43. package/components/digi-tag-media.js +1 -1
  44. package/components/digi-tag.js +5 -3
  45. package/components/digi-tools-feedback-banner.js +1 -1
  46. package/components/digi-tools-feedback-rating.js +3 -3
  47. package/components/digi-tools-feedback.js +2 -3
  48. package/components/digi-tools-languagepicker.js +5 -5
  49. package/components/digi-typography-heading-jumbo.js +6 -2
  50. package/components/digi-typography-meta.js +37 -1
  51. package/components/digi-typography-preamble.js +1 -1
  52. package/components/digi-typography-time.js +1 -1
  53. package/components/digi-typography.js +1 -1
  54. package/components/digi-util-breakpoint-observer.js +1 -1
  55. package/components/digi-util-detect-click-outside.js +1 -1
  56. package/components/digi-util-detect-focus-outside.js +1 -1
  57. package/components/digi-util-intersection-observer.js +1 -1
  58. package/components/digi-util-keydown-handler.js +1 -1
  59. package/components/digi-util-keyup-handler.js +1 -1
  60. package/components/digi-util-resize-observer.js +1 -1
  61. package/components/index.d.ts +0 -6
  62. package/components/index.js +1 -5
  63. package/components/{p-d7211fec.js → p-2b4c472b.js} +1 -11
  64. package/components/{p-1ee02c0b.js → p-38b0d0c7.js} +1 -2
  65. package/components/{p-e87d124f.js → p-4b8bc232.js} +1 -1
  66. package/components/{p-ed121585.js → p-50634baa.js} +1 -1
  67. package/components/{p-83e38978.js → p-5e487ed4.js} +1 -1
  68. package/components/{p-dfa85da0.js → p-8a1aaa8e.js} +6 -6
  69. package/components/{p-809fd710.js → p-918e9955.js} +2 -2
  70. package/components/{p-23d4119d.js → p-950b05b1.js} +1 -1
  71. package/components/{p-f034b64e.js → p-aa59e5c0.js} +1 -1
  72. package/components/{p-af7ab137.js → p-d08de295.js} +1 -1
  73. package/components/{p-648cd0b2.js → p-ef49c2f8.js} +4 -5
  74. package/components/{p-2bfb4163.js → p-f0bdf339.js} +1 -1
  75. package/components/{p-71554a36.js → p-f3c5a743.js} +1 -1
  76. package/custom-elements.json +11 -120
  77. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  78. package/dist/cjs/digi-button_6.cjs.entry.js +246 -2301
  79. package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +3 -4
  80. package/dist/cjs/digi-chart-line.cjs.entry.js +2314 -0
  81. package/dist/cjs/digi-code-block_3.cjs.entry.js +3 -4
  82. package/dist/cjs/digi-code-example.cjs.entry.js +7 -5
  83. package/dist/cjs/digi-dialog.cjs.entry.js +3 -4
  84. package/dist/cjs/digi-expandable-accordion.cjs.entry.js +3 -4
  85. package/dist/cjs/digi-footer.cjs.entry.js +3 -4
  86. package/dist/cjs/digi-form-error-list.cjs.entry.js +3 -4
  87. package/dist/cjs/digi-form-receipt.cjs.entry.js +3 -4
  88. package/dist/cjs/digi-form-select-filter.cjs.entry.js +3 -4
  89. package/dist/cjs/digi-header-navigation.cjs.entry.js +3 -4
  90. package/dist/cjs/digi-header.cjs.entry.js +4 -5
  91. package/dist/cjs/digi-icon-chart_2.cjs.entry.js +53 -0
  92. package/dist/cjs/digi-icon-language-outline_4.cjs.entry.js +5 -5
  93. package/dist/cjs/digi-icon-x.cjs.entry.js +30 -0
  94. package/dist/cjs/digi-layout-block.cjs.entry.js +47 -0
  95. package/dist/cjs/digi-loader-spinner.cjs.entry.js +1 -1
  96. package/dist/cjs/digi-logo_2.cjs.entry.js +1 -1
  97. package/dist/cjs/digi-media-image_2.cjs.entry.js +1 -1
  98. package/dist/cjs/digi-navigation-pagination.cjs.entry.js +9 -10
  99. package/dist/cjs/digi-navigation-sidebar.cjs.entry.js +2 -2
  100. package/dist/cjs/digi-navigation-vertical-menu-item.cjs.entry.js +6 -6
  101. package/dist/cjs/digi-navigation-vertical-menu.cjs.entry.js +1 -1
  102. package/dist/cjs/digi-notification-alert.cjs.entry.js +5 -6
  103. package/dist/cjs/digi-notification-error-page.cjs.entry.js +7 -15
  104. package/dist/cjs/digi-progress-circle.cjs.entry.js +12 -8
  105. package/dist/cjs/digi-progress-indicator.cjs.entry.js +7 -3
  106. package/dist/cjs/digi-progress-list-item.cjs.entry.js +5 -5
  107. package/dist/cjs/digi-progress-list.cjs.entry.js +1 -1
  108. package/dist/cjs/digi-progressbar.cjs.entry.js +2 -2
  109. package/dist/cjs/digi-quote.cjs.entry.js +1 -1
  110. package/dist/cjs/digi-table.cjs.entry.js +1 -1
  111. package/dist/cjs/digi-tablist-panel.cjs.entry.js +2 -2
  112. package/dist/cjs/digi-tablist.cjs.entry.js +5 -5
  113. package/dist/cjs/digi-tag-media.cjs.entry.js +2 -2
  114. package/dist/cjs/digi-tag.cjs.entry.js +3 -2
  115. package/dist/cjs/digi-tools-feedback-banner.cjs.entry.js +1 -1
  116. package/dist/cjs/digi-tools-feedback-rating.cjs.entry.js +2 -2
  117. package/dist/cjs/digi-tools-feedback.cjs.entry.js +4 -5
  118. package/dist/cjs/digi-tools-languagepicker.cjs.entry.js +3 -3
  119. package/dist/cjs/digi-typography-heading-jumbo.cjs.entry.js +6 -2
  120. package/dist/cjs/digi-typography-meta.cjs.entry.js +1 -1
  121. package/dist/cjs/digi-typography-preamble.cjs.entry.js +1 -1
  122. package/dist/cjs/digi-typography-time.cjs.entry.js +1 -1
  123. package/dist/cjs/digi-util-breakpoint-observer.cjs.entry.js +1 -1
  124. package/dist/cjs/digi-util-detect-click-outside.cjs.entry.js +1 -1
  125. package/dist/cjs/digi-util-detect-focus-outside.cjs.entry.js +1 -1
  126. package/dist/cjs/digi-util-keydown-handler.cjs.entry.js +1 -1
  127. package/dist/cjs/digi-util-keyup-handler.cjs.entry.js +1 -1
  128. package/dist/cjs/digi-util-resize-observer.cjs.entry.js +1 -1
  129. package/dist/cjs/index-cfa8e9be.js +18 -30
  130. package/dist/cjs/index.cjs.js +22 -35
  131. package/dist/cjs/layout-block-container.enum-52ae6994.js +8 -0
  132. package/dist/cjs/loader.cjs.js +1 -1
  133. package/dist/cjs/{tools-feedback-variation.enum-4547e1e3.js → tools-feedback-variation.enum-2ac9956e.js} +0 -10
  134. package/dist/cjs/{layout-container-max-width.enum-7e637f44.js → typography-variation.enum-d7083728.js} +6 -7
  135. package/dist/collection/collection-manifest.json +0 -3
  136. package/dist/collection/components/_code/code-example/code-example.js +7 -5
  137. package/dist/collection/components/_loader/loader-spinner/loader-spinner.css +1 -0
  138. package/dist/collection/components/_navigation/navigation-context-menu/navigation-context-menu.css +85 -172
  139. package/dist/collection/components/_navigation/navigation-context-menu/navigation-context-menu.js +190 -62
  140. package/dist/collection/components/_navigation/navigation-context-menu-legacy/navigation-context-menu.js +5 -5
  141. package/dist/collection/components/_navigation/navigation-pagination/navigation-pagination.js +6 -6
  142. package/dist/collection/components/_navigation/navigation-sidebar/navigation-sidebar.js +2 -2
  143. package/dist/collection/components/_navigation/navigation-sidebar-button/navigation-sidebar-button.js +1 -1
  144. package/dist/collection/components/_navigation/navigation-tablist/navigation-tablist.js +5 -5
  145. package/dist/collection/components/_navigation/navigation-tablist-panel/tablist-panel.js +2 -2
  146. package/dist/collection/components/_navigation/navigation-vertical-menu/navigation-vertical-menu.js +1 -1
  147. package/dist/collection/components/_navigation/navigation-vertical-menu-item/navigation-vertical-menu-item.js +6 -6
  148. package/dist/collection/components/_notification/notification-alert/notification-alert.js +2 -2
  149. package/dist/collection/components/_notification/notification-error-page/illustrations/illustrations.js +7 -7
  150. package/dist/collection/components/_notification/notification-error-page/notification-error-page.js +3 -3
  151. package/dist/collection/components/_progress/progress-circle/progress-circle.js +12 -8
  152. package/dist/collection/components/_progress/progress-indicator/progress-indicator.js +7 -3
  153. package/dist/collection/components/_progress/progress-list/progress-list.js +1 -1
  154. package/dist/collection/components/_progress/progress-list-item/progress-list-item.js +5 -5
  155. package/dist/collection/components/_progress/progressbar/progressbar.js +2 -2
  156. package/dist/collection/components/_quote/quote/quote.js +1 -2
  157. package/dist/collection/components/_table/table/table.js +1 -1
  158. package/dist/collection/components/_tag/tag/tag.css +10 -0
  159. package/dist/collection/components/_tag/tag/tag.js +25 -1
  160. package/dist/collection/components/_tag/tag-media/tag-media.js +2 -2
  161. package/dist/collection/components/_tools/tools-feedback/tools-feedback.js +1 -1
  162. package/dist/collection/components/_tools/tools-feedback-banner/tools-feedback-banner.js +1 -1
  163. package/dist/collection/components/_tools/tools-feedback-rating/tools-feedback-rating.js +2 -2
  164. package/dist/collection/components/_tools/tools-languagepicker/tools-languagepicker.js +4 -4
  165. package/dist/collection/components/_typography/typography/typography.js +1 -1
  166. package/dist/collection/components/_typography/typography-heading-jumbo/typography-heading-jumbo.js +6 -2
  167. package/dist/collection/components/_typography/typography-meta/typography-meta.js +1 -1
  168. package/dist/collection/components/_typography/typography-preamble/typography-preamble.js +1 -1
  169. package/dist/collection/components/_typography/typography-time/typography-time.js +1 -1
  170. package/dist/collection/components/_util/util-breakpoint-observer/util-breakpoint-observer.js +1 -1
  171. package/dist/collection/components/_util/util-detect-click-outside/util-detect-click-outside.js +1 -1
  172. package/dist/collection/components/_util/util-detect-focus-outside/util-detect-focus-outside.js +1 -1
  173. package/dist/collection/components/_util/util-intersection-observer/util-intersection-observer.js +1 -1
  174. package/dist/collection/components/_util/util-keydown-handler/util-keydown-handler.js +1 -1
  175. package/dist/collection/components/_util/util-keyup-handler/util-keyup-handler.js +1 -1
  176. package/dist/collection/components/_util/util-resize-observer/util-resize-observer.js +1 -1
  177. package/dist/collection/design-tokens/components/_navigation-context-menu.variables.scss +3 -47
  178. package/dist/collection/design-tokens/css/variables.css +3 -0
  179. package/dist/collection/design-tokens/scss/variables.scss +3 -0
  180. package/dist/collection/design-tokens/styleguide/web.json +57 -0
  181. package/dist/collection/design-tokens/styleguide/web.scss +3 -0
  182. package/dist/collection/enums.js +0 -2
  183. package/dist/collection/interfaces.js +0 -1
  184. package/dist/digi-arbetsformedlingen/design-tokens/components/_navigation-context-menu.variables.scss +41 -45
  185. package/dist/digi-arbetsformedlingen/design-tokens/css/variables.css +3 -0
  186. package/dist/digi-arbetsformedlingen/design-tokens/scss/variables.scss +3 -0
  187. package/dist/digi-arbetsformedlingen/design-tokens/styleguide/web.json +57 -0
  188. package/dist/digi-arbetsformedlingen/design-tokens/styleguide/web.scss +3 -0
  189. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.css +1 -1
  190. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  191. package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
  192. package/dist/digi-arbetsformedlingen/p-005c72ca.entry.js +1 -0
  193. package/dist/digi-arbetsformedlingen/p-028dd0d4.js +1 -0
  194. package/dist/digi-arbetsformedlingen/{p-5a7a3e3d.entry.js → p-04ca1ba6.entry.js} +1 -1
  195. package/dist/digi-arbetsformedlingen/p-0551a242.entry.js +1 -0
  196. package/dist/digi-arbetsformedlingen/{p-a64f6920.entry.js → p-0f485fa7.entry.js} +1 -1
  197. package/dist/digi-arbetsformedlingen/p-14368210.entry.js +1 -0
  198. package/dist/digi-arbetsformedlingen/p-16aa5a85.entry.js +1 -0
  199. package/dist/digi-arbetsformedlingen/{p-b1759898.entry.js → p-1d3f7336.entry.js} +1 -1
  200. package/dist/digi-arbetsformedlingen/{p-a4727186.entry.js → p-20a65f1c.entry.js} +1 -1
  201. package/dist/digi-arbetsformedlingen/p-2af9b440.js +1 -0
  202. package/dist/digi-arbetsformedlingen/{p-d3ad14b2.entry.js → p-2f79bfcc.entry.js} +1 -1
  203. package/dist/digi-arbetsformedlingen/{p-11a56b7a.entry.js → p-346297b2.entry.js} +1 -1
  204. package/dist/digi-arbetsformedlingen/{p-ca626e5c.entry.js → p-349f73d9.entry.js} +1 -1
  205. package/dist/digi-arbetsformedlingen/{p-6b57023d.entry.js → p-3ee7d913.entry.js} +1 -1
  206. package/dist/digi-arbetsformedlingen/{p-816ed242.entry.js → p-3fde4aec.entry.js} +1 -1
  207. package/dist/digi-arbetsformedlingen/p-40a81c4a.entry.js +1 -0
  208. package/dist/digi-arbetsformedlingen/{p-edda9cea.entry.js → p-419d99f0.entry.js} +1 -1
  209. package/dist/digi-arbetsformedlingen/p-4638e6b1.entry.js +1 -0
  210. package/dist/digi-arbetsformedlingen/{p-c2bec230.entry.js → p-48664690.entry.js} +1 -1
  211. package/dist/digi-arbetsformedlingen/p-4fa41b6b.entry.js +1 -0
  212. package/dist/digi-arbetsformedlingen/{p-bbad90a7.entry.js → p-57665401.entry.js} +1 -1
  213. package/dist/digi-arbetsformedlingen/p-59d1de44.entry.js +1 -0
  214. package/dist/digi-arbetsformedlingen/p-64609e83.entry.js +1 -0
  215. package/dist/digi-arbetsformedlingen/{p-61e92fa9.entry.js → p-66b0d3c6.entry.js} +1 -1
  216. package/dist/digi-arbetsformedlingen/{p-0a6f6df3.entry.js → p-68886e60.entry.js} +1 -1
  217. package/dist/digi-arbetsformedlingen/{p-699e385a.entry.js → p-7bbee718.entry.js} +1 -1
  218. package/dist/digi-arbetsformedlingen/p-7f4f58d5.entry.js +1 -0
  219. package/dist/digi-arbetsformedlingen/p-81cac8dd.entry.js +1 -0
  220. package/dist/digi-arbetsformedlingen/p-860e37c2.entry.js +1 -0
  221. package/dist/digi-arbetsformedlingen/p-8f42a48e.entry.js +1 -0
  222. package/dist/digi-arbetsformedlingen/{p-9a53b638.entry.js → p-9657af86.entry.js} +1 -1
  223. package/dist/digi-arbetsformedlingen/{p-9d5f4dd0.entry.js → p-966ea804.entry.js} +1 -1
  224. package/dist/digi-arbetsformedlingen/p-9a06e85b.entry.js +1 -0
  225. package/dist/digi-arbetsformedlingen/{p-cccdb2c8.entry.js → p-9d8d64fa.entry.js} +1 -1
  226. package/dist/digi-arbetsformedlingen/{p-caf79640.entry.js → p-a6fcc0f7.entry.js} +1 -1
  227. package/dist/digi-arbetsformedlingen/p-a7970fe3.entry.js +1 -0
  228. package/dist/digi-arbetsformedlingen/{p-eb7ca274.entry.js → p-affe6eac.entry.js} +1 -1
  229. package/dist/digi-arbetsformedlingen/p-b77ea3a1.entry.js +1 -0
  230. package/dist/digi-arbetsformedlingen/{p-70d542da.entry.js → p-ba740002.entry.js} +1 -1
  231. package/dist/digi-arbetsformedlingen/p-bad82d8a.entry.js +1 -0
  232. package/dist/digi-arbetsformedlingen/p-bd56d622.entry.js +1 -0
  233. package/dist/digi-arbetsformedlingen/p-c16371b2.entry.js +1 -0
  234. package/dist/digi-arbetsformedlingen/{p-7b7c092f.entry.js → p-c16e6afe.entry.js} +1 -1
  235. package/dist/digi-arbetsformedlingen/p-c2a5da97.js +1 -0
  236. package/dist/digi-arbetsformedlingen/{p-8fc1143f.js → p-c2ee26cb.js} +1 -1
  237. package/dist/digi-arbetsformedlingen/{p-c750cc28.entry.js → p-d630f2e9.entry.js} +1 -1
  238. package/dist/digi-arbetsformedlingen/{p-9c72fecd.entry.js → p-e07fed59.entry.js} +1 -1
  239. package/dist/digi-arbetsformedlingen/p-e361c7bb.entry.js +1 -0
  240. package/dist/digi-arbetsformedlingen/p-edd43c5d.entry.js +1 -0
  241. package/dist/digi-arbetsformedlingen/p-ee5f2630.entry.js +1 -0
  242. package/dist/digi-arbetsformedlingen/p-eedd8fdb.entry.js +1 -0
  243. package/dist/digi-arbetsformedlingen/{p-305a1547.entry.js → p-f0cdaac5.entry.js} +1 -1
  244. package/dist/digi-arbetsformedlingen/{p-0873a381.entry.js → p-f427db52.entry.js} +1 -1
  245. package/dist/digi-arbetsformedlingen/{p-22beda0f.entry.js → p-f84d9dea.entry.js} +1 -1
  246. package/dist/digi-arbetsformedlingen/p-fa7824e9.entry.js +1 -0
  247. package/dist/digi-arbetsformedlingen/p-fa890d2b.entry.js +1 -0
  248. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  249. package/dist/esm/digi-bar-chart.entry.js +1 -1
  250. package/dist/esm/digi-button_6.entry.js +243 -2298
  251. package/dist/esm/digi-calendar-datepicker.entry.js +3 -4
  252. package/dist/esm/digi-chart-line.entry.js +2310 -0
  253. package/dist/esm/digi-code-block_3.entry.js +3 -4
  254. package/dist/esm/digi-code-example.entry.js +7 -5
  255. package/dist/esm/digi-dialog.entry.js +3 -4
  256. package/dist/esm/digi-expandable-accordion.entry.js +3 -4
  257. package/dist/esm/digi-footer.entry.js +3 -4
  258. package/dist/esm/digi-form-error-list.entry.js +3 -4
  259. package/dist/esm/digi-form-receipt.entry.js +3 -4
  260. package/dist/esm/digi-form-select-filter.entry.js +3 -4
  261. package/dist/esm/digi-header-navigation.entry.js +3 -4
  262. package/dist/esm/digi-header.entry.js +3 -4
  263. package/dist/esm/digi-icon-chart_2.entry.js +48 -0
  264. package/dist/esm/digi-icon-language-outline_4.entry.js +5 -5
  265. package/dist/esm/digi-icon-x.entry.js +26 -0
  266. package/dist/esm/digi-layout-block.entry.js +43 -0
  267. package/dist/esm/digi-loader-spinner.entry.js +1 -1
  268. package/dist/esm/digi-logo_2.entry.js +1 -1
  269. package/dist/esm/digi-media-image_2.entry.js +1 -1
  270. package/dist/esm/digi-navigation-pagination.entry.js +9 -10
  271. package/dist/esm/digi-navigation-sidebar.entry.js +2 -2
  272. package/dist/esm/digi-navigation-vertical-menu-item.entry.js +6 -6
  273. package/dist/esm/digi-navigation-vertical-menu.entry.js +1 -1
  274. package/dist/esm/digi-notification-alert.entry.js +5 -6
  275. package/dist/esm/digi-notification-error-page.entry.js +7 -15
  276. package/dist/esm/digi-progress-circle.entry.js +12 -8
  277. package/dist/esm/digi-progress-indicator.entry.js +7 -3
  278. package/dist/esm/digi-progress-list-item.entry.js +5 -5
  279. package/dist/esm/digi-progress-list.entry.js +1 -1
  280. package/dist/esm/digi-progressbar.entry.js +2 -2
  281. package/dist/esm/digi-quote.entry.js +1 -1
  282. package/dist/esm/digi-table.entry.js +1 -1
  283. package/dist/esm/digi-tablist-panel.entry.js +2 -2
  284. package/dist/esm/digi-tablist.entry.js +5 -5
  285. package/dist/esm/digi-tag-media.entry.js +2 -2
  286. package/dist/esm/digi-tag.entry.js +3 -2
  287. package/dist/esm/digi-tools-feedback-banner.entry.js +1 -1
  288. package/dist/esm/digi-tools-feedback-rating.entry.js +2 -2
  289. package/dist/esm/digi-tools-feedback.entry.js +4 -5
  290. package/dist/esm/digi-tools-languagepicker.entry.js +3 -3
  291. package/dist/esm/digi-typography-heading-jumbo.entry.js +6 -2
  292. package/dist/esm/digi-typography-meta.entry.js +1 -1
  293. package/dist/esm/digi-typography-preamble.entry.js +1 -1
  294. package/dist/esm/digi-typography-time.entry.js +1 -1
  295. package/dist/esm/digi-util-breakpoint-observer.entry.js +1 -1
  296. package/dist/esm/digi-util-detect-click-outside.entry.js +1 -1
  297. package/dist/esm/digi-util-detect-focus-outside.entry.js +1 -1
  298. package/dist/esm/digi-util-keydown-handler.entry.js +1 -1
  299. package/dist/esm/digi-util-keyup-handler.entry.js +1 -1
  300. package/dist/esm/digi-util-resize-observer.entry.js +1 -1
  301. package/dist/esm/index-8e318bb2.js +18 -30
  302. package/dist/esm/index.js +3 -4
  303. package/dist/esm/layout-block-container.enum-29d52ee9.js +8 -0
  304. package/dist/esm/{linear-f59f8318.js → linear-ef018ffb.js} +1 -1
  305. package/dist/esm/loader.js +1 -1
  306. package/dist/esm/{tools-feedback-variation.enum-92d10df2.js → tools-feedback-variation.enum-45abb679.js} +1 -11
  307. package/dist/esm/{layout-container-max-width.enum-c40018ac.js → typography-variation.enum-d9fdbf06.js} +7 -8
  308. package/dist/types/components/_code/code-example/code-example.d.ts +1 -0
  309. package/dist/types/components/_navigation/navigation-context-menu/navigation-context-menu.d.ts +52 -14
  310. package/dist/types/components/_navigation/navigation-context-menu/navigation-context-menu.types.d.ts +7 -3
  311. package/dist/types/components/_progress/progress-circle/progress-circle.d.ts +4 -0
  312. package/dist/types/components/_progress/progress-indicator/progress-indicator.d.ts +4 -0
  313. package/dist/types/components/_quote/quote/quote.d.ts +0 -1
  314. package/dist/types/components/_tag/tag/tag.d.ts +4 -0
  315. package/dist/types/components/_tools/tools-languagepicker/tools-languagepicker.d.ts +1 -1
  316. package/dist/types/components/_typography/typography-heading-jumbo/typography-heading-jumbo.d.ts +4 -0
  317. package/dist/types/components.d.ts +77 -220
  318. package/dist/types/enums.d.ts +0 -2
  319. package/dist/types/interfaces.d.ts +0 -1
  320. package/hydrate/index.js +250 -451
  321. package/hydrate/index.mjs +250 -451
  322. package/package.json +1 -1
  323. package/components/digi-navigation-dropdown.d.ts +0 -11
  324. package/components/digi-navigation-dropdown.js +0 -6
  325. package/components/digi-quote-multi-container.d.ts +0 -11
  326. package/components/digi-quote-multi-container.js +0 -39
  327. package/components/digi-quote-single.d.ts +0 -11
  328. package/components/digi-quote-single.js +0 -63
  329. package/components/p-3f827c1d.js +0 -39
  330. package/components/p-8fa816d6.js +0 -8
  331. package/components/p-e308ef6b.js +0 -221
  332. package/dist/cjs/digi-context-menu.cjs.entry.js +0 -132
  333. package/dist/cjs/digi-icon-check.cjs.entry.js +0 -30
  334. package/dist/cjs/digi-icon-chevron-down.cjs.entry.js +0 -30
  335. package/dist/cjs/digi-layout-block_2.cjs.entry.js +0 -92
  336. package/dist/cjs/digi-navigation-dropdown.cjs.entry.js +0 -188
  337. package/dist/cjs/digi-quote-multi-container.cjs.entry.js +0 -23
  338. package/dist/cjs/digi-quote-single.cjs.entry.js +0 -33
  339. package/dist/cjs/quote-single-variation.enum-53f94dbc.js +0 -8
  340. package/dist/cjs/typography-variation.enum-5b035b3b.js +0 -7
  341. package/dist/collection/components/_navigation/navigation-dropdown/navigation-dropdown.css +0 -319
  342. package/dist/collection/components/_navigation/navigation-dropdown/navigation-dropdown.js +0 -539
  343. package/dist/collection/components/_navigation/navigation-dropdown/navigation-dropdown.types.js +0 -1
  344. package/dist/collection/components/_quote/quote-multi-container/quote-multi-container-heading-level.enum.js +0 -9
  345. package/dist/collection/components/_quote/quote-multi-container/quote-multi-container.css +0 -26
  346. package/dist/collection/components/_quote/quote-multi-container/quote-multi-container.js +0 -86
  347. package/dist/collection/components/_quote/quote-single/quote-single-variation.enum.js +0 -6
  348. package/dist/collection/components/_quote/quote-single/quote.css +0 -324
  349. package/dist/collection/components/_quote/quote-single/quote.js +0 -141
  350. package/dist/collection/design-tokens/components/_quote-quote-multi-container.variables.scss +0 -5
  351. package/dist/collection/design-tokens/components/_quote-single.variables.scss +0 -14
  352. package/dist/digi-arbetsformedlingen/design-tokens/components/_quote-quote-multi-container.variables.scss +0 -5
  353. package/dist/digi-arbetsformedlingen/design-tokens/components/_quote-single.variables.scss +0 -14
  354. package/dist/digi-arbetsformedlingen/p-02646d18.entry.js +0 -1
  355. package/dist/digi-arbetsformedlingen/p-0eac1bee.js +0 -1
  356. package/dist/digi-arbetsformedlingen/p-125dd887.entry.js +0 -1
  357. package/dist/digi-arbetsformedlingen/p-167234fc.entry.js +0 -1
  358. package/dist/digi-arbetsformedlingen/p-195cf497.entry.js +0 -1
  359. package/dist/digi-arbetsformedlingen/p-25faef21.entry.js +0 -1
  360. package/dist/digi-arbetsformedlingen/p-300aa9ef.js +0 -1
  361. package/dist/digi-arbetsformedlingen/p-331e95be.entry.js +0 -1
  362. package/dist/digi-arbetsformedlingen/p-4028ad65.entry.js +0 -1
  363. package/dist/digi-arbetsformedlingen/p-45fe2828.entry.js +0 -1
  364. package/dist/digi-arbetsformedlingen/p-4c6f74fb.entry.js +0 -1
  365. package/dist/digi-arbetsformedlingen/p-4e9b1820.entry.js +0 -1
  366. package/dist/digi-arbetsformedlingen/p-51706444.entry.js +0 -1
  367. package/dist/digi-arbetsformedlingen/p-7cb35359.entry.js +0 -1
  368. package/dist/digi-arbetsformedlingen/p-81e86ac1.entry.js +0 -1
  369. package/dist/digi-arbetsformedlingen/p-848aa358.entry.js +0 -1
  370. package/dist/digi-arbetsformedlingen/p-87c1f5c7.entry.js +0 -1
  371. package/dist/digi-arbetsformedlingen/p-8fa816d6.js +0 -1
  372. package/dist/digi-arbetsformedlingen/p-903b00e6.js +0 -1
  373. package/dist/digi-arbetsformedlingen/p-994395cb.entry.js +0 -1
  374. package/dist/digi-arbetsformedlingen/p-a06dd644.entry.js +0 -1
  375. package/dist/digi-arbetsformedlingen/p-a272c883.entry.js +0 -1
  376. package/dist/digi-arbetsformedlingen/p-a6d806e5.entry.js +0 -1
  377. package/dist/digi-arbetsformedlingen/p-d7fe697e.entry.js +0 -1
  378. package/dist/digi-arbetsformedlingen/p-de4c4238.entry.js +0 -1
  379. package/dist/digi-arbetsformedlingen/p-e092908a.entry.js +0 -1
  380. package/dist/digi-arbetsformedlingen/p-e661462a.entry.js +0 -1
  381. package/dist/digi-arbetsformedlingen/p-e8ae7a8d.entry.js +0 -1
  382. package/dist/digi-arbetsformedlingen/p-f2339f8e.entry.js +0 -1
  383. package/dist/digi-arbetsformedlingen/p-f4c3f47e.entry.js +0 -1
  384. package/dist/digi-arbetsformedlingen/p-fb8ac3de.entry.js +0 -1
  385. package/dist/digi-arbetsformedlingen/p-fc4dc147.entry.js +0 -1
  386. package/dist/esm/digi-context-menu.entry.js +0 -128
  387. package/dist/esm/digi-icon-check.entry.js +0 -26
  388. package/dist/esm/digi-icon-chevron-down.entry.js +0 -26
  389. package/dist/esm/digi-layout-block_2.entry.js +0 -87
  390. package/dist/esm/digi-navigation-dropdown.entry.js +0 -184
  391. package/dist/esm/digi-quote-multi-container.entry.js +0 -19
  392. package/dist/esm/digi-quote-single.entry.js +0 -29
  393. package/dist/esm/quote-single-variation.enum-be92a9f7.js +0 -8
  394. package/dist/esm/typography-variation.enum-38d1ef90.js +0 -7
  395. package/dist/types/components/_navigation/navigation-dropdown/navigation-dropdown.d.ts +0 -44
  396. package/dist/types/components/_navigation/navigation-dropdown/navigation-dropdown.types.d.ts +0 -18
  397. package/dist/types/components/_quote/quote-multi-container/quote-multi-container-heading-level.enum.d.ts +0 -8
  398. package/dist/types/components/_quote/quote-multi-container/quote-multi-container.d.ts +0 -25
  399. package/dist/types/components/_quote/quote-single/quote-single-variation.enum.d.ts +0 -5
  400. package/dist/types/components/_quote/quote-single/quote.d.ts +0 -40
package/hydrate/index.mjs CHANGED
@@ -9292,23 +9292,6 @@ var QuoteImageInnerPosition;
9292
9292
  QuoteImageInnerPosition["RIGHT"] = "right";
9293
9293
  })(QuoteImageInnerPosition || (QuoteImageInnerPosition = {}));
9294
9294
 
9295
- var QuoteMultiContainerHeadingLevel;
9296
- (function (QuoteMultiContainerHeadingLevel) {
9297
- QuoteMultiContainerHeadingLevel["H1"] = "h1";
9298
- QuoteMultiContainerHeadingLevel["H2"] = "h2";
9299
- QuoteMultiContainerHeadingLevel["H3"] = "h3";
9300
- QuoteMultiContainerHeadingLevel["H4"] = "h4";
9301
- QuoteMultiContainerHeadingLevel["H5"] = "h5";
9302
- QuoteMultiContainerHeadingLevel["H6"] = "h6";
9303
- })(QuoteMultiContainerHeadingLevel || (QuoteMultiContainerHeadingLevel = {}));
9304
-
9305
- var QuoteSingleVariation;
9306
- (function (QuoteSingleVariation) {
9307
- QuoteSingleVariation["PRIMARY"] = "primary";
9308
- QuoteSingleVariation["SECONDARY"] = "secondary";
9309
- QuoteSingleVariation["TERTIARY"] = "tertiary";
9310
- })(QuoteSingleVariation || (QuoteSingleVariation = {}));
9311
-
9312
9295
  var TableSize;
9313
9296
  (function (TableSize) {
9314
9297
  TableSize["SMALL"] = "small";
@@ -19065,6 +19048,7 @@ var DigiCodeExampleStyle0 = codeExampleCss;
19065
19048
  class CodeExample {
19066
19049
  constructor(hostRef) {
19067
19050
  registerInstance(this, hostRef);
19051
+ this._id = randomIdGenerator('code');
19068
19052
  this.isActive = true;
19069
19053
  this.codeLanguage = undefined;
19070
19054
  this.hasControls = undefined;
@@ -19186,23 +19170,23 @@ class CodeExample {
19186
19170
  .replace(/\w/, (firstLetter) => firstLetter.toUpperCase());
19187
19171
  }
19188
19172
  render() {
19189
- return (hAsync("div", { key: '365f62b93017db8be7fd97c1178c864b2b3f8490', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, hAsync("div", { key: '633887779c02c2c885c9160449a18caa01dc1959', class: {
19173
+ return (hAsync("div", { key: '1fc09f95af1e8f599b593ddad279743574ded843', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, hAsync("div", { key: '696edf1c732923293a2406393207eecd921b17de', class: {
19190
19174
  'digi-code-example__container': true
19191
- } }, hAsync("div", { key: '2129c5fc9b02356fa7ac15a79233271f6309bebf', class: "digi-code-example__example" }, hAsync("slot", { key: '6f98ce636e1892bc1a915a7bfe210460bbc01dc6' })), !this.afHideCode && (hAsync("div", { key: 'ee5f4b2914acc0a36d45aeeaaddc069cb1cb3411', class: "digi-code-example__code" }, this.showMoreButton && (hAsync("button", { key: '5de8b7a111891b1434ed85f2b172f38e4c87f006', class: "digi-code-example__code-expand", "aria-label": this.isActive ? _t.code.show_less : _t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? _t.code.show_less : _t.code.show_more, ' ', hAsync("digi-icon-chevron-down", { key: '42491fbf9e188bb9e21e12bdc5afbe77f47701ce', class: {
19175
+ } }, hAsync("div", { key: '9cc7fa9e045bbeda26fa4b8d9f96efebc24da263', class: "digi-code-example__example" }, hAsync("slot", { key: '01a468003e94818b1459b62b90a83a8304acaaa8' })), !this.afHideCode && (hAsync("div", { key: '565f2d91029c63a867e3f80c12c736e5b03deec9', class: "digi-code-example__code" }, this.showMoreButton && (hAsync("button", { key: '3cea8c377900e8244bc164318875b3e2b8c0b1a3', class: "digi-code-example__code-expand", "aria-label": this.isActive ? _t.code.show_less : _t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? _t.code.show_less : _t.code.show_more, ' ', hAsync("digi-icon-chevron-down", { key: '1b2260b6ba50e105d1cf7cfbd77b6506904ad138', class: {
19192
19176
  'digi-code-example__code-expand-icon': true,
19193
19177
  'digi-code-example__code-expand-icon--open': this.isActive
19194
- }, "aria-hidden": "true" }))), hAsync("div", { key: '62a30782b9b58395495a8a0e947f524967f9893e', class: {
19178
+ }, "aria-hidden": "true" }))), hAsync("div", { key: '5d3fc7f0415d1c7bf698d7275d3d04ca0f5fd4c5', class: {
19195
19179
  'digi-code-example__codeblock': true,
19196
19180
  'digi-code-example__codeblock--light': this.afCodeBlockVariation === 'light',
19197
19181
  'digi-code-example__codeblock--dark': this.afCodeBlockVariation === 'dark',
19198
19182
  'digi-code-example__codeblock--fade': !this.isActive && this.showMoreButton
19199
- } }, hAsync("digi-code-block", { key: 'b8f00cedc66cbbaf5dac2a3229be511b26546d60', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (hAsync("div", { class: {
19183
+ } }, hAsync("digi-code-block", { key: 'c1caedb22bf5d4ebe05cb060e1500b9c25bb0865', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (hAsync("div", { class: {
19200
19184
  'digi-code-example__fade': true,
19201
19185
  'digi-code-example__fade--dark': this.afCodeBlockVariation === 'dark',
19202
19186
  'digi-code-example__fade--light': this.afCodeBlockVariation === 'light'
19203
19187
  }, onClick: () => this.toggleButtonClickHandler() })) : (''))))), this.hasControls || !!this.codeExampleLanguages ? (hAsync("div", { class: {
19204
19188
  'digi-code-example__controls': true
19205
- }, hidden: !!this.afHideControls }, hAsync("span", null, hAsync("slot", { name: "controls" }), hAsync("div", { class: "slot__controls" }, this.codeExampleLanguages && (hAsync("digi-form-fieldset", { "af-legend": _t.code.language, "af-name": "Code Language", onChange: (e) => this.codeLanguageChangeHandler(e) }, this.codeExampleLanguages.map((codeLang) => (hAsync("digi-form-radiobutton", { afName: "Code Language", afChecked: this.codeLanguage === codeLang, afValue: codeLang, afLabel: codeLang }))))))), hAsync("digi-button", { class: "digi-code-example__copy-button", onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": ButtonVariation.FUNCTION, "af-size": ButtonSize.MEDIUM }, hAsync("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy))) : (!this.afHideControls && (hAsync("digi-button", { class: {
19189
+ }, hidden: !!this.afHideControls }, hAsync("span", null, hAsync("slot", { name: "controls" }), hAsync("div", { class: "slot__controls" }, this.codeExampleLanguages && (hAsync("digi-form-fieldset", { "af-legend": _t.code.language, "af-name": 'Code-Language-' + this._id, onChange: (e) => this.codeLanguageChangeHandler(e) }, this.codeExampleLanguages.map((codeLang) => (hAsync("digi-form-radiobutton", { afName: 'Code-Language-' + this._id, afChecked: this.codeLanguage === codeLang, afValue: codeLang, afLabel: codeLang }))))))), hAsync("digi-button", { class: "digi-code-example__copy-button", onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": ButtonVariation.FUNCTION, "af-size": ButtonSize.MEDIUM }, hAsync("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy))) : (!this.afHideControls && (hAsync("digi-button", { class: {
19206
19190
  'digi-code-example__copy-button': true,
19207
19191
  'digi-code-example__copy-button--dark': this.afCodeBlockVariation === 'dark'
19208
19192
  }, onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": ButtonVariation.FUNCTION, "af-size": ButtonSize.MEDIUM }, hAsync("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy)))));
@@ -19234,10 +19218,10 @@ class CodeExample {
19234
19218
  }; }
19235
19219
  }
19236
19220
 
19237
- const navigationContextMenuCss$1 = ".digi--util--fs--xs{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50{padding-top:2.5rem !important}.digi--util--pt--60{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80{padding-top:4.5rem !important}.digi--util--pt--90{padding-top:5rem !important}.digi--util--pb--1{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50{padding-bottom:2.5rem !important}.digi--util--pb--60{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80{padding-bottom:4.5rem !important}.digi--util--pb--90{padding-bottom:5rem !important}.digi--util--p--1{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50{padding:2.5rem !important}.digi--util--p--60{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80{padding:4.5rem !important}.digi--util--p--90{padding:5rem !important}.digi--util--ptb--1{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only{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}.digi--util--hidden{display:none}[id$=-identifier]{--digi--navigation-context-menu--toggle-icon--transition:ease-in-out 0.2s all;--digi--navigation-context-menu--toggle-icon--transform:rotate(-180deg);--digi--navigation-context-menu--display--start:block;--digi--navigation-context-menu--display--end:inline-block;--digi--navigation-context-menu--content--position:absolute;--digi--navigation-context-menu--content--margin-top:var(--digi--gutter--smaller);--digi--navigation-context-menu--content--background-color:var(--digi--color--background--primary);--digi--navigation-context-menu--content--border-radius:var(--digi--border-radius--secondary);--digi--navigation-context-menu--content--box-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--navigation-context-menu--button--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--button--background:transparent;--digi--navigation-context-menu--button--background--hover:transparent;--digi--navigation-context-menu--button--color:var(--digi--color--text--primary);--digi--navigation-context-menu--button--border:0;--digi--navigation-context-menu--button--font-weight:normal;--digi--navigation-context-menu--button--padding:var(--digi--gutter--smallest-2) var(--digi--gutter--large) var(--digi--gutter--smallest-2) var(--digi--gutter--largest-3);--digi--navigation-context-menu--button--bordered--padding:var(--digi--gutter--large) var(--digi--gutter--large) var(--digi--gutter--large) var(--digi--gutter--largest-3);--digi--navigation-context-menu--button--outline--focus:none;--digi--navigation-context-menu--button--width:100%;--digi--navigation-context-menu--button--text-align:left;--digi--navigation-context-menu--button--display:flex;--digi--navigation-context-menu--button-icon--width:0.875rem;--digi--navigation-context-menu--button-icon--margin-right:-1.125rem;--digi--navigation-context-menu--button-icon--margin-left:0.25rem;--digi--navigation-context-menu--button-icon--display:inline-flex;--digi--navigation-context-menu--link--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--link--text-decoration:none;--digi--navigation-context-menu--link--color:var(--digi--color--text--primary);--digi--navigation-context-menu--link--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-context-menu--link--focus--outline:none;--digi--navigation-context-menu--link--padding:var(--digi--gutter--smallest-2) var(--digi--gutter--large);--digi--navigation-context-menu--link--bordered--padding:var(--digi--gutter--large);--digi--navigation-context-menu--link--display:inline-block;--digi--navigation-context-menu--link--width:100%;--digi--navigation-context-menu--button-trigger--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--button-trigger--font-size--desktop:var(--digi--typography--body--font-size--desktop-large);--digi--navigation-context-menu--button-trigger--padding:0;--digi--navigation-context-menu--button-trigger--background-color:transparent;--digi--navigation-context-menu--button-trigger--background-color--hover:transparent;--digi--navigation-context-menu--button-trigger--border-radius:initial;--digi--navigation-context-menu--button-trigger--border-radius--hover:initial;--digi--navigation-context-menu--button-trigger--border-radius--focus:initial;--digi--navigation-context-menu--item--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--item--background-color--active:var(--digi--color--background--neutral-6);--digi--navigation-context-menu--item--display:flex;--digi--navigation-context-menu--item--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-context-menu--item--font-wight--selected:600;--digi--navigation-context-menu--item--border-top:var(--digi--border-width--primary) solid var(--digi--color--border--neutral-4);--digi--navigation-context-menu--items--margin:0;--digi--navigation-context-menu--items--padding:var(--digi--gutter--large) 0}[id$=-identifier] .digi-navigation-context-menu__toggle-icon{transition:var(--digi--navigation-context-menu--toggle-icon--transition)}[id$=-identifier] .content-wrapper{display:flex;flex-direction:row;align-items:center;padding-left:1rem;padding-right:1rem;gap:0.5rem}[id$=-identifier] .digi-navigation-context-menu{--HORIZONTAL-POSITION:unset;display:var(--digi--navigation-context-menu--display--start)}[id$=-identifier] .digi-navigation-context-menu--horizontal-position-end{position:relative;--HORIZONTAL-POSITION:0;--digi--navigation-context-menu--display--start:var(\n --digi--navigation-context-menu--display--end\n )}[id$=-identifier] .digi-navigation-context-menu--active .digi-navigation-context-menu__toggle-icon{transform:var(--digi--navigation-context-menu--toggle-icon--transform)}[id$=-identifier] .digi-navigation-context-menu__trigger-button{--digi--button--padding--medium:var(\n --digi--navigation-context-menu--button-trigger--padding\n );--digi--button--font-size--medium:var(\n --digi--navigation-context-menu--button-trigger--font-size\n )}[id$=-identifier] .digi-navigation-context-menu__content{right:var(--HORIZONTAL-POSITION);margin-top:var(--digi--navigation-context-menu--content--margin-top);position:var(--digi--navigation-context-menu--content--position);background-color:var(--digi--navigation-context-menu--content--background-color);border-radius:var(--digi--navigation-context-menu--content--border-radius);box-shadow:var(--digi--navigation-context-menu--content--box-shadow);z-index:1}[id$=-identifier] .digi-navigation-context-menu__content--hidden{display:none}[id$=-identifier] .digi-navigation-context-menu__item{font-size:var(--digi--navigation-context-menu--item--font-size);display:var(--digi--navigation-context-menu--item--display);font-family:var(--digi--navigation-context-menu--item--font-family)}[id$=-identifier] .digi-navigation-context-menu__item:hover{background-color:var(--digi--navigation-context-menu--item--background-color--active)}[id$=-identifier] .digi-navigation-context-menu__item--active{background-color:var(--digi--navigation-context-menu--item--background-color--active)}[id$=-identifier] .digi-navigation-context-menu__item--selected{--digi--navigation-context-menu--button--font-weight:var(\n --digi--navigation-context-menu--item--font-wight--selected\n );background-color:var(--digi--navigation-context-menu--item--background-color--active)}[id$=-identifier] .digi-navigation-context-menu__item[dir=rtl] digi-icon-chevron-down,[id$=-identifier] .digi-navigation-context-menu__item[dir=rtl] digi-icon-check{margin-right:var(--digi--navigation-context-menu--button-icon--margin-left);margin-left:var(--digi--navigation-context-menu--button-icon--margin-right)}[id$=-identifier] .digi-navigation-context-menu__item.digi-navigation-context-menu__item--selected[dir=rtl] .digi-navigation-context-menu__button{--digi--button--padding--medium:var(--digi--gutter--large) 0\n var(--digi--gutter--large) var(--digi--gutter--largest-3)}[id$=-identifier] .digi-navigation-context-menu__item.digi-navigation-context-menu__item--selected[dir=ltr] .digi-navigation-context-menu__button{--digi--button--padding--medium:var(--digi--gutter--large)\n var(--digi--gutter--large) var(--digi--gutter--large) 0}[id$=-identifier] .digi-navigation-context-menu__button{--digi--button--font-size--medium:var(\n --digi--navigation-context-menu--button--font-size\n );--digi--button--color--background--primary--default:var(\n --digi--navigation-context-menu--button--background\n );--digi--button--color--background--primary--focus:var(\n --digi--navigation-context-menu--button--background\n );--digi--button--color--text--primary--default:var(\n --digi--navigation-context-menu--button--color\n );--digi--button--color--text--primary--hover:var(\n --digi--navigation-context-menu--button--color\n );--digi--button--border-width--primary--default:var(\n --digi--navigation-context-menu--button--border\n );--digi--button--border-width--primary--hover:var(\n --digi--navigation-context-menu--button--border\n );--digi--button--font-weight:var(\n --digi--navigation-context-menu--button--font-weight\n );--digi--button--padding--medium:var(\n --digi--navigation-context-menu--button--padding\n );--digi--button--color--background--primary--hover:var(\n --digi--navigation-context-menu--button--background--hover\n );--digi--button--outline--focus:var(\n --digi--navigation-context-menu--button--outline--focus\n );--digi--button--width:var(--digi--navigation-context-menu--button--width);--digi--button--text-align:var(\n --digi--navigation-context-menu--button--text-align\n );--digi--button--display:var(\n --digi--navigation-context-menu--button--display\n );--digi--button--color--text--primary--focus:var(\n --digi--navigation-context-menu--link--color\n );--digi--button--color--background--primary--active:unset;--digi--button--color--text--primary--active:var(\n --digi--navigation-context-menu--button--color\n );flex:1 0 0}[id$=-identifier] .digi-navigation-context-menu__button-icon{--digi--icon--width:var(\n --digi--navigation-context-menu--button-icon--width\n )}[id$=-identifier] .digi-navigation-context-menu__link{font-size:var(--digi--navigation-context-menu--link--font-size);text-decoration:var(--digi--navigation-context-menu--link--text-decoration);color:var(--digi--navigation-context-menu--link--color);font-family:var(--digi--navigation-context-menu--link--font-family);padding:var(--digi--navigation-context-menu--link--padding);display:var(--digi--navigation-context-menu--link--display);box-sizing:border-box;width:var(--digi--navigation-context-menu--link--width)}[id$=-identifier] .digi-navigation-context-menu__link:focus{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}[id$=-identifier] .digi-navigation-context-menu__items{list-style:none;margin:var(--digi--navigation-context-menu--items--margin);padding:var(--digi--navigation-context-menu--items--padding)}[id$=-identifier] .digi-navigation-context-menu__items--bordered{--digi--navigation-context-menu--button--padding:var(\n --digi--navigation-context-menu--button--bordered--padding\n )}[id$=-identifier] .digi-navigation-context-menu__items--bordered .digi-navigation-context-menu__link{padding:var(--digi--navigation-context-menu--link--bordered--padding)}[id$=-identifier] .digi-navigation-context-menu__items--bordered .digi-navigation-context-menu__item{margin:0;padding:0}[id$=-identifier] .digi-navigation-context-menu__items--bordered .digi-navigation-context-menu__item:not(:first-child){border-top:var(--digi--navigation-context-menu--item--border-top)}";
19221
+ const navigationContextMenuCss$1 = ".digi--util--fs--xs{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50{padding-top:2.5rem !important}.digi--util--pt--60{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80{padding-top:4.5rem !important}.digi--util--pt--90{padding-top:5rem !important}.digi--util--pb--1{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50{padding-bottom:2.5rem !important}.digi--util--pb--60{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80{padding-bottom:4.5rem !important}.digi--util--pb--90{padding-bottom:5rem !important}.digi--util--p--1{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50{padding:2.5rem !important}.digi--util--p--60{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80{padding:4.5rem !important}.digi--util--p--90{padding:5rem !important}.digi--util--ptb--1{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only{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}.digi--util--hidden{display:none}.digi-navigation-context-menu{display:block;box-sizing:border-box;width:fit-content}.digi-navigation-context-menu *,.digi-navigation-context-menu *::before,.digi-navigation-context-menu *::after{box-sizing:border-box}:host{--digi--navigation-context-menu--toggle-icon--transition:ease-in-out 0.2s all;--digi--navigation-context-menu--toggle-icon--transform:rotate(-180deg);--digi--navigation-context-menu--content--background-color:var(--digi--color--background--primary);--digi--navigation-context-menu--content--border-radius:var(--digi--border-radius--secondary);--digi--navigation-context-menu--content--box-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--navigation-context-menu--content--max-width:90vw;--digi--navigation-context-menu--content--max-height:15rem;--digi--navigation-context-menu--button-icon--width:0.875rem;--digi--navigation-context-menu--button-trigger--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--button-trigger--padding:0;--digi--navigation-context-menu--item--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--item--background-color--active:var(--digi--color--background--neutral-6);--digi--navigation-context-menu--item--display:flex;--digi--navigation-context-menu--item--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-context-menu--item--font-color:var(--digi--color--text--primary)}.digi-navigation-context-menu--id-wrapper{display:grid}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__toggle-icon{transition:var(--digi--navigation-context-menu--toggle-icon--transition)}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu{--HORIZONTAL-POSITION:unset;display:block}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu--active .digi-navigation-context-menu__toggle-icon{transform:var(--digi--navigation-context-menu--toggle-icon--transform)}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__trigger-button{display:block;--digi--button--padding--medium:var(\n --digi--navigation-context-menu--button-trigger--padding\n );width:fit-content;--digi--button--font-size--medium:var(\n --digi--navigation-context-menu--button-trigger--font-size\n )}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__list{width:100%;position:relative;display:inline-grid}.digi-navigation-context-menu--id-wrapper .dropdown-wrapper{padding:0.5rem 0;display:none;width:max-content;min-width:100%;max-width:var(--digi--navigation-context-menu--content--max-width);max-height:var(--digi--navigation-context-menu--content--max-height);overflow-y:auto;box-sizing:border-box;z-index:10;margin-top:0.5rem;background-color:var(--digi--navigation-context-menu--content--background-color);border-radius:var(--digi--navigation-context-menu--content--border-radius);box-shadow:var(--digi--navigation-context-menu--content--box-shadow);position:absolute}.digi-navigation-context-menu--id-wrapper .dropdown-wrapper--visible{display:block}.digi-navigation-context-menu--id-wrapper .dropdown-wrapper--position-right{right:0}.digi-navigation-context-menu--id-wrapper .dropdown-wrapper--position-center{left:50%;transform:translateX(-50%)}.digi-navigation-context-menu--id-wrapper .content-wrapper{display:flex;flex-direction:row;align-items:baseline;padding-left:1rem;padding-right:1rem;gap:0.5rem}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item{font-size:var(--digi--navigation-context-menu--item--font-size);display:var(--digi--navigation-context-menu--item--display);font-family:var(--digi--navigation-context-menu--item--font-family);padding:0.625rem 0;max-width:max-content;min-width:100%;width:100%;position:relative;cursor:pointer}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item:hover{background-color:var(--digi--navigation-context-menu--item--background-color--active)}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item--active{font-weight:600;background-color:var(--digi--navigation-context-menu--item--background-color--active)}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item--link{list-style:none;margin:0;padding:0}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item--link a{padding:0.625rem 1rem;color:var(--digi--navigation-context-menu--item--font-color, #333333);text-decoration:none;margin:0;width:100%}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__button-icon{--digi--icon--width:var(\n --digi--navigation-context-menu--button-icon--width\n )}";
19238
19222
  var DigiContextMenuStyle0 = navigationContextMenuCss$1;
19239
19223
 
19240
- function deserializeProp$1(prop) {
19224
+ function deserializeProp(prop) {
19241
19225
  if (typeof prop === 'string') {
19242
19226
  return JSON.parse(prop);
19243
19227
  }
@@ -19255,6 +19239,9 @@ class ContextMenu {
19255
19239
  this.afToggleMenu = createEvent(this, "afToggleMenu", 7);
19256
19240
  this.afBlur = createEvent(this, "afBlur", 7);
19257
19241
  this.itemRefs = {};
19242
+ this.visible = false;
19243
+ this.activeItemIdx = undefined;
19244
+ this.selectItemIdx = 0;
19258
19245
  this.afId = randomIdGenerator('digi-context-menu');
19259
19246
  this.afIcon = undefined;
19260
19247
  this.afTitle = undefined;
@@ -19264,9 +19251,6 @@ class ContextMenu {
19264
19251
  this.afAriaLabel = undefined;
19265
19252
  this.afMenuPosition = 'left-bottom';
19266
19253
  this.afActiveItem = undefined;
19267
- this.items = [];
19268
- this.visible = false;
19269
- this.activeItemIdx = undefined;
19270
19254
  }
19271
19255
  clickHandler(e) {
19272
19256
  const target = e.target;
@@ -19283,6 +19267,24 @@ class ContextMenu {
19283
19267
  this.afBlur.emit();
19284
19268
  }
19285
19269
  }
19270
+ syncActiveItem() {
19271
+ if (this.afActiveItem != null) {
19272
+ const menuItems = this.afMenuItems;
19273
+ this.activeItemIdx = menuItems.findIndex((item) => item.id.toString() === this.afActiveItem);
19274
+ }
19275
+ }
19276
+ syncItems() {
19277
+ this.afMenuItems = deserializeProp(this.afMenuItems);
19278
+ }
19279
+ componentWillLoad() {
19280
+ this.syncItems();
19281
+ this.syncActiveItem();
19282
+ }
19283
+ get digiIcon() {
19284
+ if (this.afIcon != null) {
19285
+ return `digi-icon-${this.afIcon}`;
19286
+ }
19287
+ }
19286
19288
  hideMenu() {
19287
19289
  this.visible = false;
19288
19290
  this.afToggleMenu.emit(this.visible);
@@ -19291,66 +19293,153 @@ class ContextMenu {
19291
19293
  this.visible = true;
19292
19294
  this.afToggleMenu.emit(this.visible);
19293
19295
  }
19294
- handleToggle() {
19295
- var _a, _b;
19296
+ isLink() {
19297
+ if (this.afMenuItems && this.afMenuItems.length > 0) {
19298
+ const itemToCheck = this.afMenuItems[0];
19299
+ return itemToCheck.type && itemToCheck.type === 'link';
19300
+ }
19301
+ return false;
19302
+ }
19303
+ async handleToggle() {
19296
19304
  if (this.visible) {
19297
19305
  this.hideMenu();
19298
- (_b = (_a = this.buttonRef).focus) === null || _b === void 0 ? void 0 : _b.call(_a);
19306
+ this.focusOnButton();
19299
19307
  }
19300
19308
  else {
19301
19309
  this.showMenu();
19302
- const idx = this.activeItemIdx || 0;
19303
- const item = this.items[idx];
19304
- setTimeout(() => this.itemRefs[item.id].focus(), 25);
19310
+ if (!this.isLink()) {
19311
+ const idx = this.activeItemIdx || 0;
19312
+ const item = this.afMenuItems[idx];
19313
+ setTimeout(() => this.itemRefs[item.id].focus(), 25);
19314
+ }
19305
19315
  }
19306
19316
  }
19317
+ async focusOnButton() {
19318
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
19319
+ // @ts-expect-error
19320
+ const digiButton = this.buttonRef;
19321
+ const button = (await digiButton.afMGetButtonElement());
19322
+ button.focus();
19323
+ }
19307
19324
  handleChangeItem(item, idx) {
19308
19325
  this.activeItemIdx = idx;
19309
19326
  this.handleToggle();
19310
19327
  this.afChangeItem.emit({ item, idx });
19311
19328
  }
19312
- handleFocusItem(item, idx) {
19313
- this.afFocusItem.emit({ item, idx });
19314
- }
19315
19329
  handleRef(ref, refId, payload) {
19316
19330
  if (refId === 'item') {
19317
19331
  this.itemRefs[payload.id] = ref;
19318
19332
  }
19319
19333
  }
19320
- syncActiveItem() {
19321
- if (this.afActiveItem != null) {
19322
- this.activeItemIdx = this.items.findIndex((item) => item.id.toString() === this.afActiveItem);
19334
+ isActive(idx) {
19335
+ if ((this.activeItemIdx !== undefined || this.activeItemIdx !== null) &&
19336
+ this.activeItemIdx === idx) {
19337
+ return true;
19323
19338
  }
19339
+ return false;
19324
19340
  }
19325
- syncItems() {
19326
- this.items = deserializeProp$1(this.afMenuItems);
19341
+ isSelected(idx) {
19342
+ return this.selectItemIdx === idx;
19327
19343
  }
19328
- componentWillLoad() {
19329
- this.syncItems();
19330
- this.syncActiveItem();
19344
+ nextIdx(idx) {
19345
+ if (idx > this.afMenuItems.length - 1) {
19346
+ return 0;
19347
+ }
19348
+ else if (idx < 0) {
19349
+ return this.afMenuItems.length - 1;
19350
+ }
19351
+ else {
19352
+ return idx;
19353
+ }
19331
19354
  }
19332
- get digiIcon() {
19333
- if (this.afIcon != null) {
19334
- return `digi-icon-${this.afIcon}`;
19355
+ activateItem(idx) {
19356
+ const item = this.afMenuItems[idx];
19357
+ this.activeItemIdx = idx;
19358
+ this.focusItem(idx);
19359
+ this.handleChangeItem(item, idx);
19360
+ }
19361
+ focusItem(idx) {
19362
+ var _a;
19363
+ const item = this.afMenuItems[idx];
19364
+ this.selectItemIdx = idx;
19365
+ (_a = this.itemRefs[item.id]) === null || _a === void 0 ? void 0 : _a.focus();
19366
+ this.afFocusItem.emit({ item, idx });
19367
+ }
19368
+ focusCaptured() {
19369
+ const menuItems = this.afMenuItems;
19370
+ return menuItems.some((item) => this.itemRefs[item.id] === document.activeElement);
19371
+ }
19372
+ handleKey(e) {
19373
+ if (!this.focusCaptured())
19374
+ return;
19375
+ switch (e.key) {
19376
+ case 'ArrowUp':
19377
+ this.focusItem(this.nextIdx(this.selectItemIdx - 1));
19378
+ break;
19379
+ case 'ArrowDown':
19380
+ this.focusItem(this.nextIdx(this.selectItemIdx + 1));
19381
+ break;
19382
+ case 'Escape':
19383
+ this.hideMenu();
19384
+ this.focusOnButton();
19385
+ break;
19386
+ case 'Enter':
19387
+ case ' ':
19388
+ e.preventDefault();
19389
+ e.stopPropagation();
19390
+ this.activateItem(this.selectItemIdx);
19391
+ break;
19335
19392
  }
19336
19393
  }
19394
+ handleLinkClick(e, item, idx) {
19395
+ if (!item.overrideLink) {
19396
+ window.location.assign(item.href);
19397
+ }
19398
+ else {
19399
+ e.preventDefault();
19400
+ this.handleChangeItem(item, idx);
19401
+ }
19402
+ }
19403
+ renderLink(item, idx) {
19404
+ const menuItem = this.afMenuItems[idx];
19405
+ return (hAsync("li", { id: `${this.afId}-listbox-item-${item.id}`, key: item.id, class: {
19406
+ 'digi-navigation-context-menu__item': true,
19407
+ 'digi-navigation-context-menu__item--link': true,
19408
+ 'digi-navigation-context-menu__item--active': this.isActive(idx)
19409
+ }, dir: this.afDir, lang: this.afLang, ref: (ref) => { var _a; return (_a = this.handleRef) === null || _a === void 0 ? void 0 : _a.call(this, ref, 'item', item); } }, hAsync("a", { "aria-label": item.ariaLabel ? item.ariaLabel : null, href: menuItem.href ? menuItem.href : null, onClick: (e) => this.handleLinkClick(e, item, idx) }, item.title)));
19410
+ }
19411
+ renderDiv(item, idx) {
19412
+ return (hAsync("div", { role: "option", id: `${this.afId}-listbox-item-${item.id}`, key: item.id, class: {
19413
+ 'digi-navigation-context-menu__item': true,
19414
+ 'digi-navigation-context-menu__item--active': this.isActive(idx)
19415
+ }, dir: this.afDir, lang: this.afLang, "aria-selected": this.isActive(idx).toString(), tabIndex: this.isSelected(idx) ? 0 : -1, onClick: () => { var _a; return (_a = this.handleChangeItem) === null || _a === void 0 ? void 0 : _a.call(this, item, idx); }, ref: (ref) => { var _a; return (_a = this.handleRef) === null || _a === void 0 ? void 0 : _a.call(this, ref, 'item', item); } }, hAsync("div", { class: "content-wrapper" }, hAsync("digi-icon-check", { class: "digi-navigation-context-menu__button-icon", slot: "icon", style: {
19416
+ visibility: idx === this.activeItemIdx && this.visible
19417
+ ? 'visible'
19418
+ : 'hidden'
19419
+ } }), hAsync("span", { "aria-label": item.ariaLabel ? item.ariaLabel : null }, item.title)), ' '));
19420
+ }
19337
19421
  render() {
19338
- return (hAsync(Host, { key: 'b56dc8e0ca38fa90bf6ac4495b9fb583e00b75ed', id: `${this.afId}-identifier` }, hAsync("digi-navigation-dropdown", { key: 'c196f5442e8c21397ea6a5cb284c6f7e96af15e1', afAriaLabelledby: `${this.afId}-trigger`, afItems: this.items, afVisible: this.visible, afMenuPosition: this.afMenuPosition, afDir: this.afDir, afActiveItem: this.activeItemIdx, afLang: this.afLang, onAfRef: (e) => this.handleRef(e.detail.ref, e.detail.id, e.detail.payload), onAfChangeItem: (e) => this.handleChangeItem(e.detail.item, e.detail.idx), onAfFocusItem: (e) => this.handleFocusItem(e.detail.item, e.detail.idx), afRenderItem: (item, idx) => {
19339
- const menuItem = this.items[idx];
19340
- const Container = menuItem.type === 'link' ? 'a' : 'div';
19341
- const containerArgs = menuItem.type === 'link'
19342
- ? { href: menuItem.href, tabindex: -1 }
19343
- : {};
19344
- const showIcon = menuItem.type !== 'link';
19345
- return (hAsync(Container, Object.assign({ class: "content-wrapper" }, containerArgs), showIcon && (hAsync("digi-icon-check", { class: "digi-navigation-context-menu__button-icon", slot: "icon", style: {
19346
- visibility: idx === this.activeItemIdx && this.visible
19347
- ? 'visible'
19348
- : 'hidden'
19349
- } })), hAsync("p", null, item.title)));
19350
- } }, hAsync("digi-button", { key: 'b8e22491a441218e7f2d47ff7a64acdbceb8291a', id: `${this.afId}-trigger`, afInputRef: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: this.afId, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: {
19422
+ const menuItems = this.afMenuItems;
19423
+ return (hAsync(Host, { key: '8b9ddb1d31e294505f5ae3f226510ba587ecfc04', class: 'digi-navigation-context-menu' }, hAsync("div", { key: 'bcc94554eb00a58409b7cae6a5c3668767ddb26d', id: `${this.afId}-identifier`, class: "digi-navigation-context-menu--id-wrapper" }, hAsync("digi-button", { key: '287e0f1f1afba43c8250185e5ea589aa26c5367c', id: `${this.afId}-trigger`, ref: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-dropdown`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: {
19351
19424
  'digi-navigation-context-menu__trigger-button': true,
19352
19425
  'digi-navigation-context-menu--active': this.visible
19353
- } }, !!this.afIcon && hAsync(this.digiIcon, { key: '46475907cc2794c222199e447bd875f62899b956', slot: "icon" }), this.afTitle, hAsync("digi-icon-chevron-down", { key: 'bc867a2cfa17c6fedc3651dac5d117df13415535', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })))));
19426
+ } }, !!this.afIcon && hAsync(this.digiIcon, { key: 'db42fdd3432f87096be2e5da8b3e05732b0aedf4', slot: "icon" }), this.afTitle, hAsync("digi-icon-chevron-down", { key: '7977ded8cc5a7aa0aec7e2735dc38f95a4d31a06', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), hAsync("div", { key: '5ff21d52bb2f57c8777bd04bf906730c960bc054', class: "digi-navigation-context-menu__list" }, hAsync("div", { key: 'a8e81ab1b3c371ef501bf96f7c14c11d54a97836', onKeyDown: (e) => {
19427
+ this.handleKey(e);
19428
+ }, id: `${this.afId}-dropdown`, style: {
19429
+ visibility: this.visible ? 'visible' : 'hidden'
19430
+ }, role: this.isLink() ? 'list' : 'listbox', "aria-labelledby": `${this.afId}-trigger`, class: {
19431
+ 'dropdown-wrapper': true,
19432
+ 'dropdown-wrapper--visible': this.visible,
19433
+ 'dropdown-wrapper--position-right': this.afMenuPosition === 'right-bottom',
19434
+ 'dropdown-wrapper--position-center': this.afMenuPosition === 'center-bottom'
19435
+ } }, menuItems &&
19436
+ menuItems.map((item, idx) => {
19437
+ const menuItem = menuItems[idx];
19438
+ if (menuItem.type && (menuItem === null || menuItem === void 0 ? void 0 : menuItem.type) === 'link') {
19439
+ return this.renderLink(item, idx);
19440
+ }
19441
+ return this.renderDiv(item, idx);
19442
+ }))))));
19354
19443
  }
19355
19444
  static get watchers() { return {
19356
19445
  "afActiveItem": ["syncActiveItem"],
@@ -19370,9 +19459,9 @@ class ContextMenu {
19370
19459
  "afAriaLabel": [1, "af-aria-label"],
19371
19460
  "afMenuPosition": [1, "af-menu-position"],
19372
19461
  "afActiveItem": [8, "af-active-item"],
19373
- "items": [32],
19374
19462
  "visible": [32],
19375
- "activeItemIdx": [32]
19463
+ "activeItemIdx": [32],
19464
+ "selectItemIdx": [32]
19376
19465
  },
19377
19466
  "$listeners$": [[8, "click", "clickHandler"], [4, "focusin", "focusoutHandler"]],
19378
19467
  "$lazyBundleId$": "-",
@@ -19646,216 +19735,6 @@ class Dialog {
19646
19735
  }; }
19647
19736
  }
19648
19737
 
19649
- const navigationDropdownCss = ".digi--util--fs--xs.sc-digi-navigation-dropdown{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-navigation-dropdown{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-navigation-dropdown{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-navigation-dropdown{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-navigation-dropdown{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-navigation-dropdown{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-navigation-dropdown{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-navigation-dropdown{padding-top:5rem !important}.digi--util--pb--1.sc-digi-navigation-dropdown{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-navigation-dropdown{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-navigation-dropdown{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-navigation-dropdown{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-navigation-dropdown{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-navigation-dropdown{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-navigation-dropdown{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-navigation-dropdown{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-navigation-dropdown{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-navigation-dropdown{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-navigation-dropdown{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-navigation-dropdown{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-navigation-dropdown{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-navigation-dropdown{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-navigation-dropdown{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-navigation-dropdown{padding:2.5rem !important}.digi--util--p--60.sc-digi-navigation-dropdown{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-navigation-dropdown{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-navigation-dropdown{padding:4.5rem !important}.digi--util--p--90.sc-digi-navigation-dropdown{padding:5rem !important}.digi--util--ptb--1.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-navigation-dropdown{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-navigation-dropdown{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-navigation-dropdown{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-navigation-dropdown{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-navigation-dropdown{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-navigation-dropdown{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-navigation-dropdown{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-navigation-dropdown{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-navigation-dropdown{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-navigation-dropdown{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-navigation-dropdown{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-navigation-dropdown{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-navigation-dropdown{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-navigation-dropdown{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-navigation-dropdown{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}.digi--util--hidden.sc-digi-navigation-dropdown{display:none}.dropdown.sc-digi-navigation-dropdown{--digi--dropdown--background-color:white;--digi--dropdown--text-color:rgb(15, 15, 20);--digi--dropdown--py:0.5rem;--digi--dropdown--border-radius:6px;--digi--dropdown--box-shadow:rgba(0, 0, 0, 0.7) 0px 2px 6px 0px;--digi--dropdown--spacing:0.25rem;--digi--dropdown--item--font-family:\"Open Sans\";--digi--dropdown--item--font-weight:regular;--digi--dropdown--item--pl:1rem;--digi--dropdown--item--pr:1rem;--digi--dropdown--item--py:0.25rem;--digi--dropdown--item--background-color--hover:rgb(237, 237, 237);--digi--dropdown--item--background-color--active:rgb(237, 237, 237);--digi--dropdown--item--font-weight--active:600;--digi--dropdown--item--box-shadow--focus:0px 0px 0px 1px black,\n 0px 0px 0px 2px white, 0px 0px 0px 3px black}.dropdown.sc-digi-navigation-dropdown a.sc-digi-navigation-dropdown{text-decoration:none;color:inherit}.dropdown.sc-digi-navigation-dropdown .dropdown-wrapper.sc-digi-navigation-dropdown{display:flex;flex-direction:column;gap:var(--digi--dropdown--spacing);background-color:var(--digi--dropdown--background-color);color:var(--digi--dropdown--text-color);padding-top:var(--digi--dropdown--py);padding-bottom:var(--digi--dropdown--py);border-radius:var(--digi--dropdown--border-radius);box-shadow:var(--digi--dropdown--box-shadow)}.dropdown.sc-digi-navigation-dropdown .dropdown-wrapper--dir-rtl.sc-digi-navigation-dropdown .option-wrapper.sc-digi-navigation-dropdown{flex-direction:row-reverse}.dropdown.sc-digi-navigation-dropdown .option-wrapper.sc-digi-navigation-dropdown{font-family:var(--digi--dropdown--item--font-family);padding-top:var(--digi--dropdown--item--py);padding-bottom:var(--digi--dropdown--item--py)}.dropdown.sc-digi-navigation-dropdown .option-wrapper--active.sc-digi-navigation-dropdown{background-color:var(--digi--dropdown--item--background-color--active);font-weight:var(--digi--dropdown--item--font-weight--active)}.dropdown.sc-digi-navigation-dropdown .option-wrapper[dir=rtl].sc-digi-navigation-dropdown{flex-direction:row-reverse}.dropdown.sc-digi-navigation-dropdown .option-wrapper.sc-digi-navigation-dropdown:hover{background-color:var(--digi--dropdown--item--background-color--hover);cursor:pointer}.dropdown.sc-digi-navigation-dropdown .option-wrapper.sc-digi-navigation-dropdown:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}";
19650
- var DigiNavigationDropdownStyle0 = navigationDropdownCss;
19651
-
19652
- function deserializeProp(prop) {
19653
- if (typeof prop === 'string') {
19654
- return JSON.parse(prop);
19655
- }
19656
- return prop;
19657
- }
19658
- function getItemRole(role) {
19659
- switch (role) {
19660
- case 'listbox':
19661
- return 'option';
19662
- case 'menu':
19663
- return 'menuitem';
19664
- }
19665
- }
19666
- /**
19667
- * @private internal use only
19668
- * @swedishName Rullgardin
19669
- */
19670
- class DigiDropdown {
19671
- constructor(hostRef) {
19672
- registerInstance(this, hostRef);
19673
- this.afChangeItem = createEvent(this, "afChangeItem", 7);
19674
- this.afFocusItem = createEvent(this, "afFocusItem", 7);
19675
- this.afChangeVisibility = createEvent(this, "afChangeVisibility", 7);
19676
- this.afRef = createEvent(this, "afRef", 7);
19677
- this.afId = undefined;
19678
- this.afItems = undefined;
19679
- this.afSelectItem = undefined;
19680
- this.afActiveItem = undefined;
19681
- this.afVisible = true;
19682
- this.afAriaLabelledby = undefined;
19683
- this.afAriaLabel = undefined;
19684
- this.afDir = undefined;
19685
- this.afLang = undefined;
19686
- this.afMenuPosition = 'left-bottom';
19687
- this.afRenderItem = undefined;
19688
- this.items = [];
19689
- this.selectItemIdx = 0;
19690
- this.activeItemIdx = undefined;
19691
- this.posTop = undefined;
19692
- this.posLeft = undefined;
19693
- }
19694
- handleKey(e) {
19695
- if (!this.focusCaptured())
19696
- return;
19697
- let supportsKey = true;
19698
- switch (e.key) {
19699
- case 'ArrowUp':
19700
- this.focusItem(this.nextIdx(this.selectItemIdx - 1));
19701
- break;
19702
- case 'ArrowDown':
19703
- this.focusItem(this.nextIdx(this.selectItemIdx + 1));
19704
- break;
19705
- case 'Enter':
19706
- case ' ':
19707
- this.activateItem(this.selectItemIdx);
19708
- break;
19709
- default:
19710
- supportsKey = false;
19711
- break;
19712
- }
19713
- if (supportsKey) {
19714
- e.preventDefault();
19715
- }
19716
- }
19717
- handleChangeVisibility() {
19718
- this.afChangeVisibility.emit(this.afVisible);
19719
- }
19720
- syncItems(prop, _, propName) {
19721
- switch (propName) {
19722
- case 'afItems':
19723
- this.items = deserializeProp(prop);
19724
- break;
19725
- case 'afSelectItem':
19726
- this.selectItemIdx = prop !== null && prop !== void 0 ? prop : this.selectItemIdx;
19727
- break;
19728
- case 'afActiveItem':
19729
- this.activeItemIdx = prop !== null && prop !== void 0 ? prop : this.activeItemIdx;
19730
- this.selectItemIdx = prop !== null && prop !== void 0 ? prop : this.selectItemIdx;
19731
- break;
19732
- }
19733
- }
19734
- focusCaptured() {
19735
- return this.items.some((item) => this.itemRefs[item.id] === document.activeElement);
19736
- }
19737
- nextIdx(idx) {
19738
- if (idx > this.items.length - 1) {
19739
- return 0;
19740
- }
19741
- else if (idx < 0) {
19742
- return this.items.length - 1;
19743
- }
19744
- else {
19745
- return idx;
19746
- }
19747
- }
19748
- activateItem(idx) {
19749
- const item = this.items[idx];
19750
- this.activeItemIdx = idx;
19751
- this.focusItem(idx);
19752
- this.afChangeItem.emit({ item, idx });
19753
- }
19754
- focusItem(idx) {
19755
- var _a;
19756
- const item = this.items[idx];
19757
- this.selectItemIdx = idx;
19758
- (_a = this.itemRefs[item.id]) === null || _a === void 0 ? void 0 : _a.focus();
19759
- this.afFocusItem.emit({ item, idx });
19760
- }
19761
- handleRef(ref, refId, payload) {
19762
- if (refId === 'item') {
19763
- const item = payload;
19764
- this.itemRefs = Object.assign(Object.assign({}, this.itemRefs), { [item.id]: ref });
19765
- }
19766
- else if (refId === 'host') {
19767
- this.dropdownRef = ref;
19768
- }
19769
- this.afRef.emit({
19770
- id: refId,
19771
- ref,
19772
- payload
19773
- });
19774
- }
19775
- handleChangeItem(_, idx) {
19776
- this.activateItem(idx);
19777
- }
19778
- syncPosition() {
19779
- if (this.slotRef != null) {
19780
- const anchorBox = this.slotRef.children[0].getBoundingClientRect();
19781
- const elemBox = this.dropdownRef.getBoundingClientRect();
19782
- if (this.afMenuPosition === 'right-bottom') {
19783
- this.posLeft = anchorBox.width - elemBox.width;
19784
- }
19785
- else if (this.afMenuPosition === 'center-bottom') {
19786
- this.posLeft = anchorBox.width / 2 - elemBox.width / 2;
19787
- }
19788
- else {
19789
- this.posLeft = 0;
19790
- }
19791
- }
19792
- }
19793
- componentWillLoad() {
19794
- this.syncItems(this.afItems, null, 'afItems');
19795
- this.syncItems(this.afSelectItem, null, 'afSelectItem');
19796
- this.syncItems(this.afActiveItem, null, 'afActiveItem');
19797
- }
19798
- componentDidLoad() {
19799
- this.syncPosition();
19800
- }
19801
- render() {
19802
- return (hAsync("div", { key: 'db4846c1e21a01f34d2d592b9248fb9f5f8c9893', style: {
19803
- position: 'relative',
19804
- display: 'flex'
19805
- } }, hAsync("div", { key: 'f4d1b5dd32b681a1d746cae9faf76f0aa2389aa9', ref: (ref) => (this.slotRef = ref) }, hAsync("slot", { key: '3a59e5e5a4abccd0f8207971137b6b5e647c7b43' })), hAsync("div", { key: '14c9c8946710f6bd7bcc2335d2c2913fad45e266', style: {
19806
- position: 'absolute',
19807
- top: 'calc(100% + 0.5rem)',
19808
- left: `${this.posLeft}px`,
19809
- zIndex: '10',
19810
- visibility: this.afVisible ? 'visible' : 'hidden'
19811
- } }, hAsync("div", { key: '1459909e61af73da7af4efc78623be3baf5eeb7a', id: this.afId, class: { dropdown: true }, ref: (ref) => { var _a; return (_a = this.handleRef) === null || _a === void 0 ? void 0 : _a.call(this, ref, 'host'); } }, hAsync("div", { key: 'b863da8e664b9ae336a776c996ed5fc7b7f4d852', role: "listbox", id: `${this.afId}-listbox`, class: {
19812
- 'dropdown-wrapper': true,
19813
- 'dropdown-wrapper--dir-rtl': this.afDir === 'rtl'
19814
- }, "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel, tabIndex: -1 }, this.items.map((item, idx) => {
19815
- var _a;
19816
- const active = this.activeItemIdx === idx;
19817
- const select = this.selectItemIdx === idx;
19818
- return (hAsync("div", { role: getItemRole('listbox'), id: `${this.afId}-listbox-item-${item.id}`, key: item.id, class: {
19819
- 'option-wrapper': true,
19820
- 'option-wrapper--active': active
19821
- }, dir: this.afDir, lang: this.afLang, "aria-selected": active.toString(), tabIndex: select ? 0 : -1, onClick: () => { var _a; return (_a = this.handleChangeItem) === null || _a === void 0 ? void 0 : _a.call(this, item, idx); }, ref: (ref) => { var _a; return (_a = this.handleRef) === null || _a === void 0 ? void 0 : _a.call(this, ref, 'item', item); } }, (_a = this.afRenderItem) === null || _a === void 0 ? void 0 : _a.call(this, item, idx)));
19822
- }))))));
19823
- }
19824
- static get watchers() { return {
19825
- "afVisible": ["handleChangeVisibility"],
19826
- "afItems": ["syncItems"],
19827
- "afSelectItem": ["syncItems"],
19828
- "afActiveItem": ["syncItems"],
19829
- "afMenuPosition": ["syncPosition"]
19830
- }; }
19831
- static get style() { return DigiNavigationDropdownStyle0; }
19832
- static get cmpMeta() { return {
19833
- "$flags$": 6,
19834
- "$tagName$": "digi-navigation-dropdown",
19835
- "$members$": {
19836
- "afId": [1, "af-id"],
19837
- "afItems": [1, "af-items"],
19838
- "afSelectItem": [2, "af-select-item"],
19839
- "afActiveItem": [2, "af-active-item"],
19840
- "afVisible": [4, "af-visible"],
19841
- "afAriaLabelledby": [1, "af-aria-labelledby"],
19842
- "afAriaLabel": [1, "af-aria-label"],
19843
- "afDir": [1, "af-dir"],
19844
- "afLang": [1, "af-lang"],
19845
- "afMenuPosition": [1, "af-menu-position"],
19846
- "afRenderItem": [16],
19847
- "items": [32],
19848
- "selectItemIdx": [32],
19849
- "activeItemIdx": [32],
19850
- "posTop": [32],
19851
- "posLeft": [32]
19852
- },
19853
- "$listeners$": [[0, "keydown", "handleKey"]],
19854
- "$lazyBundleId$": "-",
19855
- "$attrsToReflect$": []
19856
- }; }
19857
- }
19858
-
19859
19738
  const expandableAccordionCss = ".digi--util--fs--xs.sc-digi-expandable-accordion{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-expandable-accordion{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-expandable-accordion{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-expandable-accordion{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-expandable-accordion{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-expandable-accordion{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-expandable-accordion{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-expandable-accordion{padding-top:5rem !important}.digi--util--pb--1.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-expandable-accordion{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-expandable-accordion{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-expandable-accordion{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-expandable-accordion{padding:2.5rem !important}.digi--util--p--60.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-expandable-accordion{padding:4.5rem !important}.digi--util--p--90.sc-digi-expandable-accordion{padding:5rem !important}.digi--util--ptb--1.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-expandable-accordion{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-expandable-accordion{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-expandable-accordion{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-expandable-accordion{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-expandable-accordion{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-expandable-accordion{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-expandable-accordion{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}.digi--util--hidden.sc-digi-expandable-accordion{display:none}.sc-digi-expandable-accordion-h{--digi--expandable-accordion--header--toggle-icon--transition:ease-in-out var(--digi--animation--duration--base) all;--digi--expandable-accordion--header--font-size:var(--digi--typography--accordion--font-size--desktop);--digi--expandable-accordion--header--font-size--small:var(--digi--typography--accordion--font-size--mobile);--digi--expandable-accordion--header--font-weight:var(--digi--typography--accordion--font-weight--desktop);--digi--expandable-accordion--icon--size:0.875rem;--digi--expandable-accordion--icon--margin-right:var(--digi--margin--medium);--digi--expandable-accordion--border-bottom-width:var(--digi--border-width--secondary);--digi--expandable-accordion--border-bottom-color:var(--digi--color--border--informative);--digi--expandable-accordion--content--padding:var(--digi--padding--medium) 0;--digi--expandable-accordion--content--transition:ease-in-out var(--digi--animation--duration--base) height;display:block}.sc-digi-expandable-accordion-h .digi-expandable-accordion.sc-digi-expandable-accordion::after{content:\"\";display:block;max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid;margin-top:calc(var(--digi--expandable-accordion--border-bottom-width) * -1)}.sc-digi-expandable-accordion-h .digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion::after{content:none}.digi-expandable-accordion__header.sc-digi-expandable-accordion{display:flex;align-items:center}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__header.sc-digi-expandable-accordion{max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid}.digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--header--toggle-icon--transition)}.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transform:rotate(-180deg)}.digi-expandable-accordion__heading.sc-digi-expandable-accordion{margin:0;flex:1}.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--expandable-accordion--header--font-size--small);font-weight:var(--digi--expandable-accordion--header--font-weight);width:100%;display:flex;gap:var(--digi--expandable-accordion--icon--margin-right);align-items:center;text-align:start;cursor:pointer;border:none}@media (min-width: 48rem){.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-size:var(--digi--expandable-accordion--header--font-size)}}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{color:var(--digi--color--text--primary);background-color:transparent;padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:hover{text-decoration:underline}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{justify-content:space-between;min-height:var(--digi--input-height--large);padding:0 var(--digi--gutter--medium);border-radius:var(--digi--border-radius--primary);background-color:var(--digi--color--background--input-empty);border:1px solid var(--digi--color--background--tertiary)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:focus-visible{outline:var(--digi--focus-outline);background-color:var(--digi--color--background--tertiary)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:hover{background-color:var(--digi--color--background--tertiary)}.digi-expandable-accordion--variation-secondary.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{color:var(--digi--color--text--inverted);background-color:var(--digi--color--background--inverted-1);border-color:var(--digi--color--background--inverted-1);border-block-end:none;border-end-end-radius:0;border-end-start-radius:0}.digi-expandable-accordion__toggle-label.sc-digi-expandable-accordion{display:inline-flex;align-items:center;gap:var(--digi--gutter--icon);font-size:var(--digi--global--typography--font-size--interaction-medium);color:var(--digi--color--text--secondary)}.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__toggle-label.sc-digi-expandable-accordion{--digi--icon--color:currentColor;color:currentColor}.digi-expandable-accordion__content.sc-digi-expandable-accordion{overflow-y:hidden}.digi-expandable-accordion--expanded-false.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{height:0}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion>div.sc-digi-expandable-accordion{padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.digi-expandable-accordion--animation-true.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--content--transition)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{background:var(--digi--color--background--input-empty)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion>div.sc-digi-expandable-accordion{display:flex;flex-direction:column}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion digi-typography.sc-digi-expandable-accordion{display:block;padding:var(--digi--container-gutter--small)}.digi-expandable-accordion--variation-secondary.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{border:1px solid var(--digi--color--background--inverted-1);border-radius:var(--digi--border-radius--primary);border-start-end-radius:0;border-start-start-radius:0}.digi-expandable-accordion__toggle-inside.sc-digi-expandable-accordion{text-align:center;--digi--button--color--background--function--hover:var(\n --digi--color--background--tertiary\n )}@keyframes heightAnim{from{height:0%}to{height:100%}}";
19860
19739
  var DigiExpandableAccordionStyle0 = expandableAccordionCss;
19861
19740
 
@@ -20237,7 +20116,7 @@ class FeedbackBanner {
20237
20116
  }), hAsync("div", { hidden: true, class: "digi-tools-feedback-banner__slot" }, hAsync("digi-util-mutation-observer", { ref: (el) => (this._observer = el), onAfOnChange: () => this.validateLinks() }, hAsync("slot", null))))));
20238
20117
  }
20239
20118
  render() {
20240
- return (hAsync("div", { key: '99e32940138a94cd11fd231367f0787302758f65', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (hAsync("digi-layout-block", { key: '149d46da9d955d9dabc36581127bd90a6d24061a', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
20119
+ return (hAsync("div", { key: 'c7b4c2ba4fc1d8a012fb6660c57f9aaf16719695', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (hAsync("digi-layout-block", { key: '6730815e4d57ef48bc1b23da9bda93c427e42325', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
20241
20120
  }
20242
20121
  get hostElement() { return getElement(this); }
20243
20122
  static get watchers() { return {
@@ -31742,7 +31621,7 @@ class LoaderSkeleton {
31742
31621
  }; }
31743
31622
  }
31744
31623
 
31745
- const loaderSpinnerCss = ".sc-digi-loader-spinner-h{--digi--loader-spinner--icon--size--small:1rem;--digi--loader-spinner--icon--size--medium:2rem;--digi--loader-spinner--icon--size--large:5rem;--digi-loader-spinner--font--size--small:var(--digi--typography--heading-4--font-size--desktop-xsmall);--digi-loader-spinner--font--size--medium:var(--digi--typography--heading-4--font-size--desktop);--digi-loader-spinner--font--size--large:var(--digi--typography--heading-4--font-size--desktop-large)}.sc-digi-loader-spinner-h .digi-loader-spinner.sc-digi-loader-spinner{display:flex;flex-direction:column;align-items:center;width:max-content;padding:var(--PADDING)}.sc-digi-loader-spinner-h .digi-loader-spinner--small.sc-digi-loader-spinner{--ICON-HEIGHT:var(--digi--loader-spinner--icon--size--small);--FONT-SIZE:var(--digi-loader-spinner--font--size--small);--PADDING:0}.sc-digi-loader-spinner-h .digi-loader-spinner--medium.sc-digi-loader-spinner{--ICON-HEIGHT:var(--digi--loader-spinner--icon--size--medium);--FONT-SIZE:var(--digi-loader-spinner--font--size--medium);--PADDING:var(--digi--gutter--large)}.sc-digi-loader-spinner-h .digi-loader-spinner--large.sc-digi-loader-spinner{--ICON-HEIGHT:var(--digi--loader-spinner--icon--size--large);--FONT-SIZE:var(--digi-loader-spinner--font--size--large);--PADDING:var(--digi--gutter--large)}.sc-digi-loader-spinner-h .digi-loader-spinner__container.sc-digi-loader-spinner{height:max-content;width:max-content}.sc-digi-loader-spinner-h .digi-loader-spinner__spinner.sc-digi-loader-spinner{animation:animation__rotation 3s infinite linear;transform-origin:center;--digi--icon--height:var(--ICON-HEIGHT)}@media (prefers-reduced-motion){.sc-digi-loader-spinner-h .digi-loader-spinner__spinner.sc-digi-loader-spinner{animation:none}}@keyframes animation__rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}.sc-digi-loader-spinner-h .digi-loader-spinner__label.sc-digi-loader-spinner{margin-top:var(--digi--gutter--medium)}";
31624
+ const loaderSpinnerCss = ".sc-digi-loader-spinner-h{--digi--loader-spinner--icon--size--small:1rem;--digi--loader-spinner--icon--size--medium:2rem;--digi--loader-spinner--icon--size--large:5rem;--digi-loader-spinner--font--size--small:var(--digi--typography--heading-4--font-size--desktop-xsmall);--digi-loader-spinner--font--size--medium:var(--digi--typography--heading-4--font-size--desktop);--digi-loader-spinner--font--size--large:var(--digi--typography--heading-4--font-size--desktop-large)}.sc-digi-loader-spinner-h .digi-loader-spinner.sc-digi-loader-spinner{display:flex;flex-direction:column;align-items:center;width:max-content;padding:var(--PADDING)}.sc-digi-loader-spinner-h .digi-loader-spinner--small.sc-digi-loader-spinner{--ICON-HEIGHT:var(--digi--loader-spinner--icon--size--small);--FONT-SIZE:var(--digi-loader-spinner--font--size--small);--PADDING:0}.sc-digi-loader-spinner-h .digi-loader-spinner--medium.sc-digi-loader-spinner{--ICON-HEIGHT:var(--digi--loader-spinner--icon--size--medium);--FONT-SIZE:var(--digi-loader-spinner--font--size--medium);--PADDING:var(--digi--gutter--large)}.sc-digi-loader-spinner-h .digi-loader-spinner--large.sc-digi-loader-spinner{--ICON-HEIGHT:var(--digi--loader-spinner--icon--size--large);--FONT-SIZE:var(--digi-loader-spinner--font--size--large);--PADDING:var(--digi--gutter--large)}.sc-digi-loader-spinner-h .digi-loader-spinner__container.sc-digi-loader-spinner{height:max-content;width:max-content}.sc-digi-loader-spinner-h .digi-loader-spinner__spinner.sc-digi-loader-spinner{animation:animation__rotation 3s infinite linear;transform-origin:center;--digi--icon--height:var(--ICON-HEIGHT);--digi--icon--color:var(--digi--stratos-500)}@media (prefers-reduced-motion){.sc-digi-loader-spinner-h .digi-loader-spinner__spinner.sc-digi-loader-spinner{animation:none}}@keyframes animation__rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}.sc-digi-loader-spinner-h .digi-loader-spinner__label.sc-digi-loader-spinner{margin-top:var(--digi--gutter--medium)}";
31746
31625
  var DigiLoaderSpinnerStyle0 = loaderSpinnerCss;
31747
31626
 
31748
31627
  /**
@@ -32428,13 +32307,13 @@ class NavigationContextMenu {
32428
32307
  };
32429
32308
  }
32430
32309
  render() {
32431
- return (hAsync("div", { key: 'd065b8e2dd16892fa6f69c5f80cf494225bda71d', class: Object.assign({ 'digi-navigation-context-menu': true }, this.cssModifiers), id: `${this.afId}-identifier` }, hAsync("digi-util-keydown-handler", { key: '0382e43c3573cd51ce929efeef64f3cda74ef5b7', onAfOnEsc: () => this.setInactive(true) }, hAsync("digi-button", { key: '2538eda16fb9d994722b44d9832264834269ebb8', ref: (el) => (this._toggleButton = el), onClick: (e) => this.toggleMenu(e), id: `${this.afId}-trigger`, "af-variation": "function", "af-aria-controls": this.afId, "af-aria-expanded": this.isActive ? 'true' : 'false', class: {
32310
+ return (hAsync("div", { key: 'c807f0ab3459be7e91d946e61293295181bcd80c', class: Object.assign({ 'digi-navigation-context-menu': true }, this.cssModifiers), id: `${this.afId}-identifier` }, hAsync("digi-util-keydown-handler", { key: 'ff38f5fb09e9bdcf47d1c14385f9d6863e6f1d9f', onAfOnEsc: () => this.setInactive(true) }, hAsync("digi-button", { key: '440a855733e0b2f6ff0c9729141eefa2e9a8b688', ref: (el) => (this._toggleButton = el), onClick: (e) => this.toggleMenu(e), id: `${this.afId}-trigger`, "af-variation": "function", "af-aria-controls": this.afId, "af-aria-expanded": this.isActive ? 'true' : 'false', class: {
32432
32311
  'digi-navigation-context-menu__trigger-button': true,
32433
32312
  'digi-navigation-context-menu--active': this.isActive
32434
- } }, !!this.afIcon && hAsync(this.digiIcon, { key: '44a48c69c26a975337451f571ade3d9ea1074424', slot: "icon" }), this.afText, hAsync("digi-icon-chevron-down", { key: '74266793b220464592f3656c38bd0d9038036818', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), hAsync("div", { key: '40195409c29b584f26d34cfc5ebcebd07f4c20f7', class: {
32313
+ } }, !!this.afIcon && hAsync(this.digiIcon, { key: 'e36465dff1c19c4854982849be74c0075fe418b5', slot: "icon" }), this.afText, hAsync("digi-icon-chevron-down", { key: 'f32eab5d3b948ceb36f933aa578d7f8be8deb171', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), hAsync("div", { key: '89b8b4d23790d590bcac9f1ab0992448a4300ebb', class: {
32435
32314
  'digi-navigation-context-menu__content': true,
32436
32315
  'digi-navigation-context-menu__content--hidden': !this.isActive
32437
- } }, hAsync("digi-util-keydown-handler", { key: 'aa80e2083933f767377acc7b612f37823a7ee7af', onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnDown: (e) => this.downHandler(e), onAfOnTab: () => this.setInactive(), onAfOnShiftTab: () => this.setInactive() }, hAsync("ul", { key: '569c4e778a95272898edf0a0029b4f1c4b2bdb0a', id: this.afId, class: {
32316
+ } }, hAsync("digi-util-keydown-handler", { key: '5a0f489027f45983db0c8a56bf0894636874f53c', onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnDown: (e) => this.downHandler(e), onAfOnTab: () => this.setInactive(), onAfOnShiftTab: () => this.setInactive() }, hAsync("ul", { key: '117b0505fb7b85f60f325af7e0ea72a15a9ca827', id: this.afId, class: {
32438
32317
  'digi-navigation-context-menu__items': true,
32439
32318
  'digi-navigation-context-menu__items--bordered': this.listItems.length > 4
32440
32319
  }, role: "menu", "aria-describedby": `${this.afId}-trigger` }, this.listItems.map((item) => {
@@ -32445,9 +32324,9 @@ class NavigationContextMenu {
32445
32324
  'digi-navigation-context-menu__item--selected': Number(item.index) ===
32446
32325
  Number(this.selectedListItemIndex)
32447
32326
  }, key: item.index, "data-key": item.index, dir: item.dir }, this.showCheckIcon(item.index, item.type) && (hAsync("digi-icon-check", { class: "digi-navigation-context-menu__button-icon", slot: "icon" })), item.type === 'button' && (hAsync("digi-button", { "af-tabindex": "-1", afRole: "menuitemradio", "data-type": item.type, "data-value": item.value, class: "digi-navigation-context-menu__button", afDir: item.dir, afLang: item.lang, onClick: (e) => this.itemClickHandler(e, true), afAriaChecked: this.showCheckIcon(item.index, item.type) }, item.text)), item.type === 'link' && (hAsync("a", { tabindex: "-1", role: "menuitem", class: "digi-navigation-context-menu__link", href: item.href, "data-type": item.type, onClick: (e) => this.itemClickHandler(e), dir: item.dir, lang: item.lang }, item.text))));
32448
- }))))), hAsync("digi-util-mutation-observer", { key: 'ae2baa14644facaeddf6c86b110a15d116ca5ee0', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: this.debounce(() => {
32327
+ }))))), hAsync("digi-util-mutation-observer", { key: 'fadd9063b8c46ce6d44dc51e7deb85bbdadabf23', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: this.debounce(() => {
32449
32328
  this.generateListItems(this._observer.children);
32450
- }) }, hAsync("slot", { key: '19c51afd9b03b72f18d71c31a5c993abe6eef84c' }))));
32329
+ }) }, hAsync("slot", { key: '65921a6880190a8fde38409994bae985511c12ba' }))));
32451
32330
  }
32452
32331
  get hostElement() { return getElement(this); }
32453
32332
  static get watchers() { return {
@@ -32646,15 +32525,15 @@ class NavigationPagination {
32646
32525
  }
32647
32526
  }
32648
32527
  render() {
32649
- return (hAsync("div", { key: '1cd6e56aa20351f03649d0b91781c2804ed88041', class: "digi-navigation-pagination" }, hAsync("digi-util-resize-observer", { key: '0beef37b035b0ab5cd4fc9cebe1cbf6934571e83', onAfOnChange: (e) => {
32528
+ return (hAsync("div", { key: '78a0c9b0111a713414b6054516ca77e1ccbeb005', class: "digi-navigation-pagination" }, hAsync("digi-util-resize-observer", { key: '1041fa4a1646b2fd15b2f1c727e9a660d2c315ec', onAfOnChange: (e) => {
32650
32529
  this.handleResizeObserver(e);
32651
- } }), hAsync("span", { key: '579540c5d47c61dec104bf85ae3c1918f135d163', id: `${this.afId}-aria-label`, "aria-hidden": "true", class: "digi-navigation-pagination__aria-label" }, "Paginering"), hAsync("nav", { key: '1e49e11840682a250fda2c8d1cf9af153f854cf1', "aria-labelledby": this.labelledby(), class: `digi-navigation-pagination__pagination ${this.twoRows ? 'digi-navigation-pagination--two-rows' : ''}` }, hAsync("digi-button", { key: '6e43c967bde5d2c297202126e610b74c9d5f23bf', onClick: () => this.prevPage(), class: {
32530
+ } }), hAsync("span", { key: 'ae9b310fe9445e675d0bdfa1a539e5f09144af4b', id: `${this.afId}-aria-label`, "aria-hidden": "true", class: "digi-navigation-pagination__aria-label" }, "Paginering"), hAsync("nav", { key: 'a477d801bdb33ffd80d75d5c6e1620517ce380fc', "aria-labelledby": this.labelledby(), class: `digi-navigation-pagination__pagination ${this.twoRows ? 'digi-navigation-pagination--two-rows' : ''}` }, hAsync("digi-button", { key: '6d484990a96b9922f06e9ec11b948755ae308b3c', onClick: () => this.prevPage(), class: {
32652
32531
  'digi-navigation-pagination__button digi-navigation-pagination__button--previous': true,
32653
32532
  'digi-navigation-pagination__button--hidden': this.currentPage === 1
32654
- }, afVariation: "secondary", afAriaLabel: "F\u00F6reg\u00E5ende" }, hAsync("digi-icon-chevron-left", { key: '760a8c4115649ab0428239979950fbe957559dd5', slot: "icon" }), hAsync("span", { key: 'eb63a8fd9aa51ec3fadec8fe623c1bd8031b438e' }, "F\u00F6reg\u00E5ende")), hAsync("digi-button", { key: '7f40d440358b9c10585a48b96861f12bd8e3099f', onClick: () => this.nextPage(), class: {
32533
+ }, afVariation: "secondary", afAriaLabel: "F\u00F6reg\u00E5ende" }, hAsync("digi-icon-chevron-left", { key: 'a36537d8d5f333778d18be1d8616cd7a65bee6e7', slot: "icon" }), hAsync("span", { key: '03290c16634c64d353378e062bc766e98b2e3044' }, "F\u00F6reg\u00E5ende")), hAsync("digi-button", { key: '10c78fa592a81dc7cf647c1a5fd2c3d643ff2b89', onClick: () => this.nextPage(), class: {
32655
32534
  'digi-navigation-pagination__button digi-navigation-pagination__button--next': true,
32656
32535
  'digi-navigation-pagination__button--hidden': this.currentPage === this.afTotalPages
32657
- }, afVariation: "secondary", afAriaLabel: "N\u00E4sta" }, hAsync("digi-icon-chevron-right", { key: 'c1cb9100b5e909f0549e03c1fc4b95fd734f1030', slot: "icon-secondary" }), hAsync("span", { key: '336ee5118de2901e4d11bb6305b6f0735a745dde' }, "N\u00E4sta")), hAsync("div", { key: '43d78e83ae0f0cceb81ec9c0c6641cb5f39212d8', class: "digi-navigation-pagination__pages" }, hAsync("ol", { key: '03278ed5eabe0bf35b0b4d126c09422d26831d37', class: "digi-navigation-pagination__page-list" }, this.currentInterval.map((pageValue) => {
32536
+ }, afVariation: "secondary", afAriaLabel: "N\u00E4sta" }, hAsync("digi-icon-chevron-right", { key: 'fe6384ea7c761d2ed8b98b973587a73db49d25cc', slot: "icon-secondary" }), hAsync("span", { key: '359b1452f66b801192c0870c70673e3ea60d04fe' }, "N\u00E4sta")), hAsync("div", { key: '9dbc2f31e802dfb49cd5b0ee42a39c72c46f557e', class: "digi-navigation-pagination__pages" }, hAsync("ol", { key: '85e87ec458c7d48ea79f7cea88048bf1f1762fe2', class: "digi-navigation-pagination__page-list" }, this.currentInterval.map((pageValue) => {
32658
32537
  const page = isNaN(pageValue)
32659
32538
  ? parseInt(pageValue.replace('…', ''))
32660
32539
  : pageValue;
@@ -32665,10 +32544,10 @@ class NavigationPagination {
32665
32544
  }, afVariation: this.currentPage === page
32666
32545
  ? ButtonVariation.PRIMARY
32667
32546
  : ButtonVariation.SECONDARY }, hAsync("span", { class: `digi-navigation-pagination__page-text` }, page))));
32668
- })))), this.afTotalResults > 0 && (hAsync("div", { key: '924f0639488c1e36f5198f37f1f249ccbeba3031', class: {
32547
+ })))), this.afTotalResults > 0 && (hAsync("div", { key: '788a812309eb4f14ff76390f644e11820d420a5a', class: {
32669
32548
  'digi-navigation-pagination__result': true,
32670
32549
  'digi-navigation-pagination__result--pages': this.afTotalPages > 1
32671
- }, "aria-hidden": this.afTotalPages > 1 ? 'true' : 'false', id: `${this.afId}-result` }, hAsync("digi-typography", { key: 'c29398339e79724ad67ce3c73d7ad0bc1d6fa826' }, hAsync("span", { key: 'e6bfb1a2e05f4845cc4dceeb2f32f59b403f1820', id: `${this.afId}-result-show` }, "Visar "), hAsync("strong", { key: '19cc2e4debc9e29d2b734582fd8e6a1586a43279', id: `${this.afId}-result-current` }, this.afCurrentResultStart, "-", this.afCurrentResultEnd), hAsync("span", { key: 'ce55a11fdf1b1cf5776abb118af998d370a98a33', id: `${this.afId}-result-of` }, " av "), hAsync("strong", { key: 'fe6eff60da1ae09d338a090b7069ef93d229da31', id: `${this.afId}-result-total` }, this.afTotalResults), this.afResultName && (hAsync("span", { key: '03a46bbce9c6c0f1cf454bb511124bb29170aa25', id: `${this.afId}-result-name` }, ` ${this.afResultName}`)))))));
32550
+ }, "aria-hidden": this.afTotalPages > 1 ? 'true' : 'false', id: `${this.afId}-result` }, hAsync("digi-typography", { key: 'a48519e08c288a011d8f6a34606d650037aac21c' }, hAsync("span", { key: '94205b0d38dd6d2cb980a9e78c9778f4d9a56bcc', id: `${this.afId}-result-show` }, "Visar "), hAsync("strong", { key: '567b3490941c533fbda1b1463b55e4472779f13f', id: `${this.afId}-result-current` }, this.afCurrentResultStart, "-", this.afCurrentResultEnd), hAsync("span", { key: '9189447acda031c0d6864dec369a78099c6f064a', id: `${this.afId}-result-of` }, " av "), hAsync("strong", { key: '5aa4106a61c5bdd3c77033442b9a932b5d762bd0', id: `${this.afId}-result-total` }, this.afTotalResults), this.afResultName && (hAsync("span", { key: 'f665e8c988854f35284242d48ee30923c4c421e2', id: `${this.afId}-result-name` }, ` ${this.afResultName}`)))))));
32672
32551
  }
32673
32552
  static get style() { return DigiNavigationPaginationStyle0; }
32674
32553
  static get cmpMeta() { return {
@@ -32974,7 +32853,7 @@ class NavigationSidebar {
32974
32853
  };
32975
32854
  }
32976
32855
  render() {
32977
- return (hAsync(Host, { key: '417f349e0c426171cf5ece707c7676d6617727cf' }, hAsync("digi-util-breakpoint-observer", { key: 'a70dfd0073ac0dae26fca5755e1be82497cffc27' }, hAsync("digi-util-keydown-handler", { key: '35ba7fb3fc233e1de5ada527708ac98f87c78387', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, hAsync("div", { key: '67daf7df0de6d73ea57c55524effb800a43db15d', class: "digi-navigation-sidebar", "aria-hidden": !this.afActive ? 'true' : 'false' }, hAsync("div", { key: '80c78bfd00fc2f9c95fa999b3f6ab73c85f9c80f', "aria-hidden": "true", class: Object.assign({ 'digi-navigation-sidebar__backdrop': true }, this.cssModifiersBackdrop), onClick: (e) => this.backdropClickHandler(e) }), hAsync("div", { key: 'e126f26ed0d2a6c45cbdfbf0bef5b2c896d1a942', class: Object.assign({ 'digi-navigation-sidebar__wrapper': true }, this.cssModifiers) }, hAsync("div", { key: 'c751ef62e67ed35b9a8ffa61edff1f35f6b0f52b', class: "digi-navigation-sidebar__inner", ref: (el) => {
32856
+ return (hAsync(Host, { key: '5626465a5b84eab9eeb95d78922990ed7e12d5e2' }, hAsync("digi-util-breakpoint-observer", { key: '04a1bb4d90251f028d5486c2606f8b56fb9be132' }, hAsync("digi-util-keydown-handler", { key: '0623f5974acc30ef8778d26ba9f3913eb4f04dab', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, hAsync("div", { key: '9fc53cb121f03c4db8c81e3fc165e5b9a270ad5b', class: "digi-navigation-sidebar", "aria-hidden": !this.afActive ? 'true' : 'false' }, hAsync("div", { key: 'c93b854b2c0d971983d22235258b58bbb08a36a2', "aria-hidden": "true", class: Object.assign({ 'digi-navigation-sidebar__backdrop': true }, this.cssModifiersBackdrop), onClick: (e) => this.backdropClickHandler(e) }), hAsync("div", { key: 'd959f2bd96456de3a598447706da62264edb4ba9', class: Object.assign({ 'digi-navigation-sidebar__wrapper': true }, this.cssModifiers) }, hAsync("div", { key: '7bf5238552a08738c449a3f4deb5f4b38d43c5d0', class: "digi-navigation-sidebar__inner", ref: (el) => {
32978
32857
  this._wrapper = el;
32979
32858
  } }, this.showHeader ? (hAsync("div", { class: {
32980
32859
  'digi-navigation-sidebar__header': true,
@@ -32983,7 +32862,7 @@ class NavigationSidebar {
32983
32862
  'digi-navigation-sidebar__header--close-button--end': this.afCloseButtonPosition ===
32984
32863
  NavigationSidebarCloseButtonPosition.END,
32985
32864
  'digi-navigation-sidebar__header--reversed': !!this.afHeading
32986
- } }, this.afHeading && (hAsync(this.afHeadingLevel, { ref: (el) => (this._heading = el), class: "digi-navigation-sidebar__heading", tabindex: "-1" }, this.afHeading)), hAsync("digi-button", { onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-navigation-sidebar__close-button" }, this.afCloseButtonText, hAsync("digi-icon-x", { slot: "icon-secondary" })))) : (hAsync("div", null)), hAsync("div", { key: '060ae91b557d532c868288fbaf3b2469d556acf9', class: "digi-navigation-sidebar__content" }, hAsync("div", { key: '15a9a04be1b24591ce28a73a10e502b30288c029', class: "digi-navigation-sidebar__nav-wrapper" }, hAsync("slot", { key: 'f35a9df504085d627402e85a62b766717880ba6d' })), this._hasFooter && (hAsync("div", { key: '0b67d68328f8f5cdac1a2555ec979232f3a7757e', class: "digi-navigation-sidebar__footer" }, hAsync("slot", { key: '4955eba4bace184d10a1cbb10a4254d730ef8afd', name: "footer" })))))))))));
32865
+ } }, this.afHeading && (hAsync(this.afHeadingLevel, { ref: (el) => (this._heading = el), class: "digi-navigation-sidebar__heading", tabindex: "-1" }, this.afHeading)), hAsync("digi-button", { onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-navigation-sidebar__close-button" }, this.afCloseButtonText, hAsync("digi-icon-x", { slot: "icon-secondary" })))) : (hAsync("div", null)), hAsync("div", { key: '01acb6fe480569238677836cbe5cd5afa1afd81d', class: "digi-navigation-sidebar__content" }, hAsync("div", { key: '8a174b798ef129fa9fe9ade633e8f7de8d952ae6', class: "digi-navigation-sidebar__nav-wrapper" }, hAsync("slot", { key: 'f2e86c0bf80b36d1ff6c12a884abc16964c7c001' })), this._hasFooter && (hAsync("div", { key: '4bc6ced8a6333bf05aefe623a5a000b75bd7b010', class: "digi-navigation-sidebar__footer" }, hAsync("slot", { key: 'c04599b4192a266d4f631588b8b329c4ac2e7bef', name: "footer" })))))))))));
32987
32866
  }
32988
32867
  get hostElement() { return getElement(this); }
32989
32868
  static get watchers() { return {
@@ -33042,7 +32921,7 @@ class NavigationSidebarButton {
33042
32921
  this.afOnToggle.emit(this.isActive);
33043
32922
  }
33044
32923
  render() {
33045
- return (hAsync("digi-button", { key: '9304dd2121a3758e9bef83ad45539aabc2390f11', id: this.afId, class: "digi-navigation-sidebar-button", "af-variation": "function", "af-aria-label": this.afAriaLabel, onClick: () => this.toggleHandler() }, this.afText, hAsync("digi-icon-bars", { key: '6d419ac71efe6e91ae71e069f81c3b753e22af26', slot: "icon" })));
32924
+ return (hAsync("digi-button", { key: 'f90df32c8458d64c6460066c62c656aa5e75fa63', id: this.afId, class: "digi-navigation-sidebar-button", "af-variation": "function", "af-aria-label": this.afAriaLabel, onClick: () => this.toggleHandler() }, this.afText, hAsync("digi-icon-bars", { key: '35681837fa0887f2614f9cf04621d89b9add6fbe', slot: "icon" })));
33046
32925
  }
33047
32926
  static get style() { return DigiNavigationSidebarButtonStyle0; }
33048
32927
  static get cmpMeta() { return {
@@ -33071,11 +32950,11 @@ class NavigationTabPanel {
33071
32950
  this.isVisible = false;
33072
32951
  }
33073
32952
  render() {
33074
- return (hAsync(Host, { key: 'c6085ad48782a59362e55f1c12cfaf928fc40c47' }, hAsync("div", { key: '23da99f4d99d1a88e1125f127e7de150e6ef0aea', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
32953
+ return (hAsync(Host, { key: '86f137cc5e2a52c59307d8efd21981606c84478e' }, hAsync("div", { key: '642ae49a6b9c667b786acd732d30b5e62f0a629e', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
33075
32954
  display: this.isVisible ? 'initial' : 'none',
33076
32955
  overflowX: 'hidden',
33077
32956
  overflowY: 'auto'
33078
- } }, hAsync("slot", { key: 'a798b98cbc83639854995d446b457f3f39fbf3ab' }))));
32957
+ } }, hAsync("slot", { key: '01cdafb4516423f5561fdf8d8128fc7370e4f9ec' }))));
33079
32958
  }
33080
32959
  get hostElement() { return getElement(this); }
33081
32960
  static get cmpMeta() { return {
@@ -33329,14 +33208,14 @@ class NavigationTablist {
33329
33208
  cancelAnimationFrame(this._requestAnimationFrame);
33330
33209
  }
33331
33210
  render() {
33332
- return (hAsync(Host, { key: '1c4f02178c4ec0a728bc08b9679a9c067d58e64b' }, hAsync("div", { key: '8cd714379823932261c1903babf6cbe6c1df6b95', class: {
33211
+ return (hAsync(Host, { key: 'b254db2497b74752d34aa4672ae38ac5a1051024' }, hAsync("div", { key: '4028d5c2ee9954fb5755285dfe88029fec02d516', class: {
33333
33212
  'digi-tablist': true,
33334
33213
  'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
33335
33214
  'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
33336
- } }, hAsync("div", { key: 'c263bdf6f3d1904d43e90d7ff92547f6c3665bb0', class: "control-wrapper", style: {
33215
+ } }, hAsync("div", { key: '1643904cc02630eb56f711b7decf3157cefab417', class: "control-wrapper", style: {
33337
33216
  left: '0',
33338
33217
  visibility: this.showPrev ? 'visible' : 'hidden'
33339
- } }, hAsync("button", { key: 'ed97d0d647af8f9cd4c8b93a789f247297df5c6c', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, hAsync("digi-icon-chevron-left", { key: 'afcb7a95d3e2ac83b4af9881ddde8163905cc4c8' }))), hAsync("div", { key: '9de31c4f7e188a5105f806cd0a6b1af800bc5b28', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
33218
+ } }, hAsync("button", { key: 'd71bb576079e486f2bf197c1654e47ef81147455', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, hAsync("digi-icon-chevron-left", { key: 'e9d6cfbbb9aa6175d591db7fa67918b266506ed1' }))), hAsync("div", { key: 'ae8db9b6af8276c07fef53b1e376ccf975dd1822', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
33340
33219
  const focusable = tab.id === this.tabs[this.selectedTab].id;
33341
33220
  const isActive = tab.id === this.tabs[this.activeTab].id;
33342
33221
  const Icon = `digi-icon-${tab.icon}`;
@@ -33345,10 +33224,10 @@ class NavigationTablist {
33345
33224
  'digi-tab': true,
33346
33225
  'is-active': isActive
33347
33226
  }, id: `tab-${tab.id}`, role: "tab", type: "button", tabindex: focusable ? '0' : '-1', "aria-label": tab.ariaLabel, "aria-selected": isActive.toString(), "aria-controls": `tabpanel-${tab.id}`, onClick: () => this.handleTabChange(tab) }, hAsync("div", { class: "content-wrapper" }, hAsync("span", { class: "tablist-content" }, tab.icon && hAsync(Icon, { "aria-hidden": "true" }), hAsync("span", { class: "title", "data-text": tab.title }, tab.title), tab.badgeValue && (hAsync("digi-badge-notification", { afValue: badgeValue, "aria-hidden": "true" }))), hAsync("div", { class: "indicator" }))));
33348
- })), hAsync("div", { key: 'c476c9b8713f87bddfc2bf7c22f1f0d32fa6af59', class: "control-wrapper", style: {
33227
+ })), hAsync("div", { key: 'fad2b3c44632c2354abef8c4a863654cfb44954a', class: "control-wrapper", style: {
33349
33228
  right: '0',
33350
33229
  visibility: this.showNext ? 'visible' : 'hidden'
33351
- } }, hAsync("button", { key: '9c4432ddaa1318580ca5dcad137c677444d463dc', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, hAsync("digi-icon-chevron-right", { key: '2f72fddaa29d6ba0d6956f8fcf1db6b457f8c0fd' })))), hAsync("div", { key: '2294cc2cb2c5947d904340b0daa3a81e6b18f1e1', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, hAsync("slot", { key: '14844d23f7ae2ac24c82fe0d21f5f2f5b423c53e' }))));
33230
+ } }, hAsync("button", { key: '75df669a8a5693fb90755daccbb85a09478124cc', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, hAsync("digi-icon-chevron-right", { key: 'b9d9fe9346d98fda9c97f999a1667645a58e3686' })))), hAsync("div", { key: '03997499224b2d881c755eef234cee9dda4e2828', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, hAsync("slot", { key: '0d983ff976eb7a90b92030b3ef9a33c135aab90a' }))));
33352
33231
  }
33353
33232
  static get watchers() { return {
33354
33233
  "activeTab": ["syncPanels"],
@@ -33552,7 +33431,7 @@ class NavigationVerticalMenu {
33552
33431
  };
33553
33432
  }
33554
33433
  render() {
33555
- return (hAsync("nav", { key: 'e7dd90acdde937b4474ffc6d615aa32324e60437', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, hAsync("slot", { key: 'e060c8c7455c3db6bd7c18a9ceb52ee0d13cc6ac' })));
33434
+ return (hAsync("nav", { key: 'fbfc0638443d0632580c4ae2c53090b4e3f1e5a6', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, hAsync("slot", { key: '755eafab9d245bf601b28f3b5b5777920f344156' })));
33556
33435
  }
33557
33436
  get hostElement() { return getElement(this); }
33558
33437
  static get style() { return DigiNavigationVerticalMenuStyle0; }
@@ -33693,24 +33572,24 @@ class NavigationVerticalMenuItem {
33693
33572
  }
33694
33573
  }
33695
33574
  render() {
33696
- return (hAsync("host", { key: '90998bfdc035aafce066f5c449b2baf7b22013a4', class: {
33575
+ return (hAsync("host", { key: '2f2359793d28c6ba0716683157208d17efc6251a', class: {
33697
33576
  'digi-navigation-vertical-menu-item--has-subnav': this.hasSubnav,
33698
33577
  'digi-navigation-vertical-menu-item--active-subnav': this.activeSubnav
33699
- } }, hAsync("div", { key: '5aa15246813f9c19cb5a11b51a3364f9c4c81ecb', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (hAsync("div", { key: '51a6359d7acd27c3233640291799c507cc9abea4', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, hAsync("a", { key: '05d2730b34df61b45cb4529ab06724d76135c2bf', id: `${this.afId}-link`, href: this.afHref, class: {
33578
+ } }, hAsync("div", { key: 'b3bff02bdaf99cca35c2f4b17fe25b85ea816656', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (hAsync("div", { key: '7e312eeeec0f3f458208739d95856c32379da7c4', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, hAsync("a", { key: '1ab2faf7e35bc196d35521b27681a0bc7fc40774', id: `${this.afId}-link`, href: this.afHref, class: {
33700
33579
  'digi-navigation-vertical-menu-item__link': true,
33701
33580
  'digi-navigation-vertical-menu-item__has-subnav': true,
33702
33581
  'digi-navigation-vertical-menu-item__link--active': this.isActive,
33703
33582
  'digi-navigation-vertical-menu-item__link--expanded': this.activeSubnav
33704
- }, onClick: (e) => this.clickHandler(e) }, hAsync("div", { key: '728fcec109a200b1bc88b94aa65a0cd95f7f26ec', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, hAsync("slot", { key: '3f8f7112d0b425241470c5895616217b88e337a2', name: "icon" })), hAsync("span", { key: '16e6a72b7e54fc6a05418882809bfa3a5001d733', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), hAsync("div", { key: 'a71df07d1edcf382b014045c03f4dd3f24308a78', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, hAsync("slot", { key: '333224149090b0511766d970337872255a037c40', name: "badge" }))), hAsync("button", { key: '6225b3945f66c7d8309727972a6c78d5e389e089', type: "button", id: `${this.afId}-toggle-button`, class: {
33583
+ }, onClick: (e) => this.clickHandler(e) }, hAsync("div", { key: 'cd3f002b2f815b4408c98e8321d57475e24233de', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, hAsync("slot", { key: '5eadc9a85b08e5b6c543ce935c266d7b9151b4fb', name: "icon" })), hAsync("span", { key: '759938bb34b8af5c480c6dd1e51ef42c6a79d0b8', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), hAsync("div", { key: '5c81f925ab25ed96e0819d55ee06daad4e47ae9a', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, hAsync("slot", { key: '7b7dfe574e6355428823ce168911c6e03884797d', name: "badge" }))), hAsync("button", { key: 'a0a7e83416fc0797ef8aca5ff0c612731901a03e', type: "button", id: `${this.afId}-toggle-button`, class: {
33705
33584
  'digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--toggle': true,
33706
33585
  'digi-navigation-vertical-menu-item__button--active': this.isActive
33707
- }, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, hAsync("span", { key: '03cfa0a703525883cbed486d55e21f0977d8ba90', class: "digi-navigation-vertical-menu-item__toggle-icon" }, hAsync("span", { key: '8085c37fb501a202dd892e2afd218cd961f23948', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (hAsync("div", { key: '597bbb20edad42bff6cd072b3df0b4fc7b48ac85', class: "digi-navigation-vertical-menu-item__inner" }, hAsync("button", { key: 'f1930269af1d34f9bb5dad7660e5316a5d55c9a1', id: `${this.afId}-toggle-button`, class: "digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--only-toggle", onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', type: "button" }, hAsync("span", { key: '7b2bc0c07007fd87f5d665f43ce0d543f09e5d71', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, hAsync("slot", { key: '938fc1e8f1aa2c61f96bb280639275cacfa7db91', name: "icon" })), hAsync("span", { key: 'bdd05664a67e04fda3a70553cf07a5a9915eda55', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), hAsync("div", { key: '053bab38d026bde9be6440a9ef446e761da81fad', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, hAsync("slot", { key: '338867e2b365f9912aec5c81200fcb2a5cfaf2b1', name: "badge" })), hAsync("span", { key: '87275b1021b7257114f2c9d99335821c6de13696', class: "digi-navigation-vertical-menu-item__toggle-icon" }, hAsync("span", { key: 'aa36f5138af4bf36029ddcb4a83a836c5a8bf455' }, this.toggleIcon))))), !this.hasSubnav && (hAsync("div", { key: '63ad76cfdf49432658d6d9cb4dfad57283739136', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (hAsync("a", { key: '6ed218c0c51b2444f5f3c3028554cfb38eee50ec', id: `${this.afId}-link`, href: this.afHref, class: {
33586
+ }, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, hAsync("span", { key: '9c42984717dee2b6eac09ff50611e63cea6e189b', class: "digi-navigation-vertical-menu-item__toggle-icon" }, hAsync("span", { key: 'acd1fe02c6dcb6113f7849c4b0c29b7e5359da06', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (hAsync("div", { key: '68c573eb24d342396f932b4474e704a85199dbf6', class: "digi-navigation-vertical-menu-item__inner" }, hAsync("button", { key: '8510c79aa62ba83064b8ea1a464a4c973e96d83c', id: `${this.afId}-toggle-button`, class: "digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--only-toggle", onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', type: "button" }, hAsync("span", { key: '72bc6c4d86ff6c3999d1902adf5dbe516dde8863', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, hAsync("slot", { key: '16e2647a296b7021163381f8fa42c570167696ef', name: "icon" })), hAsync("span", { key: '5c44a355878aaa6f5528ea9b220f25daf80f34f7', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), hAsync("div", { key: '42f91b15bb3d99347b93bc1c06adf3095f88c153', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, hAsync("slot", { key: 'b016a90afff30650ebd88e86c2b52c32be67c209', name: "badge" })), hAsync("span", { key: '35ae3a1d50831d977730d4fb7dea0b5ad90d0466', class: "digi-navigation-vertical-menu-item__toggle-icon" }, hAsync("span", { key: '7b482d5ecab31c6d98e6cdfba5808b74c5dd050c' }, this.toggleIcon))))), !this.hasSubnav && (hAsync("div", { key: '47a5658c6f6e049e4b52c5146130e1ea9f4de598', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (hAsync("a", { key: '934f930abd86abf7014bfd59f737339714c82ff1', id: `${this.afId}-link`, href: this.afHref, class: {
33708
33587
  'digi-navigation-vertical-menu-item__link': true,
33709
33588
  'digi-navigation-vertical-menu-item__link--active': this.isActive
33710
- }, onClick: (e) => this.clickHandler(e) }, hAsync("div", { key: '8f973191164b025edc6af194a4a51768c4c72e74', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, hAsync("slot", { key: '2f7ab8db20dcd3850af9041eda318a8732e2f79a', name: "icon" })), hAsync("span", { key: 'ef02a477469133bbd5469f1a65d345e8fa445697', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), hAsync("div", { key: '29f5efe7b0397a2156cf1149b551e3de2356a606', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, hAsync("slot", { key: 'f198a9ee32674f68c34b94243d9564c3cc359323', name: "badge" })))), this.isActive && (hAsync("a", { key: 'b23cc5d4ef0c6795412628eedcea7330c6524f40', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
33589
+ }, onClick: (e) => this.clickHandler(e) }, hAsync("div", { key: 'c112a0e8462e04be069feb62a4af311c150cbb18', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, hAsync("slot", { key: '8884a6a300bf211b177354ce34ce7aac8f49d228', name: "icon" })), hAsync("span", { key: 'c26f8fd29f0b4a1d8612a5a576d6410ca930d754', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), hAsync("div", { key: 'ecad78e4ea28f5aaea194e2c84fd0c04b3c331d1', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, hAsync("slot", { key: '734ba82ec71353f514a700921c8fe23d8c6ca2f5', name: "badge" })))), this.isActive && (hAsync("a", { key: 'ccdff17960fe8d78d111435d11626f901c096f11', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
33711
33590
  'digi-navigation-vertical-menu-item__link': true,
33712
33591
  'digi-navigation-vertical-menu-item__link--active': this.isActive
33713
- }, onClick: (e) => this.clickHandler(e) }, hAsync("div", { key: 'f8fffcbdc3b3e177dae3457b6997a2fc08e0dbcd', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, hAsync("slot", { key: '44aa12c4095825a0c9de923123778334d3c1a6b3', name: "icon" })), hAsync("span", { key: 'd67c07434dec6d29dead94264bbb1a56b87b6dbc', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), hAsync("div", { key: '0e627f689ca82f5eeea9f2cc86e1e8841323d55b', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, hAsync("slot", { key: 'b70c627546c1358aeeea11ebc9aae3f015cbb160', name: "badge" })))))))));
33592
+ }, onClick: (e) => this.clickHandler(e) }, hAsync("div", { key: '98b6ef79ab34656585aa442ea9a7004d845fa46c', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, hAsync("slot", { key: '5dc5abd4ec44aa243b07b8c30694560fec15c4b5', name: "icon" })), hAsync("span", { key: '657145f6767c2ce1be8e2a9dab7489e5cfa694ef', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), hAsync("div", { key: 'e868ca7ce91446e75a7850b1f65629167124db43', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, hAsync("slot", { key: 'dee1d6d5c667890a005ed3f4c22eb1daee71f4e2', name: "badge" })))))))));
33714
33593
  }
33715
33594
  get hostElement() { return getElement(this); }
33716
33595
  static get watchers() { return {
@@ -33802,8 +33681,8 @@ class NotificationAlert {
33802
33681
  }
33803
33682
  }
33804
33683
  render() {
33805
- return (hAsync("div", { key: 'b3db2169d505e666da6ba42a7af96172765db22b', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, hAsync("digi-layout-media-object", { key: '7fe28cdecc5d2be4c7e18aafc4dfc4e7e4df72fa', "af-alignment": LayoutMediaObjectAlignment.STRETCH, class: "digi-notification-alert__layout" }, hAsync("div", { key: 'e9ebaf2e2689aa9c1ebef936fa9307420b373862', class: "digi-notification-alert__icon", slot: "media" }, this.icon), hAsync("div", { key: '25810a54a218e5e9b7f170c15b8f78acd06bbd86', class: "digi-notification-alert__wrapper" }, this.afCloseable && (hAsync("digi-button", { key: '52a2a2576a0eb328c0fcd345b05f9d53afb3b3b4', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, hAsync("span", { key: '61b3ea81919d3f49e8f8a6db02d2dc8d406ec865', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), hAsync("digi-icon-x", { key: 'b75ed7f95642806ed34dc00fe3957a9e03951b2e', slot: "icon-secondary", "aria-hidden": "true" }))), hAsync("div", { key: '4295aee514415655b2822703e16b562692df8314', class: "digi-notification-alert__text" }, this.afHeading &&
33806
- this.afSize === NotificationAlertSize.LARGE && (hAsync(this.afHeadingLevel, { key: '4849c5d62cb332553c49f8ba5a649c7411ac670e', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), hAsync("div", { key: '0b248625c2e2e0b3b7a356534b562bf50960ccc9', class: "digi-notification-alert__content" }, hAsync("digi-typography", { key: '3f309e39d9fd533c61ab82e168431b39ff5eb481', "af-variation": TypographyVariation.SMALL }, hAsync("slot", { key: 'c9f4e36113fbdc9eaca5f30449fab8e7ec0798e0' }))))))));
33684
+ return (hAsync("div", { key: '7cca9a299e7b91439c512e2f1fa3e7df274db607', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, hAsync("digi-layout-media-object", { key: 'b896dd5441ad01b4926725153156dda00f6eb6dc', "af-alignment": LayoutMediaObjectAlignment.STRETCH, class: "digi-notification-alert__layout" }, hAsync("div", { key: '1b28677a805f7dae4b07e66ea3a89b4d8cf8d506', class: "digi-notification-alert__icon", slot: "media" }, this.icon), hAsync("div", { key: '76edcae9db470be457b2929494057031b54e5370', class: "digi-notification-alert__wrapper" }, this.afCloseable && (hAsync("digi-button", { key: '831505bbf558a47f015bf830c41ccf2977ccb2d8', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, hAsync("span", { key: '4bce749e679e9b9254730aee061525d59a0d22f2', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), hAsync("digi-icon-x", { key: '0b9730f2fb5a03a6d14d6e95d855aa29d4bbc6b2', slot: "icon-secondary", "aria-hidden": "true" }))), hAsync("div", { key: '1c6196dadac1d9c75b04e8b88413379c1ccd3760', class: "digi-notification-alert__text" }, this.afHeading &&
33685
+ this.afSize === NotificationAlertSize.LARGE && (hAsync(this.afHeadingLevel, { key: '8ffb9757e413dfc1a7bfc7db3b63e862eb807233', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), hAsync("div", { key: 'f901aacc7794e0cf0077c91d6c7a8ee391878c72', class: "digi-notification-alert__content" }, hAsync("digi-typography", { key: '5fff7db073552d964d2c6de4129a9284426dd51f', "af-variation": TypographyVariation.SMALL }, hAsync("slot", { key: 'bc489ce0adc42d82a051b4167502b0d5fe417909' }))))))));
33807
33686
  }
33808
33687
  get hostElement() { return getElement(this); }
33809
33688
  static get style() { return DigiNotificationAlertStyle0; }
@@ -33830,8 +33709,7 @@ class NotificationAlert {
33830
33709
  const notificationIllustrations = {
33831
33710
  'ill-401': {
33832
33711
  NotificationIllustrationComponent(children) {
33833
- return (hAsync("svg", { width: "296.9px", height: "336.8px", viewBox: "0 0 296.9 336.8", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
33834
- hAsync("title", null, "ill-401-dskt"),
33712
+ return (hAsync("svg", { "aria-hidden": "true", width: "296.9px", height: "336.8px", viewBox: "0 0 296.9 336.8", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
33835
33713
  children,
33836
33714
  hAsync("g", { id: "Symboler", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
33837
33715
  hAsync("g", { id: "base-symbols/svg/deskt/401", transform: "translate(-174.100000, -2.100000)" },
@@ -33848,7 +33726,6 @@ const notificationIllustrations = {
33848
33726
  'ill-403': {
33849
33727
  NotificationIllustrationComponent(children) {
33850
33728
  return (hAsync("svg", { width: "320.880434px", height: "348.880002px", viewBox: "0 0 320.880434 348.880002", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
33851
- hAsync("title", null, "ill-403-dskt"),
33852
33729
  children,
33853
33730
  hAsync("g", { id: "Symboler", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
33854
33731
  hAsync("g", { id: "base-symbols/svg/deskt/403", transform: "translate(-154.559953, -2.560000)" },
@@ -33873,7 +33750,6 @@ const notificationIllustrations = {
33873
33750
  'ill-404': {
33874
33751
  NotificationIllustrationComponent(children) {
33875
33752
  return (hAsync("svg", { width: "351.88px", height: "283.88px", viewBox: "0 0 351.88 283.88", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
33876
- hAsync("title", null, "ill-404-dskt"),
33877
33753
  children,
33878
33754
  hAsync("g", { id: "Symboler", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
33879
33755
  hAsync("g", { id: "base-symbols/svg/deskt/404", transform: "translate(-119.560000, -1.560000)" },
@@ -33907,7 +33783,6 @@ const notificationIllustrations = {
33907
33783
  'ill-410': {
33908
33784
  NotificationIllustrationComponent(children) {
33909
33785
  return (hAsync("svg", { width: "450.667027px", height: "312.33355px", viewBox: "0 0 450.667027 312.33355", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
33910
- hAsync("title", null, "ill-410-dskt"),
33911
33786
  children,
33912
33787
  hAsync("defs", null,
33913
33788
  hAsync("polygon", { id: "path-1", points: "0 0 32.3885059 0 32.3885059 56.5918546 0 56.5918546" })),
@@ -33946,7 +33821,6 @@ const notificationIllustrations = {
33946
33821
  'ill-500': {
33947
33822
  NotificationIllustrationComponent(children) {
33948
33823
  return (hAsync("svg", { width: "358.675px", height: "317.675px", viewBox: "0 0 358.675 317.675", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
33949
- hAsync("title", null, "ill-500-dskt"),
33950
33824
  children,
33951
33825
  hAsync("g", { id: "Symboler", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
33952
33826
  hAsync("g", { id: "base-symbols/svg/deskt/500", transform: "translate(-115.162500, -11.162500)" },
@@ -33966,7 +33840,6 @@ const notificationIllustrations = {
33966
33840
  'ill-503': {
33967
33841
  NotificationIllustrationComponent(children) {
33968
33842
  return (hAsync("svg", { width: "310", height: "349", viewBox: "0 0 310 349", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
33969
- hAsync("title", null, "ill-503"),
33970
33843
  children,
33971
33844
  hAsync("path", { d: "M178.013 33.1343V40.3293C178.013 51.8662 171.598 62.2979 161.256 67.5533H161.245C161.065 67.6548 160.918 67.7675 160.794 67.9029C158.262 69.9554 156.754 73.0341 156.754 76.2257V133.109H143.981V84.9545H140.605V133.109H127.832V76.2257C127.832 73.0341 126.335 69.9554 123.814 67.9141C123.679 67.7675 123.522 67.6548 123.342 67.5645C112.999 62.3092 106.574 51.8775 106.574 40.3293V33.1343C106.574 19.6238 115.678 7.64711 128.496 3.86914V36.9574C128.496 42.0774 132.66 46.25 137.78 46.25H146.817C151.938 46.25 156.09 42.0774 156.09 36.9574V3.86914C168.92 7.64711 178.013 19.6238 178.013 33.1343Z", fill: "white" }),
33972
33845
  hAsync("path", { d: "M178.013 308.26V315.466C178.013 328.966 168.92 340.954 156.09 344.72V311.643C156.09 306.512 151.938 302.339 146.817 302.339H137.78C132.66 302.339 128.496 306.512 128.496 311.643V344.72C115.678 340.954 106.574 328.966 106.574 315.466V308.26C106.574 296.723 112.999 286.292 123.342 281.036C123.342 281.036 123.353 281.036 123.353 281.025C123.533 280.935 123.679 280.822 123.814 280.687C126.335 278.634 127.832 275.555 127.832 272.375V248.828H140.605V263.635H143.981V248.828H156.754V272.375C156.754 275.657 158.352 278.837 161.031 280.89C161.098 280.935 161.177 280.991 161.245 281.036C161.267 281.047 161.278 281.047 161.301 281.059C161.312 281.07 161.323 281.07 161.323 281.07C161.335 281.07 161.346 281.07 161.357 281.093C171.632 286.359 178.013 296.757 178.013 308.26Z", fill: "white" }),
@@ -33991,7 +33864,6 @@ const notificationIllustrations = {
33991
33864
  'ill-504': {
33992
33865
  NotificationIllustrationComponent(children) {
33993
33866
  return (hAsync("svg", { width: "336.450496px", height: "356.8025px", viewBox: "0 0 336.450496 356.8025", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
33994
- hAsync("title", null, "ill-504-dskt"),
33995
33867
  children,
33996
33868
  hAsync("g", { id: "Symboler", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
33997
33869
  hAsync("g", { id: "base-symbols/svg/deskt/504", transform: "translate(-138.352004, -3.000000)" },
@@ -34153,15 +34025,15 @@ class NotificationErrorPage {
34153
34025
  }
34154
34026
  }
34155
34027
  render() {
34156
- return (hAsync(Host, { key: '122ee131eafff827a559a15a9794ed12634af283' }, hAsync("digi-layout-container", { key: '7db733ab80e8193af1dab1fc7cbc5f5e0245fad2', class: {
34028
+ return (hAsync(Host, { key: '69b1211fc7d3d4db840c8e1123e257089fdd8e0f' }, hAsync("digi-layout-container", { key: 'c2d0853971479bed66da16ec998026d3e4ac5563', class: {
34157
34029
  'digi-notification-error-page': true,
34158
34030
  'digi-notification-error-page--mobile': this.isMobile
34159
- }, id: this.afId }, hAsync("digi-typography", { key: '08c9ca2d9c060ec71393e2bd6244c03e7906ce21' }, hAsync("digi-util-breakpoint-observer", { key: '96cccda47a00edf5366528c1777f8811eb021afa', onAfOnChange: (e) => {
34031
+ }, id: this.afId }, hAsync("digi-typography", { key: 'd2e5b8f0fce07cd7cfa06644ca8f436195511450' }, hAsync("digi-util-breakpoint-observer", { key: 'aaa01436570a3e2daa311c8a10a54d4b70d0f0bb', onAfOnChange: (e) => {
34160
34032
  const val = e.detail.value;
34161
34033
  this.isMobile =
34162
34034
  val === UtilBreakpointObserverBreakpoints.SMALL ||
34163
34035
  val === UtilBreakpointObserverBreakpoints.MEDIUM;
34164
- } }), hAsync("div", { key: '415ad07b14a1891762301dec86e290387bb07046', class: "digi-notification-error-page__grid" }, hAsync("div", { key: '82a7fff99f37c566cb57a5c5119e2818b745d660', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (hAsync(this.currentIllustration, null)) : null), hAsync("div", { key: '61e19c546b45617ee929fe1b470e3e2363431cf5', class: "digi-notification-error-page__content" }, hAsync("h1", { key: '4b64250d032be57a1a645a0e4f376b9eb8fb222a', class: "digi-notification-error-page__content__heading", tabIndex: -1 }, this.getText().heading), this.hasBodyText ? (hAsync("div", { class: "digi-notification-error-page__content__bodytext" }, hAsync("slot", { name: "bodytext" }))) : (hAsync("div", { class: "digi-notification-error-page__content__bodytext" }, hAsync("div", { innerHTML: this.getText().body }))), this.hasSearch && (hAsync("div", { key: 'ca7778acd50ade49aa5799853ddcbb7990982406', class: "digi-notification-error-page__content__search" }, hAsync("slot", { key: '5adce9ae4d208bf86936cfb19b95d477db25fcbb', name: "search" }))), this.hasLinks && (hAsync("div", { key: '1c4aa7b215fd6cdde4b5b384eac7f0f5217caf0b', class: "digi-notification-error-page__content__links" }, hAsync("slot", { key: '4b94715c2f78e6169967c085becd7c0d7b582ad3', name: "links" })))))))));
34036
+ } }), hAsync("div", { key: '8de7e47b2bb931e958b8b102f4a6494e9ec585a9', class: "digi-notification-error-page__grid" }, hAsync("div", { key: '9c569fb53b9f2ccb151e610e337833548367da54', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (hAsync(this.currentIllustration, null)) : null), hAsync("div", { key: 'd378738a817d498298bd56110480bff977de340e', class: "digi-notification-error-page__content" }, hAsync("h1", { key: 'b6d765c168c40d0ab4cdac4459d6ddd2bf16dce9', class: "digi-notification-error-page__content__heading", tabIndex: -1 }, this.getText().heading), this.hasBodyText ? (hAsync("div", { class: "digi-notification-error-page__content__bodytext" }, hAsync("slot", { name: "bodytext" }))) : (hAsync("div", { class: "digi-notification-error-page__content__bodytext" }, hAsync("div", { innerHTML: this.getText().body }))), this.hasSearch && (hAsync("div", { key: '402a4ea8c2783706b25f0d1053c34c7faef353b9', class: "digi-notification-error-page__content__search" }, hAsync("slot", { key: '270dfcc9e84cac8da44f186010295e4da827e8e6', name: "search" }))), this.hasLinks && (hAsync("div", { key: '9a4154b3ab9775ad0690af8bcb32389dd896ace6', class: "digi-notification-error-page__content__links" }, hAsync("slot", { key: 'd2d0ea4f25126989b86181ac61651a9d0de0431e', name: "links" })))))))));
34165
34037
  }
34166
34038
  get hostElement() { return getElement(this); }
34167
34039
  static get watchers() { return {
@@ -34272,6 +34144,10 @@ class ProgressCircle {
34272
34144
  changeCompletedStepsHandler(value) {
34273
34145
  this.completedSteps = value;
34274
34146
  }
34147
+ /**
34148
+ * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
34149
+ * @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
34150
+ */
34275
34151
  focusOnHeading() {
34276
34152
  this.headingElement.focus();
34277
34153
  }
@@ -34288,20 +34164,20 @@ class ProgressCircle {
34288
34164
  return;
34289
34165
  }
34290
34166
  render() {
34291
- return (hAsync("div", { key: '99b44a85b82e6a8ad45a8361a2942df70f85b2d4', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
34167
+ return (hAsync("div", { key: '313f925e9c663a767f0c187f2e0c28419f05b717', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
34292
34168
  ? ProgressCircleRole.STATUS
34293
- : null }, hAsync("div", { key: 'b8a56de16fd355d1a6124e90e1fb50925798af1a', class: "digi-progress-circle__circle-wrapper" }, hAsync("div", { key: '42aff20821e2a39e036ae6e0152e8364197cf80a', class: "digi-progress-circle__circle" }, hAsync("p", { key: 'ca57e6b02ce3f4de6b18a45c2ff40ff92318e4e0', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), hAsync("svg", { key: '00c80edf811f66e09f98244fd98bf36136eec3e7', width: this.radius * 2, height: this.radius * 2 }, hAsync("defs", { key: 'e1af198e062d149f44aad1a48b123a2e2b462115' }, hAsync("mask", { key: 'aac270d76145897b853a19033e49075355dbd842', id: this.afId }, hAsync("circle", { key: 'bcd3c9035c26ab875e743fe7ff2a849015bbffed', cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", stroke: "white", "stroke-width": this.stroke, "stroke-dasharray": (1000 - this.afTotalSteps * 15) / this.afTotalSteps +
34294
- ' 15', pathLength: "1000" }))), hAsync("g", { key: '34d76882ac77db38897cc87c113fd15e66270c31' }, hAsync("circle", { key: '3faa9e6b428a47c944ab7c5a62837395fa834f53', class: "digi-progress-circle__circle-step-unfinished", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke }), hAsync("circle", { key: '27c3d8bd99cc46f421d1fcd0f96f4f0c60f79561', class: "digi-progress-circle__circle-step-completed", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * this.afCompletedSteps +
34295
- ' 1000', pathLength: "1000" }), this.afWarningStep && (hAsync("circle", { key: 'a378becb2da253e4699d7e232ba3064c1819dc3a', class: "digi-progress-circle__circle-step-warning", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
34296
- (this.afCompletedSteps - 1), pathLength: "1000" })), this.afErrorStep && (hAsync("circle", { key: '63606706bd225d6cdfa79aef416cb4a8786be52b', class: "digi-progress-circle__circle-step-error", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
34297
- (this.afCompletedSteps - 1), pathLength: "1000" }))))), hAsync("div", { key: '658eb6718710b4d4a0542df6dfa0cb548cea6f49', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (hAsync("p", { key: '088e9ae3b8870aa33c820474c11a359a9b689332', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
34169
+ : null }, hAsync("div", { key: 'efa8f433e6d8c0191167788b5b37e6468bd4488e', class: "digi-progress-circle__circle-wrapper" }, hAsync("div", { key: '67b7980b3747f2b5f714e6f186e22e65985cdcfd', class: "digi-progress-circle__circle" }, hAsync("p", { key: '6beab3bd347292e640450750265f8f392b968017', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), hAsync("svg", { key: '475b126c34edf9e3da66a23108f177291c941918', width: this.radius * 2, height: this.radius * 2 }, hAsync("defs", { key: '26cce0f47c702093546592ee194a05624475b7a9' }, hAsync("mask", { key: '485c7ca4564d1c16a4b2f6a749cfc4f372dfc7b8', id: this.afId }, hAsync("circle", { key: '0594753f47a8fb563b52992eeb204c4c5373962e', cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", stroke: "white", "stroke-width": this.stroke, "stroke-dasharray": (1000 - this.afTotalSteps * 15) / this.afTotalSteps +
34170
+ ' 15', pathLength: "1000" }))), hAsync("g", { key: '019dff70966a9bcf92920a3a6d41a8a856a97aa0' }, hAsync("circle", { key: '7e581598ae735eb3c9a165f12fa1736421afb3bd', class: "digi-progress-circle__circle-step-unfinished", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke }), hAsync("circle", { key: '8ea320289a4d28e43577e2b752540458ddd17278', class: "digi-progress-circle__circle-step-completed", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * this.afCompletedSteps +
34171
+ ' 1000', pathLength: "1000" }), this.afWarningStep && (hAsync("circle", { key: '981935dcfe69e5fce609e78b10c6dde2979ddc72', class: "digi-progress-circle__circle-step-warning", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
34172
+ (this.afCompletedSteps - 1), pathLength: "1000" })), this.afErrorStep && (hAsync("circle", { key: '430052951101efa1f38b2464ea55c8fd5d1a381a', class: "digi-progress-circle__circle-step-error", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
34173
+ (this.afCompletedSteps - 1), pathLength: "1000" }))))), hAsync("div", { key: '1d416f43064725e8028be4ec3535abcfe2fee45d', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (hAsync("p", { key: 'cdfed2655943bd9db4a5700d5026e48e7045009f', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
34298
34174
  visibility: 'hidden'
34299
- } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (hAsync("p", { key: '22f2530e1f8a3aa8efdb4f06f86589c5791cbcf4', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
34175
+ } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (hAsync("p", { key: 'f917fb0a169becaf6291c4681c228b0d2d53965b', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
34300
34176
  visibility: this.afStepNextLabel !== null &&
34301
34177
  this.afStepNextLabel !== undefined
34302
34178
  ? 'visible'
34303
34179
  : 'hidden'
34304
- } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (hAsync("p", { key: '4ac2a6e3f8f07746190a8c3ea0c3d63e180ab78b', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, hAsync("digi-icon-validation-warning", { key: '450134e22a151a88bee999afa5e90039cd006d3d', class: "digi-progress-circle__icon--warning" }), hAsync("span", { key: 'c073d0d4f646ded69c6bbe0fc5c5b1be98e8d894' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (hAsync("p", { key: '17639d528fb0259ea1cfc64a27f8d89a71142b61', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, hAsync("digi-icon-validation-error", { key: '20a37e36adfeb6e6f8e4a2feee7cd5b8dbed47ed', class: "digi-progress-circle__icon--error" }), hAsync("span", { key: 'b3df2d98a5719f1a1181582d63c931e7e4888819' }, this.afValidationLabel)))));
34180
+ } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (hAsync("p", { key: 'a80cdd18ffa18536b68926c3b59de5c2b2da5db4', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, hAsync("digi-icon-validation-warning", { key: '372bf47ba739af7528da52e053a187371e82d6e0', class: "digi-progress-circle__icon--warning" }), hAsync("span", { key: 'a3dd19434e4ca601cc88aa3944a3707a81a3438f' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (hAsync("p", { key: '5179e5145a9bf1d0cffca68b3bca92d429e2caa9', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, hAsync("digi-icon-validation-error", { key: '59123cb52600064e9c53dcf754c597094de92d24', class: "digi-progress-circle__icon--error" }), hAsync("span", { key: 'ca983c8a656a8e415d740142493bac7afbcef246' }, this.afValidationLabel)))));
34305
34181
  }
34306
34182
  get hostElement() { return getElement(this); }
34307
34183
  static get watchers() { return {
@@ -34407,6 +34283,10 @@ class ProgressIndicator {
34407
34283
  });
34408
34284
  }
34409
34285
  }
34286
+ /**
34287
+ * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
34288
+ * @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
34289
+ */
34410
34290
  focusOnHeading() {
34411
34291
  this.headingElement.focus();
34412
34292
  }
@@ -34425,9 +34305,9 @@ class ProgressIndicator {
34425
34305
  return;
34426
34306
  }
34427
34307
  render() {
34428
- return (hAsync("div", { key: '287cbf18a16c942fac231faf112bd6f566223415', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
34308
+ return (hAsync("div", { key: '129050ed3f0aecee43976870d8c3fe834ab498fa', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
34429
34309
  ? ProgressIndicatorRole.STATUS
34430
- : null }, hAsync("div", { key: '4aeadba98f01be82e5f710f5c3cf4d14941ef4d5' }, this.afStepNextLabel !== undefined ? (hAsync("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (hAsync("p", { class: "digi-progress-indicator__next", style: {
34310
+ : null }, hAsync("div", { key: 'ec760ad17be307e7078188b5f355f14008bd939d' }, this.afStepNextLabel !== undefined ? (hAsync("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (hAsync("p", { class: "digi-progress-indicator__next", style: {
34431
34311
  visibility: this.afStepNextLabel !== null &&
34432
34312
  this.afStepNextLabel !== undefined
34433
34313
  ? 'visible'
@@ -34453,7 +34333,7 @@ class ProgressIndicator {
34453
34333
  ProgressIndicatorVariation.SECONDARY &&
34454
34334
  item.checked &&
34455
34335
  this.afCompletedSteps !== index + 1 && (hAsync("digi-icon-check", { class: "digi-progress-indicator__icon" })), hAsync("span", { class: "digi-progress-indicator__step-number" }, index + 1))));
34456
- }))), this.afStepNextLabel !== undefined && (hAsync("p", { key: 'b0b3f8b2c66c4162a14c0d006c66b8c3223bf89f', class: "digi-progress-indicator__label" }, hAsync("span", { key: 'ddbe99366fd65c649a0a8776c30e0d524b3675e5' }, `${this.afStepText}`, " "), hAsync("span", { key: '8e07174a7de9d049e284b0b54131615f1213af2c', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (hAsync("p", { key: 'e5dff1e3a81d6ba1f0da9257d6c78aff4c5c6e07', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, hAsync("digi-icon-validation-warning", { key: '0d42e557e15b1e6ba23082f0168aefb7380ea58d', class: "digi-progress-indicator__icon--warning" }), hAsync("span", { key: '3471990a83522db0e24e9b08c8feef405a00b75e' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (hAsync("p", { key: 'c49a7ec3a760589080cbcf8bc1161b01be939aec', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, hAsync("digi-icon-validation-error", { key: '5e03f34f8721a6e51ae801cab17f8fd2cb561746', class: "digi-progress-indicator__icon--error" }), hAsync("span", { key: 'ab44ebbace52a015f1c59cfe2c33f1650a78ab4a' }, this.afValidationLabel))), hAsync("div", { key: '5eee0a90be57aa07e883146da14b4abbfc5617f7', hidden: true, class: "digi-progress-indicator__slot" }, hAsync("digi-util-mutation-observer", { key: 'f41e38917edf5f706890c2592feff4f11344d8ea', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, hAsync("slot", { key: '3a46d6cc6a7b03fcf8449e2e8d147545e0ffbc84' })))));
34336
+ }))), this.afStepNextLabel !== undefined && (hAsync("p", { key: 'd22d8344fdec62143e0147e701c011ce7e189eac', class: "digi-progress-indicator__label" }, hAsync("span", { key: '9a66cc1d054ce853a014acf2a5cbad43a1ac3e19' }, `${this.afStepText}`, " "), hAsync("span", { key: '68bfada37c4de1fee2ec4e53ceb467831832f947', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (hAsync("p", { key: 'd0b2f915f238245bd993401c9e16f17190258508', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, hAsync("digi-icon-validation-warning", { key: '29ce0863e62eae150df7d327d79eb516bb2d6d20', class: "digi-progress-indicator__icon--warning" }), hAsync("span", { key: 'c360860b68c279fdb61441cb2d2d21e9b0b18101' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (hAsync("p", { key: '40839ee9f09d34803a7cf4e3800be15bfb5d8532', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, hAsync("digi-icon-validation-error", { key: '81cde2de59b5d0b8965a96e2c23fdb1a586be862', class: "digi-progress-indicator__icon--error" }), hAsync("span", { key: 'b9a33dcce30760da08233f6333acd425392d11e3' }, this.afValidationLabel))), hAsync("div", { key: '1dcd28b87affe8aea016a0a47bacee08b2eac637', hidden: true, class: "digi-progress-indicator__slot" }, hAsync("digi-util-mutation-observer", { key: '1d2f85e12f722cf8e322f89efcb109a377d2c09a', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, hAsync("slot", { key: 'f12c39b8602f924929873b075acb04a57bac3f12' })))));
34457
34337
  }
34458
34338
  get hostElement() { return getElement(this); }
34459
34339
  static get watchers() { return {
@@ -34598,7 +34478,7 @@ class ProgressList {
34598
34478
  return null;
34599
34479
  }
34600
34480
  render() {
34601
- return (hAsync("div", { key: '930b93adf674ebd315c626662d371bfb6e04fc28', class: "digi-progress-list" }, hAsync("digi-typography", { key: '035695b2efcdc1073e40d1730d8461564003b417' }, this.renderHeading(), hAsync("ol", { key: '12ada641bfb1f19771fcc81c7d7275d9af5d21c1', class: "digi-progress-list__content" }, hAsync("slot", { key: 'ba58257657394088cf2e8daee1c2cbffda7fca0c' })))));
34481
+ return (hAsync("div", { key: 'f00cf7b4acc30e32aa2f5b0032d999733bf3d3f5', class: "digi-progress-list" }, hAsync("digi-typography", { key: '870b83fe756b5594e4a3cbd80d2875d45ff7dc95' }, this.renderHeading(), hAsync("ol", { key: 'fe6c80534fb9c387e339a1c888270f469077790d', class: "digi-progress-list__content" }, hAsync("slot", { key: '6b357caf4c3368131f26a66d7bf3bcf14e362bd6' })))));
34602
34482
  }
34603
34483
  get hostElement() { return getElement(this); }
34604
34484
  static get style() { return DigiProgressListStyle0; }
@@ -34703,7 +34583,7 @@ class ProgressListItem {
34703
34583
  }
34704
34584
  render() {
34705
34585
  const ariaCurrent = this.afStepStatus == ProgressListItemStatus.CURRENT ? 'step' : 'false';
34706
- return (hAsync(Host, { key: '2004d3f2ca692a20f609f444f35fe94d24cfb673', role: "listitem", "aria-current": ariaCurrent }, hAsync("div", { key: '37bc4e2b86897d3f025a18ac09698b256d370f57', class: {
34586
+ return (hAsync(Host, { key: 'c527e33ef4dfe0504c747f8643c45b2c21344533', role: "listitem", "aria-current": ariaCurrent }, hAsync("div", { key: 'c91f73ec86c55b767523160771fb70bfcc71bf4c', class: {
34707
34587
  'digi-progress-list-item': true,
34708
34588
  'digi-progress-list-item--expanded': this.afExpandable && this.afExpanded,
34709
34589
  [`digi-progress-list-item--${this.afStepStatus}`]: true,
@@ -34711,18 +34591,18 @@ class ProgressListItem {
34711
34591
  'digi-progress-list-item--primary': this.afVariation == ProgressListItemVariation.PRIMARY,
34712
34592
  'digi-progress-list-item--secondary': this.afVariation == ProgressListItemVariation.SECONDARY,
34713
34593
  'digi-progress-list-item--tertiary': this.afVariation == ProgressListItemVariation.TERTIARY
34714
- } }, hAsync("span", { key: 'a37143979bac86ee2ffd8add5bcdbec44227be63', class: "digi-progress-list-item__indicator" }, hAsync("span", { key: '1647889e6b5593d994cbef9d3cd0d035ec5940a9', class: {
34594
+ } }, hAsync("span", { key: '380e428b67ed7c033b6add22ea7f8d3734cf7a38', class: "digi-progress-list-item__indicator" }, hAsync("span", { key: '4e440c6b736d91bda35c6bc7ce6c1c9c783be777', class: {
34715
34595
  'digi-progress-list-item__indicator--circle': this.afType == ProgressListItemType.CIRCLE,
34716
34596
  'digi-progress-list-item__indicator--icon': this.afType == ProgressListItemType.ICON
34717
- } }, this.renderStatusIcon()), hAsync("span", { key: 'ce090c4488ede784a8c47ff36e467b5c277e5115', class: "digi-progress-list-item__indicator--line" })), hAsync("div", { key: 'dadce4e437a8bf6d7860580f26f730e91590b15f', class: {
34597
+ } }, this.renderStatusIcon()), hAsync("span", { key: '2d8f62b655a505350f68dbcbe2ae409458f2b02e', class: "digi-progress-list-item__indicator--line" })), hAsync("div", { key: 'db7136beb9e99297a139b30adfad5d8d72a00a94', class: {
34718
34598
  'digi-progress-list-item__wrapper': true,
34719
34599
  'digi-progress-list-item__wrapper--last': this.afIsLast
34720
- } }, hAsync("div", { key: '1c86722346374122a84354a964bb007ee63bb112', class: "digi-progress-list-item__header" }, hAsync(this.afHeadingLevel, { key: 'a974a68dfb81376d4bc5e70c69b325e1e6604283', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), hAsync("div", { key: '790ae06d68cd4613dda360d6a341124318874184', class: {
34600
+ } }, hAsync("div", { key: 'e38ba65ea5235c4567beb15cf82f344eb5204597', class: "digi-progress-list-item__header" }, hAsync(this.afHeadingLevel, { key: '77b6a655561af992fdbd9a61b446c5adf041d375', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), hAsync("div", { key: '92dbfab6b9cee06e5893c1f068fe4ef659efb161', class: {
34721
34601
  'digi-progress-list-item__content': true,
34722
34602
  'digi-progress-list-item__content--expandable': this.afExpandable,
34723
34603
  'digi-progress-list-item__content--hidden': this.afExpandable && !this.afExpanded,
34724
34604
  'digi-progress-list-item__content--visible': !this.afExpandable || (this.afExpandable && this.afExpanded)
34725
- }, id: `${this.afId}-content` }, hAsync("div", { key: '8dc7078884f9ab1ee0dbbfcbfecf1bff27956a0d' }, hAsync("slot", { key: '22ff5218a472f49d186c2c11446b105f0350dc10' })))))));
34605
+ }, id: `${this.afId}-content` }, hAsync("div", { key: 'c01a10d5f6210befae10f96c874ce9ed93f18176' }, hAsync("slot", { key: '6cfc2f43a2edf8ab7e73f2ac4837b340083ab489' })))))));
34726
34606
  }
34727
34607
  get hostElement() { return getElement(this); }
34728
34608
  static get style() { return DigiProgressListItemStyle0; }
@@ -34828,7 +34708,7 @@ class Progressbar {
34828
34708
  return;
34829
34709
  }
34830
34710
  render() {
34831
- return (hAsync("div", { key: '737754cdfc0ab7b1522a3404a8cd421a7314c85e', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, hAsync("p", { key: 'a037db0f689e985ef825dcdb59f34c87e97ed323', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (hAsync("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
34711
+ return (hAsync("div", { key: '19aa7eb7cc780b10e7d24221fadcabf50a39aff8', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, hAsync("p", { key: '9548f8e9c5189cb20a184e249a5c24997a0cc5a4', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (hAsync("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
34832
34712
  return (hAsync("li", { class: {
34833
34713
  'digi-progressbar__step': true,
34834
34714
  'digi-progressbar__step--active': this.afCompletedSteps > i,
@@ -34839,7 +34719,7 @@ class Progressbar {
34839
34719
  'digi-progressbar__step': true,
34840
34720
  'digi-progressbar__step--active': item.checked
34841
34721
  } }, hAsync("span", { class: "digi-progressbar__step-indicator" }, hAsync("span", { class: "digi-progressbar__step-number" }, index + 1))));
34842
- }))), hAsync("div", { key: '0796f41a58bc14e1a8fb4252b397c7f9a7d01c8d', hidden: true, class: "digi-progressbar__slot" }, hAsync("digi-util-mutation-observer", { key: 'abb21fe822e71adb7a1953b643def1cd052711fa', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, hAsync("slot", { key: '86216adf2fe5918967d24e15f436f83ee5179415' })))));
34722
+ }))), hAsync("div", { key: '14e4da3e6aaa62fcff644e5d51f4fd73fd14c911', hidden: true, class: "digi-progressbar__slot" }, hAsync("digi-util-mutation-observer", { key: '7a9c3ab5f6d95848a6266c98203da43a0517a96e', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, hAsync("slot", { key: '5b2bc7d3445a7149d013ef33d3b8532a71e22a63' })))));
34843
34723
  }
34844
34724
  get hostElement() { return getElement(this); }
34845
34725
  static get watchers() { return {
@@ -34869,8 +34749,8 @@ class Progressbar {
34869
34749
  }; }
34870
34750
  }
34871
34751
 
34872
- const quoteCss$1 = ".digi--util--fs--xs.sc-digi-quote{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-quote{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-quote{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-quote{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-quote{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-quote{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-quote{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-quote{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-quote{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-quote{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-quote{padding-top:5rem !important}.digi--util--pb--1.sc-digi-quote{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-quote{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-quote{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-quote{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-quote{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-quote{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-quote{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-quote{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-quote{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-quote{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-quote{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-quote{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-quote{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-quote{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-quote{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-quote{padding:2.5rem !important}.digi--util--p--60.sc-digi-quote{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-quote{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-quote{padding:4.5rem !important}.digi--util--p--90.sc-digi-quote{padding:5rem !important}.digi--util--ptb--1.sc-digi-quote{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-quote{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-quote{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-quote{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-quote{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-quote{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-quote{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-quote{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-quote{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-quote{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-quote{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-quote{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-quote{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-quote{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-quote{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-quote{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-quote{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}.digi--util--hidden.sc-digi-quote{display:none}.sc-digi-quote-h{--digi--quote--background--primary:var(--digi--color--background--primary);--digi--quote--background--secondary:var(--digi--color--background--neutral-5);--digi--quote--background--tertiary:var(--digi--color--background--secondary);--BACKGROUND:transparent}.sc-digi-quote-h .digi-quote.sc-digi-quote{display:block;position:relative}.sc-digi-quote-h .digi-quote--variation-primary.sc-digi-quote{--BACKGROUND:var(--digi--quote--background--primary)}.sc-digi-quote-h .digi-quote--variation-secondary.sc-digi-quote{--BACKGROUND:var(--digi--quote--background--secondary)}.sc-digi-quote-h .digi-quote--variation-tertiary.sc-digi-quote{--BACKGROUND:var(--digi--quote--background--tertiary)}.sc-digi-quote-h .digi-quote__variation-wrapper.sc-digi-quote{background:var(--BACKGROUND);border-radius:var(--digi--border-radius--complementary-3);max-width:43rem}.sc-digi-quote-h .digi-quote__variation-wrapper-no-image.sc-digi-quote{background:var(--BACKGROUND);border-radius:var(--digi--border-radius--complementary-3);max-width:fit-content}.sc-digi-quote-h .digi-quote__variation-wrapper-vertical-image.sc-digi-quote{background:var(--BACKGROUND);border-radius:var(--digi--border-radius--complementary-3);max-width:30rem}.sc-digi-quote-h .digi-quote__image-position.sc-digi-quote{display:flex;flex-direction:row;gap:0.5rem;align-items:flex-start}.sc-digi-quote-h .digi-quote__image-position--left.sc-digi-quote{display:flex}.sc-digi-quote-h .digi-quote__image-position--left.sc-digi-quote .digi-quote__image.sc-digi-quote{margin-top:1.5rem;margin-left:1.5rem;margin-bottom:1.5rem}.sc-digi-quote-h .digi-quote__image-position--right.sc-digi-quote{display:flex;flex-direction:row-reverse}.sc-digi-quote-h .digi-quote__image-position--right.sc-digi-quote .digi-quote__image.sc-digi-quote{display:flex;align-self:flex-start;margin-top:1.5rem;margin-right:1.5rem;margin-bottom:1.5rem}.sc-digi-quote-h .digi-quote__image-position--top.sc-digi-quote{display:flex;flex-direction:column;justify-content:center}.sc-digi-quote-h .digi-quote__image-position--top.sc-digi-quote .digi-quote__image.sc-digi-quote{margin-top:1.5rem;margin-left:1.5rem}.sc-digi-quote-h .digi-quote__image.sc-digi-quote{flex-shrink:0;width:10.625rem;border-radius:50%;overflow:hidden;aspect-ratio:1/1;position:relative;align-self:flex-start}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote__img.sc-digi-quote{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote-default__icon.sc-digi-quote{float:left;margin-left:-0.125rem;margin-top:-0.1875rem;margin-right:0.625rem}.sc-digi-quote-h .digi-quote__text.sc-digi-quote{display:inline-block;padding:var(--digi--padding--large) var(--digi--padding--large) var(--digi--padding--large) var(--digi--padding--large);border-radius:var(--digi--border-radius--secondary);border-width:var(--digi--border-width--secondary)}@media (min-width: 48rem){.sc-digi-quote-h .digi-quote__text.sc-digi-quote{border-radius:var(--digi--border-radius--complementary-3)}}.sc-digi-quote-h .digi-quote__author.sc-digi-quote{padding-top:var(--digi--padding--small);margin-bottom:0;font-size:0.875rem;font-weight:var(--digi--global--typography--font-weight--semibold)}.sc-digi-quote-h .digi-quote__author-title.sc-digi-quote{max-width:var(--digi--paragraph-width--medium);margin:0;font-size:0.875rem}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__image.sc-digi-quote{margin:0}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__text.sc-digi-quote{padding:0}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__image-wrapper.sc-digi-quote{gap:1.5rem}@media (max-width: 36rem){.sc-digi-quote-h .digi-quote__image-position--left.sc-digi-quote,.sc-digi-quote-h .digi-quote__image-position--right.sc-digi-quote{display:flex;flex-direction:column;align-items:center;justify-content:center}.sc-digi-quote-h .digi-quote__image-position--left.sc-digi-quote .digi-quote__image.sc-digi-quote,.sc-digi-quote-h .digi-quote__image-position--right.sc-digi-quote .digi-quote__image.sc-digi-quote{display:flex;align-self:center;margin-top:1.5rem;margin-left:0;margin-right:0;margin-bottom:0;width:8.75rem;height:8.75rem}.sc-digi-quote-h .digi-quote__image-position--top.sc-digi-quote{display:flex;flex-direction:column;align-items:center;justify-content:center}.sc-digi-quote-h .digi-quote__image-position--top.sc-digi-quote .digi-quote__image.sc-digi-quote{width:8.75rem;margin-left:0;align-self:center}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__image-wrapper.sc-digi-quote{gap:0.75rem}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__image.sc-digi-quote{margin-left:0}}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .quote-icon.sc-digi-quote .digi-quote-default__icon.sc-digi-quote{width:2.875rem;height:2.5rem;margin-right:0.625rem;margin-bottom:0.25rem}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .digi-quote-icon-flex.sc-digi-quote{display:flex}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .digi-quote__variation--highlight-wrapper.sc-digi-quote{display:flex;justify-content:flex-start;flex-direction:row;gap:0.5rem}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .digi-quote__variation--highlight-wrapper.sc-digi-quote .hide.sc-digi-quote{display:none}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .digi-quote__variation--highlight-wrapper.is-mobile.sc-digi-quote{flex-direction:column}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .quote-content.sc-digi-quote{display:flex;flex-direction:column;gap:0.25rem}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote blockquote.sc-digi-quote{font-size:1.5rem;line-height:2rem}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .quote-image.sc-digi-quote{width:fit-content;align-self:center}@media (max-width: 36rem){.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote__variation--highlight-wrapper.sc-digi-quote{flex-direction:column;gap:0}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote-icon-flex.sc-digi-quote{flex-direction:column}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote__image.sc-digi-quote{width:8.75rem}}@media (max-width: 48rem){.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote__variation--highlight-wrapper.sc-digi-quote{flex-direction:column;gap:0}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote-icon-flex.sc-digi-quote{flex-direction:column}}";
34873
- var DigiQuoteStyle0 = quoteCss$1;
34752
+ const quoteCss = ".digi--util--fs--xs.sc-digi-quote{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-quote{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-quote{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-quote{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-quote{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-quote{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-quote{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-quote{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-quote{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-quote{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-quote{padding-top:5rem !important}.digi--util--pb--1.sc-digi-quote{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-quote{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-quote{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-quote{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-quote{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-quote{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-quote{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-quote{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-quote{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-quote{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-quote{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-quote{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-quote{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-quote{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-quote{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-quote{padding:2.5rem !important}.digi--util--p--60.sc-digi-quote{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-quote{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-quote{padding:4.5rem !important}.digi--util--p--90.sc-digi-quote{padding:5rem !important}.digi--util--ptb--1.sc-digi-quote{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-quote{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-quote{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-quote{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-quote{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-quote{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-quote{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-quote{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-quote{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-quote{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-quote{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-quote{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-quote{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-quote{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-quote{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-quote{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-quote{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-quote{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}.digi--util--hidden.sc-digi-quote{display:none}.sc-digi-quote-h{--digi--quote--background--primary:var(--digi--color--background--primary);--digi--quote--background--secondary:var(--digi--color--background--neutral-5);--digi--quote--background--tertiary:var(--digi--color--background--secondary);--BACKGROUND:transparent}.sc-digi-quote-h .digi-quote.sc-digi-quote{display:block;position:relative}.sc-digi-quote-h .digi-quote--variation-primary.sc-digi-quote{--BACKGROUND:var(--digi--quote--background--primary)}.sc-digi-quote-h .digi-quote--variation-secondary.sc-digi-quote{--BACKGROUND:var(--digi--quote--background--secondary)}.sc-digi-quote-h .digi-quote--variation-tertiary.sc-digi-quote{--BACKGROUND:var(--digi--quote--background--tertiary)}.sc-digi-quote-h .digi-quote__variation-wrapper.sc-digi-quote{background:var(--BACKGROUND);border-radius:var(--digi--border-radius--complementary-3);max-width:43rem}.sc-digi-quote-h .digi-quote__variation-wrapper-no-image.sc-digi-quote{background:var(--BACKGROUND);border-radius:var(--digi--border-radius--complementary-3);max-width:fit-content}.sc-digi-quote-h .digi-quote__variation-wrapper-vertical-image.sc-digi-quote{background:var(--BACKGROUND);border-radius:var(--digi--border-radius--complementary-3);max-width:30rem}.sc-digi-quote-h .digi-quote__image-position.sc-digi-quote{display:flex;flex-direction:row;gap:0.5rem;align-items:flex-start}.sc-digi-quote-h .digi-quote__image-position--left.sc-digi-quote{display:flex}.sc-digi-quote-h .digi-quote__image-position--left.sc-digi-quote .digi-quote__image.sc-digi-quote{margin-top:1.5rem;margin-left:1.5rem;margin-bottom:1.5rem}.sc-digi-quote-h .digi-quote__image-position--right.sc-digi-quote{display:flex;flex-direction:row-reverse}.sc-digi-quote-h .digi-quote__image-position--right.sc-digi-quote .digi-quote__image.sc-digi-quote{display:flex;align-self:flex-start;margin-top:1.5rem;margin-right:1.5rem;margin-bottom:1.5rem}.sc-digi-quote-h .digi-quote__image-position--top.sc-digi-quote{display:flex;flex-direction:column;justify-content:center}.sc-digi-quote-h .digi-quote__image-position--top.sc-digi-quote .digi-quote__image.sc-digi-quote{margin-top:1.5rem;margin-left:1.5rem}.sc-digi-quote-h .digi-quote__image.sc-digi-quote{flex-shrink:0;width:10.625rem;border-radius:50%;overflow:hidden;aspect-ratio:1/1;position:relative;align-self:flex-start}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote__img.sc-digi-quote{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote-default__icon.sc-digi-quote{float:left;margin-left:-0.125rem;margin-top:-0.1875rem;margin-right:0.625rem}.sc-digi-quote-h .digi-quote__text.sc-digi-quote{display:inline-block;padding:var(--digi--padding--large) var(--digi--padding--large) var(--digi--padding--large) var(--digi--padding--large);border-radius:var(--digi--border-radius--secondary);border-width:var(--digi--border-width--secondary)}@media (min-width: 48rem){.sc-digi-quote-h .digi-quote__text.sc-digi-quote{border-radius:var(--digi--border-radius--complementary-3)}}.sc-digi-quote-h .digi-quote__author.sc-digi-quote{padding-top:var(--digi--padding--small);margin-bottom:0;font-size:0.875rem;font-weight:var(--digi--global--typography--font-weight--semibold)}.sc-digi-quote-h .digi-quote__author-title.sc-digi-quote{max-width:var(--digi--paragraph-width--medium);margin:0;font-size:0.875rem}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__image.sc-digi-quote{margin:0}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__text.sc-digi-quote{padding:0}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__image-wrapper.sc-digi-quote{gap:1.5rem}@media (max-width: 36rem){.sc-digi-quote-h .digi-quote__image-position--left.sc-digi-quote,.sc-digi-quote-h .digi-quote__image-position--right.sc-digi-quote{display:flex;flex-direction:column;align-items:center;justify-content:center}.sc-digi-quote-h .digi-quote__image-position--left.sc-digi-quote .digi-quote__image.sc-digi-quote,.sc-digi-quote-h .digi-quote__image-position--right.sc-digi-quote .digi-quote__image.sc-digi-quote{display:flex;align-self:center;margin-top:1.5rem;margin-left:0;margin-right:0;margin-bottom:0;width:8.75rem;height:8.75rem}.sc-digi-quote-h .digi-quote__image-position--top.sc-digi-quote{display:flex;flex-direction:column;align-items:center;justify-content:center}.sc-digi-quote-h .digi-quote__image-position--top.sc-digi-quote .digi-quote__image.sc-digi-quote{width:8.75rem;margin-left:0;align-self:center}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__image-wrapper.sc-digi-quote{gap:0.75rem}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__image.sc-digi-quote{margin-left:0}}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .quote-icon.sc-digi-quote .digi-quote-default__icon.sc-digi-quote{width:2.875rem;height:2.5rem;margin-right:0.625rem;margin-bottom:0.25rem}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .digi-quote-icon-flex.sc-digi-quote{display:flex}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .digi-quote__variation--highlight-wrapper.sc-digi-quote{display:flex;justify-content:flex-start;flex-direction:row;gap:0.5rem}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .digi-quote__variation--highlight-wrapper.sc-digi-quote .hide.sc-digi-quote{display:none}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .digi-quote__variation--highlight-wrapper.is-mobile.sc-digi-quote{flex-direction:column}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .quote-content.sc-digi-quote{display:flex;flex-direction:column;gap:0.25rem}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote blockquote.sc-digi-quote{font-size:1.5rem;line-height:2rem}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .quote-image.sc-digi-quote{width:fit-content;align-self:center}@media (max-width: 36rem){.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote__variation--highlight-wrapper.sc-digi-quote{flex-direction:column;gap:0}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote-icon-flex.sc-digi-quote{flex-direction:column}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote__image.sc-digi-quote{width:8.75rem}}@media (max-width: 48rem){.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote__variation--highlight-wrapper.sc-digi-quote{flex-direction:column;gap:0}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote-icon-flex.sc-digi-quote{flex-direction:column}}";
34753
+ var DigiQuoteStyle0 = quoteCss;
34874
34754
 
34875
34755
  /**
34876
34756
  *
@@ -34878,7 +34758,6 @@ var DigiQuoteStyle0 = quoteCss$1;
34878
34758
  * @enums QuoteType - quote-type.enum
34879
34759
  * @enums QuoteImagePosition - quote-image-position.enum
34880
34760
  * @enums QuoteImageInnerPosition - quote-image-inner-position.enum
34881
- * @new
34882
34761
  * @swedishName Citat
34883
34762
  */
34884
34763
  class Quote {
@@ -34968,7 +34847,7 @@ class Quote {
34968
34847
  return (hAsync("div", { class: "digi-quote__variation--highlight-wrapper" }, hAsync("div", { class: { 'quote-image': true, hide: !this.isMobile } }, this.renderImage()), hAsync("div", { class: "digi-quote-icon-flex" }, hAsync("span", { class: "quote-icon" }, this.renderQuotationMark()), hAsync("div", { class: "quote-content" }, hAsync("digi-typography", null, hAsync("blockquote", null, hAsync("slot", null))), hAsync("digi-typography", null, this.afQuoteAuthorName && this.renderAuthorName(), this.afQuoteAuthorTitle && this.renderAuthorTitle()))), hAsync("div", { class: { 'quote-image': true, hide: this.isMobile } }, this.renderImage())));
34969
34848
  }
34970
34849
  render() {
34971
- return (hAsync(Host, { key: 'bdcd5e9b3978fece02663be25fc6dcc2c871de4a' }, hAsync("digi-util-breakpoint-observer", { key: 'a93a7be061ee2d4ec2c59fb5496d0fd7a231a358', onAfOnChange: (e) => this.breakpointHandler(e) }), hAsync("div", { key: '51ee0cec4b807761e61f3621867cb55c175a80e8', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
34850
+ return (hAsync(Host, { key: '9e8b787191871822c615e3dd6e5ba11afe2c9558' }, hAsync("digi-util-breakpoint-observer", { key: '1d4928219776edf8e04063a747df706b1fc72267', onAfOnChange: (e) => this.breakpointHandler(e) }), hAsync("div", { key: 'cc9d869d70e83686b7ce07e31cc9e3a757e30354', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
34972
34851
  }
34973
34852
  static get style() { return DigiQuoteStyle0; }
34974
34853
  static get cmpMeta() { return {
@@ -34991,89 +34870,6 @@ class Quote {
34991
34870
  }; }
34992
34871
  }
34993
34872
 
34994
- const quoteMultiContainerCss = ".sc-digi-quote-multi-container-h .digi-quote-multi-container__heading.sc-digi-quote-multi-container{font-size:var(--digi--typography--heading-2--font-size--desktop);font-weight:var(--digi--typography--heading-2--font-weight--desktop);font-family:var(--digi--global--typography--font-family--default);line-height:var(--digi--typography--heading-2--line-height--desktop)}@media (min-width: 62rem){.sc-digi-quote-multi-container-h .digi-quote-multi-container__heading.sc-digi-quote-multi-container{font-size:var(--digi--typography--heading-2--font-size--desktop-large);font-weight:var(--digi--typography--heading-2--font-weight--desktop-large);line-height:var(--digi--typography--heading-2--line-height--desktop-large)}}.sc-digi-quote-multi-container-h .digi-quote-multi-container__content.sc-digi-quote-multi-container{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--digi--padding--large);align-items:stretch;width:fit-content}@media screen and (max-width: 61.9375rem){.sc-digi-quote-multi-container-h .digi-quote-multi-container__content.sc-digi-quote-multi-container{grid-template-columns:1fr;gap:var(--digi--padding--small)}}";
34995
- var DigiQuoteMultiContainerStyle0 = quoteMultiContainerCss;
34996
-
34997
- /**
34998
- * @deprecated Denna komponent kommer tas bort från Designsystemet i slutet av oktober 2025. Använd <digi-quote/> istället.
34999
- *
35000
- * @slot mySlot - Slot description, if any
35001
- *
35002
- * @enums QuoteMultiContainerHeadingLevel - quote-multi-container-heading-level.enum.ts
35003
- *
35004
- * @swedishName Citatbehållare
35005
- */
35006
- class QuoteMultiContainer {
35007
- constructor(hostRef) {
35008
- registerInstance(this, hostRef);
35009
- this.afHeading = undefined;
35010
- this.afHeadingLevel = undefined;
35011
- }
35012
- render() {
35013
- return (hAsync("div", { key: '7600c1979b64619b0712ca8e0ea749f5fb3384b3', class: "digi-quote-multi-container" }, this.afHeading && this.afHeadingLevel && (hAsync(this.afHeadingLevel, { key: '440a74b2ba5895a400f74fe97ff78378d58ee6b4', class: "digi-quote-multi-container__heading" }, this.afHeading)), hAsync("div", { key: 'ee9dc88606016f4e9369439517461a393f72f045', class: "digi-quote-multi-container__content" }, hAsync("slot", { key: '854f29fe1e20751ae8d19020b91a814aa10c671d' }))));
35014
- }
35015
- get hostElement() { return getElement(this); }
35016
- static get style() { return DigiQuoteMultiContainerStyle0; }
35017
- static get cmpMeta() { return {
35018
- "$flags$": 6,
35019
- "$tagName$": "digi-quote-multi-container",
35020
- "$members$": {
35021
- "afHeading": [1, "af-heading"],
35022
- "afHeadingLevel": [1, "af-heading-level"]
35023
- },
35024
- "$listeners$": undefined,
35025
- "$lazyBundleId$": "-",
35026
- "$attrsToReflect$": []
35027
- }; }
35028
- }
35029
-
35030
- const quoteCss = ".digi--util--fs--xs.sc-digi-quote-single{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-quote-single{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-quote-single{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-quote-single{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-quote-single{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-quote-single{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-quote-single{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-quote-single{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-quote-single{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-quote-single{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-quote-single{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-quote-single{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-quote-single{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-quote-single{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-quote-single{padding-top:5rem !important}.digi--util--pb--1.sc-digi-quote-single{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-quote-single{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-quote-single{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-quote-single{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-quote-single{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-quote-single{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-quote-single{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-quote-single{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-quote-single{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-quote-single{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-quote-single{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-quote-single{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-quote-single{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-quote-single{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-quote-single{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-quote-single{padding:2.5rem !important}.digi--util--p--60.sc-digi-quote-single{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-quote-single{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-quote-single{padding:4.5rem !important}.digi--util--p--90.sc-digi-quote-single{padding:5rem !important}.digi--util--ptb--1.sc-digi-quote-single{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-quote-single{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-quote-single{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-quote-single{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-quote-single{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-quote-single{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-quote-single{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-quote-single{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-quote-single{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-quote-single{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-quote-single{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-quote-single{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-quote-single{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-quote-single{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-quote-single{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-quote-single{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-quote-single{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-quote-single{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-quote-single{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-quote-single{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-quote-single{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}.digi--util--hidden.sc-digi-quote-single{display:none}.sc-digi-quote-single-h{--digi--quote-single--background--primary:var(--digi--color--background--neutral-5);--digi--quote-single--background--secondary:var(--digi--color--background--secondary);--digi--quote-single--background--tertiary:var(--digi--color--background--primary);--BACKGROUND:transparent}.sc-digi-quote-single-h .digi-quote-single.sc-digi-quote-single{display:block;position:relative}.sc-digi-quote-single-h .digi-quote-single--primary.sc-digi-quote-single{--BACKGROUND:var(--digi--quote-single--background--primary)}.sc-digi-quote-single-h .digi-quote-single--secondary.sc-digi-quote-single{--BACKGROUND:var(--digi--quote-single--background--secondary)}.sc-digi-quote-single-h .digi-quote-single--tertiary.sc-digi-quote-single{--BACKGROUND:var(--digi--quote-single--background--tertiary)}.sc-digi-quote-single-h .digi-quote-single__content.sc-digi-quote-single{padding-top:var(--digi--padding--large);padding-bottom:var(--digi--padding--large);max-width:fit-content}.sc-digi-quote-single-h .digi-quote-single__icon.sc-digi-quote-single{float:left;width:2.5625rem;height:1.875rem;margin-left:-0.125rem;margin-top:-0.625rem;margin-right:0.625rem}.sc-digi-quote-single-h .digi-quote-single__text.sc-digi-quote-single{display:inline-block;background:var(--BACKGROUND);font-weight:var(--digi--typography--label--font-weight--desktop);padding:var(--digi--padding--largest-2) var(--digi--padding--large) var(--digi--padding--largest-2) var(--digi--padding--large);border-radius:var(--digi--border-radius--secondary);border-width:var(--digi--border-width--secondary)}@media (min-width: 48rem){.sc-digi-quote-single-h .digi-quote-single__text.sc-digi-quote-single{border-radius:var(--digi--border-radius--complementary-3)}}.sc-digi-quote-single-h .digi-quote-single__author.sc-digi-quote-single{padding-top:var(--digi--padding--small);line-height:var(--digi--typography--label--line-height--desktop);font-weight:var(--digi--typography--label--font-weight--desktop);margin-bottom:0}.sc-digi-quote-single-h .digi-quote-single__author-title.sc-digi-quote-single{max-width:var(--digi--paragraph-width--medium);line-height:var(--digi--typography--label-description--line-height--desktop);font-size:var(--digi--typography--label-description--font-size--desktop)}";
35031
- var DigiQuoteSingleStyle0 = quoteCss;
35032
-
35033
- /**
35034
- * @deprecated Denna komponent kommer tas bort från Designsystemet i slutet av oktober 2025. Använd <digi-quote/> istället.
35035
- *
35036
- * @slot default -
35037
- *
35038
- * @enums QuoteSingleVariation - quote-single-variation.enum.ts
35039
- *
35040
- * @swedishName Citat Enkel
35041
- */
35042
- class QuoteSingle {
35043
- constructor(hostRef) {
35044
- registerInstance(this, hostRef);
35045
- this.afVariation = QuoteSingleVariation.PRIMARY;
35046
- this.afQuoteText = undefined;
35047
- this.afQuoteAuthorName = undefined;
35048
- this.afQuoteAuthorTitle = undefined;
35049
- }
35050
- get cssModifiers() {
35051
- return {
35052
- 'digi-quote-single--primary': this.afVariation === QuoteSingleVariation.PRIMARY,
35053
- 'digi-quote-single--secondary': this.afVariation === QuoteSingleVariation.SECONDARY,
35054
- 'digi-quote-single--tertiary': this.afVariation === QuoteSingleVariation.TERTIARY
35055
- };
35056
- }
35057
- render() {
35058
- return (hAsync("div", { key: '842ef66492c32c28dc12e2031df690233fddb699', class: Object.assign({ 'digi-quote-single': true }, this.cssModifiers) }, hAsync("div", { key: 'd0b906c4986a1687d9411e051d72395825e524e5', class: "digi-quote-single__content" }, hAsync("section", { key: '7f33a055c8f15ddef505b1c4b8c63c5eab44ed22', class: "digi-quote-single__text" }, hAsync("digi-typography", { key: '76f00f69ac8cf78add9c7de3be55513b14b0f1d8' }, hAsync("svg", { key: '0faaeab3611731864d25b4b7ccfdedcf06bb5e58', class: "digi-quote-single__icon", "aria-hidden": "true", width: "51px", height: "40px", viewBox: "0 0 51 40", fill: "#00005A" }, hAsync("path", { key: '4a3e3c14011fa2c589fedd4edbcf6a24d78cc91a', d: "M0.602908277,34.1566952 C4.73191648,32.1718898 7.96569724,29.8622982 10.3042506,27.2279202 C12.6428039,24.5935423 13.99478,21.3998101 14.360179,17.6467236 L11.2908277,17.6467236 C9.02535421,17.6467236 7.18008949,17.3941121 5.75503356,16.8888889 C4.32997763,16.3836657 3.17897092,15.679962 2.30201342,14.7777778 C1.46159582,13.9116809 0.867822521,12.9553656 0.520693512,11.9088319 C0.173564504,10.8622982 0,9.77967711 0,8.66096866 C0,6.35137702 0.940902312,4.33048433 2.82270694,2.5982906 C4.70451156,0.866096866 6.92431022,0 9.48210291,0 C13.5014914,0 16.5891126,1.31718898 18.7449664,3.95156695 C20.9008203,6.58594492 21.9787472,10.2307692 21.9787472,14.8860399 C21.9787472,19.2165242 20.1243475,23.5830959 16.4155481,27.985755 C12.7067487,32.3884141 8.23974646,35.7264957 3.01454139,38 L0.602908277,34.1566952 Z M27.6241611,34.1566952 C31.7531693,32.1718898 34.98695,29.8622982 37.3255034,27.2279202 C39.6640567,24.5935423 41.0160328,21.3998101 41.3814318,17.6467236 L38.3120805,17.6467236 C36.046607,17.6467236 34.2013423,17.3941121 32.7762864,16.8888889 C31.3512304,16.3836657 30.2002237,15.679962 29.3232662,14.7777778 C28.4828486,13.9116809 27.8890753,12.9553656 27.5419463,11.9088319 C27.1948173,10.8622982 27.0212528,9.77967711 27.0212528,8.66096866 C27.0212528,6.35137702 27.9621551,4.33048433 29.8439597,2.5982906 C31.7257644,0.866096866 33.945563,0 36.5033557,0 C40.5227442,0 43.6103654,1.31718898 45.7662192,3.95156695 C47.9220731,6.58594492 49,10.2307692 49,14.8860399 C49,19.2165242 47.1456003,23.5830959 43.4368009,27.985755 C39.7280015,32.3884141 35.2609993,35.7264957 30.0357942,38 L27.6241611,34.1566952 Z" })), hAsync("blockquote", { key: '98b6e1ff2c30458468f525ea9eb75d6991c3a655' }, hAsync("slot", { key: 'da09cb06035ff115ca776fd15fb4e2fb6434d2a8' })))), hAsync("digi-typography-meta", { key: '995246b4c06a7885d7e22e21ba17bab22c46f03b', "af-variation": "primary" }, this.afQuoteAuthorName && (hAsync("p", { key: '64817abf03f2f276bb43396f856ad3b8bf9428d8', class: "digi-quote-single__author" }, this.afQuoteAuthorName)), this.afQuoteAuthorTitle && (hAsync("p", { key: '3454b06aea3ab5926f5e3afce929538b4b6e7406', class: "digi-quote-single__author-title", slot: "secondary" }, this.afQuoteAuthorTitle))))));
35059
- }
35060
- get hostElement() { return getElement(this); }
35061
- static get style() { return DigiQuoteSingleStyle0; }
35062
- static get cmpMeta() { return {
35063
- "$flags$": 6,
35064
- "$tagName$": "digi-quote-single",
35065
- "$members$": {
35066
- "afVariation": [1, "af-variation"],
35067
- "afQuoteText": [1, "af-quote-text"],
35068
- "afQuoteAuthorName": [1, "af-quote-author-name"],
35069
- "afQuoteAuthorTitle": [1, "af-quote-author-title"]
35070
- },
35071
- "$listeners$": undefined,
35072
- "$lazyBundleId$": "-",
35073
- "$attrsToReflect$": []
35074
- }; }
35075
- }
35076
-
35077
34873
  const iconScaleCss = ".sc-digi-icon-scale-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-scale-h svg.sc-digi-icon-scale{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
35078
34874
  var DigiIconScaleStyle0 = iconScaleCss;
35079
34875
 
@@ -35142,7 +34938,7 @@ class Table {
35142
34938
  };
35143
34939
  }
35144
34940
  render() {
35145
- return (hAsync("div", { key: 'f69b05f3bf115c7b840dadaed6997186b014707d', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, hAsync("div", { key: '057043fac73af48d87da7b3bfe0da4e94f1b9635', class: "digi-table__scroll-container" }, hAsync("slot", { key: '08e76e6805bfdda5ec5c593f91ae1cb437ffd7ce' }))));
34941
+ return (hAsync("div", { key: '081ef1b6b8ea07625c06a2009187f2d39f03abd3', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, hAsync("div", { key: '035c017a946ac09441f65e44b823d0fcb3e10b05', class: "digi-table__scroll-container" }, hAsync("slot", { key: '49ebdc1e980713faee29d3dec72ecf8dfbcb50db' }))));
35146
34942
  }
35147
34943
  static get style() { return DigiTableStyle0; }
35148
34944
  static get cmpMeta() { return {
@@ -35159,7 +34955,7 @@ class Table {
35159
34955
  }; }
35160
34956
  }
35161
34957
 
35162
- const tagCss = ".sc-digi-tag-h{--digi--tag--display:inline-block;--digi--tag--margin-bottom:var(--digi--gutter--smaller)}.sc-digi-tag-h .digi-tag.sc-digi-tag{display:var(--digi--tag--display);margin-bottom:var(--digi--tag--margin-bottom)}";
34958
+ const tagCss = ".sc-digi-tag-h{--digi--tag--display:inline-block;--digi--tag--margin-bottom:var(--digi--gutter--smaller)}.sc-digi-tag-h .digi-tag.sc-digi-tag{display:var(--digi--tag--display);margin-bottom:var(--digi--tag--margin-bottom)}.sc-digi-tag-h .digi-tag__text.sc-digi-tag{display:inline-block;max-width:100%;white-space:normal}.sc-digi-tag-h .digi-tag__text--break.sc-digi-tag{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}";
35163
34959
  var DigiTagStyle0 = tagCss;
35164
34960
 
35165
34961
  /**
@@ -35173,6 +34969,7 @@ class Tag {
35173
34969
  this.afNoIcon = false;
35174
34970
  this.afAriaLabel = undefined;
35175
34971
  this.afSize = TagSize.SMALL;
34972
+ this.afBreakWords = false;
35176
34973
  }
35177
34974
  clickHandler(e) {
35178
34975
  this.afOnClick.emit(e);
@@ -35188,7 +34985,7 @@ class Tag {
35188
34985
  return this.afText;
35189
34986
  }
35190
34987
  render() {
35191
- return (hAsync("digi-button", { key: 'cd3122d6a6e72ecc037cf22b1d7df6f41aa29a78', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && hAsync("digi-icon-x", { key: '4c6c28a3b449109f65b82238e1d5215630fd63e5', slot: "icon-secondary" })));
34988
+ return (hAsync("digi-button", { key: '6462faeac49e6bea1de19d53cfceb82189b27daf', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && hAsync("digi-icon-x", { key: '89c4ecec2d4e7fdbf665fe75b19e784548067029', slot: "icon-secondary" })));
35192
34989
  }
35193
34990
  static get style() { return DigiTagStyle0; }
35194
34991
  static get cmpMeta() { return {
@@ -35198,7 +34995,8 @@ class Tag {
35198
34995
  "afText": [1, "af-text"],
35199
34996
  "afNoIcon": [4, "af-no-icon"],
35200
34997
  "afAriaLabel": [1, "af-aria-label"],
35201
- "afSize": [1, "af-size"]
34998
+ "afSize": [1, "af-size"],
34999
+ "afBreakWords": [4, "af-break-words"]
35202
35000
  },
35203
35001
  "$listeners$": undefined,
35204
35002
  "$lazyBundleId$": "-",
@@ -35243,9 +35041,9 @@ class TagMedia {
35243
35041
  return hAsync("digi-icon-news", { class: "digi-tag-media__icon" });
35244
35042
  }
35245
35043
  render() {
35246
- return (hAsync(Host, { key: '133d7efdfb8710dfd6cdc70656215c6f484ea02a' }, hAsync("div", { key: '1c0cd0c2b20c2461f4d4e7172f65c9322d93fc43', class: {
35044
+ return (hAsync(Host, { key: '6495cad281699957e8e521be923aab4f3fcfeb9f' }, hAsync("div", { key: 'a634a1c2c35b6888b8220923b316b701e0647f76', class: {
35247
35045
  'digi-tag-media': true
35248
- } }, this.tagIcon, hAsync("span", { key: '6efa6d773aef28165f9b76cc822e0f823cb2a5b9', class: "digi-tag-media__text" }, this.afText))));
35046
+ } }, this.tagIcon, hAsync("span", { key: '506bf750e77c8147c2becc2cce14fb7026984343', class: "digi-tag-media__text" }, this.afText))));
35249
35047
  }
35250
35048
  get hostElement() { return getElement(this); }
35251
35049
  static get style() { return DigiTagMediaStyle0; }
@@ -35334,7 +35132,7 @@ class ToolsFeedback {
35334
35132
  this.afOnReady.emit();
35335
35133
  }
35336
35134
  render() {
35337
- return (hAsync("div", { key: '7947fb1c1bf8822ebc86238325092876f3f12cd8', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (hAsync("digi-layout-block", { key: '38a96dd03449a9b9398390da7d5e8aced4a067d3', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
35135
+ return (hAsync("div", { key: '83db61c7c9b70f2dbef26326b875516084e9f1bf', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (hAsync("digi-layout-block", { key: '5b40e1b4d98076f70aae457ae44bc361d3a4c38a', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
35338
35136
  }
35339
35137
  get hostElement() { return getElement(this); }
35340
35138
  static get watchers() { return {
@@ -35530,10 +35328,10 @@ class ToolsFeedbackRating {
35530
35328
  get content() {
35531
35329
  return (hAsync("digi-typography", null, this.validContent && (hAsync("div", { dir: this.afDir, lang: this.afLang, class: `digi-tools-feedback-rating__wrapper ${this.currentStep === 2 ? 'step2' : ''}` }, this.currentStep === 1 && (hAsync("div", { class: "digi-tools-feedback-rating__star-rating" }, hAsync(this.afHeadingLevel, { id: `${this.afId}-rating-question`, class: `digi-tools-feedback-rating__heading ${this.afType === FeedbackRatingType.MINIMAL ? 'hidden' : ''}` }, this.afQuestion), hAsync("div", { class: "digi-tools-feedback-rating__step1-wrapper" }, this.afRatings && (hAsync("span", { class: "digi-tools-feedback-rating__step1-description" }, "V\u00E4lj fr\u00E5n", ' ', `${(this.ratingsData().find((item) => item.value === 1) ||
35532
35330
  {}).text.toLowerCase() || null} till ${(this.ratingsData().find((item) => item.value === 5) ||
35533
- {}).text.toLowerCase() || null}`)), hAsync("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (hAsync("div", { class: "digi-tools-feedback-rating__star-rating-star" }, hAsync("button", { class: "digi-tools-feedback-rating__star-rating-star-button", onClick: () => this.handleRatingChange(value), "aria-label": `${value} ${value === 1 ? 'stjärna' : 'stjärnor'}${text !== '' ? ', ' + text : ''}`, onMouseEnter: () => this.handleHover(value), onMouseLeave: () => this.handleHover(0), onFocus: () => this.handleHover(value), onFocusout: () => this.handleHover(0) }, hAsync("svg", { "aria-hidden": "true", width: "29px", height: "29px", viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg", class: `digi-tools-feedback-rating-star-icon ${this.hoveredRating >= value ? 'filled' : ''}` }, hAsync("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, hAsync("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, hAsync("g", { transform: "translate(1663, 2565)" }, hAsync("g", { transform: "translate(190, 0)" }, hAsync("path", { d: "M13.0369701,1.00988613 L9.47212213,8.51643297 L1.4958694,9.72422429 C0.0655277509,9.93973122 -0.507709524,11.7709448 0.529620648,12.8199039 L6.30005635,18.6595463 L4.93529305,26.9090563 C4.6897182,28.3999832 6.20191813,29.5170473 7.46854321,28.8195669 L14.6037422,24.9244875 L21.7391705,28.8195669 C23.0057956,29.5113322 24.5179955,28.3999832 24.2721914,26.9090563 L22.9074281,18.6595463 L28.6780931,12.8199039 C29.715194,11.7709448 29.1419567,9.93973122 27.711615,9.72422429 L19.7355916,8.51643297 L16.1707436,1.00988613 C15.531928,-0.328161856 13.6810595,-0.345069029 13.0369701,1.00988613 L13.0369701,1.00988613 Z", id: "Stroke-3" })))))))))))))), this.currentStep === 2 && (hAsync("div", { class: "digi-tools-feedback-rating__thankyou" }, hAsync("div", { class: "digi-tools-feedback-rating__thankyou-text" }, hAsync("svg", { width: "32", height: "26", xmlns: "http://www.w3.org/2000/svg", class: "digi-tools-feedback-rating__thankyou-check-icon" }, hAsync("g", { fill: "none", "fill-rule": "evenodd" }, hAsync("path", { d: "M12.431 25.438C5.577 25.438 0 19.848 0 12.978 0 6.107 5.577.518 12.43.518c2.874 0 5.677 1.006 7.893 2.833l-1.441 1.755a10.163 10.163 0 0 0-6.452-2.315c-5.604 0-10.163 4.57-10.163 10.187 0 5.616 4.56 10.186 10.163 10.186 4.346 0 8.21-2.766 9.617-6.883l2.146.737a12.435 12.435 0 0 1-11.763 8.42", fill: "#333" }), hAsync("path", { d: "M13.073 20.935a.725.725 0 0 1-1.022 0l-8.042-8.013a.72.72 0 0 1 0-1.019l1.704-1.699a.725.725 0 0 1 1.023 0l5.826 5.805L28.417.211a.724.724 0 0 1 1.023 0l1.704 1.699a.72.72 0 0 1 0 1.02l-18.07 18.005Z", fill: "#95C13E" }))), hAsync("h2", { class: "digi-tools-feedback-rating__thankyou-text", tabindex: "-1", ref: (el) => (this._thankYouHeading = el) }, this.afThankYouHeading)), this.afRatings && (hAsync("p", { class: "digi-tools-feedback-rating__thankyou-text-with-rating" }, "Du har gett betyget \"", this.selectedText.toLowerCase(), "\" med", ' ', this.selectedRating, `${this.selectedRating === 1 ? ' stjärna' : ' stjärnor'}`, ".")))), this.currentStep === 2 && this.afLinkText && (hAsync("div", { class: "digi-tools-feedback-rating__link" }, hAsync("digi-link-external", { afHref: this.renderLink(), "af-target": "_blank", onAfOnClick: () => this.submitFeedbackLink(), "af-variation": "small" }, this.afLinkText)))))));
35331
+ {}).text.toLowerCase() || null}`)), hAsync("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (hAsync("div", { class: "digi-tools-feedback-rating__star-rating-star" }, hAsync("button", { class: "digi-tools-feedback-rating__star-rating-star-button", onClick: () => this.handleRatingChange(value), "aria-label": `${value} ${value === 1 ? 'stjärna' : 'stjärnor'}${text !== '' ? ', ' + text : ''}`, onMouseEnter: () => this.handleHover(value), onMouseLeave: () => this.handleHover(0), onFocus: () => this.handleHover(value), onFocusout: () => this.handleHover(0) }, hAsync("svg", { "aria-hidden": "true", width: "29px", height: "29px", viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg", class: `digi-tools-feedback-rating-star-icon ${this.hoveredRating >= value ? 'filled' : ''}` }, hAsync("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, hAsync("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, hAsync("g", { transform: "translate(1663, 2565)" }, hAsync("g", { transform: "translate(190, 0)" }, hAsync("path", { d: "M13.0369701,1.00988613 L9.47212213,8.51643297 L1.4958694,9.72422429 C0.0655277509,9.93973122 -0.507709524,11.7709448 0.529620648,12.8199039 L6.30005635,18.6595463 L4.93529305,26.9090563 C4.6897182,28.3999832 6.20191813,29.5170473 7.46854321,28.8195669 L14.6037422,24.9244875 L21.7391705,28.8195669 C23.0057956,29.5113322 24.5179955,28.3999832 24.2721914,26.9090563 L22.9074281,18.6595463 L28.6780931,12.8199039 C29.715194,11.7709448 29.1419567,9.93973122 27.711615,9.72422429 L19.7355916,8.51643297 L16.1707436,1.00988613 C15.531928,-0.328161856 13.6810595,-0.345069029 13.0369701,1.00988613 L13.0369701,1.00988613 Z" })))))))))))))), this.currentStep === 2 && (hAsync("div", { class: "digi-tools-feedback-rating__thankyou" }, hAsync("div", { class: "digi-tools-feedback-rating__thankyou-text" }, hAsync("svg", { width: "32", height: "26", xmlns: "http://www.w3.org/2000/svg", class: "digi-tools-feedback-rating__thankyou-check-icon" }, hAsync("g", { fill: "none", "fill-rule": "evenodd" }, hAsync("path", { d: "M12.431 25.438C5.577 25.438 0 19.848 0 12.978 0 6.107 5.577.518 12.43.518c2.874 0 5.677 1.006 7.893 2.833l-1.441 1.755a10.163 10.163 0 0 0-6.452-2.315c-5.604 0-10.163 4.57-10.163 10.187 0 5.616 4.56 10.186 10.163 10.186 4.346 0 8.21-2.766 9.617-6.883l2.146.737a12.435 12.435 0 0 1-11.763 8.42", fill: "#333" }), hAsync("path", { d: "M13.073 20.935a.725.725 0 0 1-1.022 0l-8.042-8.013a.72.72 0 0 1 0-1.019l1.704-1.699a.725.725 0 0 1 1.023 0l5.826 5.805L28.417.211a.724.724 0 0 1 1.023 0l1.704 1.699a.72.72 0 0 1 0 1.02l-18.07 18.005Z", fill: "#95C13E" }))), hAsync("h2", { class: "digi-tools-feedback-rating__thankyou-text", tabindex: "-1", ref: (el) => (this._thankYouHeading = el) }, this.afThankYouHeading)), this.afRatings && (hAsync("p", { class: "digi-tools-feedback-rating__thankyou-text-with-rating" }, "Du har gett betyget \"", this.selectedText.toLowerCase(), "\" med", ' ', this.selectedRating, `${this.selectedRating === 1 ? ' stjärna' : ' stjärnor'}`, ".")))), this.currentStep === 2 && this.afLinkText && (hAsync("div", { class: "digi-tools-feedback-rating__link" }, hAsync("digi-link-external", { afHref: this.renderLink(), "af-target": "_blank", onAfOnClick: () => this.submitFeedbackLink(), "af-variation": "small" }, this.afLinkText)))))));
35534
35332
  }
35535
35333
  render() {
35536
- return (hAsync("div", { key: '0a851042501b8d4be3c30fcb8a59ca8920f6274a', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, hAsync("digi-layout-block", { key: '06d9e3de4b0c967ff8f6105cbd2182c229cf382f', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
35334
+ return (hAsync("div", { key: '26c24e24485d795838830758c6616229bd9d5fc4', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, hAsync("digi-layout-block", { key: '9df5e3a6c4d99c8e206c7bb08407c79247e52121', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
35537
35335
  }
35538
35336
  get hostElement() { return getElement(this); }
35539
35337
  static get watchers() { return {
@@ -35582,7 +35380,7 @@ var DigiToolsLanguagepickerStyle0 = toolsLanguagepickerCss;
35582
35380
 
35583
35381
  /**
35584
35382
  * @swedishName Språkväljare
35585
- * @deprecated
35383
+ * @deprecated Komponenten utgår i slutet av januari 2026.
35586
35384
  */
35587
35385
  class ToolsLanguagepicker {
35588
35386
  constructor(hostRef) {
@@ -35672,19 +35470,19 @@ class ToolsLanguagepicker {
35672
35470
  return {};
35673
35471
  }
35674
35472
  render() {
35675
- return (hAsync("div", { key: 'f9f8a82bf6ff533a1351f58e43feb9a9975f3b17', class: Object.assign({ 'digi-tools-languagepicker': true }, this.cssModifiers) }, this._afLanguagepickerHide === false && (hAsync("digi-navigation-context-menu", { key: '18667e2f55d8a221847bf0d8da2ecb464c3d4563', afText: this._afLanguagepickerText, afId: this._afId + '__languagepicker', afStartSelected: this._afLanguagepickerStartSelected, afNavigationContextMenuItems: this._afLanguagepickerItems, afIcon: this._languagepickerIcon, onAfOnActive: (event) => this.afOnActive.emit(event.detail), onAfOnBlur: (event) => this.afOnBlur.emit(event.detail), onAfOnChange: (event) => this.afOnChange.emit(event.detail), onAfOnInactive: (event) => this.afOnInactive.emit(event.detail), onAfOnSelect: (event) => this.afOnSelect.emit(event.detail), onAfOnToggle: (event) => this.afOnToggle.emit(event.detail), class: "digi-tools-languagepicker__context" })), this._afListenShow && (hAsync("digi-button", { key: '4eafb707710d6f50bca516c49d964b336b68b80e', "af-size": "medium", "af-variation": "primary", onAfOnClick: (event) => {
35473
+ return (hAsync("div", { key: '9d6a102cfafccc1ce645b30116103f774747f8ff', class: Object.assign({ 'digi-tools-languagepicker': true }, this.cssModifiers) }, this._afLanguagepickerHide === false && (hAsync("digi-navigation-context-menu", { key: '7330c35a38e49cc30afbecee91b263be666d0854', afText: this._afLanguagepickerText, afId: this._afId + '__languagepicker', afStartSelected: this._afLanguagepickerStartSelected, afNavigationContextMenuItems: this._afLanguagepickerItems, afIcon: this._languagepickerIcon, onAfOnActive: (event) => this.afOnActive.emit(event.detail), onAfOnBlur: (event) => this.afOnBlur.emit(event.detail), onAfOnChange: (event) => this.afOnChange.emit(event.detail), onAfOnInactive: (event) => this.afOnInactive.emit(event.detail), onAfOnSelect: (event) => this.afOnSelect.emit(event.detail), onAfOnToggle: (event) => this.afOnToggle.emit(event.detail), class: "digi-tools-languagepicker__context" })), this._afListenShow && (hAsync("digi-button", { key: '8207ac75310488b64ca90106eff988d4df1c494e', "af-size": "medium", "af-variation": "primary", onAfOnClick: (event) => {
35676
35474
  this.afOnClick.emit(event);
35677
35475
  }, onAfOnBlur: (event) => {
35678
35476
  this.afOnBlur.emit(event);
35679
35477
  }, onAfOnFocus: (event) => {
35680
35478
  this.afOnFocus.emit(event);
35681
- }, "af-id": this._afId + '__listenButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : ''}` }, hAsync("digi-icon-volume", { key: '5c0d42d19823d1521c91c29862360ce1ca016ce7', slot: "icon" }), this._afListenText)), this._afSignlangHide === false && (hAsync("digi-button", { key: '9053a1f9220db13761cc01558c69ac0b37a3bad7', "af-size": "medium", "af-variation": "primary", onAfOnClick: (event) => {
35479
+ }, "af-id": this._afId + '__listenButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : ''}` }, hAsync("digi-icon-volume", { key: '8f223b7951a4bcccbf2cbadbec0740b082067450', slot: "icon" }), this._afListenText)), this._afSignlangHide === false && (hAsync("digi-button", { key: '9002660c75d94c4a907ff0f6b967dfc5583ebbeb', "af-size": "medium", "af-variation": "primary", onAfOnClick: (event) => {
35682
35480
  this.afOnClick.emit(event);
35683
35481
  }, onAfOnBlur: (event) => {
35684
35482
  this.afOnBlur.emit(event);
35685
35483
  }, onAfOnFocus: (event) => {
35686
35484
  this.afOnFocus.emit(event);
35687
- }, "af-id": this._afId + '__signlangButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : 'show-text'}` }, hAsync("digi-icon-sign", { key: 'cc527644d8d5cb58372774965dfb542abc55356c', slot: "icon" }), this._afSignlangText))));
35485
+ }, "af-id": this._afId + '__signlangButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : 'show-text'}` }, hAsync("digi-icon-sign", { key: '9dd664b4a3620cc063ad7128046ffab5e7175760', slot: "icon" }), this._afSignlangText))));
35688
35486
  }
35689
35487
  static get watchers() { return {
35690
35488
  "afLanguagepickerText": ["watchHandler_afLanguagepickerText"],
@@ -35752,7 +35550,7 @@ class Typography {
35752
35550
  };
35753
35551
  }
35754
35552
  render() {
35755
- return (hAsync("div", { key: '92db21eeb2f0a66bf419556019ada5c087823bfa', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, hAsync("slot", { key: '07d933c905ff5103fc49e10810db6b6f1d894de8' })));
35553
+ return (hAsync("div", { key: 'd4c7dde696cb9e4f629649c2d12e5b015c7aa713', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, hAsync("slot", { key: '4512f6b74ec58c3f04437c6ef598eb1d3625d347' })));
35756
35554
  }
35757
35555
  static get style() { return DigiTypographyStyle0; }
35758
35556
  static get cmpMeta() { return {
@@ -35784,17 +35582,21 @@ class TypographyHeadingJumbo {
35784
35582
  this.afLevel = TypographyHeadingJumboLevel.H1;
35785
35583
  this.afLang = 'sv';
35786
35584
  }
35585
+ /**
35586
+ * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
35587
+ * @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
35588
+ */
35787
35589
  focusOnHeading() {
35788
35590
  this.headingElement.focus();
35789
35591
  }
35790
35592
  get cssModifiers() {
35791
35593
  return {
35792
35594
  'digi-typography-heading-jumbo--primary': this.afVariation === TypographyHeadingJumboVariation.PRIMARY,
35793
- 'digi-typography-heading-jumbo--secondary': this.afVariation === TypographyHeadingJumboVariation.SECONDARY,
35595
+ 'digi-typography-heading-jumbo--secondary': this.afVariation === TypographyHeadingJumboVariation.SECONDARY
35794
35596
  };
35795
35597
  }
35796
35598
  render() {
35797
- return (hAsync(this.afLevel, { key: '33bf2fc6ca5a18c5440ba7ca9ccc2409c853f45a', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
35599
+ return (hAsync(this.afLevel, { key: 'b02d50505c6632cea642b1d8e5139549e20da4e6', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
35798
35600
  }
35799
35601
  static get style() { return DigiTypographyHeadingJumboStyle0; }
35800
35602
  static get cmpMeta() { return {
@@ -35833,7 +35635,7 @@ class TypographyMeta {
35833
35635
  };
35834
35636
  }
35835
35637
  render() {
35836
- return (hAsync("div", { key: '68ed39f4419998b77200b8de39eb86922eb57e01', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, hAsync("div", { key: '1374a7845ae0ac6b93e7cdfd188f68eeb5e68eff', class: "digi-typography-meta__meta" }, hAsync("slot", { key: '71fdaf00ef8a791cd0d12ffd870314c52aedee0b' })), hAsync("div", { key: '840b64685d31677920ef4f6049457dba531d13ce', class: "digi-typography-meta__meta-secondary" }, hAsync("slot", { key: '7901abbbb5a25606103b4a06be7a04f68a42a2e0', name: "secondary" }))));
35638
+ return (hAsync("div", { key: '3ee5dded39b2d51658341da17e292d3068762787', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, hAsync("div", { key: 'f71d213cc1dfad7e7516e96599d05bf76605eadf', class: "digi-typography-meta__meta" }, hAsync("slot", { key: '853e4fd578eff23c9ed34da3ec5f01406e12e854' })), hAsync("div", { key: 'f47e062ff4fd82c68c9fc6dff4f623ca2c94f201', class: "digi-typography-meta__meta-secondary" }, hAsync("slot", { key: '1b76d4139b3a44248acdd45dfd63d7cd348ae0e8', name: "secondary" }))));
35837
35639
  }
35838
35640
  static get style() { return DigiTypographyMetaStyle0; }
35839
35641
  static get cmpMeta() { return {
@@ -35860,7 +35662,7 @@ class TypographyPreamble {
35860
35662
  registerInstance(this, hostRef);
35861
35663
  }
35862
35664
  render() {
35863
- return (hAsync("p", { key: 'ca1195b7b85a3efd613846f85061cf8258e2c723', class: "digi-typography-preamble" }, hAsync("slot", { key: 'f6b97325d788a249bb463b76f2ed0131cf3ef15c' })));
35665
+ return (hAsync("p", { key: 'bd94a45a6e7f6d6953330c0b6586b645dc090556', class: "digi-typography-preamble" }, hAsync("slot", { key: '494ea6df5cb83761fe900b42e2a73708fbeef53d' })));
35864
35666
  }
35865
35667
  static get style() { return DigiTypographyPreambleStyle0; }
35866
35668
  static get cmpMeta() { return {
@@ -35931,7 +35733,7 @@ class TypographyTime {
35931
35733
  this.formatDate(this.afDateTime);
35932
35734
  }
35933
35735
  render() {
35934
- return (hAsync("time", { key: 'c46b986d19d529ffeb13586b137aef64093e2124', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
35736
+ return (hAsync("time", { key: 'cf2add9fa09b0f8abd5415c3a657db4816724c86', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
35935
35737
  }
35936
35738
  static get watchers() { return {
35937
35739
  "afDateTime": ["formatDate"]
@@ -36077,7 +35879,7 @@ class UtilBreakpointObserver {
36077
35879
  }
36078
35880
  }
36079
35881
  render() {
36080
- return (hAsync(Host, { key: '27e2c889cf3dda1e6e3219f11174132d4a41551e' }, hAsync("div", { key: '9533b0f73c646c6fa08db048129f4b6b808afbb9', class: "digi-util-breakpoint-observer" }, hAsync("div", { key: '99807ba154fa505833549838992b55ddc700ed77', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), hAsync("slot", { key: '91ea7ebbe13986cd9904c14256168acf2153745b' }))));
35882
+ return (hAsync(Host, { key: 'ba5398acadf2b4176d14141b58730584cf4e257e' }, hAsync("div", { key: '7631a229fcc854c038204c7629371f897c081c39', class: "digi-util-breakpoint-observer" }, hAsync("div", { key: 'f41adcb1dd9d6e79015e144a11861bd8be980827', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), hAsync("slot", { key: '11adf8b8d66e375e9bdb67eb3d70c777200d14ed' }))));
36081
35883
  }
36082
35884
  get hostElement() { return getElement(this); }
36083
35885
  static get style() { return DigiUtilBreakpointObserverStyle0; }
@@ -36117,7 +35919,7 @@ class UtilDetectClickOutside {
36117
35919
  }
36118
35920
  }
36119
35921
  render() {
36120
- return hAsync("slot", { key: '723ea83cb733bb7f4ef7dc7d064629c7dad28db0' });
35922
+ return hAsync("slot", { key: 'b03263404bb4c4e57ba4fc2150082a51d7a74696' });
36121
35923
  }
36122
35924
  get $el() { return getElement(this); }
36123
35925
  static get cmpMeta() { return {
@@ -36159,7 +35961,7 @@ class UtilDetectFocusOutside {
36159
35961
  }
36160
35962
  }
36161
35963
  render() {
36162
- return hAsync("slot", { key: 'a9503e0cdf0224b58239239cee7382dc00976d4c' });
35964
+ return hAsync("slot", { key: '9d26cb8defe6c54071da9b09d9e8cc6b64ac174b' });
36163
35965
  }
36164
35966
  get $el() { return getElement(this); }
36165
35967
  static get cmpMeta() { return {
@@ -36237,7 +36039,7 @@ class UtilIntersectionObserver {
36237
36039
  this._hasIntersected = false;
36238
36040
  }
36239
36041
  render() {
36240
- return hAsync("slot", { key: 'd3a3eebd7c8eaa2ad5b0ce8a0358974acf462223' });
36042
+ return hAsync("slot", { key: 'ce0c9e2bd65c8a8edb706b02b0cc03a1788ca2eb' });
36241
36043
  }
36242
36044
  get $el() { return getElement(this); }
36243
36045
  static get watchers() { return {
@@ -36396,7 +36198,7 @@ class UtilKeydownHandler {
36396
36198
  }
36397
36199
  }
36398
36200
  render() {
36399
- return hAsync("slot", { key: '36d9abd87794fa1eac490c15ccd09f8a5414b250' });
36201
+ return hAsync("slot", { key: 'e07347cd86e34c905bf0a0b19eee84dc4f201a30' });
36400
36202
  }
36401
36203
  static get cmpMeta() { return {
36402
36204
  "$flags$": 6,
@@ -36484,7 +36286,7 @@ class UtilKeyupHandler {
36484
36286
  }
36485
36287
  }
36486
36288
  render() {
36487
- return hAsync("slot", { key: '1796bc7a2d5bea547592f82649ff9e6db165dd06' });
36289
+ return hAsync("slot", { key: '1bb4b13b5468e6cb2b1c957491039294832e62fb' });
36488
36290
  }
36489
36291
  static get cmpMeta() { return {
36490
36292
  "$flags$": 6,
@@ -36602,7 +36404,7 @@ class UtilResizeObserver {
36602
36404
  this.afOnChange.emit(e);
36603
36405
  }
36604
36406
  render() {
36605
- return hAsync("slot", { key: '66c5011f2143d5f74ee4f566fb539adf6acba278' });
36407
+ return hAsync("slot", { key: 'e2b7566f065251777a86b3367120d49ca2284c71' });
36606
36408
  }
36607
36409
  get hostElement() { return getElement(this); }
36608
36410
  static get style() { return DigiUtilResizeObserverStyle0; }
@@ -38042,7 +37844,6 @@ registerComponents([
38042
37844
  CodeExample,
38043
37845
  ContextMenu,
38044
37846
  Dialog,
38045
- DigiDropdown,
38046
37847
  ExpandableAccordion,
38047
37848
  ExpandableFaq,
38048
37849
  ExpandableFaqItem,
@@ -38294,8 +38095,6 @@ registerComponents([
38294
38095
  ProgressListItem,
38295
38096
  Progressbar,
38296
38097
  Quote,
38297
- QuoteMultiContainer,
38298
- QuoteSingle,
38299
38098
  Scale,
38300
38099
  Table,
38301
38100
  Tag,