@designsystem-se/af 35.2.1-beta.1 → 35.2.1-beta.2

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 (462) hide show
  1. package/components/digi-badge-notification.d.ts +1 -1
  2. package/components/digi-badge-status.d.ts +1 -1
  3. package/components/digi-bar-chart.d.ts +1 -1
  4. package/components/digi-bar-chart.js +1 -1
  5. package/components/digi-button.d.ts +1 -1
  6. package/components/digi-calendar-datepicker.d.ts +1 -1
  7. package/components/digi-calendar-datepicker.js +63 -48
  8. package/components/digi-calendar-week-view.d.ts +1 -1
  9. package/components/digi-calendar-week-view.js +1 -1
  10. package/components/digi-calendar.d.ts +1 -1
  11. package/components/digi-calendar.js +1 -1
  12. package/components/digi-chart-line.d.ts +1 -1
  13. package/components/digi-chart-line.js +1 -1
  14. package/components/digi-code-block.d.ts +1 -1
  15. package/components/digi-code-block.js +1 -1
  16. package/components/digi-code-example.d.ts +1 -1
  17. package/components/digi-code-example.js +2 -2
  18. package/components/digi-code.d.ts +1 -1
  19. package/components/digi-context-menu.d.ts +1 -1
  20. package/components/digi-dialog.d.ts +1 -1
  21. package/components/digi-expandable-accordion.d.ts +1 -1
  22. package/components/digi-expandable-accordion.js +1 -1
  23. package/components/digi-expandable-faq-item.d.ts +1 -1
  24. package/components/digi-expandable-faq.d.ts +1 -1
  25. package/components/digi-footer-card.d.ts +1 -1
  26. package/components/digi-footer.d.ts +1 -1
  27. package/components/digi-form-category-filter.d.ts +1 -1
  28. package/components/digi-form-category-filter.js +2 -2
  29. package/components/digi-form-checkbox.d.ts +1 -1
  30. package/components/digi-form-error-list.d.ts +1 -1
  31. package/components/digi-form-fieldset.d.ts +1 -1
  32. package/components/digi-form-file-upload.d.ts +1 -1
  33. package/components/digi-form-file-upload.js +8 -8
  34. package/components/digi-form-filter.d.ts +1 -1
  35. package/components/digi-form-filter.js +1 -1
  36. package/components/digi-form-input-search.d.ts +1 -1
  37. package/components/digi-form-input-search.js +2 -2
  38. package/components/digi-form-input.d.ts +1 -1
  39. package/components/digi-form-input.js +1 -1
  40. package/components/digi-form-label.d.ts +1 -1
  41. package/components/digi-form-label.js +1 -1
  42. package/components/digi-form-radiobutton.d.ts +1 -1
  43. package/components/digi-form-radiogroup.d.ts +1 -1
  44. package/components/digi-form-receipt.d.ts +1 -1
  45. package/components/digi-form-select-filter.d.ts +1 -1
  46. package/components/digi-form-select-filter.js +10 -10
  47. package/components/digi-form-select.d.ts +1 -1
  48. package/components/digi-form-select.js +1 -1
  49. package/components/digi-form-textarea.d.ts +1 -1
  50. package/components/digi-form-textarea.js +6 -9
  51. package/components/digi-form-validation-message.d.ts +1 -1
  52. package/components/digi-header-avatar.d.ts +1 -1
  53. package/components/digi-header-navigation-item.d.ts +1 -1
  54. package/components/digi-header-navigation.d.ts +1 -1
  55. package/components/digi-header-notification.d.ts +1 -1
  56. package/components/digi-header.d.ts +1 -1
  57. package/components/digi-icon-accessibility-deaf.d.ts +1 -1
  58. package/components/digi-icon-accessibility-universal.d.ts +1 -1
  59. package/components/digi-icon-apple.d.ts +1 -1
  60. package/components/digi-icon-archive-outline.d.ts +1 -1
  61. package/components/digi-icon-archive.d.ts +1 -1
  62. package/components/digi-icon-arrow-back.d.ts +1 -1
  63. package/components/digi-icon-arrow-down.d.ts +1 -1
  64. package/components/digi-icon-arrow-left.d.ts +1 -1
  65. package/components/digi-icon-arrow-right.d.ts +1 -1
  66. package/components/digi-icon-arrow-sign-in.d.ts +1 -1
  67. package/components/digi-icon-arrow-sign-out.d.ts +1 -1
  68. package/components/digi-icon-arrow-up.d.ts +1 -1
  69. package/components/digi-icon-at.d.ts +1 -1
  70. package/components/digi-icon-bars.d.ts +1 -1
  71. package/components/digi-icon-bell-filled.d.ts +1 -1
  72. package/components/digi-icon-bell.d.ts +1 -1
  73. package/components/digi-icon-book.d.ts +1 -1
  74. package/components/digi-icon-bookmark-outline.d.ts +1 -1
  75. package/components/digi-icon-bookmark-solid.d.ts +1 -1
  76. package/components/digi-icon-bubble-ellipsis.d.ts +1 -1
  77. package/components/digi-icon-bubble.d.ts +1 -1
  78. package/components/digi-icon-building-outline.d.ts +1 -1
  79. package/components/digi-icon-building-solid.d.ts +1 -1
  80. package/components/digi-icon-bullseye.d.ts +1 -1
  81. package/components/digi-icon-calculator-solid.d.ts +1 -1
  82. package/components/digi-icon-calendar-alt-alert.d.ts +1 -1
  83. package/components/digi-icon-calendar-alt.d.ts +1 -1
  84. package/components/digi-icon-calendar.d.ts +1 -1
  85. package/components/digi-icon-caret-circle-right.d.ts +1 -1
  86. package/components/digi-icon-caret-down.d.ts +1 -1
  87. package/components/digi-icon-caret-left.d.ts +1 -1
  88. package/components/digi-icon-caret-right.d.ts +1 -1
  89. package/components/digi-icon-caret-up.d.ts +1 -1
  90. package/components/digi-icon-chart.d.ts +1 -1
  91. package/components/digi-icon-chat.d.ts +1 -1
  92. package/components/digi-icon-check-circle-reg-alt.d.ts +1 -1
  93. package/components/digi-icon-check-circle-solid.d.ts +1 -1
  94. package/components/digi-icon-check.d.ts +1 -1
  95. package/components/digi-icon-checklist.d.ts +1 -1
  96. package/components/digi-icon-chevron-down.d.ts +1 -1
  97. package/components/digi-icon-chevron-left.d.ts +1 -1
  98. package/components/digi-icon-chevron-right.d.ts +1 -1
  99. package/components/digi-icon-chevron-up.d.ts +1 -1
  100. package/components/digi-icon-clock.d.ts +1 -1
  101. package/components/digi-icon-communication-play-solid.d.ts +1 -1
  102. package/components/digi-icon-compress-alt.d.ts +1 -1
  103. package/components/digi-icon-comunication-case.d.ts +1 -1
  104. package/components/digi-icon-comunication-flag.d.ts +1 -1
  105. package/components/digi-icon-comunication-graduate.d.ts +1 -1
  106. package/components/digi-icon-comunication-play.d.ts +1 -1
  107. package/components/digi-icon-cooperation.d.ts +1 -1
  108. package/components/digi-icon-copy.d.ts +1 -1
  109. package/components/digi-icon-danger-outline.d.ts +1 -1
  110. package/components/digi-icon-download.d.ts +1 -1
  111. package/components/digi-icon-dxa.d.ts +1 -1
  112. package/components/digi-icon-edit.d.ts +1 -1
  113. package/components/digi-icon-ellipsis.d.ts +1 -1
  114. package/components/digi-icon-envelope-filled.d.ts +1 -1
  115. package/components/digi-icon-envelope.d.ts +1 -1
  116. package/components/digi-icon-exclamation-circle-filled.d.ts +1 -1
  117. package/components/digi-icon-exclamation-triangle-filled.d.ts +1 -1
  118. package/components/digi-icon-exclamation-triangle-warning.d.ts +1 -1
  119. package/components/digi-icon-exclamation-triangle.d.ts +1 -1
  120. package/components/digi-icon-expand-alt.d.ts +1 -1
  121. package/components/digi-icon-external-link-alt.d.ts +1 -1
  122. package/components/digi-icon-eye-slash.d.ts +1 -1
  123. package/components/digi-icon-eye.d.ts +1 -1
  124. package/components/digi-icon-facebook-square.d.ts +1 -1
  125. package/components/digi-icon-file-add.d.ts +1 -1
  126. package/components/digi-icon-file-document.d.ts +1 -1
  127. package/components/digi-icon-file-excel.d.ts +1 -1
  128. package/components/digi-icon-file-export.d.ts +1 -1
  129. package/components/digi-icon-file-governing.d.ts +1 -1
  130. package/components/digi-icon-file-pdf.d.ts +1 -1
  131. package/components/digi-icon-file-powerpoint.d.ts +1 -1
  132. package/components/digi-icon-file-remove.d.ts +1 -1
  133. package/components/digi-icon-file-word.d.ts +1 -1
  134. package/components/digi-icon-film.d.ts +1 -1
  135. package/components/digi-icon-filter.d.ts +1 -1
  136. package/components/digi-icon-folder-add.d.ts +1 -1
  137. package/components/digi-icon-folder-directory.d.ts +1 -1
  138. package/components/digi-icon-folder-open.d.ts +1 -1
  139. package/components/digi-icon-folder.d.ts +1 -1
  140. package/components/digi-icon-globe-filled.d.ts +1 -1
  141. package/components/digi-icon-globe.d.ts +1 -1
  142. package/components/digi-icon-headphones.d.ts +1 -1
  143. package/components/digi-icon-heart-solid.d.ts +1 -1
  144. package/components/digi-icon-heart.d.ts +1 -1
  145. package/components/digi-icon-history.d.ts +1 -1
  146. package/components/digi-icon-home.d.ts +1 -1
  147. package/components/digi-icon-image.d.ts +1 -1
  148. package/components/digi-icon-info-circle-solid.d.ts +1 -1
  149. package/components/digi-icon-input-select-marker.d.ts +1 -1
  150. package/components/digi-icon-instagram.d.ts +1 -1
  151. package/components/digi-icon-job-suggestion.d.ts +1 -1
  152. package/components/digi-icon-language-outline.d.ts +1 -1
  153. package/components/digi-icon-language.d.ts +1 -1
  154. package/components/digi-icon-laptop-phone.d.ts +1 -1
  155. package/components/digi-icon-lattlast.d.ts +1 -1
  156. package/components/digi-icon-licence-bus.d.ts +1 -1
  157. package/components/digi-icon-licence-car.d.ts +1 -1
  158. package/components/digi-icon-licence-motorcycle.d.ts +1 -1
  159. package/components/digi-icon-licence-truck.d.ts +1 -1
  160. package/components/digi-icon-lightbulb.d.ts +1 -1
  161. package/components/digi-icon-linkedin-in.d.ts +1 -1
  162. package/components/digi-icon-list-ul.d.ts +1 -1
  163. package/components/digi-icon-lock.d.ts +1 -1
  164. package/components/digi-icon-marker-filled.d.ts +1 -1
  165. package/components/digi-icon-marker.d.ts +1 -1
  166. package/components/digi-icon-media-course.d.ts +1 -1
  167. package/components/digi-icon-media-podcast.d.ts +1 -1
  168. package/components/digi-icon-microphone-off.d.ts +1 -1
  169. package/components/digi-icon-microphone.d.ts +1 -1
  170. package/components/digi-icon-minus.d.ts +1 -1
  171. package/components/digi-icon-move.d.ts +1 -1
  172. package/components/digi-icon-news.d.ts +1 -1
  173. package/components/digi-icon-notification-error.d.ts +1 -1
  174. package/components/digi-icon-notification-info.d.ts +1 -1
  175. package/components/digi-icon-notification-succes.d.ts +1 -1
  176. package/components/digi-icon-notification-warning.d.ts +1 -1
  177. package/components/digi-icon-online-computervideo.d.ts +1 -1
  178. package/components/digi-icon-online-interview.d.ts +1 -1
  179. package/components/digi-icon-online-meeting.d.ts +1 -1
  180. package/components/digi-icon-online-task.d.ts +1 -1
  181. package/components/digi-icon-online-video.d.ts +1 -1
  182. package/components/digi-icon-open-source.d.ts +1 -1
  183. package/components/digi-icon-palette.d.ts +1 -1
  184. package/components/digi-icon-paperclip.d.ts +1 -1
  185. package/components/digi-icon-paste.d.ts +1 -1
  186. package/components/digi-icon-pen.d.ts +1 -1
  187. package/components/digi-icon-phone-hangup.d.ts +1 -1
  188. package/components/digi-icon-phone.d.ts +1 -1
  189. package/components/digi-icon-plus.d.ts +1 -1
  190. package/components/digi-icon-pod.d.ts +1 -1
  191. package/components/digi-icon-print.d.ts +1 -1
  192. package/components/digi-icon-read.d.ts +1 -1
  193. package/components/digi-icon-redo.d.ts +1 -1
  194. package/components/digi-icon-scale.d.ts +1 -1
  195. package/components/digi-icon-screensharing-off.d.ts +1 -1
  196. package/components/digi-icon-screensharing.d.ts +1 -1
  197. package/components/digi-icon-search.d.ts +1 -1
  198. package/components/digi-icon-send-outline.d.ts +1 -1
  199. package/components/digi-icon-send-solid.d.ts +1 -1
  200. package/components/digi-icon-settings.d.ts +1 -1
  201. package/components/digi-icon-share-alt.d.ts +1 -1
  202. package/components/digi-icon-share-chain.d.ts +1 -1
  203. package/components/digi-icon-sign.d.ts +1 -1
  204. package/components/digi-icon-sliders-h.d.ts +1 -1
  205. package/components/digi-icon-sokkandidat.d.ts +1 -1
  206. package/components/digi-icon-sort-down.d.ts +1 -1
  207. package/components/digi-icon-sort-up.d.ts +1 -1
  208. package/components/digi-icon-sort.d.ts +1 -1
  209. package/components/digi-icon-spinner.d.ts +1 -1
  210. package/components/digi-icon-star-reg.d.ts +1 -1
  211. package/components/digi-icon-star.d.ts +1 -1
  212. package/components/digi-icon-suitcase-outline.d.ts +1 -1
  213. package/components/digi-icon-suitcase-solid.d.ts +1 -1
  214. package/components/digi-icon-system-assistance.d.ts +1 -1
  215. package/components/digi-icon-table-column.d.ts +1 -1
  216. package/components/digi-icon-table-row.d.ts +1 -1
  217. package/components/digi-icon-table.d.ts +1 -1
  218. package/components/digi-icon-task-done.d.ts +1 -1
  219. package/components/digi-icon-toggle-off.d.ts +1 -1
  220. package/components/digi-icon-toggle-on.d.ts +1 -1
  221. package/components/digi-icon-trash.d.ts +1 -1
  222. package/components/digi-icon-twitter.d.ts +1 -1
  223. package/components/digi-icon-tyck-till.d.ts +1 -1
  224. package/components/digi-icon-unlock.d.ts +1 -1
  225. package/components/digi-icon-update.d.ts +1 -1
  226. package/components/digi-icon-upload.d.ts +1 -1
  227. package/components/digi-icon-user-add.d.ts +1 -1
  228. package/components/digi-icon-user-alt.d.ts +1 -1
  229. package/components/digi-icon-user-edit.d.ts +1 -1
  230. package/components/digi-icon-users-solid.d.ts +1 -1
  231. package/components/digi-icon-validation-error.d.ts +1 -1
  232. package/components/digi-icon-validation-success.d.ts +1 -1
  233. package/components/digi-icon-validation-warning.d.ts +1 -1
  234. package/components/digi-icon-videocamera-off.d.ts +1 -1
  235. package/components/digi-icon-videocamera.d.ts +1 -1
  236. package/components/digi-icon-volume.d.ts +1 -1
  237. package/components/digi-icon-web-tv.d.ts +1 -1
  238. package/components/digi-icon-webinar.d.ts +1 -1
  239. package/components/digi-icon-wifi-signal0.d.ts +1 -1
  240. package/components/digi-icon-wifi-signal1.d.ts +1 -1
  241. package/components/digi-icon-wifi-signal2.d.ts +1 -1
  242. package/components/digi-icon-wifi-signal3.d.ts +1 -1
  243. package/components/digi-icon-window.d.ts +1 -1
  244. package/components/digi-icon-x-button-outline.d.ts +1 -1
  245. package/components/digi-icon-x-button.d.ts +1 -1
  246. package/components/digi-icon-x.d.ts +1 -1
  247. package/components/digi-icon-youtube.d.ts +1 -1
  248. package/components/digi-info-card-multi-container.d.ts +1 -1
  249. package/components/digi-info-card-multi.d.ts +1 -1
  250. package/components/digi-info-card.d.ts +1 -1
  251. package/components/digi-layout-block.d.ts +1 -1
  252. package/components/digi-layout-columns.d.ts +1 -1
  253. package/components/digi-layout-container.d.ts +1 -1
  254. package/components/digi-link-button.d.ts +1 -1
  255. package/components/digi-link-external.d.ts +1 -1
  256. package/components/digi-link-internal.d.ts +1 -1
  257. package/components/digi-link.d.ts +1 -1
  258. package/components/digi-list.d.ts +1 -1
  259. package/components/digi-loader-skeleton.d.ts +1 -1
  260. package/components/digi-loader-spinner.d.ts +1 -1
  261. package/components/digi-logo.d.ts +1 -1
  262. package/components/digi-media-figure.d.ts +1 -1
  263. package/components/digi-media-image.d.ts +1 -1
  264. package/components/digi-navigation-breadcrumbs.d.ts +1 -1
  265. package/components/digi-navigation-breadcrumbs.js +1 -1
  266. package/components/digi-navigation-pagination.d.ts +1 -1
  267. package/components/digi-navigation-sidebar-button.d.ts +1 -1
  268. package/components/digi-navigation-sidebar.d.ts +1 -1
  269. package/components/digi-navigation-vertical-menu-item.d.ts +1 -1
  270. package/components/digi-navigation-vertical-menu.d.ts +1 -1
  271. package/components/digi-notification-alert.d.ts +1 -1
  272. package/components/digi-notification-error-page.d.ts +1 -1
  273. package/components/digi-progress-circle.d.ts +1 -1
  274. package/components/digi-progress-circle.js +1 -1
  275. package/components/digi-progress-indicator.d.ts +1 -1
  276. package/components/digi-progress-indicator.js +1 -1
  277. package/components/digi-progress-list-item.d.ts +1 -1
  278. package/components/digi-progress-list-item.js +1 -1
  279. package/components/digi-progress-list.d.ts +1 -1
  280. package/components/digi-progressbar.d.ts +1 -1
  281. package/components/digi-progressbar.js +1 -1
  282. package/components/digi-quote.d.ts +1 -1
  283. package/components/digi-table.d.ts +1 -1
  284. package/components/digi-tablist-panel.d.ts +1 -1
  285. package/components/digi-tablist.d.ts +1 -1
  286. package/components/digi-tag-media.d.ts +1 -1
  287. package/components/digi-tag.d.ts +1 -1
  288. package/components/digi-tag.js +1 -1
  289. package/components/digi-tools-feedback-banner.d.ts +1 -1
  290. package/components/digi-tools-feedback-rating.d.ts +1 -1
  291. package/components/digi-tools-feedback.d.ts +1 -1
  292. package/components/digi-tools-theme-provider.d.ts +1 -1
  293. package/components/digi-typography-heading-jumbo.d.ts +1 -1
  294. package/components/digi-typography-meta.d.ts +1 -1
  295. package/components/digi-typography-preamble.d.ts +1 -1
  296. package/components/digi-typography-time.d.ts +1 -1
  297. package/components/digi-typography-time.js +1 -1
  298. package/components/digi-typography.d.ts +1 -1
  299. package/components/digi-util-breakpoint-observer.d.ts +1 -1
  300. package/components/digi-util-detect-click-outside.d.ts +1 -1
  301. package/components/digi-util-detect-focus-outside.d.ts +1 -1
  302. package/components/digi-util-intersection-observer.d.ts +1 -1
  303. package/components/digi-util-keydown-handler.d.ts +1 -1
  304. package/components/digi-util-keyup-handler.d.ts +1 -1
  305. package/components/digi-util-mutation-observer.d.ts +1 -1
  306. package/components/digi-util-resize-observer.d.ts +1 -1
  307. package/components/index.d.ts +283 -283
  308. package/components/{p-98765f91.js → p-504118d4.js} +1 -1
  309. package/components/{p-0dd35954.js → p-669e7c83.js} +54 -72
  310. package/components/{p-08cf2c0e.js → p-903a27d9.js} +19 -0
  311. package/components/{p-e3961597.js → p-9cbf7565.js} +9 -9
  312. package/components/{p-5010c1e6.js → p-aa63b60e.js} +1 -1
  313. package/components/{p-05a97800.js → p-cb20ea78.js} +5 -5
  314. package/custom-elements.json +23 -23
  315. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  316. package/dist/cjs/digi-bar-chart.cjs.entry.js +1 -1
  317. package/dist/cjs/{digi-button_19.cjs.entry.js → digi-button_17.cjs.entry.js} +117 -268
  318. package/dist/cjs/digi-calendar-week-view.cjs.entry.js +1 -1
  319. package/dist/cjs/digi-chart-line.cjs.entry.js +1 -1
  320. package/dist/cjs/digi-code-block_3.cjs.entry.js +3 -2
  321. package/dist/cjs/digi-code-example.cjs.entry.js +1 -1
  322. package/dist/cjs/digi-dialog.cjs.entry.js +2 -1
  323. package/dist/cjs/digi-expandable-accordion.cjs.entry.js +1 -1
  324. package/dist/cjs/digi-footer.cjs.entry.js +2 -1
  325. package/dist/cjs/digi-form-category-filter.cjs.entry.js +2 -2
  326. package/dist/cjs/digi-form-error-list.cjs.entry.js +2 -1
  327. package/dist/cjs/digi-form-file-upload.cjs.entry.js +7 -7
  328. package/dist/cjs/digi-form-filter.cjs.entry.js +1 -1
  329. package/dist/cjs/digi-form-receipt.cjs.entry.js +2 -1
  330. package/dist/cjs/digi-form-select-filter.cjs.entry.js +10 -9
  331. package/dist/cjs/digi-form-textarea.cjs.entry.js +133 -0
  332. package/dist/cjs/digi-header-navigation.cjs.entry.js +2 -1
  333. package/dist/cjs/digi-header.cjs.entry.js +2 -1
  334. package/dist/cjs/digi-navigation-breadcrumbs.cjs.entry.js +1 -1
  335. package/dist/cjs/digi-navigation-pagination.cjs.entry.js +2 -1
  336. package/dist/cjs/digi-notification-alert.cjs.entry.js +2 -1
  337. package/dist/cjs/digi-notification-error-page.cjs.entry.js +2 -1
  338. package/dist/cjs/digi-progress-circle.cjs.entry.js +1 -1
  339. package/dist/cjs/digi-progress-indicator.cjs.entry.js +1 -1
  340. package/dist/cjs/digi-progress-list-item.cjs.entry.js +1 -1
  341. package/dist/cjs/digi-progressbar.cjs.entry.js +1 -1
  342. package/dist/cjs/digi-tag.cjs.entry.js +1 -1
  343. package/dist/cjs/digi-tools-feedback.cjs.entry.js +2 -1
  344. package/dist/cjs/digi-typography-time.cjs.entry.js +1 -1
  345. package/dist/cjs/digi-typography.cjs.entry.js +26 -0
  346. package/dist/cjs/form-textarea-variation.enum-9c90d40f.js +17 -0
  347. package/dist/cjs/index-81fc5a97.js +10 -2
  348. package/dist/cjs/index.cjs.js +14 -13
  349. package/dist/cjs/loader.cjs.js +1 -1
  350. package/dist/cjs/{text-3157012b.js → text-65b1b58c.js} +19 -0
  351. package/dist/cjs/{typography-variation.enum-c6bb12f2.js → typography-variation.enum-6077eba3.js} +0 -16
  352. package/dist/collection/components/_calendar/calendar/calendar.js +61 -77
  353. package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css +4 -1
  354. package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.js +115 -75
  355. package/dist/collection/components/_form/form-category-filter/form-category-filter.js +13 -13
  356. package/dist/collection/components/_form/form-file-upload/form-file-upload.js +6 -6
  357. package/dist/collection/components/_form/form-input/form-input.js +9 -9
  358. package/dist/collection/components/_form/form-select/form-select.js +6 -6
  359. package/dist/collection/components/_form/form-select-filter/form-select-filter.js +27 -15
  360. package/dist/collection/components/_form/form-textarea/form-textarea.js +6 -9
  361. package/dist/collection/text/locale/sv/text.js +19 -0
  362. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  363. package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
  364. package/dist/digi-arbetsformedlingen/{p-460572d9.entry.js → p-038a6f4d.entry.js} +1 -1
  365. package/dist/digi-arbetsformedlingen/p-03e35369.entry.js +1 -0
  366. package/dist/digi-arbetsformedlingen/{p-5ffc1490.entry.js → p-04b9fcfc.entry.js} +1 -1
  367. package/dist/digi-arbetsformedlingen/p-086ef192.entry.js +1 -0
  368. package/dist/digi-arbetsformedlingen/{p-58a86b5f.entry.js → p-1472371d.entry.js} +1 -1
  369. package/dist/digi-arbetsformedlingen/p-19f13b56.entry.js +1 -0
  370. package/dist/digi-arbetsformedlingen/p-220c63f6.entry.js +1 -0
  371. package/dist/digi-arbetsformedlingen/p-365e6558.entry.js +1 -0
  372. package/dist/digi-arbetsformedlingen/{p-693e33b2.entry.js → p-3d0c0083.entry.js} +1 -1
  373. package/dist/digi-arbetsformedlingen/{p-48f60428.entry.js → p-41e16393.entry.js} +1 -1
  374. package/dist/digi-arbetsformedlingen/{p-4a1af082.entry.js → p-4e81efad.entry.js} +1 -1
  375. package/dist/digi-arbetsformedlingen/p-59bf3077.js +1 -0
  376. package/dist/digi-arbetsformedlingen/p-64067f33.entry.js +1 -0
  377. package/dist/digi-arbetsformedlingen/{p-73358d64.entry.js → p-6ea62ad2.entry.js} +1 -1
  378. package/dist/digi-arbetsformedlingen/p-7bdbb8b4.entry.js +1 -0
  379. package/dist/digi-arbetsformedlingen/p-903a27d9.js +1 -0
  380. package/dist/digi-arbetsformedlingen/{p-e2fe3edf.entry.js → p-954b1a74.entry.js} +1 -1
  381. package/dist/digi-arbetsformedlingen/p-9c5a93d8.js +1 -0
  382. package/dist/digi-arbetsformedlingen/{p-bfb78e9e.entry.js → p-9ebefb9c.entry.js} +1 -1
  383. package/dist/digi-arbetsformedlingen/p-9ed7d731.entry.js +1 -0
  384. package/dist/digi-arbetsformedlingen/p-ac812f71.entry.js +1 -0
  385. package/dist/digi-arbetsformedlingen/p-b21ccf7c.entry.js +1 -0
  386. package/dist/digi-arbetsformedlingen/p-b4c9f295.entry.js +1 -0
  387. package/dist/digi-arbetsformedlingen/p-d0465354.entry.js +1 -0
  388. package/dist/digi-arbetsformedlingen/{p-3ae0fb97.entry.js → p-d24cebf9.entry.js} +1 -1
  389. package/dist/digi-arbetsformedlingen/p-d6cc9061.entry.js +1 -0
  390. package/dist/digi-arbetsformedlingen/p-df0dfa95.entry.js +1 -0
  391. package/dist/digi-arbetsformedlingen/{p-79c6ecc6.entry.js → p-dff9777b.entry.js} +1 -1
  392. package/dist/digi-arbetsformedlingen/{p-1a12faea.entry.js → p-e03b9727.entry.js} +1 -1
  393. package/dist/digi-arbetsformedlingen/{p-1443ee18.entry.js → p-e955c7bd.entry.js} +1 -1
  394. package/dist/digi-arbetsformedlingen/p-ed3db5d0.entry.js +1 -0
  395. package/dist/digi-arbetsformedlingen/p-fb17bf4b.entry.js +1 -0
  396. package/dist/digi-arbetsformedlingen/p-fd32cb7c.entry.js +1 -0
  397. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  398. package/dist/esm/digi-bar-chart.entry.js +1 -1
  399. package/dist/esm/{digi-button_19.entry.js → digi-button_17.entry.js} +118 -267
  400. package/dist/esm/digi-calendar-week-view.entry.js +1 -1
  401. package/dist/esm/digi-chart-line.entry.js +1 -1
  402. package/dist/esm/digi-code-block_3.entry.js +3 -2
  403. package/dist/esm/digi-code-example.entry.js +1 -1
  404. package/dist/esm/digi-dialog.entry.js +2 -1
  405. package/dist/esm/digi-expandable-accordion.entry.js +1 -1
  406. package/dist/esm/digi-footer.entry.js +2 -1
  407. package/dist/esm/digi-form-category-filter.entry.js +2 -2
  408. package/dist/esm/digi-form-error-list.entry.js +2 -1
  409. package/dist/esm/digi-form-file-upload.entry.js +7 -7
  410. package/dist/esm/digi-form-filter.entry.js +1 -1
  411. package/dist/esm/digi-form-receipt.entry.js +2 -1
  412. package/dist/esm/digi-form-select-filter.entry.js +10 -9
  413. package/dist/esm/digi-form-textarea.entry.js +129 -0
  414. package/dist/esm/digi-header-navigation.entry.js +2 -1
  415. package/dist/esm/digi-header.entry.js +2 -1
  416. package/dist/esm/digi-navigation-breadcrumbs.entry.js +1 -1
  417. package/dist/esm/digi-navigation-pagination.entry.js +2 -1
  418. package/dist/esm/digi-notification-alert.entry.js +2 -1
  419. package/dist/esm/digi-notification-error-page.entry.js +2 -1
  420. package/dist/esm/digi-progress-circle.entry.js +1 -1
  421. package/dist/esm/digi-progress-indicator.entry.js +1 -1
  422. package/dist/esm/digi-progress-list-item.entry.js +1 -1
  423. package/dist/esm/digi-progressbar.entry.js +1 -1
  424. package/dist/esm/digi-tag.entry.js +1 -1
  425. package/dist/esm/digi-tools-feedback.entry.js +2 -1
  426. package/dist/esm/digi-typography-time.entry.js +1 -1
  427. package/dist/esm/digi-typography.entry.js +22 -0
  428. package/dist/esm/form-textarea-variation.enum-05017e8e.js +17 -0
  429. package/dist/esm/index-bfea2cc5.js +10 -2
  430. package/dist/esm/index.js +2 -1
  431. package/dist/esm/loader.js +1 -1
  432. package/dist/esm/{text-26e02c8d.js → text-8f88c0f6.js} +19 -0
  433. package/dist/esm/{typography-variation.enum-dea0fe69.js → typography-variation.enum-04944af5.js} +1 -17
  434. package/dist/types/components/_calendar/calendar/calendar.d.ts +12 -12
  435. package/dist/types/components/_calendar/calendar-datepicker/calendar-datepicker.d.ts +38 -32
  436. package/dist/types/components/_form/form-category-filter/form-category-filter.d.ts +10 -10
  437. package/dist/types/components/_form/form-input/form-input.d.ts +0 -1
  438. package/dist/types/components/_form/form-select/form-select.d.ts +2 -2
  439. package/dist/types/components/_form/form-select-filter/form-select-filter.d.ts +4 -4
  440. package/dist/types/components/_form/form-textarea/form-textarea.d.ts +0 -1
  441. package/dist/types/components.d.ts +126 -110
  442. package/dist/types/text/locale/sv/text.d.ts +6 -0
  443. package/hydrate/index.js +158 -147
  444. package/hydrate/index.mjs +158 -147
  445. package/package.json +1 -1
  446. package/dist/digi-arbetsformedlingen/p-02a6c3e6.entry.js +0 -1
  447. package/dist/digi-arbetsformedlingen/p-08cf2c0e.js +0 -1
  448. package/dist/digi-arbetsformedlingen/p-11035a85.entry.js +0 -1
  449. package/dist/digi-arbetsformedlingen/p-2242582b.entry.js +0 -1
  450. package/dist/digi-arbetsformedlingen/p-4f68f34d.entry.js +0 -1
  451. package/dist/digi-arbetsformedlingen/p-5990798b.entry.js +0 -1
  452. package/dist/digi-arbetsformedlingen/p-5bd4feb1.entry.js +0 -1
  453. package/dist/digi-arbetsformedlingen/p-5c6726e4.entry.js +0 -1
  454. package/dist/digi-arbetsformedlingen/p-648ed420.entry.js +0 -1
  455. package/dist/digi-arbetsformedlingen/p-6c701c64.entry.js +0 -1
  456. package/dist/digi-arbetsformedlingen/p-70cd00fd.entry.js +0 -1
  457. package/dist/digi-arbetsformedlingen/p-871eb27f.entry.js +0 -1
  458. package/dist/digi-arbetsformedlingen/p-8dde1275.entry.js +0 -1
  459. package/dist/digi-arbetsformedlingen/p-903cd4b7.entry.js +0 -1
  460. package/dist/digi-arbetsformedlingen/p-94170a0d.entry.js +0 -1
  461. package/dist/digi-arbetsformedlingen/p-aa63b05a.entry.js +0 -1
  462. package/dist/digi-arbetsformedlingen/p-bb92f2eb.js +0 -1
package/hydrate/index.js CHANGED
@@ -7934,6 +7934,7 @@ const common = {
7934
7934
  required: 'Obligatoriskt',
7935
7935
  optional: 'Frivilligt',
7936
7936
  of: 'av',
7937
+ and: 'och',
7937
7938
  today: 'Idag',
7938
7939
  cancel: 'Avbryt',
7939
7940
  canceled: 'Avbruten',
@@ -7949,6 +7950,24 @@ const common = {
7949
7950
  };
7950
7951
  const calendar = {
7951
7952
  screenReaderInstructions: 'För navigering mellan månader med piltangenterna, använd inte den virtuella markören.',
7953
+ year: 'År',
7954
+ month: 'Månad',
7955
+ months: [
7956
+ 'januari',
7957
+ 'februari',
7958
+ 'mars',
7959
+ 'april',
7960
+ 'maj',
7961
+ 'juni',
7962
+ 'juli',
7963
+ 'augusti',
7964
+ 'september',
7965
+ 'oktober',
7966
+ 'november',
7967
+ 'december'
7968
+ ],
7969
+ previousMonth: 'föregående månad',
7970
+ nextMonth: 'nästa månad',
7952
7971
  week: 'Vecka',
7953
7972
  weekdays: {
7954
7973
  mon: 'Måndag',
@@ -8037,15 +8056,11 @@ class Calendar {
8037
8056
  this.afOnFocusOutside = createEvent(this, "afOnFocusOutside", 7);
8038
8057
  this.afOnClickOutside = createEvent(this, "afOnClickOutside", 7);
8039
8058
  this.afOnDirty = createEvent(this, "afOnDirty", 7);
8040
- var _a;
8041
- this.locale = ((_a = document === null || document === void 0 ? void 0 : document.documentElement) === null || _a === void 0 ? void 0 : _a.lang) || 'sv-SE';
8042
- this.activeCalendar = [];
8043
- this.months = [];
8044
8059
  this.selectedDates = [];
8045
8060
  this.focusedDate = undefined;
8046
8061
  this.dirty = false;
8047
8062
  this.afId = randomIdGenerator('digi-calendar');
8048
- this.afInitFocusDate = undefined;
8063
+ this.afOpenCalendarTo = undefined;
8049
8064
  this.afShowWeekNumber = false;
8050
8065
  this.afSelectedDate = undefined;
8051
8066
  this.afSelectedDates = [];
@@ -8054,6 +8069,13 @@ class Calendar {
8054
8069
  this.afMaxDate = undefined;
8055
8070
  this.afMultipleDates = false;
8056
8071
  this.afYearSelect = false;
8072
+ this.activeCalendar = [];
8073
+ }
8074
+ focusedDateChanged() {
8075
+ this.drawCalendar(this.focusedDate);
8076
+ }
8077
+ afOpenCalendarToChangeHandler() {
8078
+ this.determineFocusedDate();
8057
8079
  }
8058
8080
  afSelectedDateChangeHandler() {
8059
8081
  this.afSelectedDates = isValid(this.afSelectedDate)
@@ -8066,24 +8088,12 @@ class Calendar {
8066
8088
  const invalidDate = this.afSelectedDates.find((date) => !isValid(date));
8067
8089
  if (invalidDate === undefined) {
8068
8090
  this.selectedDates = this.afSelectedDates;
8069
- if (this.afInitFocusDate && isValid(this.afInitFocusDate)) {
8070
- this.focusedDate = this.afInitFocusDate;
8071
- }
8072
- else {
8073
- this.focusedDate = new Date(this.afSelectedDates
8074
- .slice()
8075
- .sort((a, b) => a.getTime() - b.getTime())[0]);
8076
- }
8091
+ this.determineFocusedDate();
8077
8092
  }
8078
8093
  }
8079
8094
  else if (isValid(this.afSelectedDates[0])) {
8080
8095
  this.selectedDates = [this.afSelectedDates[0]];
8081
- if (this.afInitFocusDate && isValid(this.afInitFocusDate)) {
8082
- this.focusedDate = this.afInitFocusDate;
8083
- }
8084
- else {
8085
- this.focusedDate = new Date(this.afSelectedDates[0]);
8086
- }
8096
+ this.determineFocusedDate();
8087
8097
  }
8088
8098
  }
8089
8099
  else {
@@ -8104,6 +8114,20 @@ class Calendar {
8104
8114
  this.afOnClickOutside.emit(e);
8105
8115
  }
8106
8116
  }
8117
+ determineFocusedDate() {
8118
+ if (this.dirty) {
8119
+ return; // Don't change focused date if user has already interacted with the calendar
8120
+ }
8121
+ else if (this.afOpenCalendarTo && isValid(this.afOpenCalendarTo)) {
8122
+ this.focusedDate = this.afOpenCalendarTo;
8123
+ }
8124
+ else if (this.selectedDates.length > 0) {
8125
+ this.focusedDate = this.selectedDates[0];
8126
+ }
8127
+ else {
8128
+ this.focusedDate = new Date();
8129
+ }
8130
+ }
8107
8131
  drawCalendar(focusedDate) {
8108
8132
  const date = {
8109
8133
  year: focusedDate.getFullYear(),
@@ -8113,20 +8137,6 @@ class Calendar {
8113
8137
  this.firstWeekOfNextMonth = this.getWeekDays(this.getFirstDayOfNextMonth(date));
8114
8138
  this.weeksBetween = this.getWeeksBetween(this.getLastDayOfPrevMonth(date), this.getFirstDayOfNextMonth(date));
8115
8139
  this.weekDaysbetween = this.getWeekdaysOfMonth(this.weeksBetween);
8116
- this.months = [
8117
- 'januari',
8118
- 'februari',
8119
- 'mars',
8120
- 'april',
8121
- 'maj',
8122
- 'juni',
8123
- 'juli',
8124
- 'augusti',
8125
- 'september',
8126
- 'oktober',
8127
- 'november',
8128
- 'december'
8129
- ];
8130
8140
  this.activeCalendar = this.appendFirstWeekOfNextMonth()
8131
8141
  ? [
8132
8142
  this.lastWeekOfPreviousMonth,
@@ -8157,10 +8167,9 @@ class Calendar {
8157
8167
  getWeekDays(date) {
8158
8168
  const today = date || new Date();
8159
8169
  const week = [];
8170
+ const dayOffset = today.getDay(); // 0=söndag
8160
8171
  for (let i = 1; i <= 7; i++) {
8161
- const first = today.getDate() - today.getDay() + i;
8162
- const day = new Date(today.setDate(first));
8163
- week.push(day);
8172
+ week.push(new Date(today.getFullYear(), today.getMonth(), today.getDate() - dayOffset + i));
8164
8173
  }
8165
8174
  return week;
8166
8175
  }
@@ -8211,13 +8220,13 @@ class Calendar {
8211
8220
  }
8212
8221
  getMonthName(monthNumber) {
8213
8222
  return new Date(1992, monthNumber, 1)
8214
- .toLocaleDateString(this.locale, {
8223
+ .toLocaleDateString(_t.locale, {
8215
8224
  month: 'short'
8216
8225
  })
8217
8226
  .replace('.', '');
8218
8227
  }
8219
8228
  getFullMonthName(monthNumber) {
8220
- return new Date(this.focusedDate.getFullYear(), monthNumber, 1).toLocaleDateString(this.locale, {
8229
+ return new Date(this.focusedDate.getFullYear(), monthNumber, 1).toLocaleDateString(_t.locale, {
8221
8230
  month: 'long',
8222
8231
  year: 'numeric'
8223
8232
  });
@@ -8342,8 +8351,8 @@ class Calendar {
8342
8351
  if (this.dirty) {
8343
8352
  return this.isSameDate(date, this.focusedDate);
8344
8353
  }
8345
- if (this.afInitFocusDate) {
8346
- return this.isSameDate(date, this.afInitFocusDate);
8354
+ if (this.afOpenCalendarTo) {
8355
+ return this.isSameDate(date, this.afOpenCalendarTo);
8347
8356
  }
8348
8357
  return this.isSameMonth(date, new Date())
8349
8358
  ? this.isSameDate(date, new Date())
@@ -8364,14 +8373,14 @@ class Calendar {
8364
8373
  const lastDayOfSelectedMonth = new Date(tempDate.getFullYear(), selectedMonth + 1, 0).getDate();
8365
8374
  tempDate.setDate(Math.min(currentDay, lastDayOfSelectedMonth));
8366
8375
  this.focusedDate = tempDate;
8367
- this.drawCalendar(this.focusedDate);
8368
8376
  }
8369
8377
  selectYear(evt) {
8370
8378
  this.onDirty();
8371
- const tempDate = this.focusedDate;
8372
- tempDate.setFullYear(evt.target.value);
8373
- this.focusedDate = tempDate;
8374
- this.drawCalendar(this.focusedDate);
8379
+ const selectedYear = parseInt(evt.target.value, 10);
8380
+ // Skydda mot ogiltiga datum som 29 februari
8381
+ const day = Math.min(this.focusedDate.getDate(), new Date(selectedYear, this.focusedDate.getMonth() + 1, 0).getDate());
8382
+ const newDate = new Date(selectedYear, this.focusedDate.getMonth(), day);
8383
+ this.focusedDate = newDate;
8375
8384
  }
8376
8385
  earliestSelectableYear() {
8377
8386
  if (this.afMinDate)
@@ -8401,20 +8410,7 @@ class Calendar {
8401
8410
  if (valid.length > 0)
8402
8411
  this.selectedDates = valid;
8403
8412
  }
8404
- if (this.afInitFocusDate && isValid(this.afInitFocusDate)) {
8405
- this.focusedDate = this.afInitFocusDate;
8406
- }
8407
- else if (this.selectedDates.length > 0) {
8408
- this.focusedDate = this.selectedDates
8409
- .slice()
8410
- .sort((a, b) => a.getTime() - b.getTime())[0];
8411
- }
8412
- else {
8413
- this.focusedDate = new Date();
8414
- }
8415
- this.drawCalendar(this.focusedDate);
8416
- }
8417
- componentWillUpdate() {
8413
+ this.determineFocusedDate();
8418
8414
  this.drawCalendar(this.focusedDate);
8419
8415
  }
8420
8416
  async componentDidLoad() {
@@ -8435,18 +8431,18 @@ class Calendar {
8435
8431
  };
8436
8432
  }
8437
8433
  render() {
8438
- return (hAsync("div", { key: 'a65aa1b63553ff82c432a81fa9fd9821b88a39ab', class: {
8434
+ return (hAsync("div", { key: '2951c3cb75fbace29267998e7e17ed48fd7c934f', class: {
8439
8435
  'digi-calendar': true,
8440
8436
  'digi-calendar--hide': !this.afActive
8441
- }, id: `${this.afId}-calendar` }, this.afYearSelect && (hAsync("div", { key: '9cdea2a354a094a7dbe68bc7dd796143ed21acb6', class: "digi-calendar__header" }, hAsync("div", { key: '3731070e6c432b2bed6985034db41b141a27214e', class: "digi-calendar__header--year-select" }, hAsync("digi-form-select", { key: '06e3d06b3ef6d7ad262f9eeb927a12167ca8a48b', afLabel: "M\u00E5nad", "af-variation": "small", afValue: this.focusedDate.getMonth().toString(), onAfOnSelect: (evt) => {
8437
+ }, id: `${this.afId}-calendar` }, this.afYearSelect && (hAsync("div", { key: '0afa63be62669edd3ecef28953711892810a308b', class: "digi-calendar__header" }, hAsync("div", { key: '37d19ca99a173d0195179a361d7460c18e3e75db', class: "digi-calendar__header--year-select" }, hAsync("digi-form-select", { key: '6c5cde1508e7948b675d4495190f04a69c321570', afLabel: _t.calendar.month, "af-variation": "small", afValue: this.focusedDate.getMonth().toString(), onAfOnSelect: (evt) => {
8442
8438
  this.selectMonth(evt);
8443
- } }, this.months.map((month, index) => {
8439
+ } }, _t.calendar.months.map((month, index) => {
8444
8440
  return hAsync("option", { value: index }, month);
8445
- })), hAsync("digi-form-select", { key: '60bde04287db50b5d887ddcb31839f1fe159b09a', afLabel: "\u00C5r", "af-variation": "small", afValue: this.focusedDate.getFullYear().toString(), onAfOnSelect: (evt) => {
8441
+ })), hAsync("digi-form-select", { key: '2ac58393e542efb8dab01da4aa3367107646f524', afLabel: _t.calendar.year, "af-variation": "small", afValue: this.focusedDate.getFullYear().toString(), onAfOnSelect: (evt) => {
8446
8442
  this.selectYear(evt);
8447
- } }, this.allSelectableYears().map((year) => (hAsync("option", { value: year.toString() }, year))))))), !this.afYearSelect && (hAsync("div", { key: '75b68570a03ee6f921a4b36f3fa08d6c7b52c277', class: "digi-calendar__header" }, hAsync("div", { key: 'c4a4f28576b93368e1eca7a0fab5f88866b98cf7', class: "digi-calendar__header--month-step" }, hAsync("button", { key: '69058f8bd1eff3d2e54a6436c36e5c4b8441422e', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.focusedDate.getMonth() - 1) +
8448
- ', föregående månad', onClick: () => this.subtractMonth() }, hAsync("digi-icon-chevron-left", { key: 'af76697caee12f4f88920cd0fdb869b02f2b9ce5', slot: "icon", "aria-hidden": "true" }), hAsync("span", { key: '6a0692868882f344f0a32f9d73c0c0a0ddd2b826', class: "digi-calendar__month-select-name" }, this.getMonthName(this.focusedDate.getMonth() - 1))), hAsync("div", { key: '9224acc84fc325ff9d15dbfc8a9dd6592f11e9f8', class: "digi-calendar__month" }, this.getFullMonthName(this.focusedDate.getMonth())), hAsync("button", { key: '15346caa9359c8eed3c14315b7fd862ed4786bf6', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.focusedDate.getMonth() + 1) +
8449
- ', nästa månad', onClick: () => this.addMonth() }, hAsync("span", { key: '69046c2421fc47d7e840ce79a30ea201846872b1', class: "digi-calendar__month-select-name" }, this.getMonthName(this.focusedDate.getMonth() + 1)), hAsync("digi-icon-chevron-right", { key: '0c08338d76c0137d4a001cef22d2eff8d8b347ea', slot: "icon", "aria-hidden": "true" }))))), hAsync("digi-util-keydown-handler", { key: 'f49051c6fe7d5f9aa922988a681c6fc6ed981ff8', onAfOnDown: (e) => this.navigateHandler(e, 7), onAfOnUp: (e) => this.navigateHandler(e, -7), onAfOnLeft: (e) => this.navigateHandler(e, -1), onAfOnRight: (e) => this.navigateHandler(e, 1) }, hAsync("table", { key: 'e1b09f2fb0c93c46804dfce34ac2e9e367a9d79d', role: "grid", class: "digi-calendar__table" }, hAsync("thead", { key: 'bc8915a5cbf3093cab17fb2778f892e1fd099d9a' }, hAsync("tr", { key: '1b72c4136c864d3af56b1ab9db8b2963a7b0fbca', role: "row" }, this.afShowWeekNumber && (hAsync("th", { key: 'ab422d5c5e5a23b9debdb9225a53430d4f8ec302', role: "columnheader", abbr: _t.calendar.week, class: "digi-calendar__table-header-week" }, _t.calendar.week.toLowerCase())), Object.keys(_t.calendar.weekdays).map((day) => (hAsync("th", { role: "columnheader", "aria-label": _t.calendar.weekdays[day], abbr: _t.calendar.weekdays[day], class: "digi-calendar__table-header" }, _t.calendar.weekdays_short[day].toLowerCase()))))), hAsync("tbody", { key: 'af2273dae429b8d3d67f5df853d49f6508fe8f41', ref: (el) => (this._tbody = el) }, this.activeCalendar.map((week) => {
8443
+ } }, this.allSelectableYears().map((year) => (hAsync("option", { value: year.toString() }, year))))))), !this.afYearSelect && (hAsync("div", { key: '0c715aeece50ada4c13173e95a431b4bf3b2d584', class: "digi-calendar__header" }, hAsync("div", { key: '7183e490dbfe41f705b06e525907c63a11d13c7d', class: "digi-calendar__header--month-step" }, hAsync("button", { key: '1ac729938041d87ee0a2588211c09ff8eaedafae', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.focusedDate.getMonth() - 1) +
8444
+ ', ' + _t.calendar.previousMonth, onClick: () => this.subtractMonth() }, hAsync("digi-icon-chevron-left", { key: '2fc849f377c0d817d2c03b2f365f5f35ae2ae422', slot: "icon", "aria-hidden": "true" }), hAsync("span", { key: '9a454f6a75c8525d0559013f420083461e59e38c', class: "digi-calendar__month-select-name" }, this.getMonthName(this.focusedDate.getMonth() - 1))), hAsync("div", { key: 'fe11bd1a3e7fe57152136e6cd05763735d64c164', class: "digi-calendar__month" }, this.getFullMonthName(this.focusedDate.getMonth())), hAsync("button", { key: '1b46134446f5fb21be57b3d9b492a227c732aded', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.focusedDate.getMonth() + 1) +
8445
+ ', ' + _t.calendar.nextMonth, onClick: () => this.addMonth() }, hAsync("span", { key: '07efeb5a1b3341814e6a9fd3cbe9c81fdf8d55fb', class: "digi-calendar__month-select-name" }, this.getMonthName(this.focusedDate.getMonth() + 1)), hAsync("digi-icon-chevron-right", { key: 'f16b49b2d05d06a928b944f515b9706d21a860d7', slot: "icon", "aria-hidden": "true" }))))), hAsync("digi-util-keydown-handler", { key: 'dc86ed3df6e5f70384b9e2ada473f4af2a11ccca', onAfOnDown: (e) => this.navigateHandler(e, 7), onAfOnUp: (e) => this.navigateHandler(e, -7), onAfOnLeft: (e) => this.navigateHandler(e, -1), onAfOnRight: (e) => this.navigateHandler(e, 1) }, hAsync("table", { key: 'f493df85506b3482066bc542e19630311180d224', role: "grid", class: "digi-calendar__table" }, hAsync("thead", { key: 'b2f33f1dc3b75c4406df209e0cd37ff6e915dfa4' }, hAsync("tr", { key: '74baa5b744116ad187f5cb04ff5b160117698adc', role: "row" }, this.afShowWeekNumber && (hAsync("th", { key: '4cd7f3261eb3fb270a0299a23f4ced5d21301270', role: "columnheader", abbr: _t.calendar.week, class: "digi-calendar__table-header-week" }, _t.calendar.week.toLowerCase())), Object.keys(_t.calendar.weekdays).map((day) => (hAsync("th", { role: "columnheader", "aria-label": _t.calendar.weekdays[day], abbr: _t.calendar.weekdays[day], class: "digi-calendar__table-header" }, _t.calendar.weekdays_short[day].toLowerCase()))))), hAsync("tbody", { key: '40266516692ee0a3b67781ff51881bf71fa325ba', ref: (el) => (this._tbody = el) }, this.activeCalendar.map((week) => {
8450
8446
  return (hAsync("tr", null, week.map((day, i) => {
8451
8447
  if (this.afShowWeekNumber && i === 0) {
8452
8448
  return (hAsync("th", { role: "rowheader", "aria-label": _t.calendar.week + ' ' + day, class: "digi-calendar__td-week digi-calendar__date--week-number", id: 'digi-calendar__week-' + day }, day));
@@ -8461,9 +8457,11 @@ class Calendar {
8461
8457
  : null }, hAsync("span", { "aria-hidden": "true" }, day.getDate()))));
8462
8458
  }
8463
8459
  })));
8464
- })))), hAsync("slot", { key: '081dffb3256ce8febd43fc0842bed7bee26cd228', name: "calendar-footer" })));
8460
+ })))), hAsync("slot", { key: 'a1d6061116378a7f60fbc8d779999db45cf04b86', name: "calendar-footer" })));
8465
8461
  }
8466
8462
  static get watchers() { return {
8463
+ "focusedDate": ["focusedDateChanged"],
8464
+ "afOpenCalendarTo": ["afOpenCalendarToChangeHandler"],
8467
8465
  "afSelectedDate": ["afSelectedDateChangeHandler"],
8468
8466
  "afSelectedDates": ["afSelectedDatesChangeHandler"]
8469
8467
  }; }
@@ -8473,7 +8471,7 @@ class Calendar {
8473
8471
  "$tagName$": "digi-calendar",
8474
8472
  "$members$": {
8475
8473
  "afId": [1, "af-id"],
8476
- "afInitFocusDate": [16],
8474
+ "afOpenCalendarTo": [16],
8477
8475
  "afShowWeekNumber": [4, "af-show-week-number"],
8478
8476
  "afSelectedDate": [16],
8479
8477
  "afSelectedDates": [16],
@@ -8484,7 +8482,8 @@ class Calendar {
8484
8482
  "afYearSelect": [4, "af-year-select"],
8485
8483
  "selectedDates": [32],
8486
8484
  "focusedDate": [32],
8487
- "dirty": [32]
8485
+ "dirty": [32],
8486
+ "activeCalendar": [32]
8488
8487
  },
8489
8488
  "$listeners$": [[4, "focusin", "focusoutHandler"], [8, "click", "clickHandler"]],
8490
8489
  "$lazyBundleId$": "-",
@@ -9390,7 +9389,7 @@ var UtilBreakpointObserverBreakpoints;
9390
9389
  UtilBreakpointObserverBreakpoints["XLARGE"] = "xlarge";
9391
9390
  })(UtilBreakpointObserverBreakpoints || (UtilBreakpointObserverBreakpoints = {}));
9392
9391
 
9393
- const calendarDatepickerCss = ".sc-digi-calendar-datepicker:root{--digi--grayscale--0:#ffffff;--digi--grayscale--50:#fbfbfb;--digi--grayscale--100:#f4f4f4;--digi--grayscale--200:#ededed;--digi--grayscale--300:#e4e4e4;--digi--grayscale--400:#dddddd;--digi--grayscale--500:#cacaca;--digi--grayscale--600:#acacac;--digi--grayscale--700:#757575;--digi--grayscale--800:#5c5c5c;--digi--grayscale--900:#333333;--digi--grayscale--1000:#000000;--digi--sentiment--informative--200:#e9e9ff;--digi--sentiment--informative--500:#0A4DD1;--digi--sentiment--informative--700:#0058a3;--digi--sentiment--error--200:#fdeded;--digi--sentiment--error--500:#da0000;--digi--sentiment--error--700:#c7311a;--digi--sentiment--success--200:#e9f6ec;--digi--sentiment--success--500:#008A20;--digi--sentiment--success--700:#02703c;--digi--sentiment--warning--200:#fff398;--digi--sentiment--warning--50:#fffbdd;--digi--sentiment--warning--500:#ffe200;--digi--sentiment--warning--700:#ffc108;--digi--sentiment--warning--900:#664d00;--digi--misc--transparent:#ffffff00;--digi--animation--duration--base:var(--digi--global--animation--duration--base);--digi--animation--duration--small:var(--digi--global--animation--duration--short);--digi--animation--duration--large:var(--digi--global--animation--duration--longer);--digi--animation--duration--reduced:var(--digi--global--animation--duration--shortest);--digi--animation--duration--sweep:var(--digi--global--animation--duration--longest);--digi--animation--rotation--45:var(--digi--global--animation--rotation--smallest-2);--digi--animation--rotation--90:var(--digi--global--animation--rotation--smallest);--digi--animation--rotation--135:var(--digi--global--animation--rotation--smaller);--digi--animation--rotation--180:var(--digi--global--animation--rotation--small);--digi--animation--rotation--225:var(--digi--global--animation--rotation--base);--digi--animation--rotation--270:var(--digi--global--animation--rotation--large);--digi--animation--rotation--315:var(--digi--global--animation--rotation--larger);--digi--animation--rotation--360:var(--digi--global--animation--rotation--largest);--digi--global--animation--duration--base:.3s;--digi--global--animation--duration--short:.2s;--digi--global--animation--duration--shorter:.1s;--digi--global--animation--duration--shortest:.01s;--digi--global--animation--duration--long:.4s;--digi--global--animation--duration--longer:.5s;--digi--global--animation--duration--longest:4s;--digi--global--animation--rotation--smallest-2:0deg;--digi--global--animation--rotation--smallest:45deg;--digi--global--animation--rotation--smaller:90deg;--digi--global--animation--rotation--small:135deg;--digi--global--animation--rotation--base:180deg;--digi--global--animation--rotation--large:225deg;--digi--global--animation--rotation--larger:270deg;--digi--global--animation--rotation--largest:315deg;--digi--global--animation--rotation--largest-2:360deg;--digi--global--border-radius--base:6px;--digi--global--border-radius--small:4px;--digi--global--border-radius--smaller:3px;--digi--global--border-radius--smallest:2px;--digi--global--border-radius--smallest-2:1px;--digi--global--border-radius--smallest-3:0px;--digi--global--border-radius--large:8px;--digi--global--border-radius--larger:16px;--digi--global--border-radius--largest:32px;--digi--global--border-radius--largest-2:64px;--digi--global--border-width--base:2px;--digi--global--border-width--small:1px;--digi--global--border-width--smaller:0px;--digi--global--border-width--large:4px;--digi--global--border-width--larger:6px;--digi--global--border-width--largest:8px;--digi--global--border-width--largest-2:10px;--digi--global--border-style--solid:solid;--digi--global--border-style--none:none;--digi--global--border-style--dashed:dashed;--digi--global--spacing--base:16px;--digi--global--spacing--small:14px;--digi--global--spacing--smaller:12px;--digi--global--spacing--smallest:10px;--digi--global--spacing--smallest-2:8px;--digi--global--spacing--smallest-3:6px;--digi--global--spacing--smallest-4:4px;--digi--global--spacing--smallest-5:3px;--digi--global--spacing--smallest-6:2px;--digi--global--spacing--smallest-7:1px;--digi--global--spacing--large:18px;--digi--global--spacing--larger:20px;--digi--global--spacing---:22px;--digi--global--spacing--largest-2:24px;--digi--global--spacing--largest-3:28px;--digi--global--spacing--largest-4:32px;--digi--global--spacing--largest-5:40px;--digi--global--spacing--largest-6:48px;--digi--global--spacing--largest-7:56px;--digi--global--spacing--largest-8:64px;--digi--global--spacing--largest:22px;--digi--global--spacing--largest-3-5:30px;--digi--global--spacing--largest-9:72px;--digi--global--spacing--largest-10:80px;--digi--global--breakpoint--smallest-3:374px;--digi--global--breakpoint--smallest-2:375px;--digi--global--breakpoint--smallest:575px;--digi--global--breakpoint--smaller:576px;--digi--global--breakpoint--small:767px;--digi--global--breakpoint--medium:768px;--digi--global--breakpoint--large:991px;--digi--global--breakpoint--larger:992px;--digi--global--breakpoint--largest:1199px;--digi--global--breakpoint--largest-2:1200px;--digi--global--breakpoint--largest-3:1399px;--digi--global--breakpoint--largest-4:1400px;--digi--global--size--smaller:auto;--digi--global--size--small:36rem;--digi--global--size--base:48rem;--digi--global--size--large:62rem;--digi--global--size--larger:75rem;--digi--global--size--largest:87.5rem;--digi--global--text-width--small:31rem;--digi--global--text-width--base:35rem;--digi--global--text-width--large:40rem;--digi--global--text-width--larger:44rem;--digi--global--text-width--largest:48rem;--digi--global--text-width--largest-2:53rem;--digi--global--text-width--largest-3:61rem;--digi--global--text-width--largest-4:70rem;--digi--global--typography--line-height--base:1.5;--digi--global--typography--line-height--small:1;--digi--global--typography--line-height--large:2;--digi--global--typography--font-size--base:1rem;--digi--global--typography--font-size--small:0.875rem;--digi--global--typography--font-size--smaller:0.75rem;--digi--global--typography--font-size--large:1.125rem;--digi--global--typography--font-size--larger:1.25rem;--digi--global--typography--font-size--largest:1.375rem;--digi--global--typography--font-size--largest-2:1.5rem;--digi--global--typography--font-size--largest-3:1.75rem;--digi--global--typography--font-size--largest-4:2rem;--digi--global--typography--font-size--largest-5:2.25rem;--digi--global--typography--font-size--interaction-small:0.875rem;--digi--global--typography--font-size--interaction-medium:1rem;--digi--global--typography--font-size--interaction-large:1.125rem;--digi--global--typography--font-size--largest-6:2.5rem;--digi--global--typography--font-weight--regular:400;--digi--global--typography--font-weight--light:300;--digi--global--typography--font-weight--semibold:600;--digi--global--typography--font-weight--bold:700;--digi--global--typography--font-family--default:\"Open Sans\";--digi--global--typography--font-family--mono:Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;--digi--global--typography--text-decoration--default:none;--digi--global--typography--text-decoration--link:underline;--digi--border-radius--primary:var(--digi--global--border-radius--smallest-3);--digi--border-radius--secondary:var(--digi--global--border-radius--base);--digi--border-radius--tertiary:var(--digi--global--border-radius--smaller);--digi--border-radius--complementary-1:var(--digi--global--border-radius--largest);--digi--border-radius--complementary-2:var(--digi--global--border-radius--largest-2);--digi--border-radius--button:var(--digi--global--border-radius--base);--digi--border-radius--input:var(--digi--global--border-radius--smallest-3);--digi--border-radius--input-search:var(--digi--global--border-radius--base);--digi--border-radius--complementary-3:var(--digi--global--border-radius--larger);--digi--border-width--primary:var(--digi--global--border-width--small);--digi--border-width--secondary:var(--digi--global--border-width--base);--digi--border-width--complementary-1:var(--digi--global--border-width--largest);--digi--border-width--complementary-2:var(--digi--global--border-width--largest-2);--digi--border-width--input-regular:var(--digi--global--border-width--small);--digi--border-width--input-validation:var(--digi--global--border-width--base);--digi--border-width--button:var(--digi--global--border-width--small);--digi--border-style--primary:var(--digi--global--border-style--solid);--digi--border-style--secondary:var(--digi--global--border-style--none);--digi--padding--medium:var(--digi--global--spacing--base);--digi--padding--smaller:var(--digi--global--spacing--smallest-2);--digi--padding--small:var(--digi--global--spacing--smaller);--digi--padding--large:var(--digi--global--spacing--largest-2);--digi--padding--larger:var(--digi--global--spacing--largest-3);--digi--padding--largest:var(--digi--global--spacing--largest-4);--digi--padding--largest-2:var(--digi--global--spacing--largest-5);--digi--padding--largest-3:var(--digi--global--spacing--largest-6);--digi--margin--smaller:var(--digi--global--spacing--smallest-2);--digi--margin--small:var(--digi--global--spacing--smallest);--digi--margin--medium:var(--digi--global--spacing--base);--digi--margin--large:var(--digi--global--spacing--largest-2);--digi--margin--larger:var(--digi--global--spacing--largest-3);--digi--margin--largest:var(--digi--global--spacing--largest-4);--digi--margin--h1-small:var(--digi--global--spacing--base);--digi--margin--h1-medium:var(--digi--global--spacing--largest-2);--digi--margin--h1-large:var(--digi--global--spacing--largest-4);--digi--margin--h2-small:var(--digi--global--spacing--base);--digi--margin--h2-large:var(--digi--global--spacing--base);--digi--margin--h3-small:var(--digi--global--spacing--smallest-2);--digi--margin--h3-large:var(--digi--global--spacing--smallest-2);--digi--margin--h4-h6-small:var(--digi--global--spacing--smallest-2);--digi--margin--h4-h6-large:var(--digi--global--spacing--smallest-2);--digi--margin--text-small:var(--digi--global--spacing--largest-2);--digi--margin--text-large:var(--digi--global--spacing--largest-2);--digi--gutter--largest-3:var(--digi--global--spacing--largest-2);--digi--gutter--largest-2:var(--digi--global--spacing--larger);--digi--gutter--largest:var(--digi--global--spacing--base);--digi--gutter--larger:var(--digi--global--spacing--smaller);--digi--gutter--large:var(--digi--global--spacing--smallest);--digi--gutter--medium:var(--digi--global--spacing--smallest-2);--digi--gutter--small:var(--digi--global--spacing--smallest-3);--digi--gutter--smaller:var(--digi--global--spacing--smallest-4);--digi--gutter--smallest:var(--digi--global--spacing--smallest-5);--digi--gutter--smallest-2:var(--digi--global--spacing--smallest-6);--digi--gutter--smallest-3:var(--digi--global--spacing--smallest-7);--digi--gutter--button-block-small:var(--digi--global--spacing--smallest-3);--digi--gutter--button-block-medium:var(--digi--global--spacing--smallest-2);--digi--gutter--button-block-large:var(--digi--global--spacing--smallest);--digi--gutter--button-inline-small:var(--digi--global--spacing--smallest-2);--digi--gutter--button-inline-medium:var(--digi--global--spacing--base);--digi--gutter--button-inline-large:var(--digi--global--spacing--largest-2);--digi--gutter--icon:var(--digi--global--spacing--smallest);--digi--breakpoint--small-below:var(--digi--global--breakpoint--smallest);--digi--breakpoint--small:var(--digi--global--breakpoint--smaller);--digi--breakpoint--medium-below:var(--digi--global--breakpoint--small);--digi--breakpoint--medium:var(--digi--global--breakpoint--medium);--digi--breakpoint--large-below:var(--digi--global--breakpoint--large);--digi--breakpoint--large:var(--digi--global--breakpoint--larger);--digi--breakpoint--x-large-below:var(--digi--global--breakpoint--largest);--digi--breakpoint--x-large:var(--digi--global--breakpoint--largest-2);--digi--breakpoint--xx-large-below:var(--digi--global--breakpoint--largest-3);--digi--breakpoint--xx-large:var(--digi--global--breakpoint--largest-4);--digi--container-width--smaller:var(--digi--global--size--smaller);--digi--container-width--small:var(--digi--global--size--small);--digi--container-width--base:var(--digi--global--size--base);--digi--container-width--medium:var(--digi--global--size--base);--digi--container-width--large:var(--digi--global--size--large);--digi--container-width--larger:var(--digi--global--size--larger);--digi--container-width--largest:var(--digi--global--size--largest);--digi--container-gutter--smaller:var(--digi--global--spacing--base);--digi--container-gutter--small:var(--digi--global--spacing--large);--digi--container-gutter--base:var(--digi--global--spacing--base);--digi--container-gutter--medium:var(--digi--global--spacing--largest-2);--digi--container-gutter--large:var(--digi--global--spacing--base);--digi--container-gutter--larger:var(--digi--global--spacing--largest-3-5);--digi--container-gutter--largest:var(--digi--global--spacing--largest-5);--digi--paragraph-width--medium:var(--digi--global--text-width--base);--digi--paragraph-width--large:var(--digi--global--text-width--large);--digi--input-height--small:var(--digi--global--spacing--largest-4);--digi--input-height--medium:var(--digi--global--spacing--largest-5);--digi--input-height--large:var(--digi--global--spacing--largest-6);--digi--typography--body--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--body--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--body--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--body--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--body--font-weight--desktop-large:var(--digi--global--typography--font-weight--regular);--digi--typography--body--font-weight--mobile:var(--digi--global--typography--font-weight--regular);--digi--typography--body--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--body--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--body--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--body--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--body--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--body--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--description--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--description--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--description--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-size--desktop:var(--digi--global--typography--font-size--largest-4);--digi--typography--heading-1--font-size--desktop-large:var(--digi--global--typography--font-size--largest-6);--digi--typography--heading-1--font-size--mobile:var(--digi--global--typography--font-size--largest-3);--digi--typography--heading-1--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-1--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-1--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--font-size--desktop:var(--digi--global--typography--font-size--largest-2);--digi--typography--heading-2--font-size--desktop-large:var(--digi--global--typography--font-size--largest-3);--digi--typography--heading-2--font-size--mobile:var(--digi--global--typography--font-size--largest);--digi--typography--heading-2--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--font-size--desktop:var(--digi--global--typography--font-size--larger);--digi--typography--heading-3--font-size--desktop-large:var(--digi--global--typography--font-size--largest);--digi--typography--heading-3--font-size--mobile:var(--digi--global--typography--font-size--large);--digi--typography--heading-3--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--heading-4--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--heading-4--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--heading-4--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-jumbo--font-size--desktop:var(--digi--global--typography--font-size--largest-4);--digi--typography--heading-jumbo--font-size--desktop-large:var(--digi--global--typography--font-size--largest-6);--digi--typography--heading-jumbo--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--input--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--label--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--label--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--label--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--label--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--label-description--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--label-description--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--link--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--link--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--link--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--link--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--link--font-weight--desktop-large:var(--digi--global--typography--font-weight--regular);--digi--typography--link--font-weight--mobile:var(--digi--global--typography--font-weight--regular);--digi--typography--link--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--link--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--link--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--link--text-decoration--desktop:var(--digi--global--typography--text-decoration--link);--digi--typography--link--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--link);--digi--typography--link--text-decoration--mobile:var(--digi--global--typography--text-decoration--link);--digi--typography--link-bold--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--preamble--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--preamble--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--preamble--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--preamble--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--preamble--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--accordion--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--accordion--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--accordion--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--tag--font-size--desktop:var(--digi--global--typography--font-size--small);--digi--typography--tag--font-size--mobile:var(--digi--global--typography--font-size--small);--digi--typography--tag--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--breadcrumbs--font-size--desktop:var(--digi--global--typography--font-size--small);--digi--typography--breadcrumbs--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--title-logo--font-size--desktop:var(--digi--global--typography--font-size--largest-5);--digi--typography--title-logo--font-size--desktop-large:var(--digi--global--typography--font-size--largest-5);--digi--typography--title-logo--font-size--mobile:var(--digi--global--typography--font-size--largest-3);--digi--typography--title-logo--font-weight--desktop:var(--digi--global--typography--font-weight--bold);--digi--typography--button--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--button--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--button--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--color--logotype-color:var(--digi--color--logotype-color--light);--digi--color--infographic--lineart:var(--digi--color--infographic--lineart--light);--digi--color--infographic--background:var(--digi--color--infographic--background--light);--digi--color--infographic--brand--primary:var(--digi--color--infographic--brand--primary--light);--digi--color--infographic--brand--secondary:var(--digi--color--infographic--brand--secondary--light);--digi--color--infographic--brand--tertiary:var(--digi--color--infographic--brand--tertiary--light);--digi--color--text--primary:var(--digi--color--text--primary--light);--digi--color--text--secondary:var(--digi--color--text--secondary--light);--digi--color--text--description:var(--digi--color--text--description--light);--digi--color--text--interactive--primary:var(--digi--color--text--interactive--primary--light);--digi--color--text--interactive--secondary:var(--digi--color--text--interactive--secondary--light);--digi--color--text--interactive--tertiary:var(--digi--color--text--interactive--tertiary--light);--digi--color--text--interactive--brand-primary:var(--digi--color--text--interactive--brand-primary--light);--digi--color--text--interactive--brand-secondary:var(--digi--color--text--interactive--brand-secondary--light);--digi--color--text--interactive--visited:var(--digi--color--text--interactive--visited--light);--digi--color--background--primary:var(--digi--color--background--primary--light);--digi--color--background--secondary:var(--digi--color--background--secondary--light);--digi--color--background--secondary-muted:var(--digi--color--background--secondary-muted--light);--digi--color--background--secondary-accent:var(--digi--color--background--secondary-accent--light);--digi--color--background--pop-out:var(--digi--color--background--pop-out--light);--digi--color--background--brand-primary:var(--digi--color--background--brand-primary--light);--digi--color--background--transparent:var(--digi--color--background--transparent--light);--digi--color--background--notification:var(--digi--color--background--notification--light);--digi--color--background--interactive--default--primary:var(--digi--color--background--interactive--default--primary--light);--digi--color--background--interactive--default--primary-inverted:var(--digi--color--background--interactive--default--primary-inverted--light);--digi--color--background--interactive--default--secondary:var(--digi--color--background--interactive--default--secondary--light);--digi--color--background--interactive--default--secondary-inverted:var(--digi--color--background--interactive--default--secondary-inverted--light);--digi--color--background--interactive--default--tertiary:var(--digi--color--background--interactive--default--tertiary--light);--digi--color--background--interactive--default--quaternary:var(--digi--color--background--interactive--default--quaternary--light);--digi--color--background--interactive--default--input-elements:var(--digi--color--background--interactive--default--input-elements--light);--digi--color--background--interactive--default--pop-out:var(--digi--color--background--interactive--default--pop-out--light);--digi--color--background--interactive--hover--primary:var(--digi--color--background--interactive--hover--primary--light);--digi--color--background--interactive--hover--secondary:var(--digi--color--background--interactive--hover--secondary--light);--digi--color--background--interactive--hover--tertiary:var(--digi--color--background--interactive--hover--tertiary--light);--digi--color--background--interactive--hover--quarternary:var(--digi--color--background--interactive--hover--quarternary--light);--digi--color--background--interactive--hover--inverted:var(--digi--color--background--interactive--hover--inverted--light);--digi--color--background--interactive--selected--primary:var(--digi--color--background--interactive--selected--primary--light);--digi--color--background--interactive--selected--secondary:var(--digi--color--background--interactive--selected--secondary--light);--digi--color--background--interactive--selected--tertiary:var(--digi--color--background--interactive--selected--tertiary--light);--digi--color--background--interactive--selected--on-menu-minus-button:var(--digi--color--background--interactive--selected--on-menu-minus-button--light);--digi--color--background--interactive--validation--success:var(--digi--color--background--interactive--validation--success--light);--digi--color--background--interactive--validation--warning:var(--digi--color--background--interactive--validation--warning--light);--digi--color--background--interactive--validation--error:var(--digi--color--background--interactive--validation--error--light);--digi--color--background--sentiment--error--primary:var(--digi--color--background--sentiment--error--primary--light);--digi--color--background--sentiment--error--secondary:var(--digi--color--background--sentiment--error--secondary--light);--digi--color--background--sentiment--error--tertiary:var(--digi--color--background--sentiment--error--tertiary--light);--digi--color--background--sentiment--success--primary:var(--digi--color--background--sentiment--success--primary--light);--digi--color--background--sentiment--success--secondary:var(--digi--color--background--sentiment--success--secondary--light);--digi--color--background--sentiment--success--tertiary:var(--digi--color--background--sentiment--success--tertiary--light);--digi--color--background--sentiment--warning--primary:var(--digi--color--background--sentiment--warning--primary--light);--digi--color--background--sentiment--warning--secondary:var(--digi--color--background--sentiment--warning--secondary--light);--digi--color--background--sentiment--warning--tertiary:var(--digi--color--background--sentiment--warning--tertiary--light);--digi--color--background--sentiment--warning--quarternary:var(--digi--color--background--sentiment--warning--quarternary--light);--digi--color--background--sentiment--info--primary:var(--digi--color--background--sentiment--info--primary--light);--digi--color--background--sentiment--info--secondary:var(--digi--color--background--sentiment--info--secondary--light);--digi--color--background--sentiment--info--tertiary:var(--digi--color--background--sentiment--info--tertiary--light);--digi--color--background--sentiment--neutral--primary:var(--digi--color--background--sentiment--neutral--primary--light);--digi--color--background--sentiment--neutral--secondary:var(--digi--color--background--sentiment--neutral--secondary--light);--digi--color--background--sentiment--neutral--tertiary:var(--digi--color--background--sentiment--neutral--tertiary--light);--digi--color--background--sentiment--beta--primary:var(--digi--color--background--sentiment--beta--primary--light);--digi--color--background--sentiment--beta--secondary:var(--digi--color--background--sentiment--beta--secondary--light);--digi--color--border--notification:var(--digi--color--border--notification--light);--digi--color--border--transparent:var(--digi--color--border--transparent--light);--digi--color--border--interactive--default--primary:var(--digi--color--border--interactive--default--primary--light);--digi--color--border--interactive--default--on-input:var(--digi--color--border--interactive--default--on-input--light);--digi--color--border--interactive--default--on-input-nuance:var(--digi--color--border--interactive--default--on-input-nuance--light);--digi--color--border--interactive--default--inverted:var(--digi--color--border--interactive--default--inverted--light);--digi--color--border--interactive--hover--primary:var(--digi--color--border--interactive--hover--primary--light);--digi--color--border--interactive--hover--secondary:var(--digi--color--border--interactive--hover--secondary--light);--digi--color--border--interactive--hover--inverted:var(--digi--color--border--interactive--hover--inverted--light);--digi--color--border--interactive--validation--success:var(--digi--color--border--interactive--validation--success--light);--digi--color--border--interactive--validation--warning:var(--digi--color--border--interactive--validation--warning--light);--digi--color--border--interactive--validation--error:var(--digi--color--border--interactive--validation--error--light);--digi--color--border--interactive--selected--primary:var(--digi--color--border--interactive--selected--primary--light);--digi--color--border--interactive--selected--secondary:var(--digi--color--border--interactive--selected--secondary--light);--digi--color--border--sentiment--error:var(--digi--color--border--sentiment--error--light);--digi--color--border--sentiment--success:var(--digi--color--border--sentiment--success--light);--digi--color--border--sentiment--warning:var(--digi--color--border--sentiment--warning--light);--digi--color--border--sentiment--info:var(--digi--color--border--sentiment--info--light);--digi--color--border--accent--primary:var(--digi--color--border--accent--primary--light);--digi--color--border--accent--secondary:var(--digi--color--border--accent--secondary--light);--digi--color--marking--navigation--selected:var(--digi--color--marking--navigation--selected--light);--digi--color--marking--navigation--level-active:var(--digi--color--marking--navigation--level-active--light);--digi--color--marking--navigation--level-inactive:var(--digi--color--marking--navigation--level-inactive--light);--digi--color--marking--indication--primary:var(--digi--color--marking--indication--primary--light);--digi--color--marking--indication--secondary:var(--digi--color--marking--indication--secondary--light);--digi--color--marking--indication--tertiary:var(--digi--color--marking--indication--tertiary--light);--digi--color--divider--primary:var(--digi--color--divider--primary--light);--digi--color--divider--secondary:var(--digi--color--divider--secondary--light);--digi--color--divider--on-brand-primary:var(--digi--color--divider--on-brand-primary--light);--digi--color--divider--cta:var(--digi--color--divider--cta--light);--digi--color--icon--primary:var(--digi--color--icon--primary--light);--digi--color--icon--secondary:var(--digi--color--icon--secondary--light);--digi--color--icon--cta:var(--digi--color--icon--cta--light);--digi--color--icon--brand-primary:var(--digi--color--icon--brand-primary--light);--digi--color--icon--brand-secondary:var(--digi--color--icon--brand-secondary--light);--digi--color--icon--validation--success:var(--digi--color--icon--validation--success--light);--digi--color--icon--validation--warning:var(--digi--color--icon--validation--warning--light);--digi--color--icon--validation--error:var(--digi--color--icon--validation--error--light);--digi--color--misc--spinner-path:var(--digi--color--misc--spinner-path--light);--digi--color--misc--skeleton:var(--digi--color--misc--skeleton--light);--digi--amethyst--500:#822998;--digi--granskott--150:#f2faf2;--digi--granskott--200:#ebf8eb;--digi--granskott--250:#ddf4dd;--digi--granskott--300:#cbecc9;--digi--granskott--350:#ace4ad;--digi--granskott--650:#1db920;--digi--granskott--700:#02a704;--digi--granskott--750:#018903;--digi--granskott--800:#016503;--digi--natthimmel--200:#e9f6fd;--digi--natthimmel--250:#ddf1fc;--digi--natthimmel--300:#c9e9fa;--digi--natthimmel--350:#abdef7;--digi--natthimmel--700:#043982;--digi--natthimmel--800:#091d54;--digi--natthimmel--900:#071744;--digi--norrsken--400:#aaf5ab;--digi--norrsken--500:#67ee6a;--digi--rallarros--300:#f8ddf5;--digi--rallarros--500:#ce1cbd;--digi--sapphire--500:#1616b2;--digi--color--logotype-color--light:var(--digi--granskott--700);--digi--color--infographic--lineart--light:var(--digi--grayscale--900);--digi--color--infographic--background--light:var(--digi--grayscale--0);--digi--color--infographic--brand--primary--light:var(--digi--granskott--700);--digi--color--infographic--brand--secondary--light:var(--digi--granskott--250);--digi--color--infographic--brand--tertiary--light:var(--digi--rallarros--500);--digi--color--text--primary--light:var(--digi--grayscale--900);--digi--color--text--secondary--light:var(--digi--grayscale--0);--digi--color--text--description--light:var(--digi--grayscale--800);--digi--color--text--interactive--primary--light:var(--digi--sapphire--500);--digi--color--text--interactive--secondary--light:var(--digi--grayscale--0);--digi--color--text--interactive--tertiary--light:var(--digi--grayscale--900);--digi--color--text--interactive--brand-primary--light:var(--digi--natthimmel--800);--digi--color--text--interactive--brand-secondary--light:var(--digi--norrsken--500);--digi--color--text--interactive--visited--light:var(--digi--amethyst--500);--digi--color--background--primary--light:var(--digi--grayscale--0);--digi--color--background--secondary--light:var(--digi--grayscale--100);--digi--color--background--secondary-muted--light:var(--digi--grayscale--50);--digi--color--background--secondary-accent--light:var(--digi--grayscale--400);--digi--color--background--pop-out--light:var(--digi--granskott--200);--digi--color--background--brand-primary--light:var(--digi--natthimmel--800);--digi--color--background--transparent--light:var(--digi--misc--transparent);--digi--color--background--notification--light:var(--digi--sentiment--error--500);--digi--color--background--interactive--default--primary--light:var(--digi--natthimmel--800);--digi--color--background--interactive--default--primary-inverted--light:var(--digi--norrsken--500);--digi--color--background--interactive--default--secondary--light:var(--digi--grayscale--0);--digi--color--background--interactive--default--secondary-inverted--light:var(--digi--misc--transparent);--digi--color--background--interactive--default--tertiary--light:var(--digi--grayscale--200);--digi--color--background--interactive--default--quaternary--light:var(--digi--grayscale--100);--digi--color--background--interactive--default--input-elements--light:var(--digi--grayscale--0);--digi--color--background--interactive--default--pop-out--light:var(--digi--granskott--150);--digi--color--background--interactive--hover--primary--light:var(--digi--natthimmel--700);--digi--color--background--interactive--hover--secondary--light:var(--digi--natthimmel--250);--digi--color--background--interactive--hover--tertiary--light:var(--digi--sapphire--500);--digi--color--background--interactive--hover--quarternary--light:var(--digi--grayscale--200);--digi--color--background--interactive--hover--inverted--light:var(--digi--norrsken--400);--digi--color--background--interactive--selected--primary--light:var(--digi--sentiment--success--500);--digi--color--background--interactive--selected--secondary--light:var(--digi--natthimmel--800);--digi--color--background--interactive--selected--tertiary--light:var(--digi--grayscale--200);--digi--color--background--interactive--selected--on-menu-minus-button--light:var(--digi--granskott--250);--digi--color--background--interactive--validation--success--light:var(--digi--sentiment--success--200);--digi--color--background--interactive--validation--warning--light:var(--digi--sentiment--warning--50);--digi--color--background--interactive--validation--error--light:var(--digi--sentiment--error--200);--digi--color--background--sentiment--error--primary--light:var(--digi--sentiment--error--500);--digi--color--background--sentiment--error--secondary--light:var(--digi--sentiment--error--700);--digi--color--background--sentiment--error--tertiary--light:var(--digi--sentiment--error--200);--digi--color--background--sentiment--success--primary--light:var(--digi--sentiment--success--500);--digi--color--background--sentiment--success--secondary--light:var(--digi--sentiment--success--700);--digi--color--background--sentiment--success--tertiary--light:var(--digi--sentiment--success--200);--digi--color--background--sentiment--warning--primary--light:var(--digi--sentiment--warning--500);--digi--color--background--sentiment--warning--secondary--light:var(--digi--sentiment--warning--700);--digi--color--background--sentiment--warning--tertiary--light:var(--digi--sentiment--warning--200);--digi--color--background--sentiment--warning--quarternary--light:var(--digi--sentiment--warning--50);--digi--color--background--sentiment--info--primary--light:var(--digi--sentiment--informative--500);--digi--color--background--sentiment--info--secondary--light:var(--digi--sentiment--informative--700);--digi--color--background--sentiment--info--tertiary--light:var(--digi--sentiment--informative--200);--digi--color--background--sentiment--neutral--primary--light:var(--digi--grayscale--700);--digi--color--background--sentiment--neutral--secondary--light:var(--digi--grayscale--400);--digi--color--background--sentiment--neutral--tertiary--light:var(--digi--grayscale--900);--digi--color--background--sentiment--beta--primary--light:var(--digi--rallarros--500);--digi--color--background--sentiment--beta--secondary--light:var(--digi--rallarros--300);--digi--color--border--notification--light:var(--digi--grayscale--0);--digi--color--border--transparent--light:var(--digi--misc--transparent);--digi--color--border--interactive--default--primary--light:var(--digi--natthimmel--800);--digi--color--border--interactive--default--on-input--light:var(--digi--grayscale--900);--digi--color--border--interactive--default--on-input-nuance--light:var(--digi--grayscale--800);--digi--color--border--interactive--default--inverted--light:var(--digi--norrsken--500);--digi--color--border--interactive--hover--primary--light:var(--digi--natthimmel--700);--digi--color--border--interactive--hover--secondary--light:var(--digi--natthimmel--800);--digi--color--border--interactive--hover--inverted--light:var(--digi--norrsken--400);--digi--color--border--interactive--validation--success--light:var(--digi--sentiment--success--500);--digi--color--border--interactive--validation--warning--light:var(--digi--sentiment--warning--900);--digi--color--border--interactive--validation--error--light:var(--digi--sentiment--error--500);--digi--color--border--interactive--selected--primary--light:var(--digi--sentiment--success--500);--digi--color--border--interactive--selected--secondary--light:var(--digi--natthimmel--800);--digi--color--border--sentiment--error--light:var(--digi--sentiment--error--500);--digi--color--border--sentiment--success--light:var(--digi--sentiment--success--500);--digi--color--border--sentiment--warning--light:var(--digi--sentiment--warning--500);--digi--color--border--sentiment--info--light:var(--digi--sentiment--informative--500);--digi--color--border--accent--primary--light:var(--digi--natthimmel--800);--digi--color--border--accent--secondary--light:var(--digi--granskott--700);--digi--color--marking--navigation--selected--light:var(--digi--granskott--700);--digi--color--marking--navigation--level-active--light:var(--digi--granskott--250);--digi--color--marking--navigation--level-inactive--light:var(--digi--grayscale--100);--digi--color--marking--indication--primary--light:var(--digi--sentiment--success--500);--digi--color--marking--indication--secondary--light:var(--digi--natthimmel--800);--digi--color--marking--indication--tertiary--light:var(--digi--grayscale--700);--digi--color--divider--primary--light:var(--digi--grayscale--400);--digi--color--divider--secondary--light:var(--digi--grayscale--200);--digi--color--divider--on-brand-primary--light:var(--digi--natthimmel--350);--digi--color--divider--cta--light:var(--digi--sapphire--500);--digi--color--icon--primary--light:var(--digi--grayscale--900);--digi--color--icon--secondary--light:var(--digi--grayscale--0);--digi--color--icon--cta--light:var(--digi--sapphire--500);--digi--color--icon--brand-primary--light:var(--digi--natthimmel--800);--digi--color--icon--brand-secondary--light:var(--digi--granskott--700);--digi--color--icon--validation--success--light:var(--digi--sentiment--success--500);--digi--color--icon--validation--warning--light:var(--digi--sentiment--warning--500);--digi--color--icon--validation--error--light:var(--digi--sentiment--error--500);--digi--color--misc--spinner-path--light:var(--digi--grayscale--400);--digi--color--misc--skeleton--light:var(--digi--grayscale--400);--digi--color--amber--200:#fff398;--digi--color--amber--50:#fffbdd;--digi--color--amber--500:#ffe200;--digi--color--amber--700:#ffc108;--digi--color--amber--900:#664d00;--digi--color--amethyst--500:#822998;--digi--color--forest--200:#e9f6ec;--digi--color--forest--500:#009322;--digi--color--forest--700:#02703c;--digi--color--indigo--200:#e9e9ff;--digi--color--indigo--500:#0000ff;--digi--color--indigo--700:#0058a3;--digi--color--jade--100:#bddfda;--digi--color--jade--200:#7fc1b6;--digi--color--jade--400:#379d8d;--digi--color--jade--50:#ddeeec;--digi--color--jade--500:#058470;--digi--color--jade--600:#046a5a;--digi--color--jade--700:#035548;--digi--color--jade--900:#02372f;--digi--color--leaf--100:#f1f7e5;--digi--color--leaf--200:#ddebc1;--digi--color--leaf--400:#aace65;--digi--color--leaf--500:#95c23e;--digi--color--leaf--600:#779b32;--digi--color--moon--0:#ffffff;--digi--color--pear--500:#b7ee4a;--digi--color--pear--600:#a7d943;--digi--color--rose--100:#f4cada;--digi--color--rose--200:#e997b7;--digi--color--rose--400:#dd5c8e;--digi--color--rose--50:#f9e4ec;--digi--color--rose--500:#d43372;--digi--color--rose--600:#bd2e65;--digi--color--rose--700:#882149;--digi--color--rose--900:#54172e;--digi--color--ruby--200:#fdeded;--digi--color--ruby--500:#da0000;--digi--color--ruby--700:#c7311a;--digi--color--sapphire--500:#1616b2;--digi--color--stratos--100:#dddde9;--digi--color--stratos--400:#33337b;--digi--color--stratos--500:#00005a;--digi--color--stratos--600:#000048;--digi--color--water--200:#f1f8fe;--digi--color--water--500:#bdd3e7;--digi--color--water--700:#0058a3;--digi--color--logotype-color--light--af18:var(--digi--color--leaf--500);--digi--color--infographic--lineart--light--af18:var(--digi--grayscale--900);--digi--color--infographic--background--light--af18:var(--digi--grayscale--0);--digi--color--infographic--brand--primary--light--af18:var(--digi--color--leaf--500);--digi--color--infographic--brand--secondary--light--af18:var(--digi--color--leaf--200);--digi--color--infographic--brand--tertiary--light--af18:var(--digi--color--rose--500);--digi--color--text--primary--light--af18:var(--digi--grayscale--900);--digi--color--text--secondary--light--af18:var(--digi--grayscale--0);--digi--color--text--description--light--af18:var(--digi--grayscale--800);--digi--color--text--interactive--primary--light--af18:var(--digi--color--sapphire--500);--digi--color--text--interactive--secondary--light--af18:var(--digi--grayscale--0);--digi--color--text--interactive--tertiary--light--af18:var(--digi--grayscale--900);--digi--color--text--interactive--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--text--interactive--brand-secondary--light--af18:var(--digi--color--leaf--500);--digi--color--text--interactive--visited--light--af18:var(--digi--color--amethyst--500);--digi--color--background--primary--light--af18:var(--digi--grayscale--0);--digi--color--background--secondary--light--af18:var(--digi--grayscale--100);--digi--color--background--secondary-muted--light--af18:var(--digi--grayscale--50);--digi--color--background--secondary-accent--light--af18:var(--digi--grayscale--400);--digi--color--background--pop-out--light--af18:var(--digi--color--leaf--100);--digi--color--background--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--background--transparent--light--af18:var(--digi--misc--transparent);--digi--color--background--notification--light--af18:var(--digi--sentiment--error--500);--digi--color--background--interactive--default--primary--light--af18:var(--digi--color--stratos--500);--digi--color--background--interactive--default--primary-inverted--light--af18:var(--digi--color--leaf--500);--digi--color--background--interactive--default--secondary--light--af18:var(--digi--grayscale--0);--digi--color--background--interactive--default--secondary-inverted--light--af18:var(--digi--misc--transparent);--digi--color--background--interactive--default--tertiary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--default--quaternary--light--af18:var(--digi--grayscale--100);--digi--color--background--interactive--default--input-elements--light--af18:var(--digi--grayscale--0);--digi--color--background--interactive--default--pop-out--light--af18:var(--digi--color--leaf--100);--digi--color--background--interactive--hover--primary--light--af18:var(--digi--color--water--700);--digi--color--background--interactive--hover--secondary--light--af18:var(--digi--color--water--500);--digi--color--background--interactive--hover--tertiary--light--af18:var(--digi--color--sapphire--500);--digi--color--background--interactive--hover--quarternary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--hover--inverted--light--af18:var(--digi--color--pear--500);--digi--color--background--interactive--selected--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--background--interactive--selected--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--background--interactive--selected--tertiary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--selected--on-menu-minus-button--light--af18:var(--digi--color--leaf--200);--digi--color--background--interactive--validation--success--light--af18:var(--digi--sentiment--success--200);--digi--color--background--interactive--validation--warning--light--af18:var(--digi--sentiment--warning--50);--digi--color--background--interactive--validation--error--light--af18:var(--digi--sentiment--error--200);--digi--color--background--sentiment--error--primary--light--af18:var(--digi--sentiment--error--500);--digi--color--background--sentiment--error--secondary--light--af18:var(--digi--sentiment--error--700);--digi--color--background--sentiment--error--tertiary--light--af18:var(--digi--sentiment--error--200);--digi--color--background--sentiment--success--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--background--sentiment--success--secondary--light--af18:var(--digi--sentiment--success--700);--digi--color--background--sentiment--success--tertiary--light--af18:var(--digi--sentiment--success--200);--digi--color--background--sentiment--warning--primary--light--af18:var(--digi--sentiment--warning--500);--digi--color--background--sentiment--warning--secondary--light--af18:var(--digi--sentiment--warning--700);--digi--color--background--sentiment--warning--tertiary--light--af18:var(--digi--sentiment--warning--200);--digi--color--background--sentiment--warning--quarternary--light--af18:var(--digi--sentiment--warning--50);--digi--color--background--sentiment--info--primary--light--af18:var(--digi--sentiment--informative--500);--digi--color--background--sentiment--info--secondary--light--af18:var(--digi--sentiment--informative--700);--digi--color--background--sentiment--info--tertiary--light--af18:var(--digi--sentiment--informative--200);--digi--color--background--sentiment--neutral--primary--light--af18:var(--digi--grayscale--700);--digi--color--background--sentiment--neutral--secondary--light--af18:var(--digi--grayscale--400);--digi--color--background--sentiment--neutral--tertiary--light--af18:var(--digi--grayscale--900);--digi--color--background--sentiment--beta--primary--light--af18:var(--digi--color--rose--500);--digi--color--background--sentiment--beta--secondary--light--af18:var(--digi--color--rose--100);--digi--color--border--notification--light--af18:var(--digi--grayscale--0);--digi--color--border--transparent--light--af18:var(--digi--misc--transparent);--digi--color--border--interactive--default--primary--light--af18:var(--digi--color--stratos--500);--digi--color--border--interactive--default--on-input--light--af18:var(--digi--grayscale--900);--digi--color--border--interactive--default--on-input-nuance--light--af18:var(--digi--grayscale--800);--digi--color--border--interactive--default--inverted--light--af18:var(--digi--color--leaf--500);--digi--color--border--interactive--hover--primary--light--af18:var(--digi--color--water--700);--digi--color--border--interactive--hover--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--border--interactive--hover--inverted--light--af18:var(--digi--color--pear--500);--digi--color--border--interactive--validation--success--light--af18:var(--digi--sentiment--success--500);--digi--color--border--interactive--validation--warning--light--af18:var(--digi--sentiment--warning--900);--digi--color--border--interactive--validation--error--light--af18:var(--digi--sentiment--error--500);--digi--color--border--interactive--selected--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--border--interactive--selected--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--border--sentiment--error--light--af18:var(--digi--sentiment--error--500);--digi--color--border--sentiment--success--light--af18:var(--digi--sentiment--success--500);--digi--color--border--sentiment--warning--light--af18:var(--digi--sentiment--warning--500);--digi--color--border--sentiment--info--light--af18:var(--digi--sentiment--informative--500);--digi--color--border--accent--primary--light--af18:var(--digi--color--stratos--500);--digi--color--border--accent--secondary--light--af18:var(--digi--color--leaf--500);--digi--color--marking--navigation--selected--light--af18:var(--digi--color--leaf--500);--digi--color--marking--navigation--level-active--light--af18:var(--digi--color--leaf--200);--digi--color--marking--navigation--level-inactive--light--af18:var(--digi--grayscale--100);--digi--color--marking--indication--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--marking--indication--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--marking--indication--tertiary--light--af18:var(--digi--grayscale--700);--digi--color--divider--primary--light--af18:var(--digi--grayscale--400);--digi--color--divider--secondary--light--af18:var(--digi--grayscale--200);--digi--color--divider--on-brand-primary--light--af18:var(--digi--color--stratos--400);--digi--color--divider--cta--light--af18:var(--digi--color--sapphire--500);--digi--color--icon--primary--light--af18:var(--digi--grayscale--900);--digi--color--icon--secondary--light--af18:var(--digi--grayscale--0);--digi--color--icon--cta--light--af18:var(--digi--color--sapphire--500);--digi--color--icon--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--icon--brand-secondary--light--af18:var(--digi--color--leaf--500);--digi--color--icon--validation--success--light--af18:var(--digi--sentiment--success--500);--digi--color--icon--validation--warning--light--af18:var(--digi--sentiment--warning--500);--digi--color--icon--validation--error--light--af18:var(--digi--sentiment--error--500);--digi--color--misc--spinner-path--light--af18:var(--digi--grayscale--400);--digi--color--misc--skeleton--light--af18:var(--digi--grayscale--400)}body.sc-digi-calendar-datepicker{font-size:1rem;font-family:\"Open Sans\", Arial, sans-serif}.sc-digi-calendar-datepicker-h{--digi--datepicker--max-width:18.75rem;--digi--datepicker--border-radius:0.25rem;--digi--datepicker--calendar--max-width:20.25rem;--digi--datepicker--calendar--show-week--max-width:23.375rem;--digi--datepicker--calendar-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--datepicker--calendar--background-color:var(--digi--color--background--interactive--default--secondary);--digi--datepicker--input-icon--width:0.875rem;--digi--datepicker--input-icon--horizontal-padding:0.75rem;--digi--datepicker--input-icon--vertical-padding:var(--digi--global--spacing--smallest-2);--digi--datepicker--input--inline-start:var(--digi--gutter--medium);--digi--datepicker--input--inline-end:calc(var(--digi--datepicker--input-icon--width) + var(--digi--datepicker--input-icon--horizontal-padding) * 2);box-sizing:content-box}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker.sc-digi-calendar-datepicker{position:relative}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker{position:relative;max-width:var(--digi--datepicker--max-width)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__inactive.sc-digi-calendar-datepicker{--digi--form-input--background--empty:var(--digi--datepicker--input--inactive-background)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker{background:var(--digi--color--background--primary);height:var(--digi--form-input--height--medium);color:inherit;border:1px solid var(--digi--color--border--interactive--default--on-input);border-left:none;padding:0;font:inherit;outline:inherit;cursor:pointer}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker .digi-calendar-datepicker__button-icon.sc-digi-calendar-datepicker{box-sizing:content-box;width:var(--digi--datepicker--input-icon--width);padding:var(--digi--datepicker--input-icon--vertical-padding) var(--digi--datepicker--input-icon--horizontal-padding)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker svg.sc-digi-calendar-datepicker{color:var(--digi--color--icon--brand-primary)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker:hover{background:var(--digi--color--background--interactive--hover--secondary)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__calendar.sc-digi-calendar-datepicker{max-width:var(--digi--datepicker--calendar--max-width);height:0px;border-radius:var(--digi--datepicker--border-radius);overflow:hidden;z-index:1}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__show-week-numbers.sc-digi-calendar-datepicker .digi-calendar-datepicker__calendar.sc-digi-calendar-datepicker{max-width:var(--digi--datepicker--calendar--show-week--max-width)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__show-calendar.sc-digi-calendar-datepicker .digi-calendar-datepicker__calendar.sc-digi-calendar-datepicker{height:auto;background-color:var(--digi--datepicker--calendar--background-color);box-shadow:var(--digi--datepicker--calendar-shadow);position:absolute;top:var(--digi--datepicker--calendar--popup-top);left:0}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-component.sc-digi-calendar-datepicker{--digi--form-input--padding:0 var(--digi--datepicker--input--inline-end) 0 var(--digi--datepicker--input--inline-start)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__selected-date-alert.sc-digi-calendar-datepicker{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__sr-instructions.sc-digi-calendar-datepicker{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}";
9392
+ const calendarDatepickerCss = ".sc-digi-calendar-datepicker:root{--digi--grayscale--0:#ffffff;--digi--grayscale--50:#fbfbfb;--digi--grayscale--100:#f4f4f4;--digi--grayscale--200:#ededed;--digi--grayscale--300:#e4e4e4;--digi--grayscale--400:#dddddd;--digi--grayscale--500:#cacaca;--digi--grayscale--600:#acacac;--digi--grayscale--700:#757575;--digi--grayscale--800:#5c5c5c;--digi--grayscale--900:#333333;--digi--grayscale--1000:#000000;--digi--sentiment--informative--200:#e9e9ff;--digi--sentiment--informative--500:#0A4DD1;--digi--sentiment--informative--700:#0058a3;--digi--sentiment--error--200:#fdeded;--digi--sentiment--error--500:#da0000;--digi--sentiment--error--700:#c7311a;--digi--sentiment--success--200:#e9f6ec;--digi--sentiment--success--500:#008A20;--digi--sentiment--success--700:#02703c;--digi--sentiment--warning--200:#fff398;--digi--sentiment--warning--50:#fffbdd;--digi--sentiment--warning--500:#ffe200;--digi--sentiment--warning--700:#ffc108;--digi--sentiment--warning--900:#664d00;--digi--misc--transparent:#ffffff00;--digi--animation--duration--base:var(--digi--global--animation--duration--base);--digi--animation--duration--small:var(--digi--global--animation--duration--short);--digi--animation--duration--large:var(--digi--global--animation--duration--longer);--digi--animation--duration--reduced:var(--digi--global--animation--duration--shortest);--digi--animation--duration--sweep:var(--digi--global--animation--duration--longest);--digi--animation--rotation--45:var(--digi--global--animation--rotation--smallest-2);--digi--animation--rotation--90:var(--digi--global--animation--rotation--smallest);--digi--animation--rotation--135:var(--digi--global--animation--rotation--smaller);--digi--animation--rotation--180:var(--digi--global--animation--rotation--small);--digi--animation--rotation--225:var(--digi--global--animation--rotation--base);--digi--animation--rotation--270:var(--digi--global--animation--rotation--large);--digi--animation--rotation--315:var(--digi--global--animation--rotation--larger);--digi--animation--rotation--360:var(--digi--global--animation--rotation--largest);--digi--global--animation--duration--base:.3s;--digi--global--animation--duration--short:.2s;--digi--global--animation--duration--shorter:.1s;--digi--global--animation--duration--shortest:.01s;--digi--global--animation--duration--long:.4s;--digi--global--animation--duration--longer:.5s;--digi--global--animation--duration--longest:4s;--digi--global--animation--rotation--smallest-2:0deg;--digi--global--animation--rotation--smallest:45deg;--digi--global--animation--rotation--smaller:90deg;--digi--global--animation--rotation--small:135deg;--digi--global--animation--rotation--base:180deg;--digi--global--animation--rotation--large:225deg;--digi--global--animation--rotation--larger:270deg;--digi--global--animation--rotation--largest:315deg;--digi--global--animation--rotation--largest-2:360deg;--digi--global--border-radius--base:6px;--digi--global--border-radius--small:4px;--digi--global--border-radius--smaller:3px;--digi--global--border-radius--smallest:2px;--digi--global--border-radius--smallest-2:1px;--digi--global--border-radius--smallest-3:0px;--digi--global--border-radius--large:8px;--digi--global--border-radius--larger:16px;--digi--global--border-radius--largest:32px;--digi--global--border-radius--largest-2:64px;--digi--global--border-width--base:2px;--digi--global--border-width--small:1px;--digi--global--border-width--smaller:0px;--digi--global--border-width--large:4px;--digi--global--border-width--larger:6px;--digi--global--border-width--largest:8px;--digi--global--border-width--largest-2:10px;--digi--global--border-style--solid:solid;--digi--global--border-style--none:none;--digi--global--border-style--dashed:dashed;--digi--global--spacing--base:16px;--digi--global--spacing--small:14px;--digi--global--spacing--smaller:12px;--digi--global--spacing--smallest:10px;--digi--global--spacing--smallest-2:8px;--digi--global--spacing--smallest-3:6px;--digi--global--spacing--smallest-4:4px;--digi--global--spacing--smallest-5:3px;--digi--global--spacing--smallest-6:2px;--digi--global--spacing--smallest-7:1px;--digi--global--spacing--large:18px;--digi--global--spacing--larger:20px;--digi--global--spacing---:22px;--digi--global--spacing--largest-2:24px;--digi--global--spacing--largest-3:28px;--digi--global--spacing--largest-4:32px;--digi--global--spacing--largest-5:40px;--digi--global--spacing--largest-6:48px;--digi--global--spacing--largest-7:56px;--digi--global--spacing--largest-8:64px;--digi--global--spacing--largest:22px;--digi--global--spacing--largest-3-5:30px;--digi--global--spacing--largest-9:72px;--digi--global--spacing--largest-10:80px;--digi--global--breakpoint--smallest-3:374px;--digi--global--breakpoint--smallest-2:375px;--digi--global--breakpoint--smallest:575px;--digi--global--breakpoint--smaller:576px;--digi--global--breakpoint--small:767px;--digi--global--breakpoint--medium:768px;--digi--global--breakpoint--large:991px;--digi--global--breakpoint--larger:992px;--digi--global--breakpoint--largest:1199px;--digi--global--breakpoint--largest-2:1200px;--digi--global--breakpoint--largest-3:1399px;--digi--global--breakpoint--largest-4:1400px;--digi--global--size--smaller:auto;--digi--global--size--small:36rem;--digi--global--size--base:48rem;--digi--global--size--large:62rem;--digi--global--size--larger:75rem;--digi--global--size--largest:87.5rem;--digi--global--text-width--small:31rem;--digi--global--text-width--base:35rem;--digi--global--text-width--large:40rem;--digi--global--text-width--larger:44rem;--digi--global--text-width--largest:48rem;--digi--global--text-width--largest-2:53rem;--digi--global--text-width--largest-3:61rem;--digi--global--text-width--largest-4:70rem;--digi--global--typography--line-height--base:1.5;--digi--global--typography--line-height--small:1;--digi--global--typography--line-height--large:2;--digi--global--typography--font-size--base:1rem;--digi--global--typography--font-size--small:0.875rem;--digi--global--typography--font-size--smaller:0.75rem;--digi--global--typography--font-size--large:1.125rem;--digi--global--typography--font-size--larger:1.25rem;--digi--global--typography--font-size--largest:1.375rem;--digi--global--typography--font-size--largest-2:1.5rem;--digi--global--typography--font-size--largest-3:1.75rem;--digi--global--typography--font-size--largest-4:2rem;--digi--global--typography--font-size--largest-5:2.25rem;--digi--global--typography--font-size--interaction-small:0.875rem;--digi--global--typography--font-size--interaction-medium:1rem;--digi--global--typography--font-size--interaction-large:1.125rem;--digi--global--typography--font-size--largest-6:2.5rem;--digi--global--typography--font-weight--regular:400;--digi--global--typography--font-weight--light:300;--digi--global--typography--font-weight--semibold:600;--digi--global--typography--font-weight--bold:700;--digi--global--typography--font-family--default:\"Open Sans\";--digi--global--typography--font-family--mono:Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;--digi--global--typography--text-decoration--default:none;--digi--global--typography--text-decoration--link:underline;--digi--border-radius--primary:var(--digi--global--border-radius--smallest-3);--digi--border-radius--secondary:var(--digi--global--border-radius--base);--digi--border-radius--tertiary:var(--digi--global--border-radius--smaller);--digi--border-radius--complementary-1:var(--digi--global--border-radius--largest);--digi--border-radius--complementary-2:var(--digi--global--border-radius--largest-2);--digi--border-radius--button:var(--digi--global--border-radius--base);--digi--border-radius--input:var(--digi--global--border-radius--smallest-3);--digi--border-radius--input-search:var(--digi--global--border-radius--base);--digi--border-radius--complementary-3:var(--digi--global--border-radius--larger);--digi--border-width--primary:var(--digi--global--border-width--small);--digi--border-width--secondary:var(--digi--global--border-width--base);--digi--border-width--complementary-1:var(--digi--global--border-width--largest);--digi--border-width--complementary-2:var(--digi--global--border-width--largest-2);--digi--border-width--input-regular:var(--digi--global--border-width--small);--digi--border-width--input-validation:var(--digi--global--border-width--base);--digi--border-width--button:var(--digi--global--border-width--small);--digi--border-style--primary:var(--digi--global--border-style--solid);--digi--border-style--secondary:var(--digi--global--border-style--none);--digi--padding--medium:var(--digi--global--spacing--base);--digi--padding--smaller:var(--digi--global--spacing--smallest-2);--digi--padding--small:var(--digi--global--spacing--smaller);--digi--padding--large:var(--digi--global--spacing--largest-2);--digi--padding--larger:var(--digi--global--spacing--largest-3);--digi--padding--largest:var(--digi--global--spacing--largest-4);--digi--padding--largest-2:var(--digi--global--spacing--largest-5);--digi--padding--largest-3:var(--digi--global--spacing--largest-6);--digi--margin--smaller:var(--digi--global--spacing--smallest-2);--digi--margin--small:var(--digi--global--spacing--smallest);--digi--margin--medium:var(--digi--global--spacing--base);--digi--margin--large:var(--digi--global--spacing--largest-2);--digi--margin--larger:var(--digi--global--spacing--largest-3);--digi--margin--largest:var(--digi--global--spacing--largest-4);--digi--margin--h1-small:var(--digi--global--spacing--base);--digi--margin--h1-medium:var(--digi--global--spacing--largest-2);--digi--margin--h1-large:var(--digi--global--spacing--largest-4);--digi--margin--h2-small:var(--digi--global--spacing--base);--digi--margin--h2-large:var(--digi--global--spacing--base);--digi--margin--h3-small:var(--digi--global--spacing--smallest-2);--digi--margin--h3-large:var(--digi--global--spacing--smallest-2);--digi--margin--h4-h6-small:var(--digi--global--spacing--smallest-2);--digi--margin--h4-h6-large:var(--digi--global--spacing--smallest-2);--digi--margin--text-small:var(--digi--global--spacing--largest-2);--digi--margin--text-large:var(--digi--global--spacing--largest-2);--digi--gutter--largest-3:var(--digi--global--spacing--largest-2);--digi--gutter--largest-2:var(--digi--global--spacing--larger);--digi--gutter--largest:var(--digi--global--spacing--base);--digi--gutter--larger:var(--digi--global--spacing--smaller);--digi--gutter--large:var(--digi--global--spacing--smallest);--digi--gutter--medium:var(--digi--global--spacing--smallest-2);--digi--gutter--small:var(--digi--global--spacing--smallest-3);--digi--gutter--smaller:var(--digi--global--spacing--smallest-4);--digi--gutter--smallest:var(--digi--global--spacing--smallest-5);--digi--gutter--smallest-2:var(--digi--global--spacing--smallest-6);--digi--gutter--smallest-3:var(--digi--global--spacing--smallest-7);--digi--gutter--button-block-small:var(--digi--global--spacing--smallest-3);--digi--gutter--button-block-medium:var(--digi--global--spacing--smallest-2);--digi--gutter--button-block-large:var(--digi--global--spacing--smallest);--digi--gutter--button-inline-small:var(--digi--global--spacing--smallest-2);--digi--gutter--button-inline-medium:var(--digi--global--spacing--base);--digi--gutter--button-inline-large:var(--digi--global--spacing--largest-2);--digi--gutter--icon:var(--digi--global--spacing--smallest);--digi--breakpoint--small-below:var(--digi--global--breakpoint--smallest);--digi--breakpoint--small:var(--digi--global--breakpoint--smaller);--digi--breakpoint--medium-below:var(--digi--global--breakpoint--small);--digi--breakpoint--medium:var(--digi--global--breakpoint--medium);--digi--breakpoint--large-below:var(--digi--global--breakpoint--large);--digi--breakpoint--large:var(--digi--global--breakpoint--larger);--digi--breakpoint--x-large-below:var(--digi--global--breakpoint--largest);--digi--breakpoint--x-large:var(--digi--global--breakpoint--largest-2);--digi--breakpoint--xx-large-below:var(--digi--global--breakpoint--largest-3);--digi--breakpoint--xx-large:var(--digi--global--breakpoint--largest-4);--digi--container-width--smaller:var(--digi--global--size--smaller);--digi--container-width--small:var(--digi--global--size--small);--digi--container-width--base:var(--digi--global--size--base);--digi--container-width--medium:var(--digi--global--size--base);--digi--container-width--large:var(--digi--global--size--large);--digi--container-width--larger:var(--digi--global--size--larger);--digi--container-width--largest:var(--digi--global--size--largest);--digi--container-gutter--smaller:var(--digi--global--spacing--base);--digi--container-gutter--small:var(--digi--global--spacing--large);--digi--container-gutter--base:var(--digi--global--spacing--base);--digi--container-gutter--medium:var(--digi--global--spacing--largest-2);--digi--container-gutter--large:var(--digi--global--spacing--base);--digi--container-gutter--larger:var(--digi--global--spacing--largest-3-5);--digi--container-gutter--largest:var(--digi--global--spacing--largest-5);--digi--paragraph-width--medium:var(--digi--global--text-width--base);--digi--paragraph-width--large:var(--digi--global--text-width--large);--digi--input-height--small:var(--digi--global--spacing--largest-4);--digi--input-height--medium:var(--digi--global--spacing--largest-5);--digi--input-height--large:var(--digi--global--spacing--largest-6);--digi--typography--body--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--body--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--body--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--body--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--body--font-weight--desktop-large:var(--digi--global--typography--font-weight--regular);--digi--typography--body--font-weight--mobile:var(--digi--global--typography--font-weight--regular);--digi--typography--body--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--body--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--body--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--body--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--body--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--body--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--description--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--description--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--description--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-size--desktop:var(--digi--global--typography--font-size--largest-4);--digi--typography--heading-1--font-size--desktop-large:var(--digi--global--typography--font-size--largest-6);--digi--typography--heading-1--font-size--mobile:var(--digi--global--typography--font-size--largest-3);--digi--typography--heading-1--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-1--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-1--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--font-size--desktop:var(--digi--global--typography--font-size--largest-2);--digi--typography--heading-2--font-size--desktop-large:var(--digi--global--typography--font-size--largest-3);--digi--typography--heading-2--font-size--mobile:var(--digi--global--typography--font-size--largest);--digi--typography--heading-2--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--font-size--desktop:var(--digi--global--typography--font-size--larger);--digi--typography--heading-3--font-size--desktop-large:var(--digi--global--typography--font-size--largest);--digi--typography--heading-3--font-size--mobile:var(--digi--global--typography--font-size--large);--digi--typography--heading-3--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--heading-4--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--heading-4--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--heading-4--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-jumbo--font-size--desktop:var(--digi--global--typography--font-size--largest-4);--digi--typography--heading-jumbo--font-size--desktop-large:var(--digi--global--typography--font-size--largest-6);--digi--typography--heading-jumbo--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--input--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--label--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--label--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--label--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--label--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--label-description--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--label-description--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--link--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--link--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--link--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--link--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--link--font-weight--desktop-large:var(--digi--global--typography--font-weight--regular);--digi--typography--link--font-weight--mobile:var(--digi--global--typography--font-weight--regular);--digi--typography--link--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--link--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--link--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--link--text-decoration--desktop:var(--digi--global--typography--text-decoration--link);--digi--typography--link--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--link);--digi--typography--link--text-decoration--mobile:var(--digi--global--typography--text-decoration--link);--digi--typography--link-bold--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--preamble--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--preamble--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--preamble--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--preamble--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--preamble--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--accordion--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--accordion--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--accordion--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--tag--font-size--desktop:var(--digi--global--typography--font-size--small);--digi--typography--tag--font-size--mobile:var(--digi--global--typography--font-size--small);--digi--typography--tag--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--breadcrumbs--font-size--desktop:var(--digi--global--typography--font-size--small);--digi--typography--breadcrumbs--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--title-logo--font-size--desktop:var(--digi--global--typography--font-size--largest-5);--digi--typography--title-logo--font-size--desktop-large:var(--digi--global--typography--font-size--largest-5);--digi--typography--title-logo--font-size--mobile:var(--digi--global--typography--font-size--largest-3);--digi--typography--title-logo--font-weight--desktop:var(--digi--global--typography--font-weight--bold);--digi--typography--button--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--button--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--button--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--color--logotype-color:var(--digi--color--logotype-color--light);--digi--color--infographic--lineart:var(--digi--color--infographic--lineart--light);--digi--color--infographic--background:var(--digi--color--infographic--background--light);--digi--color--infographic--brand--primary:var(--digi--color--infographic--brand--primary--light);--digi--color--infographic--brand--secondary:var(--digi--color--infographic--brand--secondary--light);--digi--color--infographic--brand--tertiary:var(--digi--color--infographic--brand--tertiary--light);--digi--color--text--primary:var(--digi--color--text--primary--light);--digi--color--text--secondary:var(--digi--color--text--secondary--light);--digi--color--text--description:var(--digi--color--text--description--light);--digi--color--text--interactive--primary:var(--digi--color--text--interactive--primary--light);--digi--color--text--interactive--secondary:var(--digi--color--text--interactive--secondary--light);--digi--color--text--interactive--tertiary:var(--digi--color--text--interactive--tertiary--light);--digi--color--text--interactive--brand-primary:var(--digi--color--text--interactive--brand-primary--light);--digi--color--text--interactive--brand-secondary:var(--digi--color--text--interactive--brand-secondary--light);--digi--color--text--interactive--visited:var(--digi--color--text--interactive--visited--light);--digi--color--background--primary:var(--digi--color--background--primary--light);--digi--color--background--secondary:var(--digi--color--background--secondary--light);--digi--color--background--secondary-muted:var(--digi--color--background--secondary-muted--light);--digi--color--background--secondary-accent:var(--digi--color--background--secondary-accent--light);--digi--color--background--pop-out:var(--digi--color--background--pop-out--light);--digi--color--background--brand-primary:var(--digi--color--background--brand-primary--light);--digi--color--background--transparent:var(--digi--color--background--transparent--light);--digi--color--background--notification:var(--digi--color--background--notification--light);--digi--color--background--interactive--default--primary:var(--digi--color--background--interactive--default--primary--light);--digi--color--background--interactive--default--primary-inverted:var(--digi--color--background--interactive--default--primary-inverted--light);--digi--color--background--interactive--default--secondary:var(--digi--color--background--interactive--default--secondary--light);--digi--color--background--interactive--default--secondary-inverted:var(--digi--color--background--interactive--default--secondary-inverted--light);--digi--color--background--interactive--default--tertiary:var(--digi--color--background--interactive--default--tertiary--light);--digi--color--background--interactive--default--quaternary:var(--digi--color--background--interactive--default--quaternary--light);--digi--color--background--interactive--default--input-elements:var(--digi--color--background--interactive--default--input-elements--light);--digi--color--background--interactive--default--pop-out:var(--digi--color--background--interactive--default--pop-out--light);--digi--color--background--interactive--hover--primary:var(--digi--color--background--interactive--hover--primary--light);--digi--color--background--interactive--hover--secondary:var(--digi--color--background--interactive--hover--secondary--light);--digi--color--background--interactive--hover--tertiary:var(--digi--color--background--interactive--hover--tertiary--light);--digi--color--background--interactive--hover--quarternary:var(--digi--color--background--interactive--hover--quarternary--light);--digi--color--background--interactive--hover--inverted:var(--digi--color--background--interactive--hover--inverted--light);--digi--color--background--interactive--selected--primary:var(--digi--color--background--interactive--selected--primary--light);--digi--color--background--interactive--selected--secondary:var(--digi--color--background--interactive--selected--secondary--light);--digi--color--background--interactive--selected--tertiary:var(--digi--color--background--interactive--selected--tertiary--light);--digi--color--background--interactive--selected--on-menu-minus-button:var(--digi--color--background--interactive--selected--on-menu-minus-button--light);--digi--color--background--interactive--validation--success:var(--digi--color--background--interactive--validation--success--light);--digi--color--background--interactive--validation--warning:var(--digi--color--background--interactive--validation--warning--light);--digi--color--background--interactive--validation--error:var(--digi--color--background--interactive--validation--error--light);--digi--color--background--sentiment--error--primary:var(--digi--color--background--sentiment--error--primary--light);--digi--color--background--sentiment--error--secondary:var(--digi--color--background--sentiment--error--secondary--light);--digi--color--background--sentiment--error--tertiary:var(--digi--color--background--sentiment--error--tertiary--light);--digi--color--background--sentiment--success--primary:var(--digi--color--background--sentiment--success--primary--light);--digi--color--background--sentiment--success--secondary:var(--digi--color--background--sentiment--success--secondary--light);--digi--color--background--sentiment--success--tertiary:var(--digi--color--background--sentiment--success--tertiary--light);--digi--color--background--sentiment--warning--primary:var(--digi--color--background--sentiment--warning--primary--light);--digi--color--background--sentiment--warning--secondary:var(--digi--color--background--sentiment--warning--secondary--light);--digi--color--background--sentiment--warning--tertiary:var(--digi--color--background--sentiment--warning--tertiary--light);--digi--color--background--sentiment--warning--quarternary:var(--digi--color--background--sentiment--warning--quarternary--light);--digi--color--background--sentiment--info--primary:var(--digi--color--background--sentiment--info--primary--light);--digi--color--background--sentiment--info--secondary:var(--digi--color--background--sentiment--info--secondary--light);--digi--color--background--sentiment--info--tertiary:var(--digi--color--background--sentiment--info--tertiary--light);--digi--color--background--sentiment--neutral--primary:var(--digi--color--background--sentiment--neutral--primary--light);--digi--color--background--sentiment--neutral--secondary:var(--digi--color--background--sentiment--neutral--secondary--light);--digi--color--background--sentiment--neutral--tertiary:var(--digi--color--background--sentiment--neutral--tertiary--light);--digi--color--background--sentiment--beta--primary:var(--digi--color--background--sentiment--beta--primary--light);--digi--color--background--sentiment--beta--secondary:var(--digi--color--background--sentiment--beta--secondary--light);--digi--color--border--notification:var(--digi--color--border--notification--light);--digi--color--border--transparent:var(--digi--color--border--transparent--light);--digi--color--border--interactive--default--primary:var(--digi--color--border--interactive--default--primary--light);--digi--color--border--interactive--default--on-input:var(--digi--color--border--interactive--default--on-input--light);--digi--color--border--interactive--default--on-input-nuance:var(--digi--color--border--interactive--default--on-input-nuance--light);--digi--color--border--interactive--default--inverted:var(--digi--color--border--interactive--default--inverted--light);--digi--color--border--interactive--hover--primary:var(--digi--color--border--interactive--hover--primary--light);--digi--color--border--interactive--hover--secondary:var(--digi--color--border--interactive--hover--secondary--light);--digi--color--border--interactive--hover--inverted:var(--digi--color--border--interactive--hover--inverted--light);--digi--color--border--interactive--validation--success:var(--digi--color--border--interactive--validation--success--light);--digi--color--border--interactive--validation--warning:var(--digi--color--border--interactive--validation--warning--light);--digi--color--border--interactive--validation--error:var(--digi--color--border--interactive--validation--error--light);--digi--color--border--interactive--selected--primary:var(--digi--color--border--interactive--selected--primary--light);--digi--color--border--interactive--selected--secondary:var(--digi--color--border--interactive--selected--secondary--light);--digi--color--border--sentiment--error:var(--digi--color--border--sentiment--error--light);--digi--color--border--sentiment--success:var(--digi--color--border--sentiment--success--light);--digi--color--border--sentiment--warning:var(--digi--color--border--sentiment--warning--light);--digi--color--border--sentiment--info:var(--digi--color--border--sentiment--info--light);--digi--color--border--accent--primary:var(--digi--color--border--accent--primary--light);--digi--color--border--accent--secondary:var(--digi--color--border--accent--secondary--light);--digi--color--marking--navigation--selected:var(--digi--color--marking--navigation--selected--light);--digi--color--marking--navigation--level-active:var(--digi--color--marking--navigation--level-active--light);--digi--color--marking--navigation--level-inactive:var(--digi--color--marking--navigation--level-inactive--light);--digi--color--marking--indication--primary:var(--digi--color--marking--indication--primary--light);--digi--color--marking--indication--secondary:var(--digi--color--marking--indication--secondary--light);--digi--color--marking--indication--tertiary:var(--digi--color--marking--indication--tertiary--light);--digi--color--divider--primary:var(--digi--color--divider--primary--light);--digi--color--divider--secondary:var(--digi--color--divider--secondary--light);--digi--color--divider--on-brand-primary:var(--digi--color--divider--on-brand-primary--light);--digi--color--divider--cta:var(--digi--color--divider--cta--light);--digi--color--icon--primary:var(--digi--color--icon--primary--light);--digi--color--icon--secondary:var(--digi--color--icon--secondary--light);--digi--color--icon--cta:var(--digi--color--icon--cta--light);--digi--color--icon--brand-primary:var(--digi--color--icon--brand-primary--light);--digi--color--icon--brand-secondary:var(--digi--color--icon--brand-secondary--light);--digi--color--icon--validation--success:var(--digi--color--icon--validation--success--light);--digi--color--icon--validation--warning:var(--digi--color--icon--validation--warning--light);--digi--color--icon--validation--error:var(--digi--color--icon--validation--error--light);--digi--color--misc--spinner-path:var(--digi--color--misc--spinner-path--light);--digi--color--misc--skeleton:var(--digi--color--misc--skeleton--light);--digi--amethyst--500:#822998;--digi--granskott--150:#f2faf2;--digi--granskott--200:#ebf8eb;--digi--granskott--250:#ddf4dd;--digi--granskott--300:#cbecc9;--digi--granskott--350:#ace4ad;--digi--granskott--650:#1db920;--digi--granskott--700:#02a704;--digi--granskott--750:#018903;--digi--granskott--800:#016503;--digi--natthimmel--200:#e9f6fd;--digi--natthimmel--250:#ddf1fc;--digi--natthimmel--300:#c9e9fa;--digi--natthimmel--350:#abdef7;--digi--natthimmel--700:#043982;--digi--natthimmel--800:#091d54;--digi--natthimmel--900:#071744;--digi--norrsken--400:#aaf5ab;--digi--norrsken--500:#67ee6a;--digi--rallarros--300:#f8ddf5;--digi--rallarros--500:#ce1cbd;--digi--sapphire--500:#1616b2;--digi--color--logotype-color--light:var(--digi--granskott--700);--digi--color--infographic--lineart--light:var(--digi--grayscale--900);--digi--color--infographic--background--light:var(--digi--grayscale--0);--digi--color--infographic--brand--primary--light:var(--digi--granskott--700);--digi--color--infographic--brand--secondary--light:var(--digi--granskott--250);--digi--color--infographic--brand--tertiary--light:var(--digi--rallarros--500);--digi--color--text--primary--light:var(--digi--grayscale--900);--digi--color--text--secondary--light:var(--digi--grayscale--0);--digi--color--text--description--light:var(--digi--grayscale--800);--digi--color--text--interactive--primary--light:var(--digi--sapphire--500);--digi--color--text--interactive--secondary--light:var(--digi--grayscale--0);--digi--color--text--interactive--tertiary--light:var(--digi--grayscale--900);--digi--color--text--interactive--brand-primary--light:var(--digi--natthimmel--800);--digi--color--text--interactive--brand-secondary--light:var(--digi--norrsken--500);--digi--color--text--interactive--visited--light:var(--digi--amethyst--500);--digi--color--background--primary--light:var(--digi--grayscale--0);--digi--color--background--secondary--light:var(--digi--grayscale--100);--digi--color--background--secondary-muted--light:var(--digi--grayscale--50);--digi--color--background--secondary-accent--light:var(--digi--grayscale--400);--digi--color--background--pop-out--light:var(--digi--granskott--200);--digi--color--background--brand-primary--light:var(--digi--natthimmel--800);--digi--color--background--transparent--light:var(--digi--misc--transparent);--digi--color--background--notification--light:var(--digi--sentiment--error--500);--digi--color--background--interactive--default--primary--light:var(--digi--natthimmel--800);--digi--color--background--interactive--default--primary-inverted--light:var(--digi--norrsken--500);--digi--color--background--interactive--default--secondary--light:var(--digi--grayscale--0);--digi--color--background--interactive--default--secondary-inverted--light:var(--digi--misc--transparent);--digi--color--background--interactive--default--tertiary--light:var(--digi--grayscale--200);--digi--color--background--interactive--default--quaternary--light:var(--digi--grayscale--100);--digi--color--background--interactive--default--input-elements--light:var(--digi--grayscale--0);--digi--color--background--interactive--default--pop-out--light:var(--digi--granskott--150);--digi--color--background--interactive--hover--primary--light:var(--digi--natthimmel--700);--digi--color--background--interactive--hover--secondary--light:var(--digi--natthimmel--250);--digi--color--background--interactive--hover--tertiary--light:var(--digi--sapphire--500);--digi--color--background--interactive--hover--quarternary--light:var(--digi--grayscale--200);--digi--color--background--interactive--hover--inverted--light:var(--digi--norrsken--400);--digi--color--background--interactive--selected--primary--light:var(--digi--sentiment--success--500);--digi--color--background--interactive--selected--secondary--light:var(--digi--natthimmel--800);--digi--color--background--interactive--selected--tertiary--light:var(--digi--grayscale--200);--digi--color--background--interactive--selected--on-menu-minus-button--light:var(--digi--granskott--250);--digi--color--background--interactive--validation--success--light:var(--digi--sentiment--success--200);--digi--color--background--interactive--validation--warning--light:var(--digi--sentiment--warning--50);--digi--color--background--interactive--validation--error--light:var(--digi--sentiment--error--200);--digi--color--background--sentiment--error--primary--light:var(--digi--sentiment--error--500);--digi--color--background--sentiment--error--secondary--light:var(--digi--sentiment--error--700);--digi--color--background--sentiment--error--tertiary--light:var(--digi--sentiment--error--200);--digi--color--background--sentiment--success--primary--light:var(--digi--sentiment--success--500);--digi--color--background--sentiment--success--secondary--light:var(--digi--sentiment--success--700);--digi--color--background--sentiment--success--tertiary--light:var(--digi--sentiment--success--200);--digi--color--background--sentiment--warning--primary--light:var(--digi--sentiment--warning--500);--digi--color--background--sentiment--warning--secondary--light:var(--digi--sentiment--warning--700);--digi--color--background--sentiment--warning--tertiary--light:var(--digi--sentiment--warning--200);--digi--color--background--sentiment--warning--quarternary--light:var(--digi--sentiment--warning--50);--digi--color--background--sentiment--info--primary--light:var(--digi--sentiment--informative--500);--digi--color--background--sentiment--info--secondary--light:var(--digi--sentiment--informative--700);--digi--color--background--sentiment--info--tertiary--light:var(--digi--sentiment--informative--200);--digi--color--background--sentiment--neutral--primary--light:var(--digi--grayscale--700);--digi--color--background--sentiment--neutral--secondary--light:var(--digi--grayscale--400);--digi--color--background--sentiment--neutral--tertiary--light:var(--digi--grayscale--900);--digi--color--background--sentiment--beta--primary--light:var(--digi--rallarros--500);--digi--color--background--sentiment--beta--secondary--light:var(--digi--rallarros--300);--digi--color--border--notification--light:var(--digi--grayscale--0);--digi--color--border--transparent--light:var(--digi--misc--transparent);--digi--color--border--interactive--default--primary--light:var(--digi--natthimmel--800);--digi--color--border--interactive--default--on-input--light:var(--digi--grayscale--900);--digi--color--border--interactive--default--on-input-nuance--light:var(--digi--grayscale--800);--digi--color--border--interactive--default--inverted--light:var(--digi--norrsken--500);--digi--color--border--interactive--hover--primary--light:var(--digi--natthimmel--700);--digi--color--border--interactive--hover--secondary--light:var(--digi--natthimmel--800);--digi--color--border--interactive--hover--inverted--light:var(--digi--norrsken--400);--digi--color--border--interactive--validation--success--light:var(--digi--sentiment--success--500);--digi--color--border--interactive--validation--warning--light:var(--digi--sentiment--warning--900);--digi--color--border--interactive--validation--error--light:var(--digi--sentiment--error--500);--digi--color--border--interactive--selected--primary--light:var(--digi--sentiment--success--500);--digi--color--border--interactive--selected--secondary--light:var(--digi--natthimmel--800);--digi--color--border--sentiment--error--light:var(--digi--sentiment--error--500);--digi--color--border--sentiment--success--light:var(--digi--sentiment--success--500);--digi--color--border--sentiment--warning--light:var(--digi--sentiment--warning--500);--digi--color--border--sentiment--info--light:var(--digi--sentiment--informative--500);--digi--color--border--accent--primary--light:var(--digi--natthimmel--800);--digi--color--border--accent--secondary--light:var(--digi--granskott--700);--digi--color--marking--navigation--selected--light:var(--digi--granskott--700);--digi--color--marking--navigation--level-active--light:var(--digi--granskott--250);--digi--color--marking--navigation--level-inactive--light:var(--digi--grayscale--100);--digi--color--marking--indication--primary--light:var(--digi--sentiment--success--500);--digi--color--marking--indication--secondary--light:var(--digi--natthimmel--800);--digi--color--marking--indication--tertiary--light:var(--digi--grayscale--700);--digi--color--divider--primary--light:var(--digi--grayscale--400);--digi--color--divider--secondary--light:var(--digi--grayscale--200);--digi--color--divider--on-brand-primary--light:var(--digi--natthimmel--350);--digi--color--divider--cta--light:var(--digi--sapphire--500);--digi--color--icon--primary--light:var(--digi--grayscale--900);--digi--color--icon--secondary--light:var(--digi--grayscale--0);--digi--color--icon--cta--light:var(--digi--sapphire--500);--digi--color--icon--brand-primary--light:var(--digi--natthimmel--800);--digi--color--icon--brand-secondary--light:var(--digi--granskott--700);--digi--color--icon--validation--success--light:var(--digi--sentiment--success--500);--digi--color--icon--validation--warning--light:var(--digi--sentiment--warning--500);--digi--color--icon--validation--error--light:var(--digi--sentiment--error--500);--digi--color--misc--spinner-path--light:var(--digi--grayscale--400);--digi--color--misc--skeleton--light:var(--digi--grayscale--400);--digi--color--amber--200:#fff398;--digi--color--amber--50:#fffbdd;--digi--color--amber--500:#ffe200;--digi--color--amber--700:#ffc108;--digi--color--amber--900:#664d00;--digi--color--amethyst--500:#822998;--digi--color--forest--200:#e9f6ec;--digi--color--forest--500:#009322;--digi--color--forest--700:#02703c;--digi--color--indigo--200:#e9e9ff;--digi--color--indigo--500:#0000ff;--digi--color--indigo--700:#0058a3;--digi--color--jade--100:#bddfda;--digi--color--jade--200:#7fc1b6;--digi--color--jade--400:#379d8d;--digi--color--jade--50:#ddeeec;--digi--color--jade--500:#058470;--digi--color--jade--600:#046a5a;--digi--color--jade--700:#035548;--digi--color--jade--900:#02372f;--digi--color--leaf--100:#f1f7e5;--digi--color--leaf--200:#ddebc1;--digi--color--leaf--400:#aace65;--digi--color--leaf--500:#95c23e;--digi--color--leaf--600:#779b32;--digi--color--moon--0:#ffffff;--digi--color--pear--500:#b7ee4a;--digi--color--pear--600:#a7d943;--digi--color--rose--100:#f4cada;--digi--color--rose--200:#e997b7;--digi--color--rose--400:#dd5c8e;--digi--color--rose--50:#f9e4ec;--digi--color--rose--500:#d43372;--digi--color--rose--600:#bd2e65;--digi--color--rose--700:#882149;--digi--color--rose--900:#54172e;--digi--color--ruby--200:#fdeded;--digi--color--ruby--500:#da0000;--digi--color--ruby--700:#c7311a;--digi--color--sapphire--500:#1616b2;--digi--color--stratos--100:#dddde9;--digi--color--stratos--400:#33337b;--digi--color--stratos--500:#00005a;--digi--color--stratos--600:#000048;--digi--color--water--200:#f1f8fe;--digi--color--water--500:#bdd3e7;--digi--color--water--700:#0058a3;--digi--color--logotype-color--light--af18:var(--digi--color--leaf--500);--digi--color--infographic--lineart--light--af18:var(--digi--grayscale--900);--digi--color--infographic--background--light--af18:var(--digi--grayscale--0);--digi--color--infographic--brand--primary--light--af18:var(--digi--color--leaf--500);--digi--color--infographic--brand--secondary--light--af18:var(--digi--color--leaf--200);--digi--color--infographic--brand--tertiary--light--af18:var(--digi--color--rose--500);--digi--color--text--primary--light--af18:var(--digi--grayscale--900);--digi--color--text--secondary--light--af18:var(--digi--grayscale--0);--digi--color--text--description--light--af18:var(--digi--grayscale--800);--digi--color--text--interactive--primary--light--af18:var(--digi--color--sapphire--500);--digi--color--text--interactive--secondary--light--af18:var(--digi--grayscale--0);--digi--color--text--interactive--tertiary--light--af18:var(--digi--grayscale--900);--digi--color--text--interactive--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--text--interactive--brand-secondary--light--af18:var(--digi--color--leaf--500);--digi--color--text--interactive--visited--light--af18:var(--digi--color--amethyst--500);--digi--color--background--primary--light--af18:var(--digi--grayscale--0);--digi--color--background--secondary--light--af18:var(--digi--grayscale--100);--digi--color--background--secondary-muted--light--af18:var(--digi--grayscale--50);--digi--color--background--secondary-accent--light--af18:var(--digi--grayscale--400);--digi--color--background--pop-out--light--af18:var(--digi--color--leaf--100);--digi--color--background--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--background--transparent--light--af18:var(--digi--misc--transparent);--digi--color--background--notification--light--af18:var(--digi--sentiment--error--500);--digi--color--background--interactive--default--primary--light--af18:var(--digi--color--stratos--500);--digi--color--background--interactive--default--primary-inverted--light--af18:var(--digi--color--leaf--500);--digi--color--background--interactive--default--secondary--light--af18:var(--digi--grayscale--0);--digi--color--background--interactive--default--secondary-inverted--light--af18:var(--digi--misc--transparent);--digi--color--background--interactive--default--tertiary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--default--quaternary--light--af18:var(--digi--grayscale--100);--digi--color--background--interactive--default--input-elements--light--af18:var(--digi--grayscale--0);--digi--color--background--interactive--default--pop-out--light--af18:var(--digi--color--leaf--100);--digi--color--background--interactive--hover--primary--light--af18:var(--digi--color--water--700);--digi--color--background--interactive--hover--secondary--light--af18:var(--digi--color--water--500);--digi--color--background--interactive--hover--tertiary--light--af18:var(--digi--color--sapphire--500);--digi--color--background--interactive--hover--quarternary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--hover--inverted--light--af18:var(--digi--color--pear--500);--digi--color--background--interactive--selected--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--background--interactive--selected--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--background--interactive--selected--tertiary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--selected--on-menu-minus-button--light--af18:var(--digi--color--leaf--200);--digi--color--background--interactive--validation--success--light--af18:var(--digi--sentiment--success--200);--digi--color--background--interactive--validation--warning--light--af18:var(--digi--sentiment--warning--50);--digi--color--background--interactive--validation--error--light--af18:var(--digi--sentiment--error--200);--digi--color--background--sentiment--error--primary--light--af18:var(--digi--sentiment--error--500);--digi--color--background--sentiment--error--secondary--light--af18:var(--digi--sentiment--error--700);--digi--color--background--sentiment--error--tertiary--light--af18:var(--digi--sentiment--error--200);--digi--color--background--sentiment--success--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--background--sentiment--success--secondary--light--af18:var(--digi--sentiment--success--700);--digi--color--background--sentiment--success--tertiary--light--af18:var(--digi--sentiment--success--200);--digi--color--background--sentiment--warning--primary--light--af18:var(--digi--sentiment--warning--500);--digi--color--background--sentiment--warning--secondary--light--af18:var(--digi--sentiment--warning--700);--digi--color--background--sentiment--warning--tertiary--light--af18:var(--digi--sentiment--warning--200);--digi--color--background--sentiment--warning--quarternary--light--af18:var(--digi--sentiment--warning--50);--digi--color--background--sentiment--info--primary--light--af18:var(--digi--sentiment--informative--500);--digi--color--background--sentiment--info--secondary--light--af18:var(--digi--sentiment--informative--700);--digi--color--background--sentiment--info--tertiary--light--af18:var(--digi--sentiment--informative--200);--digi--color--background--sentiment--neutral--primary--light--af18:var(--digi--grayscale--700);--digi--color--background--sentiment--neutral--secondary--light--af18:var(--digi--grayscale--400);--digi--color--background--sentiment--neutral--tertiary--light--af18:var(--digi--grayscale--900);--digi--color--background--sentiment--beta--primary--light--af18:var(--digi--color--rose--500);--digi--color--background--sentiment--beta--secondary--light--af18:var(--digi--color--rose--100);--digi--color--border--notification--light--af18:var(--digi--grayscale--0);--digi--color--border--transparent--light--af18:var(--digi--misc--transparent);--digi--color--border--interactive--default--primary--light--af18:var(--digi--color--stratos--500);--digi--color--border--interactive--default--on-input--light--af18:var(--digi--grayscale--900);--digi--color--border--interactive--default--on-input-nuance--light--af18:var(--digi--grayscale--800);--digi--color--border--interactive--default--inverted--light--af18:var(--digi--color--leaf--500);--digi--color--border--interactive--hover--primary--light--af18:var(--digi--color--water--700);--digi--color--border--interactive--hover--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--border--interactive--hover--inverted--light--af18:var(--digi--color--pear--500);--digi--color--border--interactive--validation--success--light--af18:var(--digi--sentiment--success--500);--digi--color--border--interactive--validation--warning--light--af18:var(--digi--sentiment--warning--900);--digi--color--border--interactive--validation--error--light--af18:var(--digi--sentiment--error--500);--digi--color--border--interactive--selected--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--border--interactive--selected--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--border--sentiment--error--light--af18:var(--digi--sentiment--error--500);--digi--color--border--sentiment--success--light--af18:var(--digi--sentiment--success--500);--digi--color--border--sentiment--warning--light--af18:var(--digi--sentiment--warning--500);--digi--color--border--sentiment--info--light--af18:var(--digi--sentiment--informative--500);--digi--color--border--accent--primary--light--af18:var(--digi--color--stratos--500);--digi--color--border--accent--secondary--light--af18:var(--digi--color--leaf--500);--digi--color--marking--navigation--selected--light--af18:var(--digi--color--leaf--500);--digi--color--marking--navigation--level-active--light--af18:var(--digi--color--leaf--200);--digi--color--marking--navigation--level-inactive--light--af18:var(--digi--grayscale--100);--digi--color--marking--indication--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--marking--indication--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--marking--indication--tertiary--light--af18:var(--digi--grayscale--700);--digi--color--divider--primary--light--af18:var(--digi--grayscale--400);--digi--color--divider--secondary--light--af18:var(--digi--grayscale--200);--digi--color--divider--on-brand-primary--light--af18:var(--digi--color--stratos--400);--digi--color--divider--cta--light--af18:var(--digi--color--sapphire--500);--digi--color--icon--primary--light--af18:var(--digi--grayscale--900);--digi--color--icon--secondary--light--af18:var(--digi--grayscale--0);--digi--color--icon--cta--light--af18:var(--digi--color--sapphire--500);--digi--color--icon--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--icon--brand-secondary--light--af18:var(--digi--color--leaf--500);--digi--color--icon--validation--success--light--af18:var(--digi--sentiment--success--500);--digi--color--icon--validation--warning--light--af18:var(--digi--sentiment--warning--500);--digi--color--icon--validation--error--light--af18:var(--digi--sentiment--error--500);--digi--color--misc--spinner-path--light--af18:var(--digi--grayscale--400);--digi--color--misc--skeleton--light--af18:var(--digi--grayscale--400)}body.sc-digi-calendar-datepicker{font-size:1rem;font-family:\"Open Sans\", Arial, sans-serif}.sc-digi-calendar-datepicker-h{--digi--datepicker--max-width:18.75rem;--digi--datepicker--border-radius:0.25rem;--digi--datepicker--calendar--max-width:20.25rem;--digi--datepicker--calendar--show-week--max-width:23.375rem;--digi--datepicker--calendar-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--datepicker--calendar--background-color:var(--digi--color--background--interactive--default--secondary);--digi--datepicker--input-icon--width:0.875rem;--digi--datepicker--input-icon--horizontal-padding:0.75rem;--digi--datepicker--input-icon--vertical-padding:var(--digi--global--spacing--smallest-2);--digi--datepicker--input--inline-start:var(--digi--gutter--medium);--digi--datepicker--input--inline-end:calc(var(--digi--datepicker--input-icon--width) + var(--digi--datepicker--input-icon--horizontal-padding) * 2);box-sizing:content-box}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker.sc-digi-calendar-datepicker{position:relative;pointer-events:none}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker{position:relative;max-width:var(--digi--datepicker--max-width);pointer-events:auto}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__inactive.sc-digi-calendar-datepicker{--digi--form-input--background--empty:var(--digi--datepicker--input--inactive-background)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker{background:var(--digi--color--background--primary);height:var(--digi--form-input--height--medium);color:inherit;border:1px solid var(--digi--color--border--interactive--default--on-input);border-left:none;padding:0;font:inherit;outline:inherit;cursor:pointer}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker .digi-calendar-datepicker__button-icon.sc-digi-calendar-datepicker{box-sizing:content-box;width:var(--digi--datepicker--input-icon--width);padding:var(--digi--datepicker--input-icon--vertical-padding) var(--digi--datepicker--input-icon--horizontal-padding)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker svg.sc-digi-calendar-datepicker{color:var(--digi--color--icon--brand-primary)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker:hover,.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker:focus{background:var(--digi--color--background--interactive--hover--secondary)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__calendar.sc-digi-calendar-datepicker{max-width:var(--digi--datepicker--calendar--max-width);height:0px;border-radius:var(--digi--datepicker--border-radius);overflow:hidden;z-index:1}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__show-week-numbers.sc-digi-calendar-datepicker .digi-calendar-datepicker__calendar.sc-digi-calendar-datepicker{max-width:var(--digi--datepicker--calendar--show-week--max-width)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__show-calendar.sc-digi-calendar-datepicker .digi-calendar-datepicker__calendar.sc-digi-calendar-datepicker{height:auto;background-color:var(--digi--datepicker--calendar--background-color);box-shadow:var(--digi--datepicker--calendar-shadow);position:absolute;top:var(--digi--datepicker--calendar--popup-top);left:0;pointer-events:auto}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-component.sc-digi-calendar-datepicker{--digi--form-input--padding:0 var(--digi--datepicker--input--inline-end) 0 var(--digi--datepicker--input--inline-start)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__selected-date-alert.sc-digi-calendar-datepicker{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__sr-instructions.sc-digi-calendar-datepicker{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}";
9394
9393
  var DigiCalendarDatepickerStyle0 = calendarDatepickerCss;
9395
9394
 
9396
9395
  /**
@@ -9400,7 +9399,7 @@ class CalendarDatepicker {
9400
9399
  constructor(hostRef) {
9401
9400
  registerInstance(this, hostRef);
9402
9401
  this.afOnDateChange = createEvent(this, "afOnDateChange", 7);
9403
- this.afOnDisplayChange = createEvent(this, "afOnDisplayChange", 7);
9402
+ this.afOnDateChangeRawText = createEvent(this, "afOnDateChangeRawText", 7);
9404
9403
  this.afOnValidationChange = createEvent(this, "afOnValidationChange", 7);
9405
9404
  this.futureYears = 10;
9406
9405
  this.screenReaderUpdateTrigger = false;
@@ -9408,7 +9407,6 @@ class CalendarDatepicker {
9408
9407
  this.showDisabledDateError = false;
9409
9408
  this.showCalendar = false;
9410
9409
  this.userInput = '';
9411
- this.isEditing = false;
9412
9410
  this.afId = randomIdGenerator('digi-calendar-datepicker');
9413
9411
  this.afLabel = _t.calendar.datepicker.label;
9414
9412
  this.afLabelDescription = _t.calendar.datepicker.description;
@@ -9420,7 +9418,7 @@ class CalendarDatepicker {
9420
9418
  this.afValidationWrongFormat = _t.calendar.datepicker.validationWrongFormat;
9421
9419
  this.afValidationDisabledDate = _t.calendar.datepicker.validationDisabledDate;
9422
9420
  this.afRequired = undefined;
9423
- this.afDisableValidation = undefined;
9421
+ this.afDisableValidation = false;
9424
9422
  this.afRequiredText = undefined;
9425
9423
  this.afSelectedDates = [];
9426
9424
  this.afYearSelect = false;
@@ -9430,6 +9428,7 @@ class CalendarDatepicker {
9430
9428
  this.afShowWeekNumber = false;
9431
9429
  this.afMultipleDates = false;
9432
9430
  this.afCloseOnSelect = false;
9431
+ this.afOpenCalendarTo = undefined;
9433
9432
  }
9434
9433
  afDisableValidationChangeHandler(newVal) {
9435
9434
  if (!newVal) {
@@ -9516,6 +9515,10 @@ class CalendarDatepicker {
9516
9515
  e.stopPropagation();
9517
9516
  }
9518
9517
  }
9518
+ focusOnCalendarInput() {
9519
+ const input = this.hostElement.querySelector(`#${this.afId}-datepicker input`);
9520
+ input === null || input === void 0 ? void 0 : input.focus();
9521
+ }
9519
9522
  focusOnCalendarButton() {
9520
9523
  const calendarButton = this.hostElement.querySelector(`#${this.afId}-button`);
9521
9524
  calendarButton.focus();
@@ -9540,7 +9543,7 @@ class CalendarDatepicker {
9540
9543
  }
9541
9544
  parseInputString(value) {
9542
9545
  return value
9543
- .split(/[&,]|och/g)
9546
+ .split(new RegExp(`[&,]|${_t.and}`, 'g'))
9544
9547
  .map((text) => this.parseDateString(text.trim()));
9545
9548
  }
9546
9549
  resetValueAndState() {
@@ -9567,8 +9570,14 @@ class CalendarDatepicker {
9567
9570
  validateInputAndShowErrors(dates) {
9568
9571
  this.showWrongFormatError = !!dates.find((date) => !isValid(date));
9569
9572
  this.showDisabledDateError = !!dates.find((date) => !this.isDateSelectable(date));
9573
+ const inputIsValid = !this.showWrongFormatError && !this.showDisabledDateError;
9570
9574
  this.afOnValidationChange.emit({
9571
- valid: !this.showWrongFormatError && !this.showDisabledDateError
9575
+ isValid: inputIsValid,
9576
+ validationText: inputIsValid
9577
+ ? undefined
9578
+ : this.showWrongFormatError
9579
+ ? this.afValidationWrongFormat
9580
+ : this.afValidationDisabledDate
9572
9581
  });
9573
9582
  }
9574
9583
  setValue(value) {
@@ -9589,10 +9598,22 @@ class CalendarDatepicker {
9589
9598
  return;
9590
9599
  }
9591
9600
  let dates = this.parseInputString(newValue);
9592
- if (this.afMultipleDates) {
9601
+ // Single dates - acceptera inte flera datum inskrivna
9602
+ if (!this.afDisableValidation &&
9603
+ !this.afMultipleDates &&
9604
+ dates.length > 1) {
9605
+ this.showWrongFormatError = true;
9606
+ this.afOnValidationChange.emit({
9607
+ isValid: false,
9608
+ validationText: this.afValidationWrongFormat
9609
+ });
9610
+ return;
9611
+ }
9612
+ // Multiple dates - filtrera bort dubbletter
9613
+ if (!this.afDisableValidation && this.afMultipleDates) {
9593
9614
  const uniqueDates = this.removeDuplicateDates(dates);
9594
9615
  if (uniqueDates.length !== dates.length) {
9595
- dates = this.removeDuplicateDates(uniqueDates);
9616
+ dates = uniqueDates;
9596
9617
  this.userInput = this.datesToInputString(dates);
9597
9618
  }
9598
9619
  }
@@ -9611,7 +9632,7 @@ class CalendarDatepicker {
9611
9632
  }
9612
9633
  this.userInput = '';
9613
9634
  this.setValue(evt.detail);
9614
- this.afOnDisplayChange.emit(this.inputValue);
9635
+ this.afOnDateChangeRawText.emit(this.inputValue);
9615
9636
  if (this.afCloseOnSelect) {
9616
9637
  this.toggleCalendar();
9617
9638
  this.focusOnCalendarButton();
@@ -9704,7 +9725,7 @@ class CalendarDatepicker {
9704
9725
  datesToInputString(dates) {
9705
9726
  return dates.every((date) => date instanceof Date && !isNaN(date.getTime()))
9706
9727
  ? dates
9707
- .map((date) => date.toLocaleDateString('sv-SE'))
9728
+ .map((date) => date.toLocaleDateString(_t.locale))
9708
9729
  .flatMap((date, index, all) => {
9709
9730
  const isLast = index == all.length - 1;
9710
9731
  const isFirst = index === 0;
@@ -9712,7 +9733,7 @@ class CalendarDatepicker {
9712
9733
  return date;
9713
9734
  }
9714
9735
  else if (isLast) {
9715
- return [' och ', date];
9736
+ return [` ${_t.and} `, date];
9716
9737
  }
9717
9738
  else {
9718
9739
  return [', ', date];
@@ -9728,44 +9749,37 @@ class CalendarDatepicker {
9728
9749
  return this.afSelectedDates;
9729
9750
  }
9730
9751
  render() {
9731
- return (hAsync(Host, { key: '7498df7cd58780209c33cadaa0e65d8a935aa253' }, hAsync("div", { key: 'edcf1672bb743fae4e802a8f73e30401139d89a1', class: Object.assign({ 'digi-calendar-datepicker': true }, this.cssModifiers), id: `${this.afId}-datepicker` }, hAsync("div", { key: '8df4d331ce09fa8df6b333cd3a56f3dfd1b57af7', class: "digi-calendar-datepicker__input-field" }, hAsync("digi-form-input", { key: 'cc59e5a03540fe01340f7ce46817f160868234e0', class: 'digi-calendar-datepicker__input-component', afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afName: this.afName, afValue: this.inputValue, afValidation: this.isEditing
9732
- ? FormInputValidation.NEUTRAL
9733
- : this.hasBuiltInValidationError()
9734
- ? FormInputValidation.ERROR
9735
- : this.afValidation, afValidationText: this.getErrorText(), afId: this.afId, afAriaDescribedby: `${this.afId}--validation-message`, afRequired: this.afRequired, afRequiredText: this.afRequiredText, onAfOnChange: (evt) => {
9752
+ return (hAsync(Host, { key: '0e4fa182ae33ac82d440e3841f853e6328b67794' }, hAsync("div", { key: '81e2d07ec330b4e2994e1fd86d693dcb5405410d', class: Object.assign({ 'digi-calendar-datepicker': true }, this.cssModifiers), id: `${this.afId}-datepicker` }, hAsync("div", { key: 'a47c94fa8498d8f88caea31f725fd0294ea03ac2', class: "digi-calendar-datepicker__input-field" }, hAsync("digi-form-input", { key: 'af7ad6bdec9ec1e45e11ff2ac06a51fdad7ea80a', class: 'digi-calendar-datepicker__input-component', afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afName: this.afName, afValue: this.inputValue, afValidation: this.hasBuiltInValidationError()
9753
+ ? FormInputValidation.ERROR
9754
+ : this.afValidation, afValidationText: this.getErrorText(), afId: this.afId, afAriaDescribedby: `${this.afId}--validation-message`, afRequired: this.afRequired, afRequiredText: this.afRequiredText, onAfOnChange: (evt) => {
9736
9755
  evt.stopImmediatePropagation();
9737
- this.isEditing = true;
9738
9756
  this.parseInput(evt);
9739
9757
  }, onAfOnBlur: (evt) => {
9740
9758
  evt.stopImmediatePropagation();
9741
- this.isEditing = false;
9742
- this.afOnDisplayChange.emit(this.inputValue);
9743
- }, onKeyDown: () => {
9744
- this.isEditing = true;
9745
- } }, hAsync("button", { key: '4a1200715cc96e9cf53a0fb07db6038031cf35cd', id: this.afId + '-button', class: "digi-calendar-datepicker__input-button", slot: "button", "aria-label": this.showCalendar
9759
+ this.afOnDateChangeRawText.emit(this.inputValue);
9760
+ }, onKeyDown: (e) => {
9761
+ if (!this.showCalendar || e.key !== 'Tab' || !e.shiftKey)
9762
+ return;
9763
+ if (e.target.tagName !== 'INPUT')
9764
+ return;
9765
+ e.preventDefault();
9766
+ const focusableDateButton = this.hostElement.querySelector('.digi-calendar__date[tabindex="0"]');
9767
+ focusableDateButton === null || focusableDateButton === void 0 ? void 0 : focusableDateButton.focus();
9768
+ } }, hAsync("button", { key: 'fbd02f05da4d93f60a4c4d8b52adba311fc4a324', id: this.afId + '-button', class: "digi-calendar-datepicker__input-button", slot: "button", "aria-label": this.showCalendar
9746
9769
  ? this.afCloseCalendarAriaLabel
9747
- : this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, this.showCalendar ? (hAsync("digi-icon-x", { class: "digi-calendar-datepicker__button-icon", slot: "icon" })) : (hAsync("digi-icon-calendar-alt", { class: "digi-calendar-datepicker__button-icon", slot: "icon" }))))), hAsync("div", { key: '5db4a77bf061632b589721796236f802f6d9b479', class: "digi-calendar-datepicker__calendar", id: "calendar-popup" }, hAsync("p", { key: '830aa34e80ddd1c73bfc8c8592f3903b925703e5', role: "alert", class: "digi-calendar-datepicker__sr-instructions" }, this.showCalendar
9770
+ : this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, this.showCalendar ? (hAsync("digi-icon-x", { class: "digi-calendar-datepicker__button-icon", slot: "icon" })) : (hAsync("digi-icon-calendar-alt", { class: "digi-calendar-datepicker__button-icon", slot: "icon" }))))), hAsync("div", { key: '07bed93717efb5bf1dba04ce61f2006403a860d2', class: "digi-calendar-datepicker__calendar", id: "calendar-popup" }, hAsync("p", { key: '8fc156658ea084cf2291149f2f4c6a7a246b731f', role: "alert", class: "digi-calendar-datepicker__sr-instructions" }, this.showCalendar
9748
9771
  ? `${_t.calendar.screenReaderInstructions}${this.screenReaderUpdateTrigger ? '\u200B' : ''}`
9749
- : ''), hAsync("digi-calendar", { key: '12a2735b8811e53b618087004e9288fe2e9b8af2', afActive: this.showCalendar, afShowWeekNumber: this.afShowWeekNumber, afMultipleDates: this.afMultipleDates, afYearSelect: this.afYearSelect, afSelectedDates: this.getSelectedDates, afMinDate: this.afMinDate, afMaxDate: this.afMaxDate, "aria-hidden": !this.showCalendar, onAfOnDateSelectedChange: (evt) => {
9772
+ : ''), hAsync("digi-calendar", { key: '0cf7d10740ad6be29431c366127893741184544d', afActive: this.showCalendar, afShowWeekNumber: this.afShowWeekNumber, afMultipleDates: this.afMultipleDates, afYearSelect: this.afYearSelect, afSelectedDates: this.getSelectedDates, afMinDate: this.afMinDate, afMaxDate: this.afMaxDate, "aria-hidden": !this.showCalendar, afOpenCalendarTo: this.afOpenCalendarTo, onAfOnDateSelectedChange: (evt) => {
9750
9773
  evt.stopImmediatePropagation();
9751
9774
  this.parseCalendar(evt);
9752
- }, onAfOnFocusOutside: (evt) => {
9753
- if (this.showCalendar) {
9754
- const relatedTarget = evt.detail.relatedTarget;
9755
- if (!relatedTarget)
9756
- return;
9757
- evt.preventDefault();
9758
- const isDateButton = relatedTarget.classList.contains('digi-calendar__date');
9759
- const isToggleButton = relatedTarget.id === `${this.afId}-button`;
9760
- if (isDateButton) {
9761
- this.focusOnCalendarButton();
9762
- }
9763
- else if (isToggleButton) {
9764
- const focusableDateButton = this.hostElement.querySelector('.digi-calendar__date[tabindex="0"]');
9765
- focusableDateButton === null || focusableDateButton === void 0 ? void 0 : focusableDateButton.focus();
9766
- }
9767
- }
9768
- } })), this.afCloseOnSelect && !this.afMultipleDates && (hAsync("div", { key: 'e05fb1b11b44ad4c4f5c7ad452aa7f7e548f8db5', class: "digi-calendar-datepicker__selected-date-alert", role: "alert" }, this.afSelectedDates.length > 0
9775
+ }, onKeyDown: (e) => {
9776
+ if (!this.showCalendar || e.key !== 'Tab' || e.shiftKey)
9777
+ return;
9778
+ if (!e.target.classList.contains('digi-calendar__date'))
9779
+ return;
9780
+ e.preventDefault();
9781
+ this.focusOnCalendarInput();
9782
+ } })), this.afCloseOnSelect && !this.afMultipleDates && (hAsync("div", { key: 'ba8d4fb43fc1c54cc417e48c42c47264e2731e74', class: "digi-calendar-datepicker__selected-date-alert", role: "alert" }, this.afSelectedDates.length > 0
9769
9783
  ? `${_t.calendar.datepicker.selectedDate}: ${this.datesToInputString(this.afSelectedDates)}`
9770
9784
  : '')))));
9771
9785
  }
@@ -9804,11 +9818,11 @@ class CalendarDatepicker {
9804
9818
  "afShowWeekNumber": [4, "af-show-week-number"],
9805
9819
  "afMultipleDates": [4, "af-multiple-dates"],
9806
9820
  "afCloseOnSelect": [4, "af-close-on-select"],
9821
+ "afOpenCalendarTo": [16],
9807
9822
  "showWrongFormatError": [32],
9808
9823
  "showDisabledDateError": [32],
9809
9824
  "showCalendar": [32],
9810
- "userInput": [32],
9811
- "isEditing": [32]
9825
+ "userInput": [32]
9812
9826
  },
9813
9827
  "$listeners$": [[8, "click", "clickHandler"]],
9814
9828
  "$lazyBundleId$": "-",
@@ -20633,7 +20647,7 @@ class FormCategoryFilter {
20633
20647
  this.afHideToggle = !this.toggleHidden;
20634
20648
  }
20635
20649
  render() {
20636
- return (hAsync(Host, { key: '4098c877261aa9b69dbfc0969d7d4b99a8ebe5f3' }, hAsync("div", { key: '0907f7f36b12cd3324cae1ea48bd06f2da91012c', class: {
20650
+ return (hAsync(Host, { key: '1116adb138d4455a8946696bd148de4470fc8278' }, hAsync("div", { key: '888f3e8c1133706105581a7a89966ef93ccad0c9', class: {
20637
20651
  'digi-form-category-filter': true
20638
20652
  } }, this.displayCategories().map((category) => (hAsync("digi-button", { class: {
20639
20653
  'digi-form-category-filter--category': true,
@@ -20641,7 +20655,7 @@ class FormCategoryFilter {
20641
20655
  }, afVariation: "primary", afAriaPressed: this.selectedCategories.includes(category.name), onAfOnClick: () => {
20642
20656
  this.toggleCategory(category);
20643
20657
  } }, typeof category.hits === 'undefined' && category.name, typeof category.hits !== 'undefined' && (hAsync("span", null, category.name, ' ', hAsync("span", { class: "digi-form-category-filter--category--thin-text" }, "(", category.hits, ")")))))), this.afHideToggle === false &&
20644
- this.afCategories.length > this.afVisibleCollapsed && (hAsync("div", { key: 'e6e524d7840a99cf360b9a2bb3c7967617b2de6d' }, hAsync("digi-button", { key: '66a292db85e82ba5eafbf7ada307395ff777876b', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
20658
+ this.afCategories.length > this.afVisibleCollapsed && (hAsync("div", { key: 'b717e98f7a11951d09332be733c9f42ffce092df' }, hAsync("digi-button", { key: '405ae252571b1702e02db338cf0137955f1cbef6', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
20645
20659
  this.toggleCollapsed();
20646
20660
  } }, this.collapsed ? 'Visa alla' : 'Visa färre', this.collapsed ? (hAsync("digi-icon-plus", { slot: "icon", "aria-hidden": "true" })) : (hAsync("digi-icon-minus", { slot: "icon", "aria-hidden": "true" }))))))));
20647
20661
  }
@@ -21509,18 +21523,18 @@ class FormFileUpload {
21509
21523
  'digi-form-file-upload__upload-area': true,
21510
21524
  'digi-form-file-upload__upload-area--hover': this.fileHover
21511
21525
  }, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), onDragEnter: (e) => this.handleOnDragEnterLeave(e), onDragLeave: (e) => this.handleOnDragEnterLeave(e), onClick: (e) => this.handleInputClick(e) }, this.fileHover &&
21512
- this.afVariation != FormFileUploadVariation.SMALL && (hAsync("div", { key: '252d8551475a8efeafcb5422e3bc9a39ab766ee0', class: "digi-form-file-upload__upload-area-overlay" })), hAsync("div", { key: 'e04056de0ca60a999f38e7fc2ee3dddb14f3352e', class: "digi-form-file-upload__text-area" }, hAsync("button", { key: '1068e450b48ab821622eb193016c330edb05fc67', type: "button", ref: (el) => {
21526
+ this.afVariation != FormFileUploadVariation.SMALL && (hAsync("div", { key: '252d8551475a8efeafcb5422e3bc9a39ab766ee0', class: "digi-form-file-upload__upload-area-overlay" })), hAsync("div", { key: 'e04056de0ca60a999f38e7fc2ee3dddb14f3352e', class: "digi-form-file-upload__text-area" }, hAsync("button", { key: '9e7e1d5c75e32f5db420e92f32b428bfb66b430e', type: "button", id: this.afId + '-button', ref: (el) => {
21513
21527
  this._uploadButton = el;
21514
21528
  }, onClick: (e) => this.handleInputClick(e), class: "digi-form-file-upload__button hidden_mobile", style: {
21515
21529
  margin: '0'
21516
- } }, hAsync("digi-icon-paperclip", { key: 'a439e424f83e4ea197215a3812459882c322678b', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
21530
+ } }, hAsync("digi-icon-paperclip", { key: '16567976f7f354917cfe2c28046dcb99f302c828', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
21517
21531
  ? this.afUploadBtnText
21518
- : _t.form.file_choose), hAsync("input", { key: 'd194bb6becbe173f833634a4484a4542c5dfabb1', ref: (el) => {
21532
+ : _t.form.file_choose), hAsync("input", { key: '2bd5c1af11f38d32964c46a89fd31b04908d3de5', ref: (el) => {
21519
21533
  this._input = el;
21520
- }, onChange: (e) => this.onButtonUploadFileHandler(e), class: "digi-form-file-upload__input", multiple: true, type: "file", id: this.afId, accept: this.afFileTypes, name: this.afName ? this.afName : null, required: this.afRequired ? this.afRequired : null, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), "aria-errormessage": "digi-form-file-upload__error", "aria-describedBy": "digi-form-file-upload__error" }), hAsync("span", { key: 'b317ecd9f780111c20a529cd7d203ef5a765bb2c' }, this.afVariation !== FormFileUploadVariation.SMALL &&
21521
- _t.form.file_dropzone))), hAsync("p", { key: '85f16b73106ab1221a98591d01ee0157081d3778', class: "visually-hidden", role: "alert", "aria-atomic": "true", ref: (el) => {
21534
+ }, onChange: (e) => this.onButtonUploadFileHandler(e), class: "digi-form-file-upload__input", multiple: true, type: "file", id: this.afId, accept: this.afFileTypes, name: this.afName ? this.afName : null, required: this.afRequired ? this.afRequired : null, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), "aria-errormessage": "digi-form-file-upload__error", "aria-describedBy": "digi-form-file-upload__error" }), hAsync("span", { key: '8ba2509be773975eedfea52a75b51fb4f9890ed1' }, this.afVariation !== FormFileUploadVariation.SMALL &&
21535
+ _t.form.file_dropzone))), hAsync("p", { key: '82c7c35bc1ad2766687ba683c3f3b14836a74515', class: "visually-hidden", role: "alert", "aria-atomic": "true", ref: (el) => {
21522
21536
  this._srTextContainer = el;
21523
- } }), (this.files.length > 0 || this.error) && (hAsync("div", { key: 'eff456a01f0c09f4f6c1a80c76f3537e487d3fb2', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
21537
+ } }), (this.files.length > 0 || this.error) && (hAsync("div", { key: 'df0c06072fd8df4cd77eca15f67a046fca028a07', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
21524
21538
  }
21525
21539
  get hostElement() { return getElement(this); }
21526
21540
  static get watchers() { return {
@@ -21864,7 +21878,6 @@ class FormInput {
21864
21878
  this.hasButton = undefined;
21865
21879
  this.dirty = false;
21866
21880
  this.touched = false;
21867
- this.isEditing = false;
21868
21881
  this.afLabel = undefined;
21869
21882
  this.afLabelDescription = undefined;
21870
21883
  this.afType = FormInputType.TEXT;
@@ -21903,6 +21916,9 @@ class FormInput {
21903
21916
  }
21904
21917
  onAfValueChanged(value) {
21905
21918
  this.value = value;
21919
+ if (this._input && this._input.value !== String(value !== null && value !== void 0 ? value : '')) {
21920
+ this._input.value = String(value !== null && value !== void 0 ? value : '');
21921
+ }
21906
21922
  }
21907
21923
  afValidationTextWatch() {
21908
21924
  this.setActiveValidationMessage();
@@ -21935,8 +21951,8 @@ class FormInput {
21935
21951
  'digi-form-input--large': this.afVariation === FormInputVariation.LARGE,
21936
21952
  'digi-form-input--neutral': this.afValidation === FormInputValidation.NEUTRAL,
21937
21953
  'digi-form-input--success': this.afValidation === FormInputValidation.SUCCESS,
21938
- 'digi-form-input--error': !this.isEditing && this.afValidation === FormInputValidation.ERROR,
21939
- 'digi-form-input--warning': !this.isEditing && this.afValidation === FormInputValidation.WARNING,
21954
+ 'digi-form-input--error': this.afValidation === FormInputValidation.ERROR,
21955
+ 'digi-form-input--warning': this.afValidation === FormInputValidation.WARNING,
21940
21956
  [`digi-form-input--button-variation-${this.afButtonVariation}`]: !!this.afButtonVariation,
21941
21957
  [`digi-form-input--has-button-${this.hasButton}`]: true,
21942
21958
  'digi-form-input--empty': !this.afValue &&
@@ -21968,7 +21984,6 @@ class FormInput {
21968
21984
  this.afOnTouched.emit(e);
21969
21985
  this.touched = true;
21970
21986
  }
21971
- this.isEditing = false;
21972
21987
  this.afOnBlur.emit(e);
21973
21988
  }
21974
21989
  changeHandler(e) {
@@ -22000,10 +22015,10 @@ class FormInput {
22000
22015
  this.hasButton = !!this.hostElement.querySelector('[slot="button"]');
22001
22016
  }
22002
22017
  render() {
22003
- return (hAsync("div", { key: 'def034db4be8dcec58d6ee59c6ad9f5638cbc476', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, hAsync("digi-form-label", { key: 'e461f9dd36690fc2aa08914972adcb8805121479', class: "digi-form-input__label", afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), hAsync("div", { key: 'a986a18060e89a646e68e2e45bbc73d189bd5573', class: "digi-form-input__input-wrapper" }, hAsync("input", Object.assign({ key: 'cb5e252a4bd3dab8f408c110ad0c37b0c5997129', class: "digi-form-input__input", ref: (el) => (this._input = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyDown: () => this.isEditing = true, onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-autocomplete": this.afAriaAutocomplete, "aria-invalid": this.afValidation === FormInputValidation.ERROR ? 'true' : 'false', "aria-controls": this.afAriaControls, autocomplete: this.afAutocomplete, autofocus: this.afAutofocus ? this.afAutofocus : null, maxLength: this.afMaxlength, minLength: this.afMinlength, max: this.afMax, min: this.afMin, step: this.afStep, list: this.afList, role: this.afRole, dirName: this.afDirname, required: this.afRequired, id: this.afId, name: this.afName, type: this.afType, value: this.afValue }, (this.afInputmode == FormInputMode.DEFAULT
22018
+ return (hAsync("div", { key: '6309c6b61d95e8a96c724c1493daac592aa79f81', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, hAsync("digi-form-label", { key: '3ef5a2a1251e0e3c1c99a761482c4ec5ff634430', class: "digi-form-input__label", afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), hAsync("div", { key: 'ebcb01079c78738339e5317cf9239f1a89e31921', class: "digi-form-input__input-wrapper" }, hAsync("input", Object.assign({ key: '6ec3288227014624b27d7d10797fb7fde4c47f26', class: "digi-form-input__input", ref: (el) => (this._input = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-autocomplete": this.afAriaAutocomplete, "aria-invalid": this.afValidation === FormInputValidation.ERROR ? 'true' : 'false', "aria-controls": this.afAriaControls, autocomplete: this.afAutocomplete, autofocus: this.afAutofocus ? this.afAutofocus : null, maxLength: this.afMaxlength, minLength: this.afMinlength, max: this.afMax, min: this.afMin, step: this.afStep, list: this.afList, role: this.afRole, dirName: this.afDirname, required: this.afRequired, id: this.afId, name: this.afName, type: this.afType, value: this.afValue }, (this.afInputmode == FormInputMode.DEFAULT
22004
22019
  ? {}
22005
- : { inputmode: this.afInputmode }))), hAsync("slot", { key: '8a16fed00c0d4b8be2bb3f6e42cb11a920439e8c', name: "button" })), hAsync("div", { key: '02415ad4300e58dfc8693fe4f16738cf822936a7', class: "digi-form-input__footer" }, hAsync("div", { key: '8c3ffd5dfefa5303897d832b204d6b14a0a11f30', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, !this.isEditing && this.hasActiveValidationMessage &&
22006
- this.afValidation != FormInputValidation.NEUTRAL && (hAsync("digi-form-validation-message", { key: '931d4f21777a7013164adeb51e3008d9aeebce6a', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
22020
+ : { inputmode: this.afInputmode }))), hAsync("slot", { key: '0da5dfcd73e997a16bf3be18b4cbd3651cab7ebb', name: "button" })), hAsync("div", { key: '4f24b7c3b070e5f8fbe4396d38865c1afa59709e', class: "digi-form-input__footer" }, hAsync("div", { key: 'f0b6ee56051886efbecf82c136338c42130d80d8', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
22021
+ this.afValidation != FormInputValidation.NEUTRAL && (hAsync("digi-form-validation-message", { key: '0f00497d0bf3c0da8a11f60fbdb302c11b41e8aa', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
22007
22022
  }
22008
22023
  get hostElement() { return getElement(this); }
22009
22024
  static get watchers() { return {
@@ -22052,7 +22067,6 @@ class FormInput {
22052
22067
  "hasButton": [32],
22053
22068
  "dirty": [32],
22054
22069
  "touched": [32],
22055
- "isEditing": [32],
22056
22070
  "afMGetFormControlElement": [64]
22057
22071
  },
22058
22072
  "$listeners$": undefined,
@@ -22722,17 +22736,17 @@ class FormSelect {
22722
22736
  : false;
22723
22737
  }
22724
22738
  render() {
22725
- return (hAsync("div", { key: '383eae4d2e740bd424d76a095abe09e98602c0a0', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, hAsync("div", { key: '9cd23532e83bbd843f6c6480562cbffcbe1780a2', class: "digi-form-select__label-group" }, hAsync("digi-form-label", { key: '58ea8cf5d755a8ba5b84e9010097ad3d2b6f8576', afFor: this.afId, afLabel: this.afLabel, afId: `${this.afId}-label`, afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), hAsync("div", { key: '7c8a35e191cde25892e107415b453a6787a9ab23', class: "digi-form-select__select-wrapper" }, hAsync("select", { key: 'ad62a59613e26f44eaaec5725174e0256028d886', class: "digi-form-select__select", name: this.afName, id: this.afId, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormSelectValidation.ERROR
22739
+ return (hAsync("div", { key: '09b309b4f5b1397162fa1b398f58d1696ebd2479', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, hAsync("div", { key: 'e2d824232a6630111b87f325e3e5583d2dd08bd3', class: "digi-form-select__label-group" }, hAsync("digi-form-label", { key: 'f60f04f30a9594d39b439239230441241d4fbe6c', afFor: this.afId, afLabel: this.afLabel, afId: `${this.afId}-label`, afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), hAsync("div", { key: '621062b207232904aa2a6a6fbaa93ebedb146210', class: "digi-form-select__select-wrapper" }, hAsync("select", { key: 'd199ce9bf648952a1309f8ac8914b9da59f15f98', class: "digi-form-select__select", name: this.afName, id: this.afId, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormSelectValidation.ERROR
22726
22740
  ? 'true'
22727
- : 'false', ref: (el) => (this._select = el), required: this.afRequired ? this.afRequired : null, onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onInput: (e) => this.selectHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null }, this.hasPlaceholder && (hAsync("option", { key: '83b51b96cc3f59fa33ca7233a887e19466aadd1a', class: {
22741
+ : 'false', ref: (el) => (this._select = el), required: this.afRequired ? this.afRequired : null, onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onInput: (e) => this.selectHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null }, this.hasPlaceholder && (hAsync("option", { key: '1537f5bbf4d76e607663b241913912e034af2006', class: {
22728
22742
  'digi-form-select__select-option': true,
22729
22743
  'digi-form-select__select-option--initial-value': true
22730
22744
  }, disabled: true, selected: !this.afValue, value: "" }, this.afPlaceholder)), this.optionItems.map((option, index) => {
22731
22745
  return (hAsync("option", { key: index, class: "digi-form-select__select-option", value: option.value, selected: this.getSelectedItem(option) }, option.text));
22732
- })), hAsync("digi-icon-input-select-marker", { key: 'f2556cbc4c38b65ce652511b03acb59f5082c577', class: "digi-form-select__icon", slot: "icon" })), hAsync("digi-util-mutation-observer", { key: '619dfa80c868526ed3ff28d120f3798743f9c011', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: (e) => {
22746
+ })), hAsync("digi-icon-input-select-marker", { key: '43cc5722be7b769a59661c6128c3bd3149172adc', class: "digi-form-select__icon", slot: "icon" })), hAsync("digi-util-mutation-observer", { key: '74e420460572eeb8d9ca308190dc33191b608b4e', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: (e) => {
22733
22747
  e.stopImmediatePropagation();
22734
22748
  this.getOptions();
22735
- } }, hAsync("slot", { key: 'f29d471016704b271008e81fa06320ada1ecfb4f' })), hAsync("div", { key: '4393c0e4fcf3a36bcd034f60ec6bbe49eedac057', class: "digi-form-select__footer" }, hAsync("div", { key: '579755d6a2a9c3c5a9573beae36454cdb3d2bd3f', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (hAsync("digi-form-validation-message", { key: '53f717a8fdce19710c9e1761476e522f7151e24a', "af-variation": this.afValidation }, this.afValidationText))))));
22749
+ } }, hAsync("slot", { key: 'd77e562c340452ec68c7dedda478c4d66933324a' })), hAsync("div", { key: '81a982666ecded6b8b614bff3598b4dcaf91b2af', class: "digi-form-select__footer" }, hAsync("div", { key: '5d6c5b802eba0c2238dec9930a6655f3ce57342c', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (hAsync("digi-form-validation-message", { key: 'f2c347f0404db61bace89dd4aa7e98c50b7ac30d', "af-variation": this.afValidation }, this.afValidationText))))));
22736
22750
  }
22737
22751
  get hostElement() { return getElement(this); }
22738
22752
  static get watchers() { return {
@@ -23221,15 +23235,15 @@ class FormSelectFilter {
23221
23235
  } }, hAsync("slot", { name: "empty-search-result" })))));
23222
23236
  }
23223
23237
  render() {
23224
- return (hAsync("div", { key: '0441a3108913933a52f7ce85a8e808637d1b3c91', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, hAsync("digi-form-label", { key: '642aeed1224efdd28628722fc29c4885defe1f88', afLabel: this.afFilterButtonTextLabel, afFor: `${this.afId}`, afId: `${this.afId}-label`, class: "digi-form-select-filter__label", afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), hAsync("digi-util-keydown-handler", { key: 'b5117f00c181ceb475eff973d9fef953ab057ffe', onAfOnEsc: () => this.escHandler() }, hAsync("button", { key: 'f5ac9723c420b469f280751113b8fed4be799b2f', type: "button", id: `${this.afId}`, class: "digi-form-select-filter__toggle-button", onClick: () => this.toggleDropdown(), ref: (el) => (this._toggleButton = el), "aria-haspopup": "true", "aria-label": this.ariaLabel, "aria-labelledby": this.afFilterButtonAriaDescribedby, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, hAsync("div", { key: '95f70c6e4a9ce0fb00d549ea9a2a56c889694536', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, hAsync("digi-icon-check", { key: '1acd4598fe9a41669038186b086013a027c8e84f', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), hAsync("span", { key: '965fd1089e5ebe115ebada0e6a8bac72de406d83', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), hAsync("digi-icon-chevron-down", { key: '23ee710f53016cf532cf74bd2288e3202418bffd', class: "digi-form-select-filter__toggle-icon" })), hAsync("div", { key: '55f99522a98d710b4d222b43e51c63961bdd390e', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
23238
+ return (hAsync("div", { key: '47778d535bf8b4297d22fef644727e29daab942d', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, hAsync("digi-form-label", { key: '0987a58c51d49043f1141721a02faf6294156690', afLabel: this.afFilterButtonTextLabel, afFor: `${this.afId}`, afId: `${this.afId}-label`, class: "digi-form-select-filter__label", afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), hAsync("digi-util-keydown-handler", { key: '83bb7d44629e0c23aef4d9d870e6d2b75de3f2b2', onAfOnEsc: () => this.escHandler() }, hAsync("button", { key: '915f385d3eba371b737b589b194de2368f99dca4', type: "button", id: `${this.afId}`, class: "digi-form-select-filter__toggle-button", onClick: () => this.toggleDropdown(), ref: (el) => (this._toggleButton = el), "aria-haspopup": "true", "aria-label": this.ariaLabel, "aria-labelledby": this.afFilterButtonAriaDescribedby, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, hAsync("div", { key: 'df2833df13736c53ff31f5d991d390604c3b5fb4', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, hAsync("digi-icon-check", { key: '47029103d04679aa4eab91f075a8d7624d8faac5', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), hAsync("span", { key: 'da2a3bfcbb0d7954b169fdc140073ca6bea72f79', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), hAsync("digi-icon-chevron-down", { key: '7d27fddb7228ed2f65c953431a5e6d52a05a218d', class: "digi-form-select-filter__toggle-icon" })), hAsync("div", { key: '3e33a6b8af63a097204223d7111e1d35009ef4d6', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
23225
23239
  'digi-form-select-filter__dropdown': true,
23226
23240
  'digi-form-select-filter__dropdown--right': this.afAlignRight,
23227
23241
  'digi-form-select-filter__dropdown--hidden': !this.isOpen
23228
- } }, hAsync("fieldset", { key: 'b801358f02ee8719a354128ce1669276ae26052c' }, hAsync("div", { key: 'a307b294684fe855f61c3f1fae1359d79e118ed8', class: "digi-form-select-filter__header" }, hAsync("legend", { key: '854730c3331539ff816c78bbb5c4afa8b3f8045f', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), hAsync("digi-form-input", { key: 'ee515e0d2a5392fac6614309804762bb02b31b1b', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
23242
+ } }, hAsync("fieldset", { key: 'b6052c5c1630678be2fe5cb6062a91bef16d80b3' }, hAsync("div", { key: '00be00b083cc86845f6bf332705c4c5f14139249', class: "digi-form-select-filter__header" }, hAsync("legend", { key: 'c26418abfc62031873cecf02427ed32da9324291', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), hAsync("digi-form-input", { key: '78299e86526afe7801a01a3c0099f09e17e3ed2f', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
23229
23243
  this.focusListItemIndex = 0;
23230
23244
  }, onAfOnKeyup: (e) => {
23231
23245
  this.inputSearchKeyboardHandler(e.detail);
23232
- }, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), hAsync("div", { key: '4c3b4dd67932713d3b0f9784ddb6908172bae788', class: "digi-form-select-filter__scroll" }, hAsync("digi-util-keydown-handler", { key: '21fd9e82b72a29c6d4f6d9483a189bd877f86c7f', onAfOnDown: (e) => this.downHandler(e), onAfOnRight: (e) => this.downHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnLeft: (e) => this.upHandler(e), onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnEnter: (e) => this.enterHandler(e), onAfOnSpace: (e) => this.spaceHandler(e), onAfOnTab: () => this.tabHandler(), onAfOnShiftTab: () => this.shiftHandler() }, hAsync("ul", { key: '1c7566020cc272722d7978b618395177c114a9ac', class: "digi-form-select-filter__list", "aria-labelledby": `${this.afId}`, id: `${this.afId}-select-filter-list`, role: this.afMultipleItems ? '' : 'radiogroup', "aria-invalid": this.afMultipleItems
23246
+ }, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), hAsync("div", { key: '9e2c976667ee00f6631c13056be4aa1bb004e770', class: "digi-form-select-filter__scroll" }, hAsync("digi-util-keydown-handler", { key: '53463d2aa5a0757c2be36634f11050f2254acdc5', onAfOnDown: (e) => this.downHandler(e), onAfOnRight: (e) => this.downHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnLeft: (e) => this.upHandler(e), onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnEnter: (e) => this.enterHandler(e), onAfOnSpace: (e) => this.spaceHandler(e), onAfOnTab: () => this.tabHandler(), onAfOnShiftTab: () => this.shiftHandler() }, hAsync("ul", { key: 'a9053be0bfc7fc06cfff06834e6c287bf3f13316', class: "digi-form-select-filter__list", "aria-labelledby": `${this.afId}`, id: `${this.afId}-select-filter-list`, role: this.afMultipleItems ? '' : 'radiogroup', "aria-invalid": this.afMultipleItems
23233
23247
  ? 'false'
23234
23248
  : this.afValidation === FormSelectFilterValidation.ERROR
23235
23249
  ? 'true'
@@ -23237,11 +23251,11 @@ class FormSelectFilter {
23237
23251
  ? false
23238
23252
  : this.afRequired
23239
23253
  ? 'true'
23240
- : 'false' }, this.showNeutralValue && (hAsync("li", { key: '8d05cf89e96e8ac1483ce26a337a5978f838b639', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
23254
+ : 'false' }, this.showNeutralValue && (hAsync("li", { key: '6db36b1fb4a721be77a2db2442f00488b730f8ff', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
23241
23255
  ? 'false'
23242
23256
  : this.afRequired
23243
23257
  ? 'true'
23244
- : 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (hAsync("digi-icon-check", { key: 'a38310179982e60d3f2689e86205b60954626a7b', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
23258
+ : 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (hAsync("digi-icon-check", { key: 'a2a34d7082a28a85328cfcd55814a0914396b54f', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
23245
23259
  this._filteredResult.map((item, index) => {
23246
23260
  return (hAsync("li", { class: "digi-form-select-filter__item", key: index, dir: item.dir, lang: item.lang, "aria-checked": this.isSelected(item.value) ? 'true' : 'false', role: this.afMultipleItems ? 'checkbox' : 'radio', "aria-required": this.afMultipleItems
23247
23261
  ? 'false'
@@ -23253,9 +23267,9 @@ class FormSelectFilter {
23253
23267
  ? 'true'
23254
23268
  : 'false'
23255
23269
  : 'false', "aria-errormessage": `${this.afId}--validation-message`, onClick: () => this.selectItemHandler(item), tabIndex: this.showNeutralValue ? -1 : index === 0 ? 0 : -1 }, this.isSelected(item.value) && (hAsync("digi-icon-check", { class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), item.label));
23256
- }))))), this.afMultipleItems && (hAsync("div", { key: '5b86ccce4ca0f6a5c8fdc02680aa792b97912a0b', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (hAsync("digi-button", { key: 'b644d87b83ecbed6cfd1599a641e5264921ac4fc', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), hAsync("digi-util-keydown-handler", { key: 'b0e8623abc016dcae8614310ea8653f28ec5d9b3', onAfOnUp: () => this.setFocusItem() }, hAsync("digi-button", { key: '838f2780f265db6153e2e928ab23935a19885b51', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
23270
+ }))))), this.afMultipleItems && (hAsync("div", { key: '0f6fc63028d7286ddf1830a25c7441b8fd2a2ed9', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (hAsync("digi-button", { key: '6e8f95754b33b7b3f16d85121c3d66d18a3dbec6', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), hAsync("digi-util-keydown-handler", { key: '828bd37c6f8f5e8eb0c8b3707587f999974d2ccd', onAfOnUp: () => this.setFocusItem() }, hAsync("digi-button", { key: '3ef5fddce6e20cbf578117112f7038dba6dba8e0', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
23257
23271
  this.setClosed(true);
23258
- }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), hAsync("div", { key: 'e2a972b032f28e6e0347e2bd7aca7724e7a144a2', class: "digi-form-select__footer" }, hAsync("div", { key: 'f8d44fff602afedb23b2f64b80d5bcaf7b15b49e', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (hAsync("digi-form-validation-message", { key: 'c91161db619777dbb192afa4b600732e39769208', "af-variation": this.afValidation }, this.afValidationText))))));
23272
+ }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), hAsync("div", { key: 'c19aa161c29be9caf7f311c7cdafbc4e4349648c', class: "digi-form-select__footer" }, hAsync("div", { key: '061934f8086fea4e00fea101a5d9b7d2bd49ee2b', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (hAsync("digi-form-validation-message", { key: 'ae827efc04d969a67f3c7ebae9592678c6eb2e6e', "af-variation": this.afValidation }, this.afValidationText))))));
23259
23273
  }
23260
23274
  get hostElement() { return getElement(this); }
23261
23275
  static get watchers() { return {
@@ -23330,7 +23344,6 @@ class FormTextarea {
23330
23344
  this.hasActiveValidationMessage = false;
23331
23345
  this.dirty = false;
23332
23346
  this.touched = false;
23333
- this.isEditing = false;
23334
23347
  this.afLabel = undefined;
23335
23348
  this.afLabelDescription = undefined;
23336
23349
  this.afVariation = FormTextareaVariation.MEDIUM;
@@ -23386,15 +23399,14 @@ class FormTextarea {
23386
23399
  'digi-form-textarea--auto': this.afVariation === FormTextareaVariation.AUTO,
23387
23400
  'digi-form-textarea--neutral': this.afValidation === FormTextareaValidation.NEUTRAL,
23388
23401
  'digi-form-textarea--success': this.afValidation === FormTextareaValidation.SUCCESS,
23389
- 'digi-form-textarea--error': !this.isEditing && this.afValidation === FormTextareaValidation.ERROR,
23390
- 'digi-form-textarea--warning': !this.isEditing && this.afValidation === FormTextareaValidation.WARNING,
23402
+ 'digi-form-textarea--error': this.afValidation === FormTextareaValidation.ERROR,
23403
+ 'digi-form-textarea--warning': this.afValidation === FormTextareaValidation.WARNING,
23391
23404
  'digi-form-textarea--empty': !this.afValue &&
23392
23405
  (!this.afValidation ||
23393
23406
  this.afValidation === FormTextareaValidation.NEUTRAL)
23394
23407
  };
23395
23408
  }
23396
23409
  blurHandler(e) {
23397
- this.isEditing = false;
23398
23410
  if (!this.touched) {
23399
23411
  this.afOnTouched.emit(e);
23400
23412
  this.touched = true;
@@ -23424,10 +23436,10 @@ class FormTextarea {
23424
23436
  this.afOnInput.emit(e);
23425
23437
  }
23426
23438
  render() {
23427
- return (hAsync("div", { key: 'ca77f5d62dc794ff17223c0c914ef00d070d4845', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, hAsync("div", { key: 'd155dcb5c0cb754cd76c557e9bc382836e3ef76a', class: "digi-form-textarea__label" }, hAsync("digi-form-label", { key: '5c8d3b5b19417aa280812c2770cbb4cad2692969', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), hAsync("div", { key: 'dcddec6e31b9e97b9ba1d4109adf112af0a07b29', class: "digi-form-textarea__content" }, hAsync("textarea", { key: 'c399e1aa0ef714c2a356edf6b538a71df1b27994', class: "digi-form-textarea__textarea", ref: (el) => (this._textarea = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyDown: () => this.isEditing = true, onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormTextareaValidation.ERROR
23439
+ return (hAsync("div", { key: '4e161920de063a876f4f5c43dfa6944922eef59b', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, hAsync("div", { key: '3ae923d8d252e998eccc232a0d0fee16175bf2ab', class: "digi-form-textarea__label" }, hAsync("digi-form-label", { key: '302f582d624fe4680fd0b4dc381a35ab51c390b6', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), hAsync("div", { key: '8ab908ee5525be7edf84dc26c8844da4f2a8d43c', class: "digi-form-textarea__content" }, hAsync("textarea", { key: '8bc1706df463f6d94d0a895691c33eca19dc2e0b', class: "digi-form-textarea__textarea", ref: (el) => (this._textarea = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormTextareaValidation.ERROR
23428
23440
  ? 'true'
23429
- : 'false', maxLength: this.afMaxlength, minLength: this.afMinlength, role: this.afRole, required: this.afRequired, id: this.afId, name: this.afName, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null })), hAsync("div", { key: '8954b122a04e741550553e5b5dc29145346501b3', class: "digi-form-textarea__footer" }, hAsync("div", { key: '9540eee3c9c2aa70e0139b4b84f035494e9aee21', class: "digi-form-textarea__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, !this.isEditing && this.hasActiveValidationMessage &&
23430
- this.afValidation != FormTextareaValidation.NEUTRAL && (hAsync("digi-form-validation-message", { key: '350b51a7cd29627a53f2267a1726ad4917657cef', class: "digi-form-textarea__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
23441
+ : 'false', maxLength: this.afMaxlength, minLength: this.afMinlength, role: this.afRole, required: this.afRequired, id: this.afId, name: this.afName, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null })), hAsync("div", { key: 'b5267c63a67bc5b00f1b1e415230ebaca238beaf', class: "digi-form-textarea__footer" }, hAsync("div", { key: '3306d1e5309d9a9dc0dcd72efb6d89b3f467b3eb', class: "digi-form-textarea__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
23442
+ this.afValidation != FormTextareaValidation.NEUTRAL && (hAsync("digi-form-validation-message", { key: '4fe2ef8decb98c91db107c4ed2db9cba5dbc0038', class: "digi-form-textarea__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
23431
23443
  }
23432
23444
  get hostElement() { return getElement(this); }
23433
23445
  static get watchers() { return {
@@ -23463,7 +23475,6 @@ class FormTextarea {
23463
23475
  "hasActiveValidationMessage": [32],
23464
23476
  "dirty": [32],
23465
23477
  "touched": [32],
23466
- "isEditing": [32],
23467
23478
  "afMGetFormControlElement": [64]
23468
23479
  },
23469
23480
  "$listeners$": undefined,