@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
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index$1 = require('./index-81fc5a97.js');
6
- const text = require('./text-3157012b.js');
6
+ const text = require('./text-65b1b58c.js');
7
7
  const index = require('./index-acb7b350.js');
8
8
  const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
9
9
  const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-81fc5a97.js');
6
- const text = require('./text-3157012b.js');
6
+ const text = require('./text-65b1b58c.js');
7
7
  const linear = require('./linear-86314cb2.js');
8
8
  const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
9
9
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-81fc5a97.js');
6
6
  const codeExampleVariation_enum = require('./code-example-variation.enum-1611825e.js');
7
- const typographyVariation_enum = require('./typography-variation.enum-c6bb12f2.js');
7
+ const typographyVariation_enum = require('./typography-variation.enum-6077eba3.js');
8
8
  const prismGit = require('./prism-git-df985529.js');
9
9
  require('./badge-notification-shape.enum-ff802554.js');
10
10
  require('./badge-status-variation.enum-0a5adc21.js');
@@ -20,6 +20,7 @@ require('./footer-card-variation.enum-99555edc.js');
20
20
  require('./form-checkbox-variation.enum-d2ca879e.js');
21
21
  require('./form-validation-message-variation.enum-c5ec3e2d.js');
22
22
  require('./form-radiogroup-validation.enum-03a17d4d.js');
23
+ require('./form-textarea-variation.enum-9c90d40f.js');
23
24
  require('./info-card-multi-type.enum-14746572.js');
24
25
  require('./info-card-variation.enum-64cef637.js');
25
26
  require('./layout-container-max-width.enum-7e637f44.js');
@@ -48,7 +49,7 @@ require('./typography-heading-jumbo-variation.enum-8677e099.js');
48
49
  require('./typography-meta-variation.enum-13ac3538.js');
49
50
  require('./typography-time-variation.enum-bce1d87e.js');
50
51
  require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
51
- const text = require('./text-3157012b.js');
52
+ const text = require('./text-65b1b58c.js');
52
53
  const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
53
54
 
54
55
  const codeBlockCss = "digi-code-block{--digi--code-block--background:var(--digi--color--background--primary);--digi--code-block--border-radius:0.3rem;--digi--code-block--border:1px solid var(--digi--grayscale--900);display:block}digi-code-block .digi-code-block{border-radius:var(--digi--code-block--border-radius);border:var(--digi--code-block--border);overflow:hidden;position:relative}digi-code-block .digi-code-block pre{margin:0}digi-code-block .digi-code-block--light{}digi-code-block .digi-code-block--light code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{color:#545454;background:none;font-family:var(--digi--global--typography--font-family--mono);text-align:left;white-space:pre-wrap;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}digi-code-block .digi-code-block--light pre[class*=language-]{padding:1em;overflow:auto}digi-code-block .digi-code-block--light :not(pre)>code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{background:#fefefe}digi-code-block .digi-code-block--light :not(pre)>code[class*=language-]{padding:0.1em;white-space:normal}digi-code-block .digi-code-block--light .token.comment,digi-code-block .digi-code-block--light .token.prolog,digi-code-block .digi-code-block--light .token.doctype,digi-code-block .digi-code-block--light .token.cdata{color:#696969}digi-code-block .digi-code-block--light .token.punctuation{color:#545454}digi-code-block .digi-code-block--light .token.property,digi-code-block .digi-code-block--light .token.tag,digi-code-block .digi-code-block--light .token.constant,digi-code-block .digi-code-block--light .token.symbol,digi-code-block .digi-code-block--light .token.deleted{color:#007faa}digi-code-block .digi-code-block--light .token.boolean,digi-code-block .digi-code-block--light .token.number{color:#008000}digi-code-block .digi-code-block--light .token.selector,digi-code-block .digi-code-block--light .token.attr-name,digi-code-block .digi-code-block--light .token.string,digi-code-block .digi-code-block--light .token.char,digi-code-block .digi-code-block--light .token.builtin,digi-code-block .digi-code-block--light .token.inserted{color:#aa5d00}digi-code-block .digi-code-block--light .token.operator,digi-code-block .digi-code-block--light .token.entity,digi-code-block .digi-code-block--light .token.url,digi-code-block .digi-code-block--light .language-css .token.string,digi-code-block .digi-code-block--light .style .token.string,digi-code-block .digi-code-block--light .token.variable{color:#008000}digi-code-block .digi-code-block--light .token.atrule,digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.function{color:#aa5d00}digi-code-block .digi-code-block--light .token.keyword{color:#d91e18}digi-code-block .digi-code-block--light .token.regex,digi-code-block .digi-code-block--light .token.important{color:#d91e18}digi-code-block .digi-code-block--light .token.important,digi-code-block .digi-code-block--light .token.bold{font-weight:bold}digi-code-block .digi-code-block--light .token.italic{font-style:italic}digi-code-block .digi-code-block--light .token.entity{cursor:help}@media screen and (-ms-high-contrast: active){digi-code-block .digi-code-block--light code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{color:windowText;background:window}digi-code-block .digi-code-block--light :not(pre)>code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{background:window}digi-code-block .digi-code-block--light .token.important{background:highlight;color:window;font-weight:normal}digi-code-block .digi-code-block--light .token.atrule,digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.function,digi-code-block .digi-code-block--light .token.keyword,digi-code-block .digi-code-block--light .token.operator,digi-code-block .digi-code-block--light .token.selector{font-weight:bold}digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.comment,digi-code-block .digi-code-block--light .token.doctype,digi-code-block .digi-code-block--light .token.function,digi-code-block .digi-code-block--light .token.keyword,digi-code-block .digi-code-block--light .token.operator,digi-code-block .digi-code-block--light .token.property,digi-code-block .digi-code-block--light .token.string{color:highlight}digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.url{font-weight:normal}}digi-code-block .digi-code-block--dark{}digi-code-block .digi-code-block--dark .digi-code-block__button{--digi--button--color--text--function--default:var(--digi--color--text--secondary);--digi--button--color--text--function--hover:var(--digi--color--text--secondary);--digi--button--color--icon--function--default:var(--digi--color--text--secondary);--digi--button--color--icon--function--hover:var(--digi--color--text--secondary);--digi--button--color--text--function--focus:var(--digi--color--text--secondary);--digi--button--color--icon--function--focus:var(--digi--color--text--secondary)}digi-code-block .digi-code-block--dark code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{color:#f8f8f2;background:none;font-family:var(--digi--global--typography--font-family--mono);text-align:left;white-space:pre-wrap;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}digi-code-block .digi-code-block--dark pre[class*=language-]{padding:1em;overflow:auto}digi-code-block .digi-code-block--dark :not(pre)>code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{background:#272727}digi-code-block .digi-code-block--dark :not(pre)>code[class*=language-]{padding:0.1em;white-space:normal}digi-code-block .digi-code-block--dark .token.comment,digi-code-block .digi-code-block--dark .token.prolog,digi-code-block .digi-code-block--dark .token.doctype,digi-code-block .digi-code-block--dark .token.cdata{color:#d4d0ab}digi-code-block .digi-code-block--dark .token.punctuation{color:#fefefe}digi-code-block .digi-code-block--dark .token.property,digi-code-block .digi-code-block--dark .token.tag,digi-code-block .digi-code-block--dark .token.constant,digi-code-block .digi-code-block--dark .token.symbol,digi-code-block .digi-code-block--dark .token.deleted{color:#ffa07a}digi-code-block .digi-code-block--dark .token.boolean,digi-code-block .digi-code-block--dark .token.number{color:#00e0e0}digi-code-block .digi-code-block--dark .token.selector,digi-code-block .digi-code-block--dark .token.attr-name,digi-code-block .digi-code-block--dark .token.string,digi-code-block .digi-code-block--dark .token.char,digi-code-block .digi-code-block--dark .token.builtin,digi-code-block .digi-code-block--dark .token.inserted{color:#abe338}digi-code-block .digi-code-block--dark .token.operator,digi-code-block .digi-code-block--dark .token.entity,digi-code-block .digi-code-block--dark .token.url,digi-code-block .digi-code-block--dark .language-css .token.string,digi-code-block .digi-code-block--dark .style .token.string,digi-code-block .digi-code-block--dark .token.variable{color:#00e0e0}digi-code-block .digi-code-block--dark .token.atrule,digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.function{color:#ffd700}digi-code-block .digi-code-block--dark .token.keyword{color:#00e0e0}digi-code-block .digi-code-block--dark .token.regex,digi-code-block .digi-code-block--dark .token.important{color:#ffd700}digi-code-block .digi-code-block--dark .token.important,digi-code-block .digi-code-block--dark .token.bold{font-weight:bold}digi-code-block .digi-code-block--dark .token.italic{font-style:italic}digi-code-block .digi-code-block--dark .token.entity{cursor:help}@media screen and (-ms-high-contrast: active){digi-code-block .digi-code-block--dark code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{color:windowText;background:window}digi-code-block .digi-code-block--dark :not(pre)>code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{background:window}digi-code-block .digi-code-block--dark .token.important{background:highlight;color:window;font-weight:normal}digi-code-block .digi-code-block--dark .token.atrule,digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.function,digi-code-block .digi-code-block--dark .token.keyword,digi-code-block .digi-code-block--dark .token.operator,digi-code-block .digi-code-block--dark .token.selector{font-weight:bold}digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.comment,digi-code-block .digi-code-block--dark .token.doctype,digi-code-block .digi-code-block--dark .token.function,digi-code-block .digi-code-block--dark .token.keyword,digi-code-block .digi-code-block--dark .token.operator,digi-code-block .digi-code-block--dark .token.property,digi-code-block .digi-code-block--dark .token.string{color:highlight}digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.url{font-weight:normal}}digi-code-block .digi-code-block__toolbar{padding-bottom:0.5rem;display:flex;justify-content:flex-end;position:absolute;bottom:0;width:100%}digi-code-block .digi-code-block__button{margin-right:var(--digi--margin--smaller)}";
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-81fc5a97.js');
6
6
  const codeExampleVariation_enum = require('./code-example-variation.enum-1611825e.js');
7
7
  const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
8
- const text = require('./text-3157012b.js');
8
+ const text = require('./text-65b1b58c.js');
9
9
  const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
10
10
 
11
11
  const codeExampleCss = ".sc-digi-code-example-h{--digi--code-example--background:var(--digi--color--background--primary);--digi--code-example--controls--width:16.25rem;display:block}.digi-code-example.sc-digi-code-example{background-size:20px 20px;background-position:0 0, 0 10px, 10px -10px, -10px 0px;border:var(--digi--border-width--primary) solid var(--digi--color--divider--primary--light);height:100%;display:flex;flex-direction:row;border-radius:0.3rem;position:relative}@media (max-width: 35.9375rem){.digi-code-example.sc-digi-code-example{min-width:360px}}.digi-code-example--light.sc-digi-code-example{background-color:#ffffff;background-image:linear-gradient(45deg, #efefef 25%, transparent 25%), linear-gradient(-45deg, #efefef 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #efefef 75%), linear-gradient(-45deg, transparent 75%, #efefef 75%)}.digi-code-example--dark.sc-digi-code-example{background-color:#787777;background-image:linear-gradient(45deg, #666666 25%, transparent 25%), linear-gradient(-45deg, #666666 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #666666 75%), linear-gradient(-45deg, transparent 75%, #666666 75%)}.digi-code-example__container.sc-digi-code-example{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;position:relative}.digi-code-example--no-controls.sc-digi-code-example{flex-direction:column}.digi-code-example--no-controls.sc-digi-code-example .digi-code-example__copy-button.sc-digi-code-example{margin-top:0;align-self:flex-end;margin-bottom:0.2rem;z-index:1;position:absolute;bottom:0;right:0}.digi-code-example--no-controls.sc-digi-code-example .digi-code-example__copy-button--dark.sc-digi-code-example{--digi--button--color--text--function--default:var(--digi--color--text--secondary);--digi--button--color--text--function--hover:var(--digi--color--text--secondary);--digi--button--color--icon--function--default:var(--digi--color--text--secondary);--digi--button--color--icon--function--hover:var(--digi--color--text--secondary)}.digi-code-example__example.sc-digi-code-example{height:100%;padding:var(--digi--padding--largest-2);overflow-x:auto}@media (max-width: 48rem){.digi-code-example__example.sc-digi-code-example{padding:var(--digi--padding--medium)}}@media (max-width: 35.9375rem){.digi-code-example__example.sc-digi-code-example{padding:var(--digi--padding--small)}}.digi-code-example__copy-button.sc-digi-code-example{align-self:start;margin-top:var(--digi--padding--large);margin-right:var(--digi--padding--small)}.digi-code-example__codeblock.sc-digi-code-example digi-code-block.sc-digi-code-example{--digi--code-block--border-radius:0;--digi--code-block--border:none}.digi-code-example__controls.sc-digi-code-example{padding:var(--digi--padding--medium);background:var(--digi--color--background--secondary);display:flex;flex:0 var(--digi--code-example--controls--width);flex-direction:column;align-self:stretch;flex-shrink:0;justify-content:space-between;gap:var(--digi--gutter--medium)}@media (max-width: 48rem){.digi-code-example__controls.sc-digi-code-example{padding:var(--digi--padding--smaller)}}.digi-code-example__controls[hidden].sc-digi-code-example{display:none}.digi-code-example--inactive.sc-digi-code-example .digi-code-example__code.sc-digi-code-example{display:flex;flex-direction:column;flex-grow:1}.digi-code-example--inactive.sc-digi-code-example .digi-code-example__codeblock.sc-digi-code-example{flex-grow:1;height:64px;overflow-y:hidden;position:relative}.digi-code-example__code-expand.sc-digi-code-example{display:flex;align-items:center;justify-content:center;gap:var(--digi--gutter--icon);width:100%;padding:0.875rem 0;background:#272727;color:var(--digi--color--text--secondary);font-size:var(--digi--typography--body--font-size--desktop);font-family:var(--digi--global--typography--font-family--default);cursor:pointer;border:none}.digi-code-example__code-expand.sc-digi-code-example:hover{background:var(--digi--grayscale--900);text-decoration:underline}.digi-code-example__code-expand.sc-digi-code-example:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.digi-code-example--no-controls.digi-code-example--inactive.sc-digi-code-example .digi-code-example__codeblock.sc-digi-code-example{height:64px}.digi-code-example__copy-button.sc-digi-code-example{--digi--button--padding--small:0;--digi--button--padding--medium:0;--digi--button--padding--large:0}.digi-code-example__code-expand-icon.sc-digi-code-example{--digi--icon--color:var(--digi--color--text--secondary);transition:ease-in-out var(--digi--animation--duration--base) all}.digi-code-example__code-expand-icon--open.sc-digi-code-example{transform:rotate(180deg)}.digi-code-example__fade.sc-digi-code-example{position:absolute;width:100%;bottom:0;height:var(--digi--padding--largest-2)}.digi-code-example__fade--light.sc-digi-code-example{background-image:linear-gradient(0deg, white, transparent)}.digi-code-example__fade--dark.sc-digi-code-example{--digi--color--background--inverted-3:#272727;background-image:linear-gradient(0deg, var(--digi--grayscale--900), transparent)}.slot__controls.sc-digi-code-example{margin-bottom:var(--digi--padding--smaller)}.sc-digi-code-example-s .slot__controls{display:flex;flex-direction:column;gap:var(--digi--padding--smaller)}.sc-digi-code-example-s .slot__controls[hidden]{display:none}.sc-digi-code-example-s .slot__controls digi-form-fieldset,.sc-digi-code-example-s .slot__controls digi-form-select,.sc-digi-code-example-s .slot__controls digi-form-fieldset+digi-form-checkbox,.sc-digi-code-example-s .slot__controls .divider{display:block;border-bottom:1px solid var(--digi--color--divider--primary--light);padding-bottom:var(--digi--padding--smaller);margin-bottom:var(--digi--padding--medium)}";
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-81fc5a97.js');
6
- const typographyVariation_enum = require('./typography-variation.enum-c6bb12f2.js');
6
+ const typographyVariation_enum = require('./typography-variation.enum-6077eba3.js');
7
7
  const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
8
8
  require('./badge-notification-shape.enum-ff802554.js');
9
9
  require('./badge-status-variation.enum-0a5adc21.js');
@@ -20,6 +20,7 @@ require('./footer-card-variation.enum-99555edc.js');
20
20
  require('./form-checkbox-variation.enum-d2ca879e.js');
21
21
  require('./form-validation-message-variation.enum-c5ec3e2d.js');
22
22
  require('./form-radiogroup-validation.enum-03a17d4d.js');
23
+ require('./form-textarea-variation.enum-9c90d40f.js');
23
24
  require('./info-card-multi-type.enum-14746572.js');
24
25
  require('./info-card-variation.enum-64cef637.js');
25
26
  require('./layout-container-max-width.enum-7e637f44.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-81fc5a97.js');
6
- const text = require('./text-3157012b.js');
6
+ const text = require('./text-65b1b58c.js');
7
7
  const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
8
8
  const expandableAccordionHeaderLevel_enum = require('./expandable-accordion-header-level.enum-45483252.js');
9
9
 
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-81fc5a97.js');
6
- const typographyVariation_enum = require('./typography-variation.enum-c6bb12f2.js');
6
+ const typographyVariation_enum = require('./typography-variation.enum-6077eba3.js');
7
7
  require('./badge-notification-shape.enum-ff802554.js');
8
8
  require('./badge-status-variation.enum-0a5adc21.js');
9
9
  require('./code-example-variation.enum-1611825e.js');
@@ -19,6 +19,7 @@ require('./footer-card-variation.enum-99555edc.js');
19
19
  require('./form-checkbox-variation.enum-d2ca879e.js');
20
20
  require('./form-validation-message-variation.enum-c5ec3e2d.js');
21
21
  require('./form-radiogroup-validation.enum-03a17d4d.js');
22
+ require('./form-textarea-variation.enum-9c90d40f.js');
22
23
  require('./info-card-multi-type.enum-14746572.js');
23
24
  require('./info-card-variation.enum-64cef637.js');
24
25
  require('./layout-container-max-width.enum-7e637f44.js');
@@ -99,7 +99,7 @@ const FormCategoryFilter = class {
99
99
  this.afHideToggle = !this.toggleHidden;
100
100
  }
101
101
  render() {
102
- return (index.h(index.Host, { key: '4098c877261aa9b69dbfc0969d7d4b99a8ebe5f3' }, index.h("div", { key: '0907f7f36b12cd3324cae1ea48bd06f2da91012c', class: {
102
+ return (index.h(index.Host, { key: '1116adb138d4455a8946696bd148de4470fc8278' }, index.h("div", { key: '888f3e8c1133706105581a7a89966ef93ccad0c9', class: {
103
103
  'digi-form-category-filter': true
104
104
  } }, this.displayCategories().map((category) => (index.h("digi-button", { class: {
105
105
  'digi-form-category-filter--category': true,
@@ -107,7 +107,7 @@ const FormCategoryFilter = class {
107
107
  }, afVariation: "primary", afAriaPressed: this.selectedCategories.includes(category.name), onAfOnClick: () => {
108
108
  this.toggleCategory(category);
109
109
  } }, typeof category.hits === 'undefined' && category.name, typeof category.hits !== 'undefined' && (index.h("span", null, category.name, ' ', index.h("span", { class: "digi-form-category-filter--category--thin-text" }, "(", category.hits, ")")))))), this.afHideToggle === false &&
110
- this.afCategories.length > this.afVisibleCollapsed && (index.h("div", { key: 'e6e524d7840a99cf360b9a2bb3c7967617b2de6d' }, index.h("digi-button", { key: '66a292db85e82ba5eafbf7ada307395ff777876b', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
110
+ this.afCategories.length > this.afVisibleCollapsed && (index.h("div", { key: 'b717e98f7a11951d09332be733c9f42ffce092df' }, index.h("digi-button", { key: '405ae252571b1702e02db338cf0137955f1cbef6', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
111
111
  this.toggleCollapsed();
112
112
  } }, this.collapsed ? 'Visa alla' : 'Visa färre', this.collapsed ? (index.h("digi-icon-plus", { slot: "icon", "aria-hidden": "true" })) : (index.h("digi-icon-minus", { slot: "icon", "aria-hidden": "true" }))))))));
113
113
  }
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-81fc5a97.js');
6
6
  const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
7
- const typographyVariation_enum = require('./typography-variation.enum-c6bb12f2.js');
7
+ const typographyVariation_enum = require('./typography-variation.enum-6077eba3.js');
8
8
  const logger_util = require('./logger.util-fdafc086.js');
9
9
  require('./badge-notification-shape.enum-ff802554.js');
10
10
  require('./badge-status-variation.enum-0a5adc21.js');
@@ -21,6 +21,7 @@ require('./footer-card-variation.enum-99555edc.js');
21
21
  require('./form-checkbox-variation.enum-d2ca879e.js');
22
22
  require('./form-validation-message-variation.enum-c5ec3e2d.js');
23
23
  require('./form-radiogroup-validation.enum-03a17d4d.js');
24
+ require('./form-textarea-variation.enum-9c90d40f.js');
24
25
  require('./info-card-multi-type.enum-14746572.js');
25
26
  require('./info-card-variation.enum-64cef637.js');
26
27
  require('./layout-container-max-width.enum-7e637f44.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-81fc5a97.js');
6
- const text = require('./text-3157012b.js');
6
+ const text = require('./text-65b1b58c.js');
7
7
  const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
8
8
  const formValidationMessageVariation_enum = require('./form-validation-message-variation.enum-c5ec3e2d.js');
9
9
  const utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
@@ -552,18 +552,18 @@ const FormFileUpload = class {
552
552
  'digi-form-file-upload__upload-area': true,
553
553
  'digi-form-file-upload__upload-area--hover': this.fileHover
554
554
  }, 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 &&
555
- this.afVariation != formValidationMessageVariation_enum.FormFileUploadVariation.SMALL && (index.h("div", { key: '252d8551475a8efeafcb5422e3bc9a39ab766ee0', class: "digi-form-file-upload__upload-area-overlay" })), index.h("div", { key: 'e04056de0ca60a999f38e7fc2ee3dddb14f3352e', class: "digi-form-file-upload__text-area" }, index.h("button", { key: '1068e450b48ab821622eb193016c330edb05fc67', type: "button", ref: (el) => {
555
+ this.afVariation != formValidationMessageVariation_enum.FormFileUploadVariation.SMALL && (index.h("div", { key: '252d8551475a8efeafcb5422e3bc9a39ab766ee0', class: "digi-form-file-upload__upload-area-overlay" })), index.h("div", { key: 'e04056de0ca60a999f38e7fc2ee3dddb14f3352e', class: "digi-form-file-upload__text-area" }, index.h("button", { key: '9e7e1d5c75e32f5db420e92f32b428bfb66b430e', type: "button", id: this.afId + '-button', ref: (el) => {
556
556
  this._uploadButton = el;
557
557
  }, onClick: (e) => this.handleInputClick(e), class: "digi-form-file-upload__button hidden_mobile", style: {
558
558
  margin: '0'
559
- } }, index.h("digi-icon-paperclip", { key: 'a439e424f83e4ea197215a3812459882c322678b', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
559
+ } }, index.h("digi-icon-paperclip", { key: '16567976f7f354917cfe2c28046dcb99f302c828', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
560
560
  ? this.afUploadBtnText
561
- : text._t.form.file_choose), index.h("input", { key: 'd194bb6becbe173f833634a4484a4542c5dfabb1', ref: (el) => {
561
+ : text._t.form.file_choose), index.h("input", { key: '2bd5c1af11f38d32964c46a89fd31b04908d3de5', ref: (el) => {
562
562
  this._input = el;
563
- }, 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" }), index.h("span", { key: 'b317ecd9f780111c20a529cd7d203ef5a765bb2c' }, this.afVariation !== formValidationMessageVariation_enum.FormFileUploadVariation.SMALL &&
564
- text._t.form.file_dropzone))), index.h("p", { key: '85f16b73106ab1221a98591d01ee0157081d3778', class: "visually-hidden", role: "alert", "aria-atomic": "true", ref: (el) => {
563
+ }, 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" }), index.h("span", { key: '8ba2509be773975eedfea52a75b51fb4f9890ed1' }, this.afVariation !== formValidationMessageVariation_enum.FormFileUploadVariation.SMALL &&
564
+ text._t.form.file_dropzone))), index.h("p", { key: '82c7c35bc1ad2766687ba683c3f3b14836a74515', class: "visually-hidden", role: "alert", "aria-atomic": "true", ref: (el) => {
565
565
  this._srTextContainer = el;
566
- } }), (this.files.length > 0 || this.error) && (index.h("div", { key: 'eff456a01f0c09f4f6c1a80c76f3537e487d3fb2', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
566
+ } }), (this.files.length > 0 || this.error) && (index.h("div", { key: 'df0c06072fd8df4cd77eca15f67a046fca028a07', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
567
567
  }
568
568
  get hostElement() { return index.getElement(this); }
569
569
  static get watchers() { return {
@@ -7,7 +7,7 @@ const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
7
7
  const logger_util = require('./logger.util-fdafc086.js');
8
8
  const detectClickOutside_util = require('./detectClickOutside.util-3e764eb3.js');
9
9
  const detectFocusOutside_util = require('./detectFocusOutside.util-03c62976.js');
10
- const text = require('./text-3157012b.js');
10
+ const text = require('./text-65b1b58c.js');
11
11
  require('./detectClosest.util-85b3507b.js');
12
12
 
13
13
  const formFilterCss = ".sc-digi-form-filter-h{--digi--form-filter--footer--background:var(--digi--color--background--secondary-accent);--digi--form-filter--scroll--max-height:18.75rem;--digi--form-filter--scroll--max-height--large:23.4275rem;--digi--form-filter--scroll--padding:var(--digi--padding--small);--digi--form-filter--reset-button--margin-left:var(--digi--padding--small);--digi--form-filter--legend__border-bottom:var(--digi--border-width--primary) solid var(--digi--color--divider--primary);--digi--form-filter--list--margin:0;--digi--form-filter--list--padding:var(--digi--gutter--small) 0 0 0;--digi--form-filter--item--margin:var(--digi--gutter--small) 0;--digi--form-filter--toggle-icon--transition:ease-in-out 0.2s all;--digi--form-filter--dropdown--box-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--form-filter--dropdown--border-radius:var(--digi--border--radius--primary);--digi--form-filter--dropdown--background:var(--digi--color--background--primary);--digi--form-filter--dropdown--min-width:18.75rem;--digi--form-filter--dropdown--margin-top:var(--digi--gutter--small);--digi--form-filter--dropdown--z-index:999;--digi--form-filter--toggle-button-indicator--color--default:transparent;--digi--form-filter--toggle-button-indicator--color--active:var(--digi--color--marking--indication--primary);--digi--form-filter--toggle-button-indicator--width:0.625rem;--digi--form-filter--toggle-button-indicator--height:0.625rem;--digi--form-filter--toggle-button-indicator--margin-right:var(--digi--margin--small);--digi--form-filter--toggle-button-indicator--margin-left:calc(var(--digi--margin--smaller) * -1);--digi--form-filter--toggle-button--text--margin-right:var(--digi--margin--smaller);--digi--form-filter--toggle-icon--width:0.875rem;--digi--form-filter--toggle-icon--height:0.875rem;--digi--form-filter--legend--font-weight:var(--digi--typography--preamble--font-weight--desktop);--digi--form-filter--legend--font-family:var(--digi--global--typography--font-family--default);--digi--form-filter--legend--font-size:var(--digi--typography--preamble--font-size--desktop)}.sc-digi-form-filter-h .digi-form-filter.sc-digi-form-filter{--INDICATOR--BACKGROUND:var(--digi--form-filter--toggle-button-indicator--color--default);--SCROLL--MAX-HEIGHT:var(--digi--form-filter--scroll--max-height);position:relative}.sc-digi-form-filter-h .digi-form-filter--open.sc-digi-form-filter .digi-form-filter__toggle-icon.sc-digi-form-filter{transform:rotate(-180deg)}.sc-digi-form-filter-h .digi-form-filter__toggle-icon.sc-digi-form-filter{transition:var(--digi--form-filter--toggle-icon--transition)}.sc-digi-form-filter-h .digi-form-filter__toggle-icon.sc-digi-form-filter-s>[slot^=icon],.sc-digi-form-filter-h .digi-form-filter__toggle-icon .sc-digi-form-filter-s>[slot^=icon]{--digi--icon--width:var(--digi--form-filter--toggle-icon--width);--digi--icon--height:var(--digi--form-filter--toggle-icon--height)}.sc-digi-form-filter-h .digi-form-filter__legend.sc-digi-form-filter{font-weight:var(--digi--form-filter--legend--font-weight);font-family:var(--digi--form-filter--legend--font-family);font-size:var(--digi--form-filter--legend--font-size)}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter{max-height:var(--SCROLL--MAX-HEIGHT);overflow-y:auto;padding:var(--digi--form-filter--scroll--padding);overflow-x:hidden}@media (min-width: 48rem){.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter{--SCROLL--MAX-HEIGHT:var(--digi--form-filter--scroll--max-height--large)}}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter fieldset.sc-digi-form-filter{border:none}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter legend.sc-digi-form-filter{width:100%;border-bottom:var(--digi--form-filter--legend__border-bottom);padding-bottom:0.25rem}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter .legend-hidden.sc-digi-form-filter{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-form-filter-h .digi-form-filter__footer.sc-digi-form-filter{display:flex;align-items:center;justify-content:center;background:var(--digi--form-filter--footer--background);padding:var(--digi--form-filter--scroll--padding)}.sc-digi-form-filter-h .digi-form-filter__reset-button.sc-digi-form-filter{display:inline-block;margin-left:var(--digi--form-filter--reset-button--margin-left)}.sc-digi-form-filter-h .digi-form-filter__dropdown.sc-digi-form-filter{min-width:var(--digi--form-filter--dropdown--min-width);position:absolute;z-index:var(--digi--form-filter--dropdown--z-index);background:var(--digi--form-filter--dropdown--background);border-radius:var(--digi--form-filter--dropdown--border-radius);box-shadow:var(--digi--form-filter--dropdown--box-shadow);overflow:hidden;margin-top:var(--digi--form-filter--dropdown--margin-top)}@media (min-width: 48rem){.sc-digi-form-filter-h .digi-form-filter__dropdown--right.sc-digi-form-filter{right:0}}.sc-digi-form-filter-h .digi-form-filter__dropdown--hidden.sc-digi-form-filter{display:none}.sc-digi-form-filter-h .digi-form-filter__toggle-button-indicator.sc-digi-form-filter:before{content:\"\";width:var(--digi--form-filter--toggle-button-indicator--width);height:var(--digi--form-filter--toggle-button-indicator--height);background:var(--INDICATOR--BACKGROUND);display:inline-block;margin-right:var(--digi--form-filter--toggle-button-indicator--margin-right);border-radius:50% 50%;overflow:hidden;margin-left:var(--digi--form-filter--toggle-button-indicator--margin-left)}.sc-digi-form-filter-h .digi-form-filter__toggle-button-indicator--active.sc-digi-form-filter{--INDICATOR--BACKGROUND:var(--digi--form-filter--toggle-button-indicator--color--active)}.sc-digi-form-filter-h .digi-form-filter__list.sc-digi-form-filter{margin:var(--digi--form-filter--list--margin);padding:var(--digi--form-filter--list--padding)}.sc-digi-form-filter-h .digi-form-filter__item.sc-digi-form-filter{display:block}.sc-digi-form-filter-h .digi-form-filter__toggle-button-text.sc-digi-form-filter{margin-right:var(--digi--form-filter--toggle-button--text--margin-right)}";
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-81fc5a97.js');
6
- const typographyVariation_enum = require('./typography-variation.enum-c6bb12f2.js');
6
+ const typographyVariation_enum = require('./typography-variation.enum-6077eba3.js');
7
7
  require('./badge-notification-shape.enum-ff802554.js');
8
8
  require('./badge-status-variation.enum-0a5adc21.js');
9
9
  require('./code-example-variation.enum-1611825e.js');
@@ -19,6 +19,7 @@ require('./footer-card-variation.enum-99555edc.js');
19
19
  require('./form-checkbox-variation.enum-d2ca879e.js');
20
20
  require('./form-validation-message-variation.enum-c5ec3e2d.js');
21
21
  require('./form-radiogroup-validation.enum-03a17d4d.js');
22
+ require('./form-textarea-variation.enum-9c90d40f.js');
22
23
  require('./info-card-multi-type.enum-14746572.js');
23
24
  require('./info-card-variation.enum-64cef637.js');
24
25
  require('./layout-container-max-width.enum-7e637f44.js');
@@ -7,9 +7,9 @@ const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
7
7
  const logger_util = require('./logger.util-fdafc086.js');
8
8
  const detectClickOutside_util = require('./detectClickOutside.util-3e764eb3.js');
9
9
  const detectFocusOutside_util = require('./detectFocusOutside.util-03c62976.js');
10
- const text = require('./text-3157012b.js');
10
+ const text = require('./text-65b1b58c.js');
11
11
  require('./badge-notification-shape.enum-ff802554.js');
12
- const typographyVariation_enum = require('./typography-variation.enum-c6bb12f2.js');
12
+ const typographyVariation_enum = require('./typography-variation.enum-6077eba3.js');
13
13
  require('./badge-status-variation.enum-0a5adc21.js');
14
14
  require('./code-example-variation.enum-1611825e.js');
15
15
  const formInputType_enum = require('./form-input-type.enum-1fb2180a.js');
@@ -24,6 +24,7 @@ require('./footer-card-variation.enum-99555edc.js');
24
24
  require('./form-checkbox-variation.enum-d2ca879e.js');
25
25
  require('./form-validation-message-variation.enum-c5ec3e2d.js');
26
26
  require('./form-radiogroup-validation.enum-03a17d4d.js');
27
+ require('./form-textarea-variation.enum-9c90d40f.js');
27
28
  require('./info-card-multi-type.enum-14746572.js');
28
29
  require('./info-card-variation.enum-64cef637.js');
29
30
  require('./layout-container-max-width.enum-7e637f44.js');
@@ -497,15 +498,15 @@ const FormSelectFilter = class {
497
498
  } }, index.h("slot", { name: "empty-search-result" })))));
498
499
  }
499
500
  render() {
500
- return (index.h("div", { key: '0441a3108913933a52f7ce85a8e808637d1b3c91', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, index.h("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 }), index.h("digi-util-keydown-handler", { key: 'b5117f00c181ceb475eff973d9fef953ab057ffe', onAfOnEsc: () => this.escHandler() }, index.h("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 }, index.h("div", { key: '95f70c6e4a9ce0fb00d549ea9a2a56c889694536', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, index.h("digi-icon-check", { key: '1acd4598fe9a41669038186b086013a027c8e84f', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), index.h("span", { key: '965fd1089e5ebe115ebada0e6a8bac72de406d83', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), index.h("digi-icon-chevron-down", { key: '23ee710f53016cf532cf74bd2288e3202418bffd', class: "digi-form-select-filter__toggle-icon" })), index.h("div", { key: '55f99522a98d710b4d222b43e51c63961bdd390e', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
501
+ return (index.h("div", { key: '47778d535bf8b4297d22fef644727e29daab942d', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, index.h("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 }), index.h("digi-util-keydown-handler", { key: '83bb7d44629e0c23aef4d9d870e6d2b75de3f2b2', onAfOnEsc: () => this.escHandler() }, index.h("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 }, index.h("div", { key: 'df2833df13736c53ff31f5d991d390604c3b5fb4', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, index.h("digi-icon-check", { key: '47029103d04679aa4eab91f075a8d7624d8faac5', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), index.h("span", { key: 'da2a3bfcbb0d7954b169fdc140073ca6bea72f79', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), index.h("digi-icon-chevron-down", { key: '7d27fddb7228ed2f65c953431a5e6d52a05a218d', class: "digi-form-select-filter__toggle-icon" })), index.h("div", { key: '3e33a6b8af63a097204223d7111e1d35009ef4d6', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
501
502
  'digi-form-select-filter__dropdown': true,
502
503
  'digi-form-select-filter__dropdown--right': this.afAlignRight,
503
504
  'digi-form-select-filter__dropdown--hidden': !this.isOpen
504
- } }, index.h("fieldset", { key: 'b801358f02ee8719a354128ce1669276ae26052c' }, index.h("div", { key: 'a307b294684fe855f61c3f1fae1359d79e118ed8', class: "digi-form-select-filter__header" }, index.h("legend", { key: '854730c3331539ff816c78bbb5c4afa8b3f8045f', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), index.h("digi-form-input", { key: 'ee515e0d2a5392fac6614309804762bb02b31b1b', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: typographyVariation_enum.FormInputVariation.MEDIUM, afType: formInputType_enum.FormInputType.SEARCH, afValidation: typographyVariation_enum.FormInputValidation.NEUTRAL, onAfOnFocus: () => {
505
+ } }, index.h("fieldset", { key: 'b6052c5c1630678be2fe5cb6062a91bef16d80b3' }, index.h("div", { key: '00be00b083cc86845f6bf332705c4c5f14139249', class: "digi-form-select-filter__header" }, index.h("legend", { key: 'c26418abfc62031873cecf02427ed32da9324291', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), index.h("digi-form-input", { key: '78299e86526afe7801a01a3c0099f09e17e3ed2f', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: typographyVariation_enum.FormInputVariation.MEDIUM, afType: formInputType_enum.FormInputType.SEARCH, afValidation: typographyVariation_enum.FormInputValidation.NEUTRAL, onAfOnFocus: () => {
505
506
  this.focusListItemIndex = 0;
506
507
  }, onAfOnKeyup: (e) => {
507
508
  this.inputSearchKeyboardHandler(e.detail);
508
- }, 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()), index.h("div", { key: '4c3b4dd67932713d3b0f9784ddb6908172bae788', class: "digi-form-select-filter__scroll" }, index.h("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() }, index.h("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
509
+ }, 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()), index.h("div", { key: '9e2c976667ee00f6631c13056be4aa1bb004e770', class: "digi-form-select-filter__scroll" }, index.h("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() }, index.h("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
509
510
  ? 'false'
510
511
  : this.afValidation === typographyVariation_enum.FormSelectFilterValidation.ERROR
511
512
  ? 'true'
@@ -513,11 +514,11 @@ const FormSelectFilter = class {
513
514
  ? false
514
515
  : this.afRequired
515
516
  ? 'true'
516
- : 'false' }, this.showNeutralValue && (index.h("li", { key: '8d05cf89e96e8ac1483ce26a337a5978f838b639', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
517
+ : 'false' }, this.showNeutralValue && (index.h("li", { key: '6db36b1fb4a721be77a2db2442f00488b730f8ff', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
517
518
  ? 'false'
518
519
  : this.afRequired
519
520
  ? 'true'
520
- : 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (index.h("digi-icon-check", { key: 'a38310179982e60d3f2689e86205b60954626a7b', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
521
+ : 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (index.h("digi-icon-check", { key: 'a2a34d7082a28a85328cfcd55814a0914396b54f', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
521
522
  this._filteredResult.map((item, index$1) => {
522
523
  return (index.h("li", { class: "digi-form-select-filter__item", key: index$1, dir: item.dir, lang: item.lang, "aria-checked": this.isSelected(item.value) ? 'true' : 'false', role: this.afMultipleItems ? 'checkbox' : 'radio', "aria-required": this.afMultipleItems
523
524
  ? 'false'
@@ -529,9 +530,9 @@ const FormSelectFilter = class {
529
530
  ? 'true'
530
531
  : 'false'
531
532
  : 'false', "aria-errormessage": `${this.afId}--validation-message`, onClick: () => this.selectItemHandler(item), tabIndex: this.showNeutralValue ? -1 : index$1 === 0 ? 0 : -1 }, this.isSelected(item.value) && (index.h("digi-icon-check", { class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), item.label));
532
- }))))), this.afMultipleItems && (index.h("div", { key: '5b86ccce4ca0f6a5c8fdc02680aa792b97912a0b', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (index.h("digi-button", { key: 'b644d87b83ecbed6cfd1599a641e5264921ac4fc', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), index.h("digi-util-keydown-handler", { key: 'b0e8623abc016dcae8614310ea8653f28ec5d9b3', onAfOnUp: () => this.setFocusItem() }, index.h("digi-button", { key: '838f2780f265db6153e2e928ab23935a19885b51', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
533
+ }))))), this.afMultipleItems && (index.h("div", { key: '0f6fc63028d7286ddf1830a25c7441b8fd2a2ed9', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (index.h("digi-button", { key: '6e8f95754b33b7b3f16d85121c3d66d18a3dbec6', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), index.h("digi-util-keydown-handler", { key: '828bd37c6f8f5e8eb0c8b3707587f999974d2ccd', onAfOnUp: () => this.setFocusItem() }, index.h("digi-button", { key: '3ef5fddce6e20cbf578117112f7038dba6dba8e0', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
533
534
  this.setClosed(true);
534
- }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), index.h("div", { key: 'e2a972b032f28e6e0347e2bd7aca7724e7a144a2', class: "digi-form-select__footer" }, index.h("div", { key: 'f8d44fff602afedb23b2f64b80d5bcaf7b15b49e', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (index.h("digi-form-validation-message", { key: 'c91161db619777dbb192afa4b600732e39769208', "af-variation": this.afValidation }, this.afValidationText))))));
535
+ }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), index.h("div", { key: 'c19aa161c29be9caf7f311c7cdafbc4e4349648c', class: "digi-form-select__footer" }, index.h("div", { key: '061934f8086fea4e00fea101a5d9b7d2bd49ee2b', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (index.h("digi-form-validation-message", { key: 'ae827efc04d969a67f3c7ebae9592678c6eb2e6e', "af-variation": this.afValidation }, this.afValidationText))))));
535
536
  }
536
537
  get hostElement() { return index.getElement(this); }
537
538
  static get watchers() { return {
@@ -0,0 +1,133 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-81fc5a97.js');
6
+ const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
7
+ const formTextareaVariation_enum = require('./form-textarea-variation.enum-9c90d40f.js');
8
+
9
+ const formTextareaCss = ".sc-digi-form-textarea-h{--digi--form-textarea--height--small:4.6875rem;--digi--form-textarea--height--medium:8.4375rem;--digi--form-textarea--height--large:10.3125rem;--digi--form-textarea--height--auto:auto;--digi--form-textarea--border-radius:var(--digi--border-radius--input);--digi--form-textarea--padding:calc(var(--digi--gutter--medium) / 2) var(--digi--gutter--medium);--digi--form-textarea--background--empty:var(--digi--color--background--interactive--default--input-elements);--digi--form-textarea--background--neutral:var(--digi--color--background--interactive--default--input-elements);--digi--form-textarea--background--success:var(--digi--color--background--interactive--validation--success);--digi--form-textarea--background--warning:var(--digi--color--background--interactive--validation--warning);--digi--form-textarea--background--error:var(--digi--color--background--interactive--validation--error);--digi--form-textarea--border--neutral:var(--digi--border-width--input-regular) solid;--digi--form-textarea--border--error:var(--digi--border-width--input-validation) solid;--digi--form-textarea--border--success:var(--digi--border-width--input-validation) solid;--digi--form-textarea--border--warning:var(--digi--border-width--input-validation) solid;--digi--form-textarea--border-color--neutral:var(--digi--color--border--interactive--default--on-input);--digi--form-textarea--border-color--success:var(--digi--color--border--interactive--validation--success);--digi--form-textarea--border-color--warning:var(--digi--color--border--interactive--validation--warning);--digi--form-textarea--border-color--error:var(--digi--color--border--interactive--validation--error)}.sc-digi-form-textarea-h .digi-form-textarea.sc-digi-form-textarea{display:flex;flex-direction:column;gap:0.4em}.sc-digi-form-textarea-h .digi-form-textarea--small.sc-digi-form-textarea{--HEIGHT:var(--digi--form-textarea--height--small)}.sc-digi-form-textarea-h .digi-form-textarea--medium.sc-digi-form-textarea{--HEIGHT:var(--digi--form-textarea--height--medium)}.sc-digi-form-textarea-h .digi-form-textarea--large.sc-digi-form-textarea{--HEIGHT:var(--digi--form-textarea--height--large)}.sc-digi-form-textarea-h .digi-form-textarea--neutral.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--neutral);--BORDER-COLOR:var(--digi--form-textarea--border-color--neutral);--BACKGROUND:var(--digi--form-textarea--background--neutral)}.sc-digi-form-textarea-h .digi-form-textarea--empty.sc-digi-form-textarea:not(:focus-within){--BACKGROUND:var(--digi--form-textarea--background--empty)}.sc-digi-form-textarea-h .digi-form-textarea--success.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--success);--BORDER-COLOR:var(--digi--form-textarea--border-color--success);--BACKGROUND:var(--digi--form-textarea--background--success)}.sc-digi-form-textarea-h .digi-form-textarea--warning.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--warning);--BORDER-COLOR:var(--digi--form-textarea--border-color--warning);--BACKGROUND:var(--digi--form-textarea--background--warning)}.sc-digi-form-textarea-h .digi-form-textarea--error.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--error);--BORDER-COLOR:var(--digi--form-textarea--border-color--error);--BACKGROUND:var(--digi--form-textarea--background--error)}.sc-digi-form-textarea-h .digi-form-textarea__content.sc-digi-form-textarea{width:100%}.sc-digi-form-textarea-h .digi-form-textarea__textarea.sc-digi-form-textarea{height:var(--HEIGHT);width:inherit;font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--body--font-size--desktop);padding:var(--digi--form-textarea--padding);color:var(--digi--color--text--primary);background:var(--BACKGROUND);border:var(--BORDER);border-color:var(--BORDER-COLOR);border-radius:var(--digi--form-textarea--border-radius);box-sizing:border-box}.sc-digi-form-textarea-h .digi-form-textarea__textarea.sc-digi-form-textarea:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}";
10
+ const DigiFormTextareaStyle0 = formTextareaCss;
11
+
12
+ const FormTextarea = class {
13
+ constructor(hostRef) {
14
+ index.registerInstance(this, hostRef);
15
+ this.afOnChange = index.createEvent(this, "afOnChange", 7);
16
+ this.afOnBlur = index.createEvent(this, "afOnBlur", 7);
17
+ this.afOnKeyup = index.createEvent(this, "afOnKeyup", 7);
18
+ this.afOnFocus = index.createEvent(this, "afOnFocus", 7);
19
+ this.afOnFocusout = index.createEvent(this, "afOnFocusout", 7);
20
+ this.afOnInput = index.createEvent(this, "afOnInput", 7);
21
+ this.afOnDirty = index.createEvent(this, "afOnDirty", 7);
22
+ this.afOnTouched = index.createEvent(this, "afOnTouched", 7);
23
+ this.afOnReady = index.createEvent(this, "afOnReady", 3);
24
+ this.hasActiveValidationMessage = false;
25
+ this.dirty = false;
26
+ this.touched = false;
27
+ this.afLabel = undefined;
28
+ this.afLabelDescription = undefined;
29
+ this.afVariation = formTextareaVariation_enum.FormTextareaVariation.MEDIUM;
30
+ this.afName = undefined;
31
+ this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-textarea');
32
+ this.afMaxlength = undefined;
33
+ this.afMinlength = undefined;
34
+ this.afRequired = undefined;
35
+ this.afRequiredText = undefined;
36
+ this.afAnnounceIfOptional = false;
37
+ this.afAnnounceIfOptionalText = undefined;
38
+ this.value = undefined;
39
+ this.afValue = undefined;
40
+ this.afValidation = formTextareaVariation_enum.FormTextareaValidation.NEUTRAL;
41
+ this.afValidationText = undefined;
42
+ this.afRole = undefined;
43
+ this.afAriaActivedescendant = undefined;
44
+ this.afAriaLabelledby = undefined;
45
+ this.afAriaDescribedby = undefined;
46
+ this.afAutofocus = undefined;
47
+ }
48
+ onValueChanged(value) {
49
+ this.afValue = value;
50
+ }
51
+ onAfValueChanged(value) {
52
+ this.value = value;
53
+ }
54
+ afValidationTextWatch() {
55
+ this.setActiveValidationMessage();
56
+ }
57
+ /**
58
+ * Hämtar en referens till textareaelementet. Bra för att t.ex. sätta fokus programmatiskt.
59
+ * @en Returns a reference to the textarea element. Handy for setting focus programmatically.
60
+ */
61
+ async afMGetFormControlElement() {
62
+ return this._textarea;
63
+ }
64
+ componentWillLoad() {
65
+ this.afValue ? (this.value = this.afValue) : (this.afValue = this.value);
66
+ this.setActiveValidationMessage();
67
+ }
68
+ componentDidLoad() {
69
+ this.afOnReady.emit();
70
+ }
71
+ setActiveValidationMessage() {
72
+ this.hasActiveValidationMessage = !!this.afValidationText;
73
+ }
74
+ get cssModifiers() {
75
+ return {
76
+ 'digi-form-textarea--small': this.afVariation === formTextareaVariation_enum.FormTextareaVariation.SMALL,
77
+ 'digi-form-textarea--medium': this.afVariation === formTextareaVariation_enum.FormTextareaVariation.MEDIUM,
78
+ 'digi-form-textarea--large': this.afVariation === formTextareaVariation_enum.FormTextareaVariation.LARGE,
79
+ 'digi-form-textarea--auto': this.afVariation === formTextareaVariation_enum.FormTextareaVariation.AUTO,
80
+ 'digi-form-textarea--neutral': this.afValidation === formTextareaVariation_enum.FormTextareaValidation.NEUTRAL,
81
+ 'digi-form-textarea--success': this.afValidation === formTextareaVariation_enum.FormTextareaValidation.SUCCESS,
82
+ 'digi-form-textarea--error': this.afValidation === formTextareaVariation_enum.FormTextareaValidation.ERROR,
83
+ 'digi-form-textarea--warning': this.afValidation === formTextareaVariation_enum.FormTextareaValidation.WARNING,
84
+ 'digi-form-textarea--empty': !this.afValue &&
85
+ (!this.afValidation ||
86
+ this.afValidation === formTextareaVariation_enum.FormTextareaValidation.NEUTRAL)
87
+ };
88
+ }
89
+ blurHandler(e) {
90
+ if (!this.touched) {
91
+ this.afOnTouched.emit(e);
92
+ this.touched = true;
93
+ }
94
+ this.setActiveValidationMessage();
95
+ this.afOnBlur.emit(e);
96
+ }
97
+ changeHandler(e) {
98
+ this.afOnChange.emit(e);
99
+ }
100
+ focusHandler(e) {
101
+ this.afOnFocus.emit(e);
102
+ }
103
+ focusoutHandler(e) {
104
+ this.afOnFocusout.emit(e);
105
+ }
106
+ keyupHandler(e) {
107
+ this.afOnKeyup.emit(e);
108
+ }
109
+ inputHandler(e) {
110
+ this.afValue = this.value = e.target.value;
111
+ if (!this.dirty) {
112
+ this.afOnDirty.emit(e);
113
+ this.dirty = true;
114
+ }
115
+ this.setActiveValidationMessage();
116
+ this.afOnInput.emit(e);
117
+ }
118
+ render() {
119
+ return (index.h("div", { key: '4e161920de063a876f4f5c43dfa6944922eef59b', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, index.h("div", { key: '3ae923d8d252e998eccc232a0d0fee16175bf2ab', class: "digi-form-textarea__label" }, index.h("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 })), index.h("div", { key: '8ab908ee5525be7edf84dc26c8844da4f2a8d43c', class: "digi-form-textarea__content" }, index.h("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 === formTextareaVariation_enum.FormTextareaValidation.ERROR
120
+ ? 'true'
121
+ : '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 })), index.h("div", { key: 'b5267c63a67bc5b00f1b1e415230ebaca238beaf', class: "digi-form-textarea__footer" }, index.h("div", { key: '3306d1e5309d9a9dc0dcd72efb6d89b3f467b3eb', class: "digi-form-textarea__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
122
+ this.afValidation != formTextareaVariation_enum.FormTextareaValidation.NEUTRAL && (index.h("digi-form-validation-message", { key: '4fe2ef8decb98c91db107c4ed2db9cba5dbc0038', class: "digi-form-textarea__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
123
+ }
124
+ get hostElement() { return index.getElement(this); }
125
+ static get watchers() { return {
126
+ "value": ["onValueChanged"],
127
+ "afValue": ["onAfValueChanged"],
128
+ "afValidationText": ["afValidationTextWatch"]
129
+ }; }
130
+ };
131
+ FormTextarea.style = DigiFormTextareaStyle0;
132
+
133
+ exports.digi_form_textarea = FormTextarea;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-81fc5a97.js');
6
6
  require('./badge-notification-shape.enum-ff802554.js');
7
- const typographyVariation_enum = require('./typography-variation.enum-c6bb12f2.js');
7
+ const typographyVariation_enum = require('./typography-variation.enum-6077eba3.js');
8
8
  require('./badge-status-variation.enum-0a5adc21.js');
9
9
  require('./code-example-variation.enum-1611825e.js');
10
10
  require('./form-input-type.enum-1fb2180a.js');
@@ -19,6 +19,7 @@ require('./footer-card-variation.enum-99555edc.js');
19
19
  require('./form-checkbox-variation.enum-d2ca879e.js');
20
20
  require('./form-validation-message-variation.enum-c5ec3e2d.js');
21
21
  require('./form-radiogroup-validation.enum-03a17d4d.js');
22
+ require('./form-textarea-variation.enum-9c90d40f.js');
22
23
  require('./info-card-multi-type.enum-14746572.js');
23
24
  require('./info-card-variation.enum-64cef637.js');
24
25
  require('./layout-container-max-width.enum-7e637f44.js');
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-81fc5a97.js');
6
6
  require('./badge-notification-shape.enum-ff802554.js');
7
- const typographyVariation_enum = require('./typography-variation.enum-c6bb12f2.js');
7
+ const typographyVariation_enum = require('./typography-variation.enum-6077eba3.js');
8
8
  require('./badge-status-variation.enum-0a5adc21.js');
9
9
  require('./code-example-variation.enum-1611825e.js');
10
10
  require('./form-input-type.enum-1fb2180a.js');
@@ -19,6 +19,7 @@ require('./footer-card-variation.enum-99555edc.js');
19
19
  require('./form-checkbox-variation.enum-d2ca879e.js');
20
20
  require('./form-validation-message-variation.enum-c5ec3e2d.js');
21
21
  require('./form-radiogroup-validation.enum-03a17d4d.js');
22
+ require('./form-textarea-variation.enum-9c90d40f.js');
22
23
  require('./info-card-multi-type.enum-14746572.js');
23
24
  require('./info-card-variation.enum-64cef637.js');
24
25
  const layoutContainerMaxWidth_enum = require('./layout-container-max-width.enum-7e637f44.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-81fc5a97.js');
6
6
  const logger_util = require('./logger.util-fdafc086.js');
7
7
  const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
8
- const text = require('./text-3157012b.js');
8
+ const text = require('./text-65b1b58c.js');
9
9
 
10
10
  const navigationBreadcrumbsCss = ".sc-digi-navigation-breadcrumbs-h{--digi--navigation-breadcrumbs--items--display:flex;--digi--navigation-breadcrumbs--items--flex-wrap:wrap;--digi--navigation-breadcrumbs--items--padding:0;--digi--navigation-breadcrumbs--items--margin:0;--digi--navigation-breadcrumbs--item--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-breadcrumbs--item--font-size:var(--digi--typography--breadcrumbs--font-size--desktop);--digi--navigation-breadcrumbs--item--text-decoration:var(--digi--typography--breadcrumbs--text-decoration--desktop);--digi--navigation-breadcrumbs--item--color:var(--digi--color--text--primary);--digi--navigation-breadcrumbs--divider--padding:var(--digi--gutter--icon);--digi--navigation-breadcrumbs--link--visited--color:var(--digi--color--text--interactive--primary);--digi--navigation-breadcrumbs--link--hover--focus--color:var(--digi--color--text--interactive--primary);--digi--navigation-breadcrumbs--link--hover--focus--text-decoration:underline;--digi--navigation-breadcrumbs--link--hover--focus--text-decoration-thickness:var(--digi--typography--text-decoration-thickness--hover);--digi--navigation-breadcrumbs--link--color:var(--digi--color--text--interactive--primary)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__items.sc-digi-navigation-breadcrumbs{list-style:none;display:var(--digi--navigation-breadcrumbs--items--display);flex-wrap:var(--digi--navigation-breadcrumbs--items--flex-wrap);margin:var(--digi--navigation-breadcrumbs--items--margin);padding:var(--digi--navigation-breadcrumbs--items--padding)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__item.sc-digi-navigation-breadcrumbs{font-family:var(--digi--navigation-breadcrumbs--item--font-family);font-size:var(--digi--navigation-breadcrumbs--item--font-size);color:var(--digi--navigation-breadcrumbs--item--color);width:unset;margin-bottom:unset}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__item.sc-digi-navigation-breadcrumbs:not([aria-current=page])::after{content:\"/\";padding-inline:var(--digi--navigation-breadcrumbs--divider--padding)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs{color:var(--digi--navigation-breadcrumbs--link--color);font-size:var(--digi--navigation-breadcrumbs--item--font-size)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:visited{color:var(--digi--navigation-breadcrumbs--link--color)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:focus,.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:hover{text-decoration:var(--digi--navigation-breadcrumbs--link--hover--focus--text-decoration);text-decoration-thickness:var(--digi--navigation-breadcrumbs--link--hover--focus--text-decoration-thickness)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}";
11
11
  const DigiNavigationBreadcrumbsStyle0 = navigationBreadcrumbsCss;
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-81fc5a97.js');
6
6
  const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
7
7
  require('./badge-notification-shape.enum-ff802554.js');
8
- require('./typography-variation.enum-c6bb12f2.js');
8
+ require('./typography-variation.enum-6077eba3.js');
9
9
  require('./badge-status-variation.enum-0a5adc21.js');
10
10
  require('./code-example-variation.enum-1611825e.js');
11
11
  require('./form-input-type.enum-1fb2180a.js');
@@ -20,6 +20,7 @@ require('./footer-card-variation.enum-99555edc.js');
20
20
  require('./form-checkbox-variation.enum-d2ca879e.js');
21
21
  require('./form-validation-message-variation.enum-c5ec3e2d.js');
22
22
  require('./form-radiogroup-validation.enum-03a17d4d.js');
23
+ require('./form-textarea-variation.enum-9c90d40f.js');
23
24
  require('./info-card-multi-type.enum-14746572.js');
24
25
  require('./info-card-variation.enum-64cef637.js');
25
26
  require('./layout-container-max-width.enum-7e637f44.js');
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-81fc5a97.js');
6
6
  const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
7
- const typographyVariation_enum = require('./typography-variation.enum-c6bb12f2.js');
7
+ const typographyVariation_enum = require('./typography-variation.enum-6077eba3.js');
8
8
  require('./badge-notification-shape.enum-ff802554.js');
9
9
  require('./badge-status-variation.enum-0a5adc21.js');
10
10
  require('./code-example-variation.enum-1611825e.js');
@@ -20,6 +20,7 @@ require('./footer-card-variation.enum-99555edc.js');
20
20
  require('./form-checkbox-variation.enum-d2ca879e.js');
21
21
  require('./form-validation-message-variation.enum-c5ec3e2d.js');
22
22
  require('./form-radiogroup-validation.enum-03a17d4d.js');
23
+ require('./form-textarea-variation.enum-9c90d40f.js');
23
24
  require('./info-card-multi-type.enum-14746572.js');
24
25
  require('./info-card-variation.enum-64cef637.js');
25
26
  require('./layout-container-max-width.enum-7e637f44.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-81fc5a97.js');
6
- const typographyVariation_enum = require('./typography-variation.enum-c6bb12f2.js');
6
+ const typographyVariation_enum = require('./typography-variation.enum-6077eba3.js');
7
7
  const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
8
8
  require('./badge-notification-shape.enum-ff802554.js');
9
9
  require('./badge-status-variation.enum-0a5adc21.js');
@@ -20,6 +20,7 @@ require('./footer-card-variation.enum-99555edc.js');
20
20
  require('./form-checkbox-variation.enum-d2ca879e.js');
21
21
  require('./form-validation-message-variation.enum-c5ec3e2d.js');
22
22
  require('./form-radiogroup-validation.enum-03a17d4d.js');
23
+ require('./form-textarea-variation.enum-9c90d40f.js');
23
24
  require('./info-card-multi-type.enum-14746572.js');
24
25
  require('./info-card-variation.enum-64cef637.js');
25
26
  require('./layout-container-max-width.enum-7e637f44.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-81fc5a97.js');
6
- const text = require('./text-3157012b.js');
6
+ const text = require('./text-65b1b58c.js');
7
7
  const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
8
8
 
9
9
  var ProgressCircleRole;