@duetds/components 10.5.0 → 10.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (479) hide show
  1. package/hydrate/index.js +658 -282
  2. package/hydrate/index.mjs +658 -282
  3. package/lib/cjs/{a11y-utils-DaAO4N9d.js → a11y-utils-DmCjy3Q3.js} +1 -1
  4. package/lib/cjs/{app-globals-CHNvdfQj.js → app-globals-D1tikFob.js} +1 -1
  5. package/lib/cjs/duet-action-button.cjs.entry.js +6 -6
  6. package/lib/cjs/duet-alert.cjs.entry.js +4 -4
  7. package/lib/cjs/duet-badge.cjs.entry.js +7 -7
  8. package/lib/cjs/duet-banner.cjs.entry.js +17 -18
  9. package/lib/cjs/duet-breadcrumb.cjs.entry.js +7 -7
  10. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +7 -7
  11. package/lib/cjs/duet-button_2.cjs.entry.js +8 -8
  12. package/lib/cjs/duet-callout.cjs.entry.js +5 -5
  13. package/lib/cjs/duet-caption_4.cjs.entry.js +11 -11
  14. package/lib/cjs/duet-card.cjs.entry.js +22 -10
  15. package/lib/cjs/duet-checkbox.cjs.entry.js +3 -3
  16. package/lib/cjs/duet-checkmark.cjs.entry.js +4 -4
  17. package/lib/cjs/duet-chip.cjs.entry.js +28 -12
  18. package/lib/cjs/duet-choice_2.cjs.entry.js +7 -7
  19. package/lib/cjs/duet-collapsible.cjs.entry.js +4 -4
  20. package/lib/cjs/duet-combobox.cjs.entry.js +7 -17
  21. package/lib/cjs/duet-contact-card.cjs.entry.js +18 -7
  22. package/lib/cjs/duet-cookie-consent.cjs.entry.js +3 -3
  23. package/lib/cjs/duet-date-picker.cjs.entry.js +127 -14
  24. package/lib/cjs/duet-divider_2.cjs.entry.js +5 -5
  25. package/lib/cjs/duet-editable-table_3.cjs.entry.js +15 -15
  26. package/lib/cjs/duet-empty-state.cjs.entry.js +2 -2
  27. package/lib/cjs/duet-fieldset.cjs.entry.js +6 -6
  28. package/lib/cjs/duet-file-chooser.cjs.entry.js +2 -2
  29. package/lib/cjs/duet-footer.cjs.entry.js +5 -5
  30. package/lib/cjs/duet-grid_2.cjs.entry.js +12 -8
  31. package/lib/cjs/duet-header_2.cjs.entry.js +7 -7
  32. package/lib/cjs/duet-hero.cjs.entry.js +27 -21
  33. package/lib/cjs/duet-icon.cjs.entry.js +7 -7
  34. package/lib/cjs/duet-indicator.cjs.entry.js +5 -5
  35. package/lib/cjs/duet-input_2.cjs.entry.js +70 -18
  36. package/lib/cjs/duet-layout.cjs.entry.js +7 -7
  37. package/lib/cjs/duet-list_2.cjs.entry.js +5 -5
  38. package/lib/cjs/duet-menu-bar-button.cjs.entry.js +4 -4
  39. package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +5 -5
  40. package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +7 -7
  41. package/lib/cjs/duet-menu-bar-item.cjs.entry.js +7 -7
  42. package/lib/cjs/duet-menu-bar-link.cjs.entry.js +4 -4
  43. package/lib/cjs/duet-menu-bar.cjs.entry.js +6 -6
  44. package/lib/cjs/duet-modal.cjs.entry.js +15 -15
  45. package/lib/cjs/duet-multiselect.cjs.entry.js +11 -11
  46. package/lib/cjs/duet-nav.cjs.entry.js +3 -3
  47. package/lib/cjs/duet-notification_2.cjs.entry.js +10 -10
  48. package/lib/cjs/duet-number-input.cjs.entry.js +9 -9
  49. package/lib/cjs/duet-overlay.cjs.entry.js +3 -3
  50. package/lib/cjs/duet-page-heading.cjs.entry.js +6 -6
  51. package/lib/cjs/duet-pagination_2.cjs.entry.js +19 -19
  52. package/lib/cjs/duet-panel.cjs.entry.js +4 -4
  53. package/lib/cjs/duet-phone-input.cjs.entry.js +11 -6
  54. package/lib/cjs/duet-popup-menu_2.cjs.entry.js +10 -10
  55. package/lib/cjs/duet-progress.cjs.entry.js +3 -3
  56. package/lib/cjs/duet-promo-card.cjs.entry.js +20 -8
  57. package/lib/cjs/duet-radio_2.cjs.entry.js +7 -7
  58. package/lib/cjs/duet-range-slider.cjs.entry.js +8 -8
  59. package/lib/cjs/duet-scrollable_3.cjs.entry.js +18 -18
  60. package/lib/cjs/duet-section-layout.cjs.entry.js +4 -4
  61. package/lib/cjs/duet-select.cjs.entry.js +9 -9
  62. package/lib/cjs/duet-shaped-image.cjs.entry.js +4 -4
  63. package/lib/cjs/duet-share-chart-item.cjs.entry.js +2 -2
  64. package/lib/cjs/duet-share-chart.cjs.entry.js +8 -8
  65. package/lib/cjs/duet-show-more.cjs.entry.js +6 -6
  66. package/lib/cjs/duet-slideout-lang.cjs.entry.js +4 -4
  67. package/lib/cjs/duet-slideout-link.cjs.entry.js +7 -7
  68. package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +6 -6
  69. package/lib/cjs/duet-slideout-panel.cjs.entry.js +13 -13
  70. package/lib/cjs/duet-slideout.cjs.entry.js +20 -14
  71. package/lib/cjs/duet-status-icon.cjs.entry.js +3 -3
  72. package/lib/cjs/duet-step_2.cjs.entry.js +7 -7
  73. package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +5 -5
  74. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +7 -7
  75. package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +7 -7
  76. package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +4 -4
  77. package/lib/cjs/duet-submenu-bar.cjs.entry.js +7 -7
  78. package/lib/cjs/duet-teaser.cjs.entry.js +110 -0
  79. package/lib/cjs/duet-textarea.cjs.entry.js +8 -8
  80. package/lib/cjs/duet-toggle.cjs.entry.js +9 -9
  81. package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +5 -5
  82. package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +7 -7
  83. package/lib/cjs/duet-toolbar-item.cjs.entry.js +8 -8
  84. package/lib/cjs/duet-toolbar-link.cjs.entry.js +4 -4
  85. package/lib/cjs/duet-toolbar.cjs.entry.js +4 -4
  86. package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +10 -10
  87. package/lib/cjs/duet-tooltip.cjs.entry.js +5 -5
  88. package/lib/cjs/duet-tray.cjs.entry.js +7 -7
  89. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +2 -2
  90. package/lib/cjs/duet-upload-item.cjs.entry.js +6 -6
  91. package/lib/cjs/duet-visually-hidden.cjs.entry.js +2 -2
  92. package/lib/cjs/duet.cjs.js +3 -3
  93. package/lib/cjs/{errorcodes.utils-Dkf_MfrJ.js → errorcodes.utils-Di-nO8ua.js} +1 -1
  94. package/lib/cjs/{focus-utils-BuGg0Oha.js → focus-utils-uEO1pi2O.js} +1 -1
  95. package/lib/cjs/{index-ZxE6MB5V.js → index-BGRMvA4R.js} +13 -9
  96. package/lib/cjs/{keyboard-utils-D9UlHbik.js → keyboard-utils-DibQafwg.js} +2 -0
  97. package/lib/cjs/{label-CpPOBfjS.js → label-CwgdRt0Q.js} +1 -1
  98. package/lib/cjs/{language-utils-C7Z0KYg-.js → language-utils-CrB5zNlc.js} +1 -1
  99. package/lib/cjs/loader.cjs.js +3 -3
  100. package/lib/cjs/picture-utils-CZhgDlXJ.js +20 -0
  101. package/lib/cjs/{slot-utils-BXdHT3A1.js → slot-utils-4v5bqyQh.js} +1 -1
  102. package/lib/cjs/{themeable-component-CIDaln0Z.js → themeable-component-I4SEm6nQ.js} +1 -1
  103. package/lib/cjs/{token-utils-DY3-olMV.js → token-utils-ZISdNshf.js} +1 -1
  104. package/lib/cjs/{tokens.module-CTbvyezn.js → tokens.module-CGRpZaa1.js} +2 -1
  105. package/lib/collection/collection-manifest.json +1 -0
  106. package/lib/collection/components/duet-action-button/duet-action-button.js +2 -2
  107. package/lib/collection/components/duet-alert/duet-alert.js +1 -1
  108. package/lib/collection/components/duet-badge/duet-badge.js +2 -2
  109. package/lib/collection/components/duet-banner/duet-banner.css +12 -0
  110. package/lib/collection/components/duet-banner/duet-banner.js +51 -7
  111. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +4 -4
  112. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js +2 -2
  113. package/lib/collection/components/duet-button/duet-button.js +8 -8
  114. package/lib/collection/components/duet-callout/duet-callout.js +2 -2
  115. package/lib/collection/components/duet-caption/duet-caption.js +1 -1
  116. package/lib/collection/components/duet-card/duet-card.css +3 -0
  117. package/lib/collection/components/duet-card/duet-card.js +63 -7
  118. package/lib/collection/components/duet-checkbox/duet-checkbox.js +3 -3
  119. package/lib/collection/components/duet-chip/duet-chip.js +53 -17
  120. package/lib/collection/components/duet-choice/duet-checkmark.js +2 -2
  121. package/lib/collection/components/duet-choice/duet-choice.js +3 -3
  122. package/lib/collection/components/duet-choice-group/duet-choice-group.js +2 -2
  123. package/lib/collection/components/duet-collapsible/duet-collapsible.js +3 -3
  124. package/lib/collection/components/duet-combobox/duet-combobox.js +4 -16
  125. package/lib/collection/components/duet-contact-card/duet-contact-card.css +3 -0
  126. package/lib/collection/components/duet-contact-card/duet-contact-card.js +58 -2
  127. package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +1 -1
  128. package/lib/collection/components/duet-date-picker/date-picker-month.js +4 -2
  129. package/lib/collection/components/duet-date-picker/date-utils.js +7 -0
  130. package/lib/collection/components/duet-date-picker/disallowed-days.js +23 -0
  131. package/lib/collection/components/duet-date-picker/duet-date-picker.js +100 -10
  132. package/lib/collection/components/duet-date-picker/finnish-bank-holidays.js +66 -0
  133. package/lib/collection/components/duet-divider/duet-divider.js +1 -1
  134. package/lib/collection/components/duet-editable-table/duet-editable-table.js +5 -5
  135. package/lib/collection/components/duet-empty-state/duet-empty-state.js +3 -3
  136. package/lib/collection/components/duet-fieldset/duet-fieldset.js +3 -3
  137. package/lib/collection/components/duet-file-chooser/duet-file-chooser.js +1 -1
  138. package/lib/collection/components/duet-footer/duet-footer.js +7 -7
  139. package/lib/collection/components/duet-grid/duet-grid.css +22 -0
  140. package/lib/collection/components/duet-grid/duet-grid.js +17 -8
  141. package/lib/collection/components/duet-grid-item/duet-grid-item.js +2 -2
  142. package/lib/collection/components/duet-header/duet-header.js +15 -15
  143. package/lib/collection/components/duet-heading/duet-heading.js +1 -1
  144. package/lib/collection/components/duet-hero/duet-hero.css +235 -144
  145. package/lib/collection/components/duet-hero/duet-hero.js +72 -21
  146. package/lib/collection/components/duet-icon/duet-icon.js +3 -3
  147. package/lib/collection/components/duet-indicator/duet-indicator.js +3 -3
  148. package/lib/collection/components/duet-input/duet-input.js +73 -20
  149. package/lib/collection/components/duet-label/duet-label.js +2 -2
  150. package/lib/collection/components/duet-layout/duet-layout.js +6 -6
  151. package/lib/collection/components/duet-link/duet-link.js +2 -2
  152. package/lib/collection/components/duet-list/duet-list.js +4 -4
  153. package/lib/collection/components/duet-list-item/duet-list-item.js +2 -2
  154. package/lib/collection/components/duet-logo/duet-logo.js +2 -2
  155. package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +4 -4
  156. package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js +2 -2
  157. package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js +4 -4
  158. package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js +2 -2
  159. package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.js +2 -2
  160. package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js +2 -2
  161. package/lib/collection/components/duet-modal/duet-modal.js +11 -11
  162. package/lib/collection/components/duet-multiselect/duet-multiselect.js +11 -11
  163. package/lib/collection/components/duet-nav/duet-nav.js +1 -1
  164. package/lib/collection/components/duet-notification/duet-notification.js +2 -2
  165. package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +4 -4
  166. package/lib/collection/components/duet-number-input/duet-number-input.js +8 -8
  167. package/lib/collection/components/duet-overlay/duet-overlay.js +2 -2
  168. package/lib/collection/components/duet-page-heading/duet-page-heading.js +3 -3
  169. package/lib/collection/components/duet-pagination/duet-pagination.js +13 -13
  170. package/lib/collection/components/duet-panel/duet-panel.js +3 -3
  171. package/lib/collection/components/duet-paragraph/duet-paragraph.js +5 -5
  172. package/lib/collection/components/duet-phone-input/duet-phone-input.js +30 -5
  173. package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +1 -1
  174. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +4 -4
  175. package/lib/collection/components/duet-promo-card/duet-promo-card.css +4 -0
  176. package/lib/collection/components/duet-promo-card/duet-promo-card.js +58 -2
  177. package/lib/collection/components/duet-radio/duet-radio.js +6 -6
  178. package/lib/collection/components/duet-radio-group/duet-radio-group.js +1 -1
  179. package/lib/collection/components/duet-range-slider/duet-range-slider.js +4 -4
  180. package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +3 -3
  181. package/lib/collection/components/duet-scrollable/duet-scrollable.js +5 -5
  182. package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
  183. package/lib/collection/components/duet-select/duet-select.js +10 -10
  184. package/lib/collection/components/duet-shaped-image/duet-shaped-image.js +2 -2
  185. package/lib/collection/components/duet-share-chart/duet-share-chart.js +2 -2
  186. package/lib/collection/components/duet-share-chart-item/duet-share-chart-item.js +1 -1
  187. package/lib/collection/components/duet-show-more/duet-show-more.js +3 -3
  188. package/lib/collection/components/duet-slideout/duet-slideout.js +12 -6
  189. package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js +1 -1
  190. package/lib/collection/components/duet-slideout-link/duet-slideout-link.js +2 -2
  191. package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +6 -6
  192. package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +4 -4
  193. package/lib/collection/components/duet-spacer/duet-spacer.js +3 -3
  194. package/lib/collection/components/duet-spinner/duet-spinner.js +2 -2
  195. package/lib/collection/components/duet-status-icon/duet-status-icon.js +2 -2
  196. package/lib/collection/components/duet-step/duet-step.js +4 -4
  197. package/lib/collection/components/duet-stepper/duet-stepper.js +2 -2
  198. package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +5 -5
  199. package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js +4 -4
  200. package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js +2 -2
  201. package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js +1 -1
  202. package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js +1 -1
  203. package/lib/collection/components/duet-tab/duet-tab.js +2 -2
  204. package/lib/collection/components/duet-tab-group/duet-tab-group.js +9 -9
  205. package/lib/collection/components/duet-table/duet-table-styles.js +5 -5
  206. package/lib/collection/components/duet-table/duet-table.js +2 -2
  207. package/lib/collection/components/duet-teaser/duet-teaser.css +127 -0
  208. package/lib/collection/components/duet-teaser/duet-teaser.js +462 -0
  209. package/lib/collection/components/duet-textarea/duet-textarea.js +7 -7
  210. package/lib/collection/components/duet-toggle/duet-toggle.js +4 -4
  211. package/lib/collection/components/duet-toolbar/duet-toolbar.js +2 -2
  212. package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +4 -4
  213. package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js +2 -2
  214. package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js +3 -3
  215. package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +2 -2
  216. package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +3 -3
  217. package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +3 -3
  218. package/lib/collection/components/duet-tooltip/duet-tooltip.js +1 -1
  219. package/lib/collection/components/duet-tray/duet-tray.js +2 -2
  220. package/lib/collection/components/duet-upload/duet-upload.js +16 -16
  221. package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js +1 -1
  222. package/lib/collection/components/duet-upload-item/duet-upload-item.js +4 -4
  223. package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
  224. package/lib/collection/utils/keyboard-utils.js +1 -0
  225. package/lib/collection/utils/picture-utils.js +6 -1
  226. package/lib/duet/duet.esm.js +1 -1
  227. package/lib/duet/{p-61ec0e1c.entry.js → p-017873ec.entry.js} +1 -1
  228. package/lib/duet/{p-b1326cbb.entry.js → p-047af1e2.entry.js} +1 -1
  229. package/lib/duet/{p-516397ba.entry.js → p-058fcc72.entry.js} +1 -1
  230. package/lib/duet/p-05a6360b.entry.js +4 -0
  231. package/lib/duet/p-05b5ef84.entry.js +4 -0
  232. package/lib/duet/{p-6ef683d5.entry.js → p-07d43c60.entry.js} +1 -1
  233. package/lib/duet/{p-52beb436.entry.js → p-0ab559fb.entry.js} +1 -1
  234. package/lib/duet/{p-fe829b53.entry.js → p-0acf9bcf.entry.js} +1 -1
  235. package/lib/duet/{p-d3baa815.entry.js → p-0c42cc61.entry.js} +1 -1
  236. package/lib/duet/{p-443af533.entry.js → p-0df7094e.entry.js} +1 -1
  237. package/lib/duet/p-10baba94.entry.js +4 -0
  238. package/lib/duet/{p-30108edc.entry.js → p-1358a396.entry.js} +1 -1
  239. package/lib/duet/{p-70961edb.entry.js → p-1498e4a8.entry.js} +1 -1
  240. package/lib/duet/p-16d5dd2c.entry.js +4 -0
  241. package/lib/duet/p-1ec31f22.entry.js +4 -0
  242. package/lib/duet/{p-d6f0afa5.entry.js → p-2013545d.entry.js} +1 -1
  243. package/lib/duet/p-2265c46a.entry.js +4 -0
  244. package/lib/duet/{p-f040706c.entry.js → p-2394b3cd.entry.js} +1 -1
  245. package/lib/duet/{p-d779fe42.entry.js → p-2b17c517.entry.js} +1 -1
  246. package/lib/duet/{p-c54be349.entry.js → p-2f0f3a4a.entry.js} +1 -1
  247. package/lib/duet/{p-a9104184.entry.js → p-3ce04abc.entry.js} +1 -1
  248. package/lib/duet/{p-dedf6a32.entry.js → p-420df0aa.entry.js} +1 -1
  249. package/lib/duet/{p-c216e746.entry.js → p-430fad4e.entry.js} +1 -1
  250. package/lib/duet/p-453001ea.entry.js +4 -0
  251. package/lib/duet/{p-fa13ffe9.entry.js → p-4695398d.entry.js} +1 -1
  252. package/lib/duet/p-4bc7198d.entry.js +4 -0
  253. package/lib/duet/p-4e028274.entry.js +4 -0
  254. package/lib/duet/{p-8b0dfbd7.entry.js → p-5be103d0.entry.js} +1 -1
  255. package/lib/duet/{p-407f7f03.entry.js → p-5e5b6dc7.entry.js} +1 -1
  256. package/lib/duet/{p-42ec7305.entry.js → p-5fc88879.entry.js} +1 -1
  257. package/lib/duet/{p-e08dce92.entry.js → p-6865e880.entry.js} +1 -1
  258. package/lib/duet/{p-cb6c4158.entry.js → p-68a9ffb5.entry.js} +1 -1
  259. package/lib/duet/{p-b747f6e9.entry.js → p-69bcb076.entry.js} +1 -1
  260. package/lib/duet/p-71da8fbe.entry.js +4 -0
  261. package/lib/duet/{p-20a8ef81.entry.js → p-76e2c659.entry.js} +1 -1
  262. package/lib/duet/{p-74aac967.entry.js → p-7f5387dd.entry.js} +1 -1
  263. package/lib/duet/{p-110c7572.entry.js → p-84ed366e.entry.js} +1 -1
  264. package/lib/duet/{p-a8876b3d.entry.js → p-868647de.entry.js} +1 -1
  265. package/lib/duet/{p-a483117e.entry.js → p-8ad4bb4c.entry.js} +1 -1
  266. package/lib/duet/{p-3690576a.entry.js → p-8b9ffff4.entry.js} +1 -1
  267. package/lib/duet/{p-461d4089.entry.js → p-8da66626.entry.js} +1 -1
  268. package/lib/duet/{p-9ae7aaef.entry.js → p-8ea85c31.entry.js} +1 -1
  269. package/lib/duet/p-940a87e7.entry.js +4 -0
  270. package/lib/duet/{p-268b3066.entry.js → p-99550717.entry.js} +1 -1
  271. package/lib/duet/{p-8ace1eb4.entry.js → p-9987420d.entry.js} +1 -1
  272. package/lib/duet/{p-833802f9.entry.js → p-9d41df85.entry.js} +1 -1
  273. package/lib/duet/{p-3f7afd87.entry.js → p-9dee0205.entry.js} +1 -1
  274. package/lib/duet/{p-CFqvB5PA.js → p-B0XOGsB6.js} +1 -1
  275. package/lib/duet/p-B44ykle6.js +4 -0
  276. package/lib/duet/{p-R3pTP2Oy.js → p-B5SMAn1G.js} +1 -1
  277. package/lib/duet/p-BAiGBGTO.js +4 -0
  278. package/lib/duet/p-BWz_ChlU.js +4 -0
  279. package/lib/duet/p-BaefVzkx.js +4 -0
  280. package/lib/duet/{p-B8-N_qjs.js → p-Bnup2-sN.js} +1 -1
  281. package/lib/duet/p-C6rGA5IU.js +4 -0
  282. package/lib/duet/p-D4MpGrUR.js +5 -0
  283. package/lib/duet/p-DSNAI2Lx.js +4 -0
  284. package/lib/duet/{p-D2ly4TZR.js → p-DYmL1tSl.js} +1 -1
  285. package/lib/duet/{p-C5Yfx2kd.js → p-DtprEjjN.js} +1 -1
  286. package/lib/duet/{p-38973524.entry.js → p-a2106abd.entry.js} +1 -1
  287. package/lib/duet/p-a2a2f775.entry.js +4 -0
  288. package/lib/duet/{p-3277233e.entry.js → p-a2f7ef35.entry.js} +1 -1
  289. package/lib/duet/{p-829db926.entry.js → p-a62e6d8d.entry.js} +1 -1
  290. package/lib/duet/{p-40fa7371.entry.js → p-a6dc8c7d.entry.js} +1 -1
  291. package/lib/duet/{p-02d8e844.entry.js → p-a944ffff.entry.js} +1 -1
  292. package/lib/duet/{p-4b7f1244.entry.js → p-aebcf484.entry.js} +1 -1
  293. package/lib/duet/{p-bdbf0fae.entry.js → p-b2f0905a.entry.js} +1 -1
  294. package/lib/duet/p-b3a7ef62.entry.js +4 -0
  295. package/lib/duet/{p-70612314.entry.js → p-b4a1c719.entry.js} +1 -1
  296. package/lib/duet/p-b5204ec2.entry.js +4 -0
  297. package/lib/duet/{p-8012c7bc.entry.js → p-b58cfa18.entry.js} +1 -1
  298. package/lib/duet/{p-2dd7d75e.entry.js → p-b69946d4.entry.js} +1 -1
  299. package/lib/duet/{p-317e81f3.entry.js → p-b7351bfd.entry.js} +1 -1
  300. package/lib/duet/{p-3b2fba0f.entry.js → p-b7bb7472.entry.js} +1 -1
  301. package/lib/duet/{p-d3b5c997.entry.js → p-b9e97305.entry.js} +1 -1
  302. package/lib/duet/p-bb7fa0cf.entry.js +4 -0
  303. package/lib/duet/p-bef7eed7.entry.js +4 -0
  304. package/lib/duet/p-bffae8f6.entry.js +4 -0
  305. package/lib/duet/{p-c1afac0d.entry.js → p-c26e2123.entry.js} +1 -1
  306. package/lib/duet/{p-e7f2359a.entry.js → p-c49a72ad.entry.js} +1 -1
  307. package/lib/duet/{p-1da7703d.entry.js → p-c5c63d0f.entry.js} +1 -1
  308. package/lib/duet/{p-43e076b5.entry.js → p-c9a12663.entry.js} +1 -1
  309. package/lib/duet/{p-a5177d32.entry.js → p-ccaf5c28.entry.js} +1 -1
  310. package/lib/duet/{p-7fd39204.entry.js → p-d78923f9.entry.js} +1 -1
  311. package/lib/duet/p-d8383f1a.entry.js +4 -0
  312. package/lib/duet/{p-3f35fce3.entry.js → p-e3d91f53.entry.js} +1 -1
  313. package/lib/duet/p-e78af675.entry.js +4 -0
  314. package/lib/duet/{p-9e1a59d1.entry.js → p-e9a7215b.entry.js} +1 -1
  315. package/lib/duet/p-ebe55a34.entry.js +4 -0
  316. package/lib/duet/{p-efa4eecc.entry.js → p-ef340dc6.entry.js} +1 -1
  317. package/lib/duet/{p-317a1fc0.entry.js → p-f17438c7.entry.js} +1 -1
  318. package/lib/duet/{p-7353ee4c.entry.js → p-f264879d.entry.js} +1 -1
  319. package/lib/duet/p-f61ebeb1.entry.js +4 -0
  320. package/lib/duet/p-f647f09e.entry.js +4 -0
  321. package/lib/duet/p-f89da74c.entry.js +4 -0
  322. package/lib/duet/{p-2f8a47e2.entry.js → p-f959ca52.entry.js} +1 -1
  323. package/lib/duet/{p-19863cdf.entry.js → p-fb0f6212.entry.js} +1 -1
  324. package/lib/duet/p-fb59f80d.entry.js +4 -0
  325. package/lib/duet/{p-7eea47d5.entry.js → p-feae1702.entry.js} +1 -1
  326. package/lib/duet/p-kkZE1C6Z.js +4 -0
  327. package/lib/esm/{a11y-utils-ChN5Nhxh.js → a11y-utils-DZqe1lDK.js} +1 -1
  328. package/lib/esm/{app-globals-4kCk2rkO.js → app-globals-Byl9AdI1.js} +1 -1
  329. package/lib/esm/duet-action-button.entry.js +6 -6
  330. package/lib/esm/duet-alert.entry.js +4 -4
  331. package/lib/esm/duet-badge.entry.js +7 -7
  332. package/lib/esm/duet-banner.entry.js +17 -18
  333. package/lib/esm/duet-breadcrumb.entry.js +7 -7
  334. package/lib/esm/duet-breadcrumbs.entry.js +7 -7
  335. package/lib/esm/duet-button_2.entry.js +8 -8
  336. package/lib/esm/duet-callout.entry.js +5 -5
  337. package/lib/esm/duet-caption_4.entry.js +11 -11
  338. package/lib/esm/duet-card.entry.js +23 -11
  339. package/lib/esm/duet-checkbox.entry.js +3 -3
  340. package/lib/esm/duet-checkmark.entry.js +4 -4
  341. package/lib/esm/duet-chip.entry.js +28 -12
  342. package/lib/esm/duet-choice_2.entry.js +7 -7
  343. package/lib/esm/duet-collapsible.entry.js +4 -4
  344. package/lib/esm/duet-combobox.entry.js +7 -17
  345. package/lib/esm/duet-contact-card.entry.js +18 -7
  346. package/lib/esm/duet-cookie-consent.entry.js +3 -3
  347. package/lib/esm/duet-date-picker.entry.js +127 -14
  348. package/lib/esm/duet-divider_2.entry.js +5 -5
  349. package/lib/esm/duet-editable-table_3.entry.js +15 -15
  350. package/lib/esm/duet-empty-state.entry.js +2 -2
  351. package/lib/esm/duet-fieldset.entry.js +6 -6
  352. package/lib/esm/duet-file-chooser.entry.js +2 -2
  353. package/lib/esm/duet-footer.entry.js +5 -5
  354. package/lib/esm/duet-grid_2.entry.js +12 -8
  355. package/lib/esm/duet-header_2.entry.js +7 -7
  356. package/lib/esm/duet-hero.entry.js +27 -21
  357. package/lib/esm/duet-icon.entry.js +7 -7
  358. package/lib/esm/duet-indicator.entry.js +5 -5
  359. package/lib/esm/duet-input_2.entry.js +70 -18
  360. package/lib/esm/duet-layout.entry.js +7 -7
  361. package/lib/esm/duet-list_2.entry.js +5 -5
  362. package/lib/esm/duet-menu-bar-button.entry.js +4 -4
  363. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +5 -5
  364. package/lib/esm/duet-menu-bar-dropdown.entry.js +7 -7
  365. package/lib/esm/duet-menu-bar-item.entry.js +7 -7
  366. package/lib/esm/duet-menu-bar-link.entry.js +4 -4
  367. package/lib/esm/duet-menu-bar.entry.js +6 -6
  368. package/lib/esm/duet-modal.entry.js +15 -15
  369. package/lib/esm/duet-multiselect.entry.js +11 -11
  370. package/lib/esm/duet-nav.entry.js +3 -3
  371. package/lib/esm/duet-notification_2.entry.js +10 -10
  372. package/lib/esm/duet-number-input.entry.js +9 -9
  373. package/lib/esm/duet-overlay.entry.js +3 -3
  374. package/lib/esm/duet-page-heading.entry.js +6 -6
  375. package/lib/esm/duet-pagination_2.entry.js +19 -19
  376. package/lib/esm/duet-panel.entry.js +4 -4
  377. package/lib/esm/duet-phone-input.entry.js +11 -6
  378. package/lib/esm/duet-popup-menu_2.entry.js +10 -10
  379. package/lib/esm/duet-progress.entry.js +3 -3
  380. package/lib/esm/duet-promo-card.entry.js +20 -8
  381. package/lib/esm/duet-radio_2.entry.js +7 -7
  382. package/lib/esm/duet-range-slider.entry.js +8 -8
  383. package/lib/esm/duet-scrollable_3.entry.js +18 -18
  384. package/lib/esm/duet-section-layout.entry.js +4 -4
  385. package/lib/esm/duet-select.entry.js +9 -9
  386. package/lib/esm/duet-shaped-image.entry.js +4 -4
  387. package/lib/esm/duet-share-chart-item.entry.js +2 -2
  388. package/lib/esm/duet-share-chart.entry.js +8 -8
  389. package/lib/esm/duet-show-more.entry.js +6 -6
  390. package/lib/esm/duet-slideout-lang.entry.js +4 -4
  391. package/lib/esm/duet-slideout-link.entry.js +7 -7
  392. package/lib/esm/duet-slideout-panel-dropdown.entry.js +6 -6
  393. package/lib/esm/duet-slideout-panel.entry.js +13 -13
  394. package/lib/esm/duet-slideout.entry.js +20 -14
  395. package/lib/esm/duet-status-icon.entry.js +3 -3
  396. package/lib/esm/duet-step_2.entry.js +7 -7
  397. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +5 -5
  398. package/lib/esm/duet-submenu-bar-dropdown.entry.js +7 -7
  399. package/lib/esm/duet-submenu-bar-item.entry.js +7 -7
  400. package/lib/esm/duet-submenu-bar-link.entry.js +4 -4
  401. package/lib/esm/duet-submenu-bar.entry.js +7 -7
  402. package/lib/esm/duet-teaser.entry.js +108 -0
  403. package/lib/esm/duet-textarea.entry.js +8 -8
  404. package/lib/esm/duet-toggle.entry.js +9 -9
  405. package/lib/esm/duet-toolbar-dropdown-link.entry.js +5 -5
  406. package/lib/esm/duet-toolbar-dropdown.entry.js +7 -7
  407. package/lib/esm/duet-toolbar-item.entry.js +8 -8
  408. package/lib/esm/duet-toolbar-link.entry.js +4 -4
  409. package/lib/esm/duet-toolbar.entry.js +4 -4
  410. package/lib/esm/duet-tooltip-button_2.entry.js +10 -10
  411. package/lib/esm/duet-tooltip.entry.js +5 -5
  412. package/lib/esm/duet-tray.entry.js +7 -7
  413. package/lib/esm/duet-upload-aria-status.entry.js +2 -2
  414. package/lib/esm/duet-upload-item.entry.js +6 -6
  415. package/lib/esm/duet-visually-hidden.entry.js +2 -2
  416. package/lib/esm/duet.js +4 -4
  417. package/lib/esm/{errorcodes.utils-DuFCu_27.js → errorcodes.utils-KA3z1KuW.js} +1 -1
  418. package/lib/esm/{focus-utils-CFswdkeD.js → focus-utils-id9x3opi.js} +1 -1
  419. package/lib/esm/{index-B2cboDWM.js → index-D4MpGrUR.js} +13 -9
  420. package/lib/esm/{keyboard-utils-Db8rvjPI.js → keyboard-utils-BaefVzkx.js} +2 -1
  421. package/lib/esm/{label-CJxIWUOT.js → label-Caev3m-F.js} +1 -1
  422. package/lib/esm/{language-utils-C4M4ASkT.js → language-utils-DTyUbpD-.js} +1 -1
  423. package/lib/esm/loader.js +4 -4
  424. package/lib/esm/picture-utils-4PMNZDR2.js +18 -0
  425. package/lib/esm/{slot-utils--sNK1DNn.js → slot-utils-BhEk4zKY.js} +1 -1
  426. package/lib/esm/{themeable-component-BBi3552X.js → themeable-component-B_d7Klmd.js} +1 -1
  427. package/lib/esm/{token-utils-B0KAgyj_.js → token-utils-BILzD7LX.js} +1 -1
  428. package/lib/esm/{tokens.module-DEzE2U5T.js → tokens.module-kkZE1C6Z.js} +1 -1
  429. package/lib/types/components/duet-banner/duet-banner.d.ts +10 -1
  430. package/lib/types/components/duet-button/duet-button.d.ts +1 -1
  431. package/lib/types/components/duet-card/duet-card.d.ts +10 -0
  432. package/lib/types/components/duet-chip/duet-chip.d.ts +15 -8
  433. package/lib/types/components/duet-combobox/duet-combobox.d.ts +0 -1
  434. package/lib/types/components/duet-contact-card/duet-contact-card.d.ts +10 -0
  435. package/lib/types/components/duet-date-picker/date-picker-month.d.ts +3 -0
  436. package/lib/types/components/duet-date-picker/date-utils.d.ts +4 -0
  437. package/lib/types/components/duet-date-picker/disallowed-days.d.ts +9 -0
  438. package/lib/types/components/duet-date-picker/duet-date-picker.d.ts +14 -0
  439. package/lib/types/components/duet-date-picker/finnish-bank-holidays.d.ts +11 -0
  440. package/lib/types/components/duet-grid/duet-grid.d.ts +2 -1
  441. package/lib/types/components/duet-hero/duet-hero.d.ts +10 -0
  442. package/lib/types/components/duet-input/duet-input.d.ts +11 -0
  443. package/lib/types/components/duet-phone-input/duet-phone-input.d.ts +5 -0
  444. package/lib/types/components/duet-promo-card/duet-promo-card.d.ts +11 -0
  445. package/lib/types/components/duet-teaser/duet-teaser.d.ts +93 -0
  446. package/lib/types/components.d.ts +291 -14
  447. package/lib/types/utils/keyboard-utils.d.ts +1 -0
  448. package/lib/types/utils/picture-utils.d.ts +4 -0
  449. package/package.json +5 -5
  450. package/lib/duet/p-06297bd8.entry.js +0 -4
  451. package/lib/duet/p-0c04f9f5.entry.js +0 -4
  452. package/lib/duet/p-18a8ea12.entry.js +0 -4
  453. package/lib/duet/p-1bca9931.entry.js +0 -4
  454. package/lib/duet/p-3f3c6e64.entry.js +0 -4
  455. package/lib/duet/p-4af6a8ed.entry.js +0 -4
  456. package/lib/duet/p-5284c707.entry.js +0 -4
  457. package/lib/duet/p-5c9f443c.entry.js +0 -4
  458. package/lib/duet/p-5f5f72d4.entry.js +0 -4
  459. package/lib/duet/p-5lFzA17H.js +0 -4
  460. package/lib/duet/p-6b469225.entry.js +0 -4
  461. package/lib/duet/p-7294c37d.entry.js +0 -4
  462. package/lib/duet/p-72b504ef.entry.js +0 -4
  463. package/lib/duet/p-734249e0.entry.js +0 -4
  464. package/lib/duet/p-7c08fd87.entry.js +0 -4
  465. package/lib/duet/p-83238bf3.entry.js +0 -4
  466. package/lib/duet/p-86ffd3cb.entry.js +0 -4
  467. package/lib/duet/p-871620d3.entry.js +0 -4
  468. package/lib/duet/p-93ff8fe4.entry.js +0 -4
  469. package/lib/duet/p-9c9811ba.entry.js +0 -4
  470. package/lib/duet/p-B2cboDWM.js +0 -5
  471. package/lib/duet/p-BzYmwX5_.js +0 -4
  472. package/lib/duet/p-Cg4m_WHe.js +0 -4
  473. package/lib/duet/p-DEzE2U5T.js +0 -4
  474. package/lib/duet/p-Db8rvjPI.js +0 -4
  475. package/lib/duet/p-a068c086.entry.js +0 -4
  476. package/lib/duet/p-c2026c6b.entry.js +0 -4
  477. package/lib/duet/p-cbcee3e2.entry.js +0 -4
  478. package/lib/duet/p-d5f90dbc.entry.js +0 -4
  479. package/lib/duet/p-s8EL6NG5.js +0 -4
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as M,h as N,g}from"./p-B2cboDWM.js";import{i as j}from"./p-BzYmwX5_.js";import{h as D,c as e}from"./p-5lFzA17H.js";const I=class{constructor(N){M(this,N),this.hasButtonSlot=!1,this.theme="",this.shape="auto",this.icon="",this.iconBackground="default",this.layout="narrow"}componentWillLoad(){j(this),this.hasButtonSlot=D(this.element,"button"),e(this.element,"button","duet-button[variation=plain]")}progressIndicator(){return N("div",{class:"progress-indicator"},Array.from({length:Math.ceil(this.progressTotalSteps)},((M,g)=>N("div",{class:{"progress-step":!0,active:g+1<=this.progressCurrentStep}}))))}render(){const M="narrow"===this.layout?"narrow":"fluid"===this.layout?"fluid":"auto";return N("div",{key:"ea4be735731e17f47330bab5ecb5e9d65795a539",class:{"duet-page-heading":!0,"duet-theme-turva":"turva"===this.theme,"has-icon":!!this.icon,[M]:!0}},N("div",{key:"e159d4b2942446b90f8e09a492f57a6fa974d51f",class:"background"},"turva"===this.theme&&N("div",{key:"4f268e0c0adead476a918f94a41e9c6bd6fbe40e",class:"background-mask"}),"turva"!==this.theme&&"none"!==this.shape&&N("div",{key:"daf14331254bc8f0b5181e0a803f0057f169e629",class:"brand-shape"}),"turva"!==this.theme&&"none"!==this.shape&&N("div",{key:"a663ecceca1b90420088f692cb8bda12d579537d",class:"brand-shape second-shape"}),this.icon&&N("div",{key:"9ea7885cc662e52f2df4d8a42557797280ba3ca3",class:{"brand-shaped-icon":!0,"secondary-background":"secondary"===this.iconBackground&&"turva"!==this.theme}},N("duet-icon",{key:"7edd9a52e8a515d9b946db7d3fdb95fa62ffa058",background:"none",name:this.icon,margin:"none",size:"auto",responsive:!1}))),N("div",{key:"85a7494fc13886d24677ee09bf86ccca61ee31cd",class:{heading:!0,"has-back-button":this.hasButtonSlot}},N("slot",{key:"8c25416fc8f80c50830e36a2e2b1f47b609d0798",name:"heading"}),this.hasButtonSlot&&N("div",{key:"198528161f296ee1a0bfedbd1e567dde1b552783",class:"button-container"},N("slot",{key:"effe866326f9b75d678775a643d1e05f266b36fa",name:"button"})),void 0!==this.progressCurrentStep&&this.progressTotalSteps>0&&N("div",{key:"ab91a8ea60a18ad94a053b4d0e1ac1259cd1fbb9"},N("duet-spacer",{key:"6f8e47579eeb1a2b3450dab080fb93ec8ad9a2da",size:"large"}),N("div",{key:"0602fe82a2bbf284687559d342c8b6589070f196",role:"presentation"},this.progressIndicator()))))}get element(){return g(this)}};I.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}.duet-page-heading{position:relative;display:block;width:100%;margin:0 auto;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(8, 42, 77)}.duet-page-heading.duet-p-0{padding:0 !important}.duet-page-heading.duet-m-0{margin:0 !important}.duet-page-heading.auto{overflow:visible}.duet-page-heading.auto .heading,.duet-page-heading.auto .background{max-width:none}.duet-page-heading.fluid,.duet-page-heading.narrow{padding:0 16px}@media (min-width: 36em){.duet-page-heading.fluid{padding:0 28px}}@media (min-width: 62em){.duet-page-heading.fluid{padding:0 56px}}@media (min-width: 76.25em){.duet-page-heading.fluid{max-width:1110px;padding:0}}.duet-page-heading.narrow{max-width:888px}@media (min-width: 36em){.duet-page-heading.narrow{padding:0 48px}}@media (min-width: 48em){.duet-page-heading.narrow{padding:0 72px}}.duet-page-heading .heading{max-width:744px;padding:48px 90px 16px 0}.duet-page-heading .heading.has-back-button{padding-top:72px}@media (min-width: 48em){.duet-page-heading .heading{padding:72px 150px 40px 0}.duet-page-heading .heading.has-back-button{padding-top:94px}}.duet-page-heading:not(.has-icon) .heading{padding-right:0}.duet-page-heading .background{position:absolute;top:0;right:0;left:0;width:100%;max-width:744px;height:104px;margin:0 auto;margin:0 auto}@media (min-width: 48em){.duet-page-heading .background{height:165px}}.duet-page-heading .background .background-mask{position:absolute;top:-20px;right:0;display:block;width:286px;height:331px;pointer-events:none;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");background-repeat:no-repeat;background-size:contain}@media (min-width: 48em){.duet-page-heading .background .background-mask{top:-40px;width:502px;height:577px}}.duet-page-heading .background .brand-shape{position:absolute;top:-157px;right:-20px;width:185px;height:185px;background:rgb(0, 119, 179);border-radius:20%;mix-blend-mode:normal;opacity:0.2;transform:rotate(7deg)}@media (min-width: 48em){.duet-page-heading .background .brand-shape{top:-280px;right:-40px;width:325px;height:325px}}.duet-page-heading .background .brand-shape.second-shape{top:-182px;right:100px;width:207px;height:207px;background:rgb(11, 114, 136);opacity:0.1}@media (min-width: 48em){.duet-page-heading .background .brand-shape.second-shape{top:-325px;right:200px;width:365px;height:365px}}.duet-page-heading .background .brand-shaped-icon{position:absolute;top:20px;right:16px;display:flex;align-items:center;justify-content:center;width:85px;width:60px;height:85px;height:60px;background:rgba(0, 119, 179, 0.9);border-radius:25%;mix-blend-mode:normal;transform:rotate(7deg)}.duet-page-heading .background .brand-shaped-icon.secondary-background{background:rgba(8, 42, 77, 0.85)}@media (min-width: 48em){.duet-page-heading .background .brand-shaped-icon{right:36px;width:93px;height:93px}}.duet-page-heading .background .brand-shaped-icon duet-icon{width:60px;height:60px;transform:rotate(-7deg)}@media (min-width: 48em){.duet-page-heading .background .brand-shaped-icon duet-icon{width:75px;height:75px}}.duet-page-heading .progress-indicator{display:flex;flex-direction:row;gap:4px}.duet-page-heading .progress-step{width:100%;height:4px;background-color:rgb(181, 198, 208);border-radius:2px}.duet-page-heading .progress-step.active{background-color:rgb(0, 119, 179)}.duet-page-heading .button-container{position:absolute;top:20px;left:0}@media (min-width: 48em){.duet-page-heading .button-container{top:36px}}.duet-page-heading.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(8, 42, 77)}.duet-page-heading.duet-theme-turva .background .background-mask{background-image:none}.duet-page-heading.duet-theme-turva .brand-shaped-icon{background:rgb(23, 42, 59);border-radius:16%;-webkit-mask-image:none;mask-image:none;transform:rotate(0)}.duet-page-heading.duet-theme-turva .brand-shaped-icon duet-icon{top:0;transform:rotate(0)}.duet-page-heading.duet-theme-turva .progress-step{background-color:rgb(178, 194, 205)}.duet-page-heading.duet-theme-turva .progress-step.active{background-color:rgb(230, 23, 64)}';export{I as duet_page_heading}
4
+ import{r as M,h as N,g}from"./p-D4MpGrUR.js";import{i as j}from"./p-B44ykle6.js";import{h as D,c as e}from"./p-BWz_ChlU.js";const I=class{constructor(N){M(this,N),this.hasButtonSlot=!1,this.theme="",this.shape="auto",this.icon="",this.iconBackground="default",this.layout="narrow"}componentWillLoad(){j(this),this.hasButtonSlot=D(this.element,"button"),e(this.element,"button","duet-button[variation=plain]")}progressIndicator(){return N("div",{class:"progress-indicator"},Array.from({length:Math.ceil(this.progressTotalSteps)},((M,g)=>N("div",{class:{"progress-step":!0,active:g+1<=this.progressCurrentStep}}))))}render(){const M="narrow"===this.layout?"narrow":"fluid"===this.layout?"fluid":"auto";return N("div",{key:"3328f3fe2eae32ac303bd225286f8cb120ab61c4",class:{"duet-page-heading":!0,"duet-theme-turva":"turva"===this.theme,"has-icon":!!this.icon,[M]:!0}},N("div",{key:"6004c4cad41df3235c35028e22b99687822834a3",class:"background"},"turva"===this.theme&&N("div",{key:"96c29409898ad2d9e17f7a239de51564edeb6c3d",class:"background-mask"}),"turva"!==this.theme&&"none"!==this.shape&&N("div",{key:"98927459ce052f21595e04456755f717bef082eb",class:"brand-shape"}),"turva"!==this.theme&&"none"!==this.shape&&N("div",{key:"227a5d17a08578a3be98c62f2d70462b5c4b8b46",class:"brand-shape second-shape"}),this.icon&&N("div",{key:"63df03a73b3f9fed6a2da169909fc3d9f66d5626",class:{"brand-shaped-icon":!0,"secondary-background":"secondary"===this.iconBackground&&"turva"!==this.theme}},N("duet-icon",{key:"37acbb96cb330205c3ebe49a067ac13aed9e41e4",background:"none",name:this.icon,margin:"none",size:"auto",responsive:!1}))),N("div",{key:"1e1418a1f8d795ea22ef9d109a492df7e02c18da",class:{heading:!0,"has-back-button":this.hasButtonSlot}},N("slot",{key:"d6b003c8333758e02039e2d9c34fc14e4a29d8e5",name:"heading"}),this.hasButtonSlot&&N("div",{key:"e41431ef7cd5f5fabebe5f0a6bd8130b1fd7e127",class:"button-container"},N("slot",{key:"c04b5938d41a029b7e6eed4024a6c09790f5cc71",name:"button"})),void 0!==this.progressCurrentStep&&this.progressTotalSteps>0&&N("div",{key:"ee4a64fc94e17fdeb0cfc4885412d6cef97582e3"},N("duet-spacer",{key:"5c39c12f1ed87439b8c8273b4c919f865fda45af",size:"large"}),N("div",{key:"7174a3aa5f24863cdb4b4a194f1003610fdb9ae8",role:"presentation"},this.progressIndicator()))))}get element(){return g(this)}};I.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}.duet-page-heading{position:relative;display:block;width:100%;margin:0 auto;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(8, 42, 77)}.duet-page-heading.duet-p-0{padding:0 !important}.duet-page-heading.duet-m-0{margin:0 !important}.duet-page-heading.auto{overflow:visible}.duet-page-heading.auto .heading,.duet-page-heading.auto .background{max-width:none}.duet-page-heading.fluid,.duet-page-heading.narrow{padding:0 16px}@media (min-width: 36em){.duet-page-heading.fluid{padding:0 28px}}@media (min-width: 62em){.duet-page-heading.fluid{padding:0 56px}}@media (min-width: 76.25em){.duet-page-heading.fluid{max-width:1110px;padding:0}}.duet-page-heading.narrow{max-width:888px}@media (min-width: 36em){.duet-page-heading.narrow{padding:0 48px}}@media (min-width: 48em){.duet-page-heading.narrow{padding:0 72px}}.duet-page-heading .heading{max-width:744px;padding:48px 90px 16px 0}.duet-page-heading .heading.has-back-button{padding-top:72px}@media (min-width: 48em){.duet-page-heading .heading{padding:72px 150px 40px 0}.duet-page-heading .heading.has-back-button{padding-top:94px}}.duet-page-heading:not(.has-icon) .heading{padding-right:0}.duet-page-heading .background{position:absolute;top:0;right:0;left:0;width:100%;max-width:744px;height:104px;margin:0 auto;margin:0 auto}@media (min-width: 48em){.duet-page-heading .background{height:165px}}.duet-page-heading .background .background-mask{position:absolute;top:-20px;right:0;display:block;width:286px;height:331px;pointer-events:none;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");background-repeat:no-repeat;background-size:contain}@media (min-width: 48em){.duet-page-heading .background .background-mask{top:-40px;width:502px;height:577px}}.duet-page-heading .background .brand-shape{position:absolute;top:-157px;right:-20px;width:185px;height:185px;background:rgb(0, 119, 179);border-radius:20%;mix-blend-mode:normal;opacity:0.2;transform:rotate(7deg)}@media (min-width: 48em){.duet-page-heading .background .brand-shape{top:-280px;right:-40px;width:325px;height:325px}}.duet-page-heading .background .brand-shape.second-shape{top:-182px;right:100px;width:207px;height:207px;background:rgb(11, 114, 136);opacity:0.1}@media (min-width: 48em){.duet-page-heading .background .brand-shape.second-shape{top:-325px;right:200px;width:365px;height:365px}}.duet-page-heading .background .brand-shaped-icon{position:absolute;top:20px;right:16px;display:flex;align-items:center;justify-content:center;width:85px;width:60px;height:85px;height:60px;background:rgba(0, 119, 179, 0.9);border-radius:25%;mix-blend-mode:normal;transform:rotate(7deg)}.duet-page-heading .background .brand-shaped-icon.secondary-background{background:rgba(8, 42, 77, 0.85)}@media (min-width: 48em){.duet-page-heading .background .brand-shaped-icon{right:36px;width:93px;height:93px}}.duet-page-heading .background .brand-shaped-icon duet-icon{width:60px;height:60px;transform:rotate(-7deg)}@media (min-width: 48em){.duet-page-heading .background .brand-shaped-icon duet-icon{width:75px;height:75px}}.duet-page-heading .progress-indicator{display:flex;flex-direction:row;gap:4px}.duet-page-heading .progress-step{width:100%;height:4px;background-color:rgb(181, 198, 208);border-radius:2px}.duet-page-heading .progress-step.active{background-color:rgb(0, 119, 179)}.duet-page-heading .button-container{position:absolute;top:20px;left:0}@media (min-width: 48em){.duet-page-heading .button-container{top:36px}}.duet-page-heading.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(8, 42, 77)}.duet-page-heading.duet-theme-turva .background .background-mask{background-image:none}.duet-page-heading.duet-theme-turva .brand-shaped-icon{background:rgb(23, 42, 59);border-radius:16%;-webkit-mask-image:none;mask-image:none;transform:rotate(0)}.duet-page-heading.duet-theme-turva .brand-shaped-icon duet-icon{top:0;transform:rotate(0)}.duet-page-heading.duet-theme-turva .progress-step{background-color:rgb(178, 194, 205)}.duet-page-heading.duet-theme-turva .progress-step.active{background-color:rgb(230, 23, 64)}';export{I as duet_page_heading}
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * Built with Duet Design System
3
+ */
4
+ import{r as e,c as t,h as s,H as o,g as i}from"./p-D4MpGrUR.js";import{i as a}from"./p-B44ykle6.js";import{c as n}from"./p-Cfr_DJqU.js";import{i as r}from"./p-BaefVzkx.js";import{a as h,g as l,c,d}from"./p-B0XOGsB6.js";import"./p-C6E9F6QT.js";const m=class{constructor(s){e(this,s),this.duetToggle=t(this,"duetToggle",7),this.contentId=n("DuetShowMore"),this.buttonId=n("DuetShowMoreButton"),this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.buttonAriaOpen=!1,this.theme="",this.language=h(),this.showMoreLabelDefaults={fi:"Näytä lisää",sv:"Visa mer",en:"Show more"},this.showMoreLabel=l(this.showMoreLabelDefaults),this.showLessLabelDefaults={fi:"Näytä vähemmän",sv:"Visa mindre",en:"Show less"},this.showLessLabel=l(this.showLessLabelDefaults),this.showMoreAccessibleLabelDefaults={fi:"Näytä lisää tästä aiheesta",sv:"Visa mer om detta ämne",en:"Show more about this subject"},this.showMoreAccessibleLabel=l(this.showMoreAccessibleLabelDefaults),this.showLessAccessibleLabelDefaults={fi:"Näytä vähemmän tästä aiheesta",sv:"Visa mindre om detta ämne",en:"Show less about this subject"},this.showLessAccessibleLabel=l(this.showLessAccessibleLabelDefaults),this.margin="auto",this.buttonMargin="auto",this.buttonPadding="auto",this.open=!1,this.handleKeyDown=e=>{r(e)&&this.handleClick(e)},this.handleClick=e=>{e.preventDefault();const t=!this.open;this.open=t,t?(setTimeout((()=>{this.contentElement.focus()}),100),setTimeout((()=>{this.buttonAriaOpen=t}),500)):this.buttonAriaOpen=t,this.duetToggle.emit({component:"duet-show-more",originalEvent:e})}}componentWillLoad(){a(this),this.buttonAriaOpen=this.open}connectedCallback(){c(this,[{prop:"showMoreLabel",defaults:"showMoreLabelDefaults"},{prop:"showLessLabel",defaults:"showLessLabelDefaults"},{prop:"showMoreAccessibleLabel",defaults:"showMoreAccessibleLabelDefaults"},{prop:"showLessAccessibleLabel",defaults:"showLessAccessibleLabelDefaults"}])}disconnectedCallback(){d(this)}render(){return s(o,{key:"d09f18e15e280f4a09bae1d89d8eb471c4b885a3"},s("div",{key:"949dbbcd73eb37252f098b4bc3e169ec0e3adc5b",class:{"duet-show-more":!0,"duet-theme-turva":"turva"===this.theme,"duet-m-0":"none"===this.margin,open:this.open}},s("div",{key:"5c78082532033803e3d40d1b855b73eb03b91416",ref:e=>this.contentElement=e,class:{content:!0,"duet-theme-turva":"turva"===this.theme},id:this.contentId,tabindex:this.open?"-1":""},s("div",{key:"ee8ff8232b890ccc701009ceec3c1949f63c1298",class:{"slotted-content":!0}},s("slot",{key:"8c48e2cf5d3b4c62e03b1ebf3486041f30bd92dd"}))),s("duet-button",{key:"f310b7cc5c62fd6300054a8147d0b8733ca6dee7",id:this.buttonId,variation:"plain","accessible-label":this.buttonAriaOpen?this.showLessAccessibleLabel:this.showMoreAccessibleLabel,"accessible-expanded":this.buttonAriaOpen?"true":"false","accessible-controls":this.contentId,accessiblePressed:this.isSafariBrowser?this.open:null,onClick:this.handleClick,onKeyDown:this.handleKeyDown,"icon-right":!0,icon:this.open?"action-arrow-up-small":"action-arrow-down-small","icon-size":"medium-small",size:"small",margin:this.buttonMargin,padding:this.buttonPadding,theme:"turva"===this.theme?"turva":"default"},s("span",{key:"059e01e1c0ea1424eaac85471b3d4a80258f3aec"},this.open?this.showLessLabel:this.showMoreLabel))))}get element(){return i(this)}};m.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block}.duet-show-more{margin-bottom:16px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}.duet-show-more.duet-m-0{margin:0 !important}.duet-show-more .slotted-content{display:none}.duet-show-more.open .slotted-content{display:block}.duet-show-more .content:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-show-more .content:focus,.duet-show-more .content:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-show-more.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}';export{m as duet_show_more}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as e,h as t,H as o,g as a}from"./p-B2cboDWM.js";import{i}from"./p-BzYmwX5_.js";const n=class{constructor(t){e(this,t),this.theme="",this.active=!1,this.open=!1,this.icon=void 0,this.onClick=()=>{this.open=!this.open}}handleFocus(e){e.composedPath().every((e=>e!==this.element))&&(this.open=!1)}componentWillLoad(){i(this),this.element.querySelectorAll("duet-slideout-link").forEach((e=>{e.menuItem=!0}))}async setFocus(e){this.button.focus(e)}render(){return t(o,{key:"f64a64dc68d8df8aebfa507aa995894eb65bb2ce"},t("div",{key:"18fe7e1d42915f5c5363c5eb95e86db85b214049",class:{"duet-slideout-panel-dropdown":!0,"duet-theme-turva":"turva"===this.theme,active:this.open}},t("button",{key:"06555319532a4a266c061fd1d9c37170c8f9fce0",ref:e=>this.button=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{active:this.active,"duet-theme-turva":"turva"===this.theme},onClick:this.onClick},this.icon&&t("duet-icon",{key:"0ea9ceb0e10517319ada16db751234cd3f620d69",name:this.icon,size:"small",margin:"none",color:"secondary"}),t("span",{key:"d2fc1e1e76b6cde371078a56be4f463fa2592ab2",class:"label"},t("slot",{key:"e24116c6f0faf563303c6cfb862c635b5b46852b",name:"label"}),t("duet-icon",{key:"8cd1fdb85c9b4c70767c962dd87e4363f79cb384",class:"caret",name:"action-arrow-down-small",margin:"none",size:"xx-small",color:"secondary"}))),t("div",{key:"ff90c4f48368c6020919db5272954fbeaf25bcbd",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open,"duet-theme-turva":"turva"===this.theme}},t("slot",{key:"7e267c038e415f115df54d5b9ff2c7354614a9ec"}))))}get element(){return a(this)}};n.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:-0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel-dropdown{position:relative;width:100%;height:100%}.duet-slideout-panel-dropdown button{position:relative;display:flex;gap:16px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none;cursor:pointer}.duet-slideout-panel-dropdown button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-slideout-panel-dropdown button:focus,.duet-slideout-panel-dropdown button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-slideout-panel-dropdown button .label{position:relative;display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-slideout-panel-dropdown button.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:calc(100% - 18px);height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px)}.duet-slideout-panel-dropdown .items{display:flex;visibility:visible;flex-direction:column;align-items:center;justify-content:center;width:100%;max-height:1000px;padding:4px 20px 8px 36px;overflow-y:auto;scrollbar-width:none;transition:max-height 0.3s ease-in, padding-bottom 0.3s ease-in;-ms-overflow-style:none}.duet-slideout-panel-dropdown .items::-webkit-scrollbar{display:none}.duet-slideout-panel-dropdown .items.hidden{visibility:hidden;max-height:0;padding:0;overflow:hidden;transition:max-height 0.3s ease-out, padding-bottom 0.3s ease-out}slot{--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:400;color:rgb(8, 42, 77)}slot[name=label]{font-size:1rem;font-weight:600}.duet-slideout-panel-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}.duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after{background:rgb(230, 23, 64)}.duet-theme-turva slot{color:rgb(23, 42, 59)}';export{n as duet_slideout_panel_dropdown}
4
+ import{r as e,h as t,H as o,g as a}from"./p-D4MpGrUR.js";import{i}from"./p-B44ykle6.js";const n=class{constructor(t){e(this,t),this.theme="",this.active=!1,this.open=!1,this.icon=void 0,this.onClick=()=>{this.open=!this.open}}handleFocus(e){e.composedPath().every((e=>e!==this.element))&&(this.open=!1)}componentWillLoad(){i(this),this.element.querySelectorAll("duet-slideout-link").forEach((e=>{e.menuItem=!0}))}async setFocus(e){this.button.focus(e)}render(){return t(o,{key:"6731d76d5bb4f77aec9aada9825967e260d0f041"},t("div",{key:"d746d29ae7d36c11330934d76cbabc3169bf5e61",class:{"duet-slideout-panel-dropdown":!0,"duet-theme-turva":"turva"===this.theme,active:this.open}},t("button",{key:"4660cdc322f09987348f760e910e0ae5ae9562e5",ref:e=>this.button=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{active:this.active,"duet-theme-turva":"turva"===this.theme},onClick:this.onClick},this.icon&&t("duet-icon",{key:"54984e4a5f9911c893403034cd705197b05e0a0a",name:this.icon,size:"small",margin:"none",color:"secondary"}),t("span",{key:"e7c0afa8e83039615cd6541c8a96ac4d07227883",class:"label"},t("slot",{key:"15b1c44212b96cfba8106d79484df27cb6b72d98",name:"label"}),t("duet-icon",{key:"fdf3569a5ffc27ca16256dbb5ed697dabc6c6084",class:"caret",name:"action-arrow-down-small",margin:"none",size:"xx-small",color:"secondary"}))),t("div",{key:"a33d7c18c02689a09b66f6b2ae626ff691a36d64",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open,"duet-theme-turva":"turva"===this.theme}},t("slot",{key:"b187d077c28702f134241dd0d63ca52dedfec7b5"}))))}get element(){return a(this)}};n.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:-0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel-dropdown{position:relative;width:100%;height:100%}.duet-slideout-panel-dropdown button{position:relative;display:flex;gap:16px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none;cursor:pointer}.duet-slideout-panel-dropdown button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-slideout-panel-dropdown button:focus,.duet-slideout-panel-dropdown button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-slideout-panel-dropdown button .label{position:relative;display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-slideout-panel-dropdown button.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:calc(100% - 18px);height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px)}.duet-slideout-panel-dropdown .items{display:flex;visibility:visible;flex-direction:column;align-items:center;justify-content:center;width:100%;max-height:1000px;padding:4px 20px 8px 36px;overflow-y:auto;scrollbar-width:none;transition:max-height 0.3s ease-in, padding-bottom 0.3s ease-in;-ms-overflow-style:none}.duet-slideout-panel-dropdown .items::-webkit-scrollbar{display:none}.duet-slideout-panel-dropdown .items.hidden{visibility:hidden;max-height:0;padding:0;overflow:hidden;transition:max-height 0.3s ease-out, padding-bottom 0.3s ease-out}slot{--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:400;color:rgb(8, 42, 77)}slot[name=label]{font-size:1rem;font-weight:600}.duet-slideout-panel-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}.duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after{background:rgb(230, 23, 64)}.duet-theme-turva slot{color:rgb(23, 42, 59)}';export{n as duet_slideout_panel_dropdown}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as e,h as t,H as o,g as n}from"./p-B2cboDWM.js";import{i as a}from"./p-BzYmwX5_.js";import{a as r}from"./p-Db8rvjPI.js";const d=class{constructor(t){e(this,t),this.theme="",this.open=!1,this.icon=void 0,this.onClick=()=>{this.open=!this.open},this.getVariant=()=>(this.element.parentElement.getAttribute("slot"),"right")}handleFocus(e){e.composedPath().every((e=>e!==this.element))&&(this.open=!1)}componentWillLoad(){a(this)}handleEscape(e){r(e)&&(this.open=!1,this.setFocus())}async setFocus(e){this.button.focus(e)}render(){return t(o,{key:"c46c77a3b37d72d4f026c5027a8bed6dc33621c5",role:"listitem"},t("div",{key:"bed24491075bfc2c5dcf225c5262a1af76e7a34f",class:{"duet-menu-bar-dropdown":!0,"duet-theme-turva":"turva"===this.theme,active:this.open,[`duet-menu-bar-dropdown--slot-${this.getVariant()}`]:!0}},t("button",{key:"bee18f72f97fe86364cdf6afa685602feea7f694",ref:e=>this.button=e,"aria-label":this.accessibleLabel,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick,onKeyUp:e=>this.handleEscape(e)},this.icon&&t("duet-icon",{key:"9b5beb13681712fe262c14ba74de6b30ab481dff",class:"menu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),t("div",{key:"debea3ea41d1b4358dbf774b54558d8921b92006",class:"label"},t("slot",{key:"fffcc54cdfb0032577c066e374c3465eafac3206",name:"label"}),t("duet-icon",{key:"a36c591292ca2c2b445e04f53721f788a4005934",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),t("div",{key:"3794aa5366239e4db4286303ef75f30778e3b911",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open}},t("slot",{key:"4a0657ee88ab885d6e177b654e0e9231d0027ec1"}))))}get element(){return n(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;height:100%}@media (min-width: 62em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 16px}}@media (min-width: 76.25em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 28px}}.duet-menu-bar-dropdown{position:relative;height:100%}.duet-menu-bar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;cursor:pointer}.duet-menu-bar-dropdown button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-menu-bar-dropdown button:focus,.duet-menu-bar-dropdown button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-menu-bar-dropdown button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-dropdown button{padding:0 28px}}.duet-menu-bar-dropdown button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-menu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button.active .caret{transform:rotate(180deg)}.duet-menu-bar-dropdown button.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transform:translateY(2px);transition:300ms ease}.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:16px;height:16px}}.duet-menu-bar-dropdown .items{position:absolute;top:70%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:225px;padding:8px;color:rgb(8, 42, 77);background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15)}.duet-menu-bar-dropdown .items.hidden{display:none}.duet-menu-bar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}.duet-menu-bar-dropdown.duet-theme-turva button:hover{color:rgb(230, 23, 64)}.duet-menu-bar-dropdown.duet-theme-turva button.active{color:rgb(230, 23, 64)}.duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:rgb(230, 23, 64)}.duet-menu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}';export{d as duet_menu_bar_dropdown}
4
+ import{r as e,h as t,H as o,g as n}from"./p-D4MpGrUR.js";import{i as a}from"./p-B44ykle6.js";import{a as r}from"./p-BaefVzkx.js";const d=class{constructor(t){e(this,t),this.theme="",this.open=!1,this.icon=void 0,this.onClick=()=>{this.open=!this.open},this.getVariant=()=>(this.element.parentElement.getAttribute("slot"),"right")}handleFocus(e){e.composedPath().every((e=>e!==this.element))&&(this.open=!1)}componentWillLoad(){a(this)}handleEscape(e){r(e)&&(this.open=!1,this.setFocus())}async setFocus(e){this.button.focus(e)}render(){return t(o,{key:"7c841d8d215853a62a92f5730eed29b2b7552e5f",role:"listitem"},t("div",{key:"7021c554d6aafa114e225ebd328c9d1aa400a82f",class:{"duet-menu-bar-dropdown":!0,"duet-theme-turva":"turva"===this.theme,active:this.open,[`duet-menu-bar-dropdown--slot-${this.getVariant()}`]:!0}},t("button",{key:"ed8b6ec296f51a222f37a11a9f979df8efb83525",ref:e=>this.button=e,"aria-label":this.accessibleLabel,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick,onKeyUp:e=>this.handleEscape(e)},this.icon&&t("duet-icon",{key:"0cb68c07d1b89f968757595fde07aff18be326a3",class:"menu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),t("div",{key:"014d839c7407fe48b8139e8d5b4b61fff7e2f9de",class:"label"},t("slot",{key:"45f00327bfdb72f879469ef815cf73f044d331d0",name:"label"}),t("duet-icon",{key:"fc550998f3a736271007766634b153838849de45",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),t("div",{key:"fbb77489a38cdd3c7e6edb70659898600db01a14",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open}},t("slot",{key:"f943770b922349bf805d0aaaadf47e70d0db10d4"}))))}get element(){return n(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;height:100%}@media (min-width: 62em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 16px}}@media (min-width: 76.25em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 28px}}.duet-menu-bar-dropdown{position:relative;height:100%}.duet-menu-bar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;cursor:pointer}.duet-menu-bar-dropdown button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-menu-bar-dropdown button:focus,.duet-menu-bar-dropdown button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-menu-bar-dropdown button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-dropdown button{padding:0 28px}}.duet-menu-bar-dropdown button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-menu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button.active .caret{transform:rotate(180deg)}.duet-menu-bar-dropdown button.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transform:translateY(2px);transition:300ms ease}.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:16px;height:16px}}.duet-menu-bar-dropdown .items{position:absolute;top:70%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:225px;padding:8px;color:rgb(8, 42, 77);background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15)}.duet-menu-bar-dropdown .items.hidden{display:none}.duet-menu-bar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}.duet-menu-bar-dropdown.duet-theme-turva button:hover{color:rgb(230, 23, 64)}.duet-menu-bar-dropdown.duet-theme-turva button.active{color:rgb(230, 23, 64)}.duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:rgb(230, 23, 64)}.duet-menu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}';export{d as duet_menu_bar_dropdown}
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * Built with Duet Design System
3
+ */
4
+ import{r as e,h as a,H as t,g as i}from"./p-D4MpGrUR.js";import{i as o}from"./p-B44ykle6.js";import{a as n,c,d}from"./p-B0XOGsB6.js";import{D as r}from"./p-BAiGBGTO.js";import{p as s}from"./p-C6E9F6QT.js";const m=class{constructor(a){e(this,a),this.phoneLabel={en:"Phone",fi:"Puhelin",sv:"Telefon"},this.language=n(),this.theme="",this.margin="auto",this.buttonIcon="form-date"}componentWillLoad(){o(this)}connectedCallback(){c(this)}disconnectedCallback(){d(this)}render(){const e="turva"===this.theme?"turva":"default",i={img:{src:this.image,alt:this.name||"",loading:"high"===this.imagePriority?"eager":"lazy",fetchpriority:this.imagePriority,class:"image"},sources:s(this.sources)};return a(t,{key:"e33b5a9345cc0e38336978b22b5a5e833bb03bb9",class:{"duet-m-0":"none"===this.margin}},a("div",{key:"836de470febdb6a96d024a08f55a25a62392b350",class:{"duet-contact-card":!0,"duet-theme-turva":"turva"===this.theme},role:"group","aria-label":this.name},this.image?a(r,Object.assign({},i)):a("div",null),a("div",{key:"7b0b31acf238f0b6c8a8579bc22f5f819fa794a3"},this.name&&a("duet-heading",{key:"03c95063f1c164feeee6d7ffec8050e76a863065",class:"name",level:"h3",margin:"none",theme:e},this.name),this.description&&a("duet-paragraph",{key:"35343cc1d650f5f6f83d1c98db2e7d5d8df32232",class:"description",margin:"none",theme:e},this.description),this.email&&a("div",{key:"a4565eeb9a17b36e5cb086f4a7a071f7da471958",class:"email"},a("duet-icon",{key:"622531d9bba0fb9991aa5d15577d906aa637fb97",name:"navigation-message",size:"x-small",color:"primary-dark",margin:"none",theme:e}),a("duet-link",{key:"dc454c0170ea57a3e9e9a1c891cda1852c20330c",url:`mailto:${this.email}`,accessibleLabel:`Email: ${this.email}`,theme:e},this.email)),this.phone&&a("div",{key:"8df6d3ba05579ea713093fb7a254c85ea2827f17",class:"phone"},a("duet-icon",{key:"c0551285cbe9b64e23ca131cbc6be05efab7bbe1",name:"form-tel",size:"x-small",color:"primary-dark",margin:"none",theme:e}),a("duet-link",{key:"d3f01bfb37c0120280514925cb386a75f660ee26",url:`tel:${this.phone}`,accessibleLabel:`${this.phoneLabel[this.language]}: ${this.phone}`,theme:e},this.phone))),this.buttonUrl&&this.buttonText&&a("div",{key:"df56d1a6ac897401fa74b40da6f163908dedd2db",class:"call-to-action"},a("duet-button",{key:"be684b20bf8f7f976cc2b8934b10650c09dc824d",variation:"default",icon:this.buttonIcon,fixed:!0,margin:"none",url:this.buttonUrl,theme:e},this.buttonText)),a("div",{key:"c1719ef0b401fd6d6a189a68ad61a6339f1299c9"}),a("slot",{key:"59366556e70ea407134c67f51da830cab886171d"})))}get element(){return i(this)}};m.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;display:block}:host(.duet-m-0){margin:0 !important}::slotted(*){padding-top:1.5rem}@media (min-width: 48em){::slotted(*){grid-column:2/span 2;padding-top:0}}.duet-contact-card{display:grid;grid-template-columns:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}@media (min-width: 48em){.duet-contact-card{grid-template-columns:min-content minmax(0, 1fr) auto;gap:20px}}.duet-contact-card picture{display:block}.duet-contact-card .image{width:4rem;height:4rem;margin-bottom:8px;border-radius:4px}@media (min-width: 48em){.duet-contact-card .image{width:6rem;height:6rem;padding-bottom:0}}.duet-contact-card .description{padding-bottom:8px}.duet-contact-card .email,.duet-contact-card .phone{display:grid;grid-template-columns:min-content auto;gap:8px;align-items:center;justify-content:flex-start;padding-bottom:8px;overflow-wrap:break-word}.duet-contact-card.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}';export{m as duet_contact_card}
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * Built with Duet Design System
3
+ */
4
+ import{h as t,r as e,c as i,H as a,g as n,F as s}from"./p-D4MpGrUR.js";import{i as o}from"./p-B44ykle6.js";import{f as d,d as l}from"./p-BlUsLmbQ.js";import{i as r}from"./p-BaefVzkx.js";import{a as h,c as u,d as p,g as c,s as b}from"./p-B0XOGsB6.js";import{q as m,r as f,p as g,u as y,v,w as k,x,y as w,z as $,A as T,B as L,f as z,C as E,D as j,E as S,F as M,G as F,H as C,I as D,J as R,j as _,s as U,K as P}from"./p-kkZE1C6Z.js";import{b as A,a as W}from"./p-DYmL1tSl.js";import{c as B}from"./p-Cfr_DJqU.js";import{p as H}from"./p-C6E9F6QT.js";import{a as q,g as N}from"./p-DtprEjjN.js";const I=({data:e,groupId:i,alignment:a})=>{const n=`duet-editable-table duet-editable-table-content-${i}`;return"string"==typeof e?t("td",{innerHTML:e,class:n,part:`${i}content`,style:{verticalAlign:a}}):t("td",{class:n,part:`${i}content`,style:{verticalAlign:a}},e)},O=class{constructor(t){e(this,t),this.duetTableToggle=i(this,"duetTableToggle",7),this.duetMenuClick=i(this,"duetMenuClick",7),this.hasHeadSlotFirst=!1,this.hasHeadSlotLast=!1,this.hasFootSlot=!1,this.language=h(),this.margin="auto",this.variation="striped",this.sticky=!1,this.stickyDistance="with-links",this.breakpoint="small",this.actions=void 0,this.columns=void 0,this.rows=void 0,this.sortable=!1,this.groupId="",this.theme="",this.accessibleRole=void 0,this.hideHeadVisually=!1,this.sortableDefaultLabel={fi:"Järjestä",en:"Click to sort",sv:"Klicka för att sortera"},this.actionColumnLabel={en:"Actions for rows",fi:"Toiminnot rivillä",sv:"Åtgärder för rader"},this.toggleColumn=(t,e)=>{e.preventDefault();const{sort_order:i,direction:a,index:n,key:s}=t;this.duetTableToggle.emit({sort_order:i,index:n,direction:a,key:s,component:"duet-editable-table",originalEvent:e})},this.handleKeyDown=(t,e)=>{r(e)&&this.toggleColumn(t,e)}}componentWillLoad(){o(this),this.hasHeadSlotFirst=!!this.element.querySelector("[slot='thead-first']"),this.hasHeadSlotLast=!!this.element.querySelector("[slot='thead-last']"),this.hasFootSlot=!!this.element.querySelector("[slot='tfoot']")}connectedCallback(){u(this)}disconnectedCallback(){p(this)}createLabel(e){const{sort_order:i,direction:a,index:n,label:s}=e,o=c(s);return this.sortable?t("span",{class:"duet-table-label","data-index":n},t("duet-button",{size:"small",icon:i&&1===a?"action-arrow-down-small":i&&-1===a?"action-arrow-up-small":"action-subtract-small","icon-size":"medium-small","accessible-label":this.sortableDefaultLabel[this.language],variation:"plain",margin:"none","icon-right":!0,onClick:t=>this.toggleColumn(e,t),onKeyDown:t=>this.handleKeyDown(e,t)},o)):o}getSortedColumns(){return[...this.columns].sort(d(["index"]))}getRowSortOrder(){return[...this.columns].sort(d(["sort_order"])).filter((t=>t.sort_order)).map((t=>-1===t.direction?`-${t.key}`:t.key))}renderTableHeader(){if(!this.columns)return;const e=this.getSortedColumns();return t("tr",{class:{"duet-table-action-header":!!this.actions}},e.map((e=>{if(!1!==e.display){const i=this.createLabel(e);return""!==i?t("th",{scope:"col"},i):t("td",null)}})),this.actions&&t("th",{scope:"col",class:"duet-table-action-header-heading"},this.actions&&t("duet-visually-hidden",null,this.actionColumnLabel[this.language])))}renderActions(e,i){if(this.actions)return t("td",{class:"duet-text-right"},this.actions.map((a=>t("duet-action-button",{actionMeta:Object.assign({},(null==e?void 0:e.meta)||{},{index:i}),actionId:(null==e?void 0:e.uid)||(null==e?void 0:e.id)||null,actionName:a.name,theme:this.theme,iconName:a.icon,iconColor:a.color,iconSize:a.size,background:a.background,"accessible-label":`${e.actionDescription||""} ${c(a.label)} `}))))}renderTableBody(){const e=this.getSortedColumns(),i=this.getRowSortOrder();return[...this.rows].sort(d(i)).map(((i,a)=>t("tr",{class:{"duet-table-action-row":!!this.actions,"duet-editable-table-row":!0,[`duet-editable-table-row-${this.groupId}`]:!0},"data-meta":JSON.stringify(i.meta)},e.map((e=>{if(!1!==e.display)return t(I,{data:i[e.key]?i[e.key]:i.item,groupId:this.groupId})})),this.actions&&this.renderActions(i,a))))}render(){return t(a,{key:"e8047048590b1dfac635e5a94a46fb1d61e4030b",class:{[`duet-editable-table-${this.variation}`]:!0,"duet-editable-table":!0,[`duet-editable-table-${this.theme}`]:!0,"duet-editable-table-scrollable":"none-scrollable"===this.breakpoint,"duet-editable-table-sortable":this.sortable,"duet-editable-table-actions":!!this.actions,"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme}},t("duet-table",{key:"abcb5c0dc22830d840bbf18144e66605207849d0",class:"duet-editable-table-table",sticky:this.sticky,stickyDistance:this.stickyDistance,margin:this.margin,theme:this.theme,variation:this.variation,breakpoint:this.breakpoint,"hide-head-visually":this.hideHeadVisually},t("table",{key:"269ab86ebe745cfcf2e208e174e0914ea7b4fed8",role:this.accessibleRole},t("caption",{key:"2753e748db0c5264c994a41b002e52a5641d2971"},t("slot",{key:"567de210690137ae00e2ad40e2e2c1e1c733f3d7",name:"tcaption"})),t("thead",{key:"ea6b829d344cd19619f667d75304614cbf60cc9d"},this.hasHeadSlotFirst&&t("tr",{key:"84c66d116690df93737670dbbd0fc2b0e5c9f80b"},t("td",{key:"3ab4954300f48b65cdc48f612045ef4296f3561d",class:"duet-editable-table-actions-menu",colSpan:99},t("slot",{key:"9f32c90606e46036a34ca037bdfd61d4eae70fb2",name:"thead-first"}))),this.renderTableHeader(),this.hasHeadSlotLast&&t("tr",{key:"8be7b6223bd2ba7109db839efde2baab0f04c40f"},t("td",{key:"1d6b0626d4b9dfdedc24f1118b53558e3ad80a54",class:"duet-editable-table-actions-menu",colSpan:99},t("slot",{key:"247e4a043cc716d504a4827c415a3d73e8285046",name:"thead-last"})))),t("tbody",{key:"778fd5a880190cffa0f9649b37839b2a0abedbe5"},this.renderTableBody()),this.hasFootSlot&&t("tfoot",{key:"8c5e4045377ec3547c5005836f389cac2221dc62"},t("tr",{key:"71959adb135cbcd6b7e19c9c9d4dcd3e799e8720"},t("td",{key:"ff1dc8216a9c918c1d9dec4aaf77454fd728a9ff",class:"duet-editable-table-footer-menu",colSpan:99},t("slot",{key:"450238c070a9f72a326737a26b1f6ede2f9606d2",name:"tfoot"})))))))}get element(){return n(this)}};O.style=":host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-editable-table-actions-menu,td.duet-editable-table-actions-menu{position:relative;padding:0 !important;margin:0}.duet-editable-table-actions-menu-button{position:relative;right:-16px;float:right;padding:0}.duet-editable-table-actions-menu-icon .duet-icon{max-width:16px;max-height:16px}.duet-editable-table-row.duet-table-action-row .duet-text-right{text-align:right}.duet-editable-table-header tr .duet-editable-table-header-hidden{padding:0 !important;font-size:0;border-bottom:0}";const Y=t=>t.replace("rgb(","").replace(")",""),V=`\nduet-table {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n margin-bottom: ${m} !important;\n display: block;\n font-variant-numeric: tabular-nums;\n\n table,\n thead,\n tbody,\n tfoot,\n th,\n td,\n tr {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n }\n\n &.duet-m-0 {\n margin: 0 !important;\n }\n\n table {\n width: 100%;\n font-family: ${f};\n font-size: ${g};\n text-align: left;\n border-spacing: 0;\n border-collapse: separate;\n }\n\n &.duet-table-hide-head-visually.duet-table-hide-head-visually {\n thead,\n thead * {\n position: absolute !important;\n top: 0;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n overflow: hidden !important;\n clip: rect(1px, 1px, 1px, 1px) !important;\n border: 0 !important;\n }\n }\n\n td {\n -webkit-hyphens: auto;\n hyphens: auto;\n color: ${y};\n }\n\n th {\n font-weight: ${v};\n line-height: ${k};\n color: ${x};\n text-align: left;\n }\n\n tbody th {\n font-weight: ${v};\n color: ${y};\n }\n\n & .duet-table-action-row {\n & td:last-child {\n justify-self: end;\n padding-right: ${m} !important;\n white-space: nowrap;\n }\n }\n\n span.duet-table-cell-heading {\n display: none;\n }\n}\n\n.duet-table-flattened {\n table,\n thead,\n tbody,\n tfoot,\n th,\n td,\n tr {\n display: block;\n }\n\n thead tr {\n position: absolute !important;\n top: 0;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n overflow: hidden !important;\n clip: rect(1px, 1px, 1px, 1px) !important;\n border: 0 !important;\n }\n\n td {\n line-height: ${k};\n\n &:not(:last-child) {\n margin-bottom: ${w};\n }\n\n span.duet-table-cell-heading {\n margin-bottom: ${$};\n display: block;\n font-size: ${g};\n font-weight: ${v};\n color: ${y};\n }\n }\n\n tbody td,\n tbody th,\n tfoot td {\n padding: 0 !important;\n text-align: left !important;\n }\n\n tbody th {\n font-weight: ${v};\n line-height: ${k};\n color: ${T};\n text-align: left;\n }\n}\n\n.duet-table-sticky thead th {\n position: sticky;\n top: 0;\n z-index: $z-index-sticky;\n background: ${L};\n}\n\n.duet-table-striped {\n td,\n th {\n padding: ${m} !important;\n @media ${z.replace("'","").replace("'","")} {\n padding: ${m} ${E} !important;\n }\n }\n\n tbody th {\n background: ${L};\n }\n\n &.duet-table-sticky {\n thead th {\n border-bottom: 1px solid ${j};\n }\n }\n\n tbody:not(:first-of-type) th {\n padding-top: calc(${m} * 2) !important;\n }\n\n tbody:only-of-type tr:nth-of-type(odd) {\n background: rgba(4, 81, 128, 0.04);\n }\n\n tbody:not(:only-of-type) tr:nth-of-type(even) {\n background: rgba(4, 81, 128, 0.04);\n }\n\n tfoot td {\n border-top: 1px solid ${j};\n }\n\n &.duet-table-flattened {\n tbody:not(:first-of-type) th {\n padding-top: ${m} !important;\n }\n\n tr {\n padding: ${m} !important;\n }\n\n tfoot {\n td {\n border-top: 0;\n }\n\n tr {\n border-top: 1px solid ${j};\n }\n }\n }\n}\n\n.duet-table-plain, .duet-table-fixed, .duet-table-minimal {\n th {\n padding: ${w} !important;\n border-bottom: 1px solid ${T};\n\n &:first-child {\n padding-left: 0 !important;\n }\n\n &:last-child {\n padding-right: 0 !important;\n }\n }\n\n\n\n tbody th {\n padding-top: calc(${m} * 2) !important;\n border-bottom-color: ${j};\n }\n\n td {\n padding: ${w} !important;\n\n &:first-child {\n padding-left: 0 !important;\n }\n\n &:last-child {\n padding-right: 0 !important;\n }\n }\n\n tbody td {\n border-bottom: 1px solid ${j};\n }\n\n &.duet-table-flattened {\n tbody:first-of-type th {\n padding-top: 0 !important;\n }\n\n td,\n tbody th {\n border-bottom: 0;\n }\n\n tr {\n padding: ${m} 0 !important;\n }\n\n tbody th {\n padding-top: ${m} !important;\n }\n\n tfoot td {\n margin-bottom: ${$} !important;\n }\n\n tbody:not(:only-of-type) tr:first-child {\n border-bottom: 0;\n }\n }\n}\n\n.duet-table-plain {\n\n &.duet-table-flattened {\n tbody tr {\n border-bottom: 1px solid ${j};\n }\n }\n}\n\n.duet-table-minimal {\n\n tbody tr,\n tbody tr td {\n vertical-align: top;\n border-bottom: 0 none;\n }\n\n tbody tr:last-of-type,\n tbody tr:last-of-type td {\n border-bottom: 1px solid ${j};\n }\n\n &.duet-table-flattened {\n tbody tr,\n tbody tr td {\n border-bottom: 0 none;\n }\n\n tbody tr td[data-heading]::before {\n display: none;\n }\n\n tfoot {\n border-top: 1px solid ${j};\n }\n }\n}\n\n.duet-table-fixed {\n\n table {\n table-layout: fixed;\n }\n\n tbody tr,\n tbody tr td,\n tbody tr td:first-child {\n padding: 4px !important;\n vertical-align: text-bottom;\n border-bottom: 0 none;\n }\n\n thead {\n display: none;\n }\n\n tbody tr,\n tbody tr td {\n border-bottom: 0 none;\n }\n\n &:not(.duet-table-flattened) {\n tfoot {\n border-top: 1px solid ${j};\n }\n }\n}\n.duet-table-scrollable {\n position: relative;\n width: 100%;\n overflow-x: auto;\n background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0)), linear-gradient(-90deg, #fff 0%, rgba(255, 255, 255, 0)) 100% 0, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) 100% 0%;\n background-repeat: no-repeat;\n background-attachment: local, local, scroll, scroll;\n background-size: 100px 100%, 100px 100%, 12px 100%, 12px 100%;\n}\n\n.duet-table-selected-column {\n background: rgba(${Y(_)}, 0.08);\n}\n\n.duet-table-sortable {\n tbody tr td:first-child,\n thead tr th:first-child {\n padding: ${m};\n }\n\n &:not(.duet-table-flattened) {\n tfoot {\n border-top: 1px solid ${j};\n }\n }\n}\n\n\n.duet-table-actions {\n table {\n table-layout: auto;\n }\n\n thead {\n & th:last-child {\n width: 1px;\n white-space: nowrap;\n }\n }\n}\n\n.duet-editable-table-table.duet-table-flattened {\n tr {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: auto;\n gap: 10px;\n\n &.duet-table-action-row td:last-child::before {\n padding: 0;\n content: "";\n }\n }\n\n td {\n grid-column: 1 / 2;\n\n &:first-child {\n grid-row: 1;\n grid-column: 1;\n }\n\n &:last-child {\n grid-row: 1;\n grid-column: 2;\n }\n }\n}\n\nduet-table.duet-theme-turva table {\n font-family: ${S};\n}\n\nduet-table.duet-theme-turva td {\n color: ${M};\n}\n\nduet-table.duet-theme-turva th {\n color: ${F};\n}\n\nduet-table.duet-theme-turva tbody th {\n color: ${M};\n}\n\nduet-table.duet-theme-turva td span.duet-table-cell-heading {\n color: ${C};\n}\n\nduet-table.duet-table-striped.duet-theme-turva.duet-table-sticky thead {\n th,\n td {\n border-bottom-color: ${D};\n }\n}\n\nduet-table.duet-table-striped.duet-theme-turva tbody:only-of-type tr:nth-of-type(odd) {\n background: rgba(${Y(M)}, 0.04);\n}\n\nduet-table.duet-table-striped.duet-theme-turva tbody:not(:only-of-type) tr:nth-of-type(even) {\n background: rgba(${Y(M)}, 0.04);\n}\n\nduet-table.duet-table-striped.duet-theme-turva tfoot td {\n border-top-color: ${D};\n}\n\nduet-table.duet-table-striped.duet-table-flattened.duet-theme-turva tfoot tr {\n border-top-color: ${D};\n}\n\nduet-table.duet-table-plain.duet-theme-turva tbody {\n th,\n td {\n border-bottom-color: ${D};\n }\n}\n\nduet-table.duet-table-plain.duet-theme-turva tbody td {\n border-bottom-color: ${D};\n}\n\nduet-theme-turva.duet-table-plain th, duet-theme-turva.duet-table-fixed th, duet-theme-turva.duet-table-minimal th {\n border-bottom-color: ${R};\n}\n\nduet-theme-turva.duet-table-plain tbody th, duet-theme-turva.duet-table-fixed tbody th, duet-theme-turva.duet-table-minimal tbody th {\n border-bottom-color: ${D};\n}\n\n.duet-table-flattened.duet-table-plain.duet-theme-turva tbody tr {\n border-bottom-color: ${D};\n}\n\n.duet-theme-turva .duet-table-selected-column {\n background: rgba(${Y(R)}, 0.08);\n}\n\nduet-table.duet-table-plain.duet-table-flattened.duet-theme-turva tbody tr {\n border-bottom-color: ${D};\n}\n\nduet-table.duet-table-minimal.duet-table-flattened.duet-theme-turva tfoot {\n border-top-color: ${D};\n}\n\nduet-table.duet-table-fixed.duet-theme-turva:not(.duet-table-flattened) tfoot {\n border-top-color: ${D};\n}\n\nduet-table.duet-table-sortable.duet-theme-turva:not(.duet-table-flattened) tfoot {\n border-top-color: ${D};\n}\n`.replace(/[\n\r\t]/gm,""),J={none:0,"with-links":16*parseFloat(P),"without-links":16*parseFloat(U)},X=class{constructor(t){e(this,t),this.headingSelector="thead tr > :not(*.duet-editable-table-actions-menu)",this.matchesBreakpoint=!0,this.language=h(),this.margin="auto",this.variation="striped",this.sticky=!1,this.stickyDistance="with-links",this.breakpoint="small",this.hideHeadVisually=!1,this.handleMediaQueryChange=t=>{this.matchesBreakpoint=A.includes(this.breakpoint)?!t.matches:t.matches}}watchLanguageStateHandler(t,e){t!==e&&setTimeout((()=>this.copyHeadingsToCells()),50)}connectedCallback(){!function(t){const e=t.getRootNode();if(e instanceof ShadowRoot){const t=new CSSStyleSheet;t.replace(V).then((()=>{e.adoptedStyleSheets.push(t)}))}else{if(document.querySelector("style#duet-table-styles"))return;const t=document.createElement("style");t.id="duet-table-styles",t.innerHTML=V,document.head.append(t)}}(this.element),this.mq=matchMedia("none"===this.breakpoint||"none-scrollable"===this.breakpoint?"all":W[this.breakpoint]),this.mq.addEventListener("change",l(this.handleMediaQueryChange,50)),this.handleMediaQueryChange(this.mq),this.observer=new MutationObserver((()=>l(this.copyHeadingsToCells(),50))),this.observer.observe(this.element,{childList:!0,subtree:!0})}componentWillLoad(){if(o(this),this.copyHeadingsToCells(),this.sticky&&"none-scrollable"===this.breakpoint&&console.warn('[DUET WARNING]: sticky and breakpoint="none-scrollable" are incompatible. Scrollable takes precedence'),this.sticky){const t=J[this.stickyDistance];this.element.querySelectorAll(this.headingSelector).forEach((e=>e.style.top=`${t}px`))}}componentDidLoad(){this.observer&&this.observer.takeRecords(),u(this)}disconnectedCallback(){this.observer.disconnect(),this.observer=null,this.mq.removeListener(this.handleMediaQueryChange),this.mq=null,this.matchesBreakpoint=!0,p(this)}copyHeadingsToCells(){if(["none","none-scrollable"].includes(this.breakpoint))return;const t=this.element.querySelectorAll(this.headingSelector),e=this.element.querySelectorAll("tbody tr"),i=Array.from(t).map((t=>t.textContent.trim()));e.forEach((t=>{t.querySelectorAll("td").forEach(((t,e)=>{if(i[e]){const a=t.querySelector(".duet-table-cell-heading");if(!a||a.textContent!==i[e]){null==a||a.remove();const n=document.createElement("span");n.textContent=i[e],n.classList.add("duet-table-cell-heading"),n.setAttribute("aria-hidden","true"),n.inert=!0,t.prepend(n)}}}))}))}render(){return t(a,{key:"1dee35eb36b222e57e85e68f730b6460a8b9e63c",class:{[`duet-table-${this.variation}`]:!0,"duet-table-flattened":!this.matchesBreakpoint,"duet-table-sticky":this.matchesBreakpoint&&this.sticky,"duet-table-scrollable":"none-scrollable"===this.breakpoint,"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme,"duet-table-hide-head-visually":this.hideHeadVisually}},t("slot",{key:"933771b95dbc033acc97acf8396d23e2fa5e7651"}))}get element(){return n(this)}static get watchers(){return{language:["watchLanguageStateHandler"]}}};var K=[{type:"default",system_message:"unknown error",message:{fi:"Tapahtui tuntematon virhe, ole hyvä ja yritä uudelleen.",sv:"Ett okänt fel uppstod, försök igen.",en:"An unknown error occured, please try again."}},{type:"400",system_message:"Bad Request: The server could not understand the request due to invalid syntax.",message:{fi:"Tiedostoa ei hyväksytty.",sv:"Servern avvisade din fil.",en:"The server rejected your file."}},{type:"401",system_message:"Not Authenticated: The client must authenticate itself to get the requested response...",message:{fi:"Vain kirjautunut käyttäjä voi lähettää tiedostoja.",sv:"Du måste vara inloggad för att ladda upp filer.",en:"You need to be logged in to upload files."}},{type:"403",system_message:"No Access: The client does not have access rights to the content.",message:{fi:"Ei oikeuksia lähettää tiedostoja.",sv:"Du har inte rätt åtkomsträttigheter för att ladda upp filer.",en:"You do not have the correct access rights to upload files."}},{type:"413",system_message:"Payload too large",message:{fi:"Tiedosto oli liian vastaanotettavaksi.",sv:"Filen var för stor för servern att hantera.",en:"The file was to large for the server to handle."}},{type:"415",system_message:"Unsupported media type",message:{fi:"Tiedoston tyyppi oli väärä.",sv:"Servern avvisade filen eftersom den hade fel typ.",en:"The server rejected the file because it had the wrong type."}},{type:"429",system_message:"Too many request from same address",message:{fi:"Liian monta yritystä, ole hyvä ja yritä myöhemmin uudelleen.",sv:"Servern har fått många förfrågningar från dig, försök igen senare.",en:"The server has received to many request from you, please try again later."}},{type:"500",system_message:"Internal Server Error",message:{fi:"Palvelin ilmoitti tuntemattomasta virheestä ja lataus epäonnistui.",sv:"Servern rapporterade ett okänt fel och uppladdningen misslyckades.",en:"The server reported an unknown error and the upload failed."}},{type:"duet-upload-100",system_message:"File extension not allowed",message:{fi:"Tiedoston tyyppi ei ole sallittu.",sv:"Du kan inte ladda upp filer av den type.",en:"You cannot upload files with that extension."}},{type:"duet-upload-001",system_message:"File transfer failed",message:{fi:"Tiedoston lähetys keskeytyi, ole hyvä ja yritä uudelleen.",sv:"Din anslutning till servern avbröts, försök igen.",en:"Your connection to the server was interrupted, try again."}},{type:"duet-upload-101",system_message:"File mimetype not allowed",message:{fi:"Tiedoston tyyppi ei ole sallittu.",sv:"Du kan inte ladda upp filer av den typ.",en:"You cannot upload files of that type."}},{type:"duet-upload-201",system_message:"File is too large",message:{fi:"Tiedosto on liian iso.",sv:"Filen är större än tillåtet.",en:"The file is larger than permitted."}},{type:"duet-upload-202",system_message:"The combined size of all files is too large",message:{fi:"Tiedostojen yhteenlaskettu koko on liian iso.",sv:"Du har nått den maximala kombinerade filstorleken.",en:"You have reached the maximum combined filesize."}},{type:"duet-upload-203",system_message:"Files to upload exceed total byte size limit",message:{fi:"Yritit lisätä tiedostoja, jotka ylittäisivät suurimman sallitun yhteenlasketun koon.",sv:"Du försökte lägga till filer som skulle överskrida den maximala kombinerade storleken.",en:"You tried to add files that would exceed the maximum combined size."}},{type:"duet-upload-301",system_message:"The maximum file limit has been reached",message:{fi:"Liitteiden maksimimäärä saavutettu.",sv:"Maximalt antal bilagor har uppnåtts.",en:"Maximum number of attachments reached."}},{type:"duet-upload-302",system_message:"Files to upload exceeds limits",message:{fi:"Et voi lähettää enempää kuin enimmäismäärän liitteitä.",sv:"Du kan inte ladda upp fler än det maximala antalet bilagor.",en:"You can't upload more than maximum number of attachments."}}];const G={fi:"Liiteluettelo",sv:"Lista över bilagor",en:"Attachments list"},Q=({label:e,categoryLabel:i})=>t("div",{class:"items-header",tabindex:"-1","aria-label":c(G)},i&&t("duet-heading",{class:"category-header",border:"solid",color:"gray-darker",level:"h3","visual-level":"h6",weight:"semibold",margin:"none","aria-hidden":"true"},c(i)),t("duet-heading",{class:{"filename-header":!0,"no-category":!i},border:"solid",color:"gray-darker",level:"h3","visual-level":"h6",weight:"semibold",margin:"none","aria-hidden":"true"},c(e))),Z=(t,e,i)=>{const{allowedMimetypes:a,allowedExtensions:n,maxBytes:s}=e;let o=!1,d=q("default",i);if(t){const{name:e,type:l,size:r}=t,h=((t,e)=>{if(!e||!t)return!0;const i=e.split(",");let a=!1;return i.forEach((e=>{const i=e.split("/"),n=t.split("/");i[0]!==n[0]||i[1]!==n[1]&&"*"!==i[1]||(a=!0)})),a})(l,a),u="all"===n||""===n||" "===n||void 0===n||((t,e)=>{if(!e)return!0;const i=t.split(".");return e.split(",").includes(i[i.length-1])})(e.toLowerCase(),n),p=((t,e)=>!e||!t||e>=t)(r,s);h||(d=q("duet-upload-101",i)),u||(d=q("duet-upload-100",i)),p||(d=q("duet-upload-201",i)),o=h&&u&&p}else o=!1;return{valid:o,errorMessage:o?void 0:c(d.message),errorSystem:o?void 0:d.system_message,errorType:o?void 0:d.type}},tt=({payload:t,options:e,onFailure:i,onSuccess:a,onProgress:n})=>{const{type:s="POST",xhr:o,uri:d,argument:l=null,headers:r=null}=e;o.open(s,`${d}${l||""}`,!0);const{data:h,name:u}=t;return r&&Object.keys(r).forEach((t=>{o.setRequestHeader(t,r[t])})),"POST"===s&&(o.onreadystatechange=()=>{o.readyState===XMLHttpRequest.DONE&&o.status>=200&&o.status<300&&a(o,u,o.status),o.readyState===XMLHttpRequest.DONE&&o.status>=300&&o.status<999&&i(o,u,o.status)},n(u)),o.send(h),o},et=class{constructor(a){e(this,a),this.duetChange=i(this,"duetChange",3),this.duetBlur=i(this,"duetBlur",7),this.duetFocus=i(this,"duetFocus",7),this.duetReady=i(this,"duetReady",7),this.duetDone=i(this,"duetDone",3),this.duetState=i(this,"duetState",3),this.duetDelete=i(this,"duetDelete",3),this.duetCancel=i(this,"duetCancel",3),this.duetProgress=i(this,"duetProgress",3),this.duetUpload=i(this,"duetUpload",3),this.linkClick=i(this,"linkClick",3),this.tick=Date.now(),this.external=!1,this.middleware=null,this.deferUpload=!1,this.hideButton=!1,this.actions=[{icon:"action-delete",color:"color-danger",size:"x-small",background:"gray-lightest",name:"delete",map:["success","failure"],label:{fi:"Poista tiedosto",en:"Delete the file",sv:"Ta bort filen"}},{icon:"navigation-close",color:"primary",size:"x-small",background:"gray-lightest",name:"cancel",map:["inprogress","pending"],label:{fi:"Keskeytä lähetys",en:"Cancel the upload",sv:"Stop överföringen"}}],this.showLinks=!1,this.statusLabelDefaults={fi:{inProgress:"Lähetetään {filesUploaded}, yhteensä lähetettävänä {filesTotal}.",inProgressWithErrors:"Lähetetään {filesInProgress}, lähetetty {filesUploaded}, yhteensä lähetettävänä {filesTotal}, {filesWithErrors} epäonnistui",done:"Lähetys valmis, {filesTotal} lisätty onnistuneesti",doneWithErrors:"Lähetys valmis, {filesUploaded} lisätty onnistuneesti, {filesWithErrors} epäonnistui",files:"tiedostoa",file:"tiedosto"},sv:{inProgress:"Laddar upp {filesUploaded} av {filesTotal}",inProgressWithErrors:"Laddar upp {filesInProgress}, {filesUploaded} uppladdad av {filesTotal}, {filesWithErrors} misslyckades",done:"Uppladdningen slutförd, {filesTotal} har lagts till",doneWithErrors:"Uppladdningen slutförd, {filesUploaded} har lagts till, {filesWithErrors} misslyckades",files:"filer",file:"fil"},en:{inProgress:"Uploading {filesUploaded} of {filesTotal}",inProgressWithErrors:"Uploading {filesInProgress}, {filesUploaded} uploaded of {filesTotal}, {filesWithErrors} failed",done:"Upload completed, {filesTotal} added successfully",doneWithErrors:"Upload completed, {filesUploaded} added successfully, {filesWithErrors} failed.",files:"files",file:"file"}},this.statusMessageLabel=c(this.statusLabelDefaults),this.buttonLabelDefaults={fi:"Lisää liite",sv:"Lägg till en bilaga",en:"Add an attachment"},this.buttonLabel=c(this.buttonLabelDefaults),this.accessibleButtonLabel=void 0,this.theme="",this.disabled=!1,this.margin="auto",this.required=!1,this.alignment="middle",this.hideGroups=!1,this.files=new Map,this.valid=!this.required,this.labelDefaults={fi:"Lisää liite",sv:"Lägg till en bilaga",en:"Add attachments"},this.label=c(this.labelDefaults),this.descriptionDefaults={en:"You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytestotal} of files at a time, and add up to {maxfiles} attachments at a time each no larger than {maxbytes}.",sv:"Du kan bifoga följande filtyper: {filetypes} - samt de vanligaste videofilerna. Du kan ladda upp {maxbytestotal} av filer åt gången, och lägga till upp till {maxfiles} bilagor åt gången varje inte större än {maxbytes}.",fi:"Voit liittää seuraavat tiedostotyypit: {filetypes} - sekä yleisimmät videotiedostot. Voit lähettää {maxbytestotal} tiedostoa kerrallaan, ja lisätä enintään {maxfiles} liitettä kerrallaan, jokainen enintään {maxbytes} kokoisena."},this.description=c(this.descriptionDefaults),this.fileListEmptyDefaults={fi:"Ei vielä lisättyjä tiedostoja.",sv:"Inga filer har lagts till ännu.",en:"No files added yet."},this.fileListEmpty=c(this.fileListEmptyDefaults),this.error="",this.errorCodes=K,this.maxBytes=2e8,this.maxBytesTotal=void 0,this.maxFiles=99,this.allowedExtensions="all",this.allowedMimetypes="",this.multiple=!0,this.limitSelection=!1,this.hideCancelButton=!1,this.captionOnBottom=!1,this.showUploadedItemsHeader=!1,this.uploadedItemsHeaderLabel={fi:"Ladattu tiedosto",sv:"Lägg till en bilaga",en:"Uploaded file"},this.headerHeadingLevel="h3",this.hideHeader=!1,this.emitEvent=!1,this.actionButtonTitles={cancel:!1,delete:!1},this.renameDuplicates=!1,this.buttonId=B("DuetButton"),this.labelId=B("DuetLabel"),this.uploadId=B("DuetUpload"),this.filesInProgress=new Map,this.fileMaxReached=!1,this.bytesMaxReached=!1,this.filesToUploadExceedsLimit=!1,this.filesToUploadTotalSizeIsAboveMax=!1,this.internalStatusMessageLabel=void 0,this.itemRefs=new Map,this.DefaultGroups={inprogress:"inprogress",success:"success",pending:"pending",failure:"failure"},this.groups=[{id:this.DefaultGroups.success,label:{fi:"Valmiit tiedostot",sv:"Files success",en:"Files success"}},{id:this.DefaultGroups.failure,label:{fi:"Tiedostot, joissa on virheitä",sv:"Filer med fel",en:"Files with errors"}},{id:this.DefaultGroups.inprogress,label:{fi:"Kesken olevat tiedostot",sv:"Filer inprogress",en:"Files inprogress"}},{id:this.DefaultGroups.pending,label:{en:"Files to upload",sv:"Filer att ladda",fi:"Ladattavat tiedostot"}}],this.kick=l((()=>{this.tick=Date.now()}),30),this.categoryLabel={en:"Category",sv:"Filtyp",fi:"Tiedostotyyppi"},this.listenForActionEvents=()=>{this.element.addEventListener("duetActionEvent",(t=>{const e=t.detail,{action:i,id:a,originalEvent:n}=e;switch(i){case"delete":this.onDelete(a,n);break;case"cancel":this.onCancel(a,n)}}))},this.verifyValidity=()=>{const{invalid:t,valid:e}=this.getFilesAsArray(),i=this.valid;this.valid=0===t.length&&0!==e.length,this.valid!==i&&this.duetState.emit({originalEvent:void 0,data:{valid:this.valid,from:"componentWillRender"},component:"duet-upload"})},this.getGroupFromItemData=t=>t.valid&&100===t.progress?this.DefaultGroups.success:t.progress>0&&100!==t.progress?this.DefaultGroups.inprogress:t.valid?t.pending?this.DefaultGroups.pending:t.group?t.group:"none":this.DefaultGroups.failure,this.mapFilesToUploadItems=(e,i,a,n)=>i===this.DefaultGroups.success?t("duet-upload-item",{theme:this.theme,actions:this.getActions(i,n),type:"success",data:e,showLinks:this.showLinks,linkClickEvent:this.emitEvent?this.linkClick:void 0,categoryLabel:this.categoryLabel,label:this.uploadedItemsHeaderLabel,showCategory:a,buttonTitles:this.processedButtonTitles,ref:t=>{this.itemRefs.set(e.uid,t)}}):i===this.DefaultGroups.inprogress?t("duet-upload-item",{theme:this.theme,actions:this.getActions(i,n),type:"inprogress",data:e,showLinks:this.showLinks,categoryLabel:this.categoryLabel,label:this.uploadedItemsHeaderLabel,showCategory:a,buttonTitles:this.processedButtonTitles,ref:t=>{this.itemRefs.set(e.uid,t)}}):i===this.DefaultGroups.pending?t("duet-upload-item",{theme:this.theme,actions:this.getActions(i,n),type:"pending",data:e,showLinks:this.showLinks,categoryLabel:this.categoryLabel,label:this.uploadedItemsHeaderLabel,showCategory:a,buttonTitles:this.processedButtonTitles,ref:t=>{this.itemRefs.set(e.uid,t)}}):i===this.DefaultGroups.failure?t("duet-upload-item",{theme:this.theme,actions:this.getActions(i,n),type:"failure",data:e,showLinks:this.showLinks,errorCodes:this.errorCodes,categoryLabel:this.categoryLabel,label:this.uploadedItemsHeaderLabel,showCategory:a,buttonTitles:this.processedButtonTitles,ref:t=>{this.itemRefs.set(e.uid,t)}}):e.group?e.html:"none",this.genHashName=()=>Date.now().toString(36)+Math.random(),this.updateValueInMap=(t,e,i,a=!0)=>{try{const a=this.files.get(t);a[e]=i,this.files.set(t,a),this.external&&"url"!==e&&this.trackProgress(t,"uploaded"===e)}catch(t){}a&&this.kick()},this.updateProgress=(t,e)=>{t.lengthComputable?(i=>{this.updateValueInMap(e,"progress",i),this.onProgress(e,i,t)})(t.loaded/t.total*100):console.log("cant read progress")},this.trackProgress=(t,e=!1)=>{e?this.filesInProgress.delete(t):this.filesInProgress.set(t,"inprogress"),0===this.filesInProgress.size&&this.onDone()},this.getFilesAsArray=()=>{const t=[],e=[];return this.files.forEach((i=>{i.valid&&!i.deleted?t.push(i):i.valid||i.deleted||e.push(i)})),{valid:t,invalid:e}},this.resetFormFields=()=>{this.nativeInput.value=""},this.startUpload=async(t,e)=>{const{bytesMaxReached:i,fileMaxReached:a}=this.validateTotals();i||a?this.kick():(this.metaData=e,this.nativeInput.click(),this.onUpload(t,e),t.stopPropagation(),t.preventDefault())},this.transferComplete=t=>{this.updateValueInMap(t,"progress",100,!1),this.trackProgress(t,!0)},this.transferDone=(t,e,i)=>{this.updateValueInMap(e,"status",i,!1),this.updateValueInMap(e,"uploaded",!0,!1);try{const i=JSON.parse(t.response);this.updateValueInMap(e,"url",i.url)}catch(t){this.updateValueInMap(e,"url",null),console.error("Server did not respond with expected response {url: string}")}},this.transferDoneWithFailure=(t,e,i)=>{try{const{error:i}=JSON.parse(t.response);this.updateValueInMap(e,"error",{message:i.message,type:i.type},!1)}catch(t){console.error("Server did not respond with expected response error:{message: string, type: int}"),this.updateValueInMap(e,"error",{type:i},!1)}this.updateValueInMap(e,"valid",!1,!0)},this.transferFailed=t=>{this.updateValueInMap(t,"error",N("duet-upload-001",this.errorCodes))},this.transferCanceled=t=>{this.files.delete(t),this.validateTotals(t),this.kick()},this.validateTotals=t=>{const e=((t,e)=>{let i=0;return!!(e&&(this.files.forEach((t=>{t.valid&&t.size&&(i+=t.size)})),i>=e))})(0,this.maxBytesTotal),i=((t,e)=>{let i=0;return!!(e&&(this.files.forEach((t=>{t.valid&&i++})),i>=e))})(0,this.maxFiles);return e&&t&&this.updateValueInMap(t,"error",N("duet-upload-202",this.errorCodes),!1),i&&t&&this.updateValueInMap(t,"error",N("duet-upload-301",this.errorCodes),!1),this.bytesMaxReached=e,this.fileMaxReached=i,{bytesMaxReached:e,fileMaxReached:i}},this.uploadFile=async(t,e=!1,i)=>{!e&&this.deferUpload?(this.updateValueInMap(t.item.name,"pending",!0,!1),this.updateValueInMap(t.item.name,"group","pending",!0)):e&&(this.updateValueInMap(t.item.name,"pending",!1,!1),this.updateValueInMap(t.item.name,"group",void 0,!0));try{if(!this.deferUpload||e){const e=new FormData;e.append("file",t.item),i&&e.append("key",i),e.append("uid",t.uid),e.append("name",t.item.name),e.append("metadata",JSON.stringify({uid:t.uid,url:this.uri,size:t.item.size,meta:t.meta})),t.xhr=await this.makeXHRPostRequest(e)}}catch(e){this.updateValueInMap(t.item.name,"valid",!1,!1)}},this.uploadPendingFiles=()=>{for(const[t,e]of Array.from(this.files.entries()))"pending"===e.group&&!0===e.pending&&this.uploadFile(e,!0,t)},this.getItemFromUID=t=>{for(const[e,i]of Array.from(this.files.entries()))if(i.uid===t)return{value:i,key:e};return null},this.handleExternalUploadButton=(t,e)=>{this.externalUploadButton&&(this.externalUploadButton.disabled=!(!t&&!e))},this.onDelete=(t,e)=>{const i=this.getItemFromUID(t).key,a=this.files.get(i);this.files.delete(i);const{bytesMaxReached:n,fileMaxReached:s}=this.validateTotals();this.handleExternalUploadButton(n,s),this.kick(),this.duetDelete.emit({originalEvent:e,data:{deletion:a},component:"duet-upload"}),this.external||a.pending||this.makeXHRDeleteRequest(a),this.resetFormFields()},this.onCancel=(t,e)=>{const i=this.getItemFromUID(t).key,a=this.files.get(i);this.files.delete(i);const{bytesMaxReached:n,fileMaxReached:s}=this.validateTotals();if(this.handleExternalUploadButton(n,s),!this.external){const{xhr:t}=a;t&&t.abort()}this.kick(),this.resetFormFields(),this.duetCancel.emit({originalEvent:e,data:{cancelled:a},component:"duet-upload"})},this.onUpload=(t,e)=>{this.duetUpload.emit({originalEvent:t,metaData:e,component:"duet-upload"})},this.onBlur=t=>{this.duetBlur.emit({originalEvent:t,component:"duet-upload"})},this.onProgress=(t,e,i)=>{this.duetChange.emit({originalEvent:i,data:{key:t,percentComplete:e},component:"duet-upload"})},this.onFocus=t=>{this.duetFocus.emit({originalEvent:t,component:"duet-upload"})},this.onReady=()=>{this.duetReady.emit({component:"duet-upload"})},this.onDone=()=>{this.duetDone.emit({component:"duet-upload",data:{files:this.files}})},this.filterMap=()=>{const t=Array.from(this.files.values()),e=[],i=[],a=[],n=[];let s=!1;return t.forEach((t=>{const o=this.getGroupFromItemData(t);t.meta&&t.meta.badges&&(s=!0),o===this.DefaultGroups.success?n.push({uid:t.uid,data:t}):o===this.DefaultGroups.inprogress?e.push({uid:t.uid,data:t}):o===this.DefaultGroups.pending?a.push({uid:t.uid,data:t}):o===this.DefaultGroups.failure?i.push({uid:t.uid,data:t}):t.group&&e.push({uid:t.uid,data:t})})),{pending:a,failure:i,success:n,inprogress:e,hasCategory:s}},this.getActions=(t,e)=>e.filter((e=>e.map.includes(t))),this.renderUploadedItems=()=>{this.itemRefs.clear();const e=this.filterMap(),i=e.hasCategory,a=this.hideCancelButton?this.actions.filter((t=>"cancel"!==t.name)):this.actions,n=this.groups.map((n=>{const o=e[n.id];if(null==o?void 0:o.length)return t(s,null,!this.hideGroups&&t(Q,{categoryLabel:i?this.categoryLabel:void 0,label:n.label}),o.map((t=>this.mapFilesToUploadItems(t.data,n.id,i,a))))}));return t(s,null,this.showUploadedItemsHeader&&t(Q,{categoryLabel:i?this.categoryLabel:void 0,label:this.uploadedItemsHeaderLabel}),n)}}watchValidHandler(t,e){t!==e&&this.kick()}componentWillLoad(){this.internalStatusMessageLabel="string"==typeof this.statusMessageLabel?b(this.groups):this.statusMessageLabel,o(this),this.listenForActionEvents(),this.onReady(),this.externalUploadButton=document.querySelector(`#${this.externalUploadButtonId}`),this.processedButtonTitles=H(this.actionButtonTitles)}componentWillRender(){this.verifyValidity()}async setFocus(t){this.nativeInput&&this.nativeInput.focus(t)}async upload(t){const{bytesMaxReached:e,fileMaxReached:i}=this.validateTotals();if(e||i)return this.handleExternalUploadButton(e,i),void this.kick();this.metaData=t,this.nativeInput.click()}async uploadPending(){this.uploadPendingFiles()}async refresh(){this.kick(),await this.setFocus()}async getFiles(){return!(!this.files||0===this.files.size)&&this.getFilesAsArray()}async updateValue(t,e,i){this.updateValueInMap(t,e,i)}async focusActionButton(t){var e;await(null===(e=this.itemRefs.get(t))||void 0===e?void 0:e.focusActionButton())}render(){const e=this.identifier||this.uploadId,i=Math.round((this.maxBytesTotal?this.maxBytesTotal:this.maxBytes*this.maxFiles)/1024/1024),n=Math.round(this.maxBytes/1024/1024);let o=this.description.replace(/{maxfiles}/g,this.maxFiles.toString());return o=o.replace(/{maxbytes}/g,`${n.toString()} MB`),o=o.replace(/{maxbytestotal}/g,`${i.toString()} MB`),o=o.replace(/{filetypes}/g,this.allowedExtensions.split(",").join(", ")),this.externalUploadButton&&(this.externalUploadButton.accessibleLabel=`${this.externalUploadButton.innerText}. ${o}`),t(a,{key:"18e9b69e6b294624c3caa4197ac3064ad377edb4",class:{"duet-m-0":"none"===this.margin}},t("duet-fieldset",{key:"54bea5df88e753afe0765f709639c895c83182f7","label-heading-level":this.headerHeadingLevel,"label-hidden":this.hideHeader,label:this.label},t("slot",{key:"6eb5775f80ab5f44f44e3d14140348b86e8f7739",name:"header"}),!this.files.size&&t("duet-empty-state",{key:"63e7bbc89678d80abdc5a85b7e90db25af8f2063",id:this.labelId,part:this.identifier?`${this.identifier}-empty-state`:"duet-upload-empty-state",icon:"messaging-attachment"},t("duet-paragraph",{key:"cabd4d22d34a0c59af38028a68b9aa9da78e648e",margin:"none"},this.fileListEmpty)),!!this.files.size&&t("slot",{key:"a8c8852e2552939af25edd121979d38dd98014ed",name:"fileheader"}),!!this.files.size&&t("duet-upload-aria-status",{key:"29a21718b2bb28697aa159e663226899bec68b74",invalid:this.getFilesAsArray().invalid.length,valid:this.getFilesAsArray().valid.length,inprogress:this.filesInProgress.size,total:this.files.size,statusMessageLabel:this.internalStatusMessageLabel}),!!this.files.size&&this.renderUploadedItems(),!!this.files.size&&t("slot",{key:"3c0b11350cf2bd0dfbbb4436841c0fb255a696ba",name:"filefooter"}),t("slot",{key:"ace089c7e46c8c7e3d495f53c796494c5102d800",name:"uploadfooter"}),this.captionOnBottom&&t("duet-caption",{key:"46dee1a0c5ede802dbbaa757ead7758153b02333",margin:"none",size:"small"},t("div",{key:"bf5885654a9a43b388484b906392f88d1519d4ef",class:"upload-bottom-caption"},o)),t("slot",{key:"aa6f54876cbc89d68f1c199b41032967b8fdc0a7",name:"afterfooter"}),!this.hideButton&&t(s,{key:"0c26de4c43da284d32d022f94c7ffdc70744971a"},t("duet-spacer",{key:"a89ce9a25c0ca6c15c74162224e8f229f4f4d28c",size:"large"}),t("duet-button",{key:"4bcc0ede230f033b84f1acba6c6f2c29704d5477",id:this.buttonId,onClick:this.startUpload,"accessible-controls":e,disabled:this.fileMaxReached,"accessible-label":this.accessibleButtonLabel||`${this.buttonLabel}. ${o}`,"accessible-owns":e,size:"small",variation:"secondary",fixed:!0,icon:"action-add-circle",part:this.identifier?`${this.identifier}-button-upload`:"duet-upload-button-upload"},this.buttonLabel)),(this.fileMaxReached||this.bytesMaxReached||this.filesToUploadExceedsLimit||this.filesToUploadTotalSizeIsAboveMax)&&t(s,{key:"b63c5090df58fbeeb81d21c2962e2e4bf374475c"},t("duet-spacer",{key:"23665cef847c4e6a4b5f892a4fb680efb7a5ac3a",size:"medium"}),t("duet-alert",{key:"05ac7cfb41b89c78833aef892eb63ace7cde0424",part:this.identifier?`${this.identifier}-error-notification`:"duet-upload-error-notification"},this.fileMaxReached&&N("duet-upload-301",this.errorCodes),this.bytesMaxReached&&N("duet-upload-202",this.errorCodes),this.filesToUploadExceedsLimit&&N("duet-upload-302",this.errorCodes),this.filesToUploadTotalSizeIsAboveMax&&N("duet-upload-203",this.errorCodes))),t("duet-visually-hidden",{key:"ce48b9cd57df20b21e7d1e6e82a6fb36ccfa0bb8","aria-hidden":"true"},t("input",{key:"5c6545180d5327d5790327897478dacade1df102",ref:t=>{this.nativeInput=t},accept:this.limitSelection?`${this.allowedMimetypes},${this.allowedExtensions}`:void 0,onBlur:this.onBlur,onFocus:this.onFocus,onChange:t=>this.onChange(t),type:"file",class:{"duet-upload":!0},disabled:this.disabled,"aria-hidden":"true",required:this.required,name:this.name,id:this.identifier,multiple:this.multiple,tabIndex:-1}))))}makeXHRPostRequest(t){const e=new XMLHttpRequest,i=t.get("name");e.upload.addEventListener("progress",(t=>{this.updateProgress(t,i)})),e.upload.addEventListener("load",(()=>{this.transferComplete(i)})),e.upload.addEventListener("error",(()=>{this.transferFailed(i)})),e.upload.addEventListener("abort",(()=>{this.transferCanceled(i)}));let a={payload:{data:t,name:i},options:{type:"POST",uri:this.uri,xhr:e,argument:null,headers:void 0},onFailure:this.transferDoneWithFailure,onSuccess:this.transferDone,onProgress:this.trackProgress};return this.middleware&&(a=this.middleware(a)),tt(a)}makeXHRDeleteRequest(t){const{uid:e,item:i}=t,a=new XMLHttpRequest;let n={payload:{data:null,name},options:{type:"DELETE",xhr:a,uri:this.uri,argument:`?key=${e}&name=${i.name}`,headers:{"x-fileuid":e,"x-filename":i.name}},onFailure:this.transferDoneWithFailure,onSuccess:this.transferDone,onProgress:this.trackProgress};return this.middleware&&(n=this.middleware(n)),tt(n)}escapeSpecialCharacters(t){return(t+"").replace(/[\\"'(){}\[\]*?$^+]/g,"\\$&").replace(/\u0000/g,"\\0")}getRenamedFileName(t,e){const i=new RegExp(`${this.escapeSpecialCharacters(t)} \\(\\d+\\).${e}`),a=Array.from(this.files.entries()).map((t=>{const[e,i]=t;return e})).filter((a=>i.test(a)||a===`${t}.${e}`)).sort(((t,e)=>t.split(".").slice(0,-1).join(".")>e.split(".").slice(0,-1).join(".")?1:-1)).pop().split(".").slice(0,-1).join(".");if(a===t)return`${t} (1).${e}`;const n=parseInt(a.split("(").pop().slice(0,-1));return`${t} (${n+1}).${e}`}renameFiles(t){return t.map((t=>{if(this.files.get(t.name)){const e=t.name.split("."),i=e.pop(),a=e.join("."),n=this.getRenamedFileName(a,i);return new File([t],n,{type:t.type,lastModified:t.lastModified})}return t}))}async onChange(t){var e;let i=Array.from(null===(e=this.nativeInput)||void 0===e?void 0:e.files);if(this.filesToUploadExceedsLimit=!1,this.files.size+i.length>this.maxFiles)return this.filesToUploadExceedsLimit=!0,void this.kick();if(this.filesToUploadTotalSizeIsAboveMax=!1,((t,e,i)=>{let a=0;return!!(i&&(this.files.forEach((t=>{t.valid&&t.size&&(a+=t.size)})),e.forEach((t=>{t.size&&(a+=t.size)})),a>=i))})(0,i,this.maxBytesTotal))return this.filesToUploadTotalSizeIsAboveMax=!0,void this.kick();if(i){this.renameDuplicates&&(i=this.renameFiles(i));for(const t of i){const{valid:e,errorMessage:i,errorType:a,errorSystem:n}=Z(t,{maxBytes:this.maxBytes,allowedExtensions:this.allowedExtensions,allowedMimetypes:this.allowedMimetypes},this.errorCodes),s={uid:this.genHashName(),item:t,size:t.size,meta:this.metaData,uploaded:!1,valid:e,error:{type:e?void 0:a,message:e?void 0:i,system_message:e?void 0:n},progress:0,deleted:!1,xhr:!1,url:!1};this.files.set(t.name,s),e&&!this.external?await this.uploadFile(s):e&&this.external?(this.updateValueInMap(s.item.name,"pending",!0,!1),this.updateValueInMap(s.item.name,"group","pending",!0)):e||this.updateValueInMap(t.name,"valid",!1,!0),this.kick()}}this.resetFormFields(),this.metaData=void 0,this.duetChange.emit({originalEvent:t,data:{files:this.files},component:"duet-upload"})}get element(){return n(this)}static get watchers(){return{valid:["watchValidHandler"]}}};et.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}::slotted([slot=header]){margin-bottom:16px}::slotted([slot=fileheader]){margin:16px 0 0 0}::slotted([slot=filefooter]){margin-top:16px}::slotted([slot=uploadfooter]){margin-top:20px}.duet-upload{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-upload-item-size{font-size:0.75rem;font-weight:400}.duet-upload-filelist{margin-bottom:25px}.duet-upload-filelist-empty{display:flex;align-items:center;justify-content:center;width:100%;height:75px;margin:0 auto;font-size:1rem;font-weight:400;background-color:rgb(245, 248, 250)}.duet-upload-filelist-empty-label{font-size:1rem;font-weight:400}.duet-upload-editable-table-header-hidden{display:none}.duet-upload-editable-table tbody .duet-upload-editable-table-data{padding:0 !important;border:0}.duet-upload-editable-table duet-editable-table tfoot,.duet-upload-editable-table duet-editable-table thead{display:none}.duet-upload-editable-table duet-editable-table .duet-editable-table-content{padding-right:0 !important;padding-left:0 !important}.duet-upload-editable-table duet-editable-table duet-table .duet-table-action-row td{padding:1rem 0 !important}.duet-upload-editable-table duet-editable-table duet-table .duet-table-action-row td:last-child{padding-right:0 !important}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress,.duet-upload-editable-table duet-editable-table .duet-editable-table-row-pending{position:relative}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress duet-progress,.duet-upload-editable-table duet-editable-table .duet-editable-table-row-pending duet-progress{position:absolute;bottom:0;width:100%}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress duet-action-button::part(button),.duet-upload-editable-table duet-editable-table .duet-editable-table-row-pending duet-action-button::part(button){border:0}duet-paragraph::part(duet-paragraph){word-break:break-word}duet-editable-table tfoot{display:none}.upload-bottom-caption{margin-top:12px;margin-bottom:16px;line-height:1.4rem}.items-header{display:none;flex-direction:row;margin-bottom:0}@media (min-width: 36em){.items-header{display:flex}}.items-header:not(:last-child),.items-header:not(:first-child){margin-top:12px}.items-header .category-header{width:35%}.items-header .filename-header{width:65%}.items-header .filename-header.no-category{width:100%}.upload-item-row{display:flex;flex-direction:column;gap:16px;align-content:center;align-items:center;padding:16px 0 16px 0;border-bottom:1px solid rgb(212, 223, 229)}@media (min-width: 36em){.upload-item-row{flex-direction:row;gap:10px}}.upload-item-row .item-categories{width:100%}@media (min-width: 36em){.upload-item-row .item-categories{width:35%}}.upload-item-row .item-name{position:relative;bottom:2px;width:100%;text-align:left}@media (min-width: 36em){.upload-item-row .item-name{width:50%}.upload-item-row .item-name.no-category{width:85%}}.upload-item-row .item-categories .heading,.upload-item-row .item-name .heading{display:block}@media (min-width: 36em){.upload-item-row .item-categories .heading,.upload-item-row .item-name .heading{display:none}}.upload-item-row .item-actions{width:100%;margin-left:-8px;text-align:left}@media (min-width: 36em){.upload-item-row .item-actions{width:15%;padding-top:0;margin-left:auto;text-align:right}}.upload-item-row .duet-upload-item-name duet-icon{position:relative;top:4px}.upload-item-row .duet-upload-item-name duet-progress{display:block;margin-top:16px}";export{O as duet_editable_table,X as duet_table,et as duet_upload}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as t,h as e,H as r}from"./p-B2cboDWM.js";import{t as n}from"./p-Ce9HQd35.js";const i=class{constructor(e){t(this,e),this.bg={default:{default:"color_lt_blue_200",success:"color_success_200",warning:"color_warning_200",danger:"color_danger_200"},strong:{default:"color_lt_blue_700",success:"color_success_700",warning:"color_warning_500",danger:"color_danger_600"}},this.color={default:{default:"color_lt_blue_800",success:"color_success_800",warning:"color_warning_800",danger:"color_danger_800"},strong:{default:"color_lt_blue_100",success:"color_gray_lightest",warning:"color_warning_900",danger:"color_gray_lightest"}},this.variation="default",this.size="medium",this.margin="auto",this.strong=!1}getVariation(){return["default","success","danger","warning"].includes(this.variation)?this.variation:"default"}getBg(){return n[this.bg[this.strong?"strong":"default"][this.getVariation()]]}getColor(){return n[this.color[this.strong?"strong":"default"][this.getVariation()]]}getIcon(){switch(this.getVariation()){case"default":return`\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <rect width="24" height="24" rx="12" fill="${this.getBg()}"/>\n <path fill="${this.getColor()}" d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/>\n <circle fill="${this.getColor()}" cx="11.625" cy="7.125" r="1.125"/>\n </svg>`;case"success":return`\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <rect width="24" height="24" rx="12" fill="${this.getBg()}"/>\n <path fill="${this.getColor()}" d="M9.325 17.916a1.79 1.79 0 0 1-1.498-.799l-2.44-3.462a.75.75 0 0 1 1.227-.864l2.45 3.477a.306.306 0 0 0 .261.148.294.294 0 0 0 .236-.119l7.852-9.935a.75.75 0 1 1 1.175.93l-7.843 9.923a1.781 1.781 0 0 1-.423.396 1.78 1.78 0 0 1-.997.305z"/>\n </svg>`;case"warning":case"danger":return`\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <path fill="${this.getBg()}" d="M1.27,23.767C1.58,23.919 1.926,24 2.273,24L21.73,24C22.336,24 22.906,23.764 23.334,23.336C23.764,22.908 24.001,22.337 24.001,21.73C24.001,21.383 23.92,21.037 23.768,20.727L14.295,1.429C13.862,0.547 12.981,0 11.997,0C11.605,0 11.227,0.088 10.873,0.262C10.369,0.51 9.954,0.924 9.706,1.429L0.234,20.728C-0.034,21.271 -0.073,21.888 0.123,22.462C0.319,23.036 0.727,23.5 1.27,23.767Z"/>\n <rect fill="${this.getColor()}" x="11.1" y="7.2" width="1.8" height="8.4" rx="0.9"/>\n <rect fill="${this.getColor()}" x="10.8" y="18" width="2.4" height="2.4" rx="1.2"/>\n </svg>`}}render(){return e(r,{key:"66f1b0519e8fcb4b025f2e1b64963c25b78b0ce1",class:{[`duet-status-icon-${this.getVariation()}`]:!0,"duet-strong-bg":this.strong,"duet-m-0":"none"===this.margin}},e("duet-icon",{key:"91b2d72ca3e85296b48e4cec8c9c5908c4025649",icon:this.getIcon(),size:this.size,margin:"none"}))}};i.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;line-height:0;color:inherit;-webkit-tap-highlight-color:transparent}:host(.duet-m-0){margin:0 !important}@media (max-width: 35.9375em){:host(.duet-m-0){margin:0 !important}}";export{i as duet_status_icon}
4
+ import{r as t,h as e,H as r}from"./p-D4MpGrUR.js";import{t as n}from"./p-Ce9HQd35.js";const i=class{constructor(e){t(this,e),this.bg={default:{default:"color_lt_blue_200",success:"color_success_200",warning:"color_warning_200",danger:"color_danger_200"},strong:{default:"color_lt_blue_700",success:"color_success_700",warning:"color_warning_500",danger:"color_danger_600"}},this.color={default:{default:"color_lt_blue_800",success:"color_success_800",warning:"color_warning_800",danger:"color_danger_800"},strong:{default:"color_lt_blue_100",success:"color_gray_lightest",warning:"color_warning_900",danger:"color_gray_lightest"}},this.variation="default",this.size="medium",this.margin="auto",this.strong=!1}getVariation(){return["default","success","danger","warning"].includes(this.variation)?this.variation:"default"}getBg(){return n[this.bg[this.strong?"strong":"default"][this.getVariation()]]}getColor(){return n[this.color[this.strong?"strong":"default"][this.getVariation()]]}getIcon(){switch(this.getVariation()){case"default":return`\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <rect width="24" height="24" rx="12" fill="${this.getBg()}"/>\n <path fill="${this.getColor()}" d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/>\n <circle fill="${this.getColor()}" cx="11.625" cy="7.125" r="1.125"/>\n </svg>`;case"success":return`\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <rect width="24" height="24" rx="12" fill="${this.getBg()}"/>\n <path fill="${this.getColor()}" d="M9.325 17.916a1.79 1.79 0 0 1-1.498-.799l-2.44-3.462a.75.75 0 0 1 1.227-.864l2.45 3.477a.306.306 0 0 0 .261.148.294.294 0 0 0 .236-.119l7.852-9.935a.75.75 0 1 1 1.175.93l-7.843 9.923a1.781 1.781 0 0 1-.423.396 1.78 1.78 0 0 1-.997.305z"/>\n </svg>`;case"warning":case"danger":return`\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <path fill="${this.getBg()}" d="M1.27,23.767C1.58,23.919 1.926,24 2.273,24L21.73,24C22.336,24 22.906,23.764 23.334,23.336C23.764,22.908 24.001,22.337 24.001,21.73C24.001,21.383 23.92,21.037 23.768,20.727L14.295,1.429C13.862,0.547 12.981,0 11.997,0C11.605,0 11.227,0.088 10.873,0.262C10.369,0.51 9.954,0.924 9.706,1.429L0.234,20.728C-0.034,21.271 -0.073,21.888 0.123,22.462C0.319,23.036 0.727,23.5 1.27,23.767Z"/>\n <rect fill="${this.getColor()}" x="11.1" y="7.2" width="1.8" height="8.4" rx="0.9"/>\n <rect fill="${this.getColor()}" x="10.8" y="18" width="2.4" height="2.4" rx="1.2"/>\n </svg>`}}render(){return e(r,{key:"2ed8b9396a6fc4051299df605b5293b4ad851f10",class:{[`duet-status-icon-${this.getVariation()}`]:!0,"duet-strong-bg":this.strong,"duet-m-0":"none"===this.margin}},e("duet-icon",{key:"01f92fdcfbb79c7bb32ea0dae0251bfad3f8f867",icon:this.getIcon(),size:this.size,margin:"none"}))}};i.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;line-height:0;color:inherit;-webkit-tap-highlight-color:transparent}:host(.duet-m-0){margin:0 !important}@media (max-width: 35.9375em){:host(.duet-m-0){margin:0 !important}}";export{i as duet_status_icon}
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * Built with Duet Design System
3
+ */
4
+ import{r as t,c as e,h as s,H as i,g as n}from"./p-D4MpGrUR.js";import{g as a}from"./p-DvwKrUS6.js";import{i as u}from"./p-B44ykle6.js";import{c as r}from"./p-Cfr_DJqU.js";import{f as o,e as h,g as l,d,p as b,s as c,u as p}from"./p-BaefVzkx.js";import{a as m,b as f,g,c as v,d as x}from"./p-B0XOGsB6.js";import{c as y,p as w}from"./p-BWz_ChlU.js";import"./p-C6E9F6QT.js";var k,A,D,N,S=a(A?k:(A=1,k={title:"action-add",tags:"action add plus",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M12 24a.75.75 0 0 1-.75-.75v-10.5H.75a.75.75 0 0 1 0-1.5h10.5V.75a.75.75 0 0 1 1.5 0v10.5h10.5a.75.75 0 0 1 0 1.5h-10.5v10.5A.75.75 0 0 1 12 24z"/></svg>'})),C=a(N?D:(N=1,D={title:"action-subtract",tags:"action subtract minus remove delete cancel",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.75 12.788a.75.75 0 0 1 0-1.5h22.5a.75.75 0 0 1 0 1.5z"/></svg>'}));function E(t,e){let s;if("string"==typeof t){if(""===t)return null;let i=t.replace("−","-").replace("‐","-").replace("−","-").replace("–","-").replace("—","-");e&&(i=function(t,e,s=!1){let i;const n=new Intl.NumberFormat(e).format(.5).replace(/[0-9]/g,""),a=new Intl.NumberFormat("en-US").format(.5).replace(/[0-9]/g,""),u=new Intl.NumberFormat(e).format(1e3).replace(/[0-9]/g,""),r=new Intl.NumberFormat("en-US").format(1e3).replace(/[0-9]/g,"");return i=t.replace(n,"DECIMALSEPARATOR"),i=i.replace(u,s?"THOUSANDSEPARATOR":""),i=i.replace("DECIMALSEPARATOR",a),i=i.replace("THOUSANDSEPARATOR",r),i}(i,e,!1)),i=i.replace(/\s+/g,""),s=parseFloat(i)}if("number"==typeof t&&(s=parseFloat(String(t))),!isNaN(Number(s)))return Number(s);if(null==t)return null;throw new Error("Invalid value passed to SafeParseFloat")}const z=(t,e,s)=>Math.min(Math.max(t,e),s),$=t=>t===Math.round(t),B=class{constructor(s){t(this,s),this.duetChange=e(this,"duetChange",3),this.duetInput=e(this,"duetInput",3),this.duetBlur=e(this,"duetBlur",7),this.duetFocus=e(this,"duetFocus",7),this.inputId=r("DuetInput"),this.proxyId=r("DuetInput"),this.language=m(),this.locale=f(this.language).locale,this.unit=f(this.language).money,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLiveDefaults={fi:"{current} euroa valittuna",en:"{current} euros selected",sv:"{current} euro valt"},this.accessibleLive=g(this.accessibleLiveDefaults,this.language),this.accessibleLiveEnabled=!0,this.accessibleAddDefaults={fi:"Lisää {step} {unit}",en:"Add {step} {unit}",sv:"Lägg till {step} {unit}"},this.accessibleAdd=g(this.accessibleAddDefaults,this.language),this.accessibleSubtractDefaults={fi:"Vähennä {step} {unit}",en:"Subtract {step} {unit}",sv:"Subtrahera {step} {unit}"},this.accessibleSubtract=g(this.accessibleSubtractDefaults,this.language),this.theme="",this.margin="auto",this.expand=!1,this.min=0,this.labelDefaults={fi:"Nimilappu",en:"Label",sv:"Etikett"},this.label=g(this.labelDefaults,this.language),this.labelHidden=!1,this.max=1e6,this.error="",this.tooltip="",this.step=5e3,this.rounding=!0,this.disabled=!1,this.required=!1,this.handleFocus=()=>{this.focusedValue=this.value},this.handleKeyDown=t=>{o(t)||h(t)?this.add(t):l(t)||d(t)?this.subtract(t):b(t)&&this.clearValue(t)},this.handleChange=t=>{t.stopPropagation();const e=t.target;if(e&&e.value)try{let s=E(e.value,this.locale);(isNaN(s)||null==s)&&(s=this.min||0),this.setValue(s),this.duetInput.emit({component:"duet-number-input",originalEvent:t,value:E(this.value,this.locale).toString(),valueAsNumber:s})}catch(s){"-"!==e.value&&this.clearValue(t),this.duetInput.emit({component:"duet-number-input",originalEvent:t,value:null,valueAsNumber:null})}else this.duetInput.emit({component:"duet-number-input",originalEvent:t,value:null,valueAsNumber:null})},this.handleBlur=t=>{const e=t.target;var s;if(e)if(e.value)try{let i=E(e.value,this.locale);this.rounding&&(s=this.step,i=Math.round(i/s)*s),i=z(i,this.min,this.max),i===E(this.value,this.locale)&&i===E(this.focusedValue,this.locale)||(this.setValue(i),this.emitChange(t))}catch(e){this.emitNull(t)}else this.emitNull(t)},this.emitChange=t=>{const e=E(this.value,this.locale);this.duetChange.emit({originalEvent:t,value:e.toString(),valueAsNumber:e,component:"duet-number-input"})},this.emitNull=t=>{this.duetChange.emit({originalEvent:t,value:null,valueAsNumber:null,component:"duet-number-input"})},this.localizeValue=t=>t.toLocaleString(this.locale,{useGrouping:!1}),this.setValue=t=>{this.value=this.localizeValue(t),this.duetInputElement.value=`${this.value}${this.getUnitString()}`},this.add=t=>{t&&t.preventDefault();const e=E(this.value,this.locale);if(e===this.max)return;let s=null==e?this.min:e+this.step;$(this.step)&&s%this.step!=0&&(s-=s%this.step);const i=z(s,this.min,this.max);this.value=this.localizeValue(i),this.emitChange(t)},this.subtract=t=>{t&&t.preventDefault();const e=E(this.value,this.locale);if(e===this.min)return;let s=e-this.step;$(this.step)&&s%this.step!=0&&(s+=this.step-s%this.step),s=z(s,this.min,this.max),this.value=this.localizeValue(s),this.emitChange(t)}}componentWillLoad(){u(this),this.value&&(this.value=this.localizeValue(E(this.value,this.locale))),y(this.element,"tooltip","duet-tooltip",1,!0)}connectedCallback(){v(this,[{prop:"accessibleLive",defaults:"accessibleLiveDefaults"},{prop:"accessibleAdd",defaults:"accessibleAddDefaults"},{prop:"accessibleSubtract",defaults:"accessibleSubtractDefaults"},{prop:"label",defaults:"labelDefaults"}]),c(this)}disconnectedCallback(){x(this),p(this)}componentDidRender(){w(this.element,this.proxyId,this.name,this.value?`${this.value} ${this.unit}`:"",this.required)}async setFocus(t){this.duetInputElement.setFocus(t)}async getValueAsNumber(){const t=E(this.value,this.locale);return null==this.value||isNaN(t)?null:t}clearValue(t){this.duetInputElement.value="",null!==this.value&&(this.value=null,this.emitNull(t))}getUnitString(){return this.unit?` ${this.unit}`:""}formatAnnouncement(){const t=this.value?E(this.value,this.locale):null;return null==t?"":this.accessibleLive.replace("{current}",t.toString(10))}render(){const t=this.identifier||this.inputId,e=`${this.localizeValue(this.max)}${this.getUnitString()}`.length,n=this.value?E(this.value,this.locale):null;return s(i,{key:"1e1ec1d4970da103cdd9fbb867e469e414365adb",class:{"duet-theme-turva":"turva"===this.theme,"duet-expand":this.expand,"duet-m-0":"none"===this.margin}},s("div",{key:"43bfdda224ef424c81d08a5bc5285348124dd6a0",class:"duet-number-container"},s("duet-input",{key:"aa962811d9d95fc08a8211f3bdbb94cba87f0924",ref:t=>this.duetInputElement=t,onDuetChange:t=>this.handleChange(t),onDuetFocus:this.handleFocus,onDuetBlur:t=>this.handleBlur(t),onKeyDown:t=>this.handleKeyDown(t),label:this.label,value:this.value?`${this.value}${this.getUnitString()}`:"",error:this.error,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":null!=n?n:"",maxlength:e,name:this.name,component:"number",required:this.required,disabled:this.disabled,role:this.role,labelHidden:this.labelHidden,tooltip:this.tooltip,identifier:t,theme:this.theme,margin:"none",expand:!0,numericKeyboard:!0,autoComplete:"off",type:"text",accessibleActiveDescendant:this.accessibleActiveDescendant,accessibleLabelledBy:this.accessibleLabelledBy,accessibleDescription:this.accessibleDescription,accessibleDetails:this.accessibleDetails,accessibleControls:this.accessibleControls,accessibleOwns:this.accessibleOwns,accessibleDescribedBy:this.accessibleDescribedBy},s("slot",{key:"d0692236e001777d3e384ab54a02449d38e7cd44",name:"tooltip",slot:"tooltip"}),s("div",{key:"493fa102da11525ac2688c4ae163324cd0b244d1",class:{"duet-number-buttons":!0,"duet-no-label":this.labelHidden}},s("button",{key:"f6cfe72311cd6d5723471f72fa06d3c6173ac0cb",disabled:this.disabled,"aria-disabled":null==n||n===this.min?"true":"false",class:"duet-number-button duet-number-button-subtract",onClick:this.subtract,type:"button"},s("duet-visually-hidden",{key:"caea39a259e4ac79fc5c086f92d6205c96bfe081"},this.accessibleSubtract.replace(/\{\s*step\s*\}/,`${this.step}`).replace(/\{\s*unit\s*\}/,`${this.unit}`)),s("duet-icon",{key:"ba9ad012c760bb989ab3b2d4c12209f4a0c3555d",icon:C.svg,size:"small",margin:"none",color:"turva"===this.theme?"secondary-turva":"secondary"})),s("button",{key:"f1c5f085b3d18b1f4f48c2a8c59ef8a945d9ee32",disabled:this.disabled,"aria-disabled":n===this.max?"true":"false",class:"duet-number-button duet-number-button-add",onClick:this.add,type:"button"},s("duet-visually-hidden",{key:"ee5a3d12e54e5523cab33865e148455e385e2082"},this.accessibleAdd.replace(/\{\s*step\s*\}/,`${this.step}`).replace(/\{\s*unit\s*\}/,`${this.unit}`)),s("duet-icon",{key:"1f2597d788f3738c1ffd0b6a4564b31546238228",icon:S.svg,size:"small",margin:"none",color:"turva"===this.theme?"secondary-turva":"secondary"})))),this.accessibleLiveEnabled&&s("duet-visually-hidden",{key:"0bc549da309c663646b90e88329a755f0bd96a8a","aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement())))}get element(){return n(this)}};B.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{margin-right:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host(.form-distribute:last-of-type:not(:last-child)){margin-right:16px !important}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;line-height:1.25;vertical-align:bottom;text-align:left}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}.duet-number-container{position:relative;width:100%}.duet-number-buttons{-webkit-user-select:none;user-select:none;position:absolute;top:1px;right:1px;z-index:200;width:96px;height:calc(100% - 2px)}.duet-number-buttons .duet-number-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:50%;height:100%;text-align:center;-webkit-appearance:none;appearance:none;cursor:pointer;background:transparent}.duet-number-buttons .duet-number-button:focus{outline:0}:host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus{outline:2px solid;outline-offset:0;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus,:host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-number-buttons .duet-number-button[aria-disabled=true],.duet-number-buttons .duet-number-button:disabled{pointer-events:none}.duet-number-buttons .duet-number-button[aria-disabled=true] duet-icon,.duet-number-buttons .duet-number-button:disabled duet-icon{opacity:0.4}.duet-number-buttons .duet-number-button:active duet-icon{transform:translateY(1px)}:host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus{z-index:2}.duet-number-buttons .duet-number-button:first-of-type{border-left:1px solid rgb(181, 198, 208)}.duet-number-buttons .duet-number-button:first-of-type::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:"";background:linear-gradient(to left, rgba(181, 198, 208, 0.2) 0%, rgba(181, 198, 208, 0.2) 1px, rgba(181, 198, 208, 0.1) 1px, rgba(181, 198, 208, 0) 100%)}.duet-number-buttons .duet-number-button:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}.duet-number-buttons .duet-number-button:last-of-type::before{position:absolute;top:20%;left:0;z-index:-1;width:1px;height:60%;content:"";background:rgb(212, 223, 229)}:host(.duet-theme-turva) .duet-number-buttons .duet-number-button:first-of-type::before{background:linear-gradient(to left, rgba(178, 194, 205, 0.2) 0%, rgba(178, 194, 205, 0.2) 1px, rgba(178, 194, 205, 0.1) 1px, rgba(178, 194, 205, 0) 100%)}:host(.duet-theme-turva) .duet-number-buttons .duet-number-button:last-of-type::before{background:rgb(212, 221, 226)}';export{B as duet_number_input}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as t,c as e,h as i,H as o,g as l}from"./p-B2cboDWM.js";import{D as s}from"./p-Cg4m_WHe.js";import{i as a}from"./p-BzYmwX5_.js";import{c as r}from"./p-Cfr_DJqU.js";import{a as n,b as u,c,d,e as m,f as h,g as p}from"./p-Db8rvjPI.js";import{a as b,c as g,d as f}from"./p-CFqvB5PA.js";import{c as x}from"./p-5lFzA17H.js";import{p as v}from"./p-C6E9F6QT.js";const y=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",3),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.errorId=r("DuetError"),this.labelId=r("DuetLabel"),this.topCaptionId=r("DuetCaptionTop"),this.selectedLangObject={en:"selected",fi:"valittu",sv:"vald"},this.selectAllLabel={en:"Select all",fi:"Valitse kaikki",sv:"Välj alla"},this.clearAllLabel={en:"Clear all",fi:"Tyhjennä kaikki",sv:"Rensa alla"},this.placeholderLabel={en:"Hint",fi:"Vihje",sv:"Tips"},this.processedItems=[],this.processedGroups=[],this.checkboxesVisible=!1,this.activeDescendant="",this.language=b(),this.margin="auto",this.error="",this.accessibleLiveError="polite",this.expand=!1,this.value=[],this.theme="",this.labelHidden=!1,this.identifier=r("DuetMultiselect"),this.allControls=!1,this.placeholder="",this.disabled=!1,this.label="label",this.tooltip="",this.tooltipDirection="auto",this.onChange=t=>{this.duetChange.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onBlur=t=>{this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onFocus=t=>{this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onMultiselectKeyDown=t=>{(n(t)||u(t))&&this.checkboxesVisible&&(this.checkboxesVisible=!1,this.multiselectElement.focus(),t.preventDefault())},this.onMultiselectInputKeyDown=t=>{c(t)&&(t.preventDefault(),this.toggleCheckboxes(),setTimeout((()=>{if(this.checkboxesVisible){const t=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(this.allControls?-2:0)}`);t&&t.focus()}}),200))},this.onCheckboxKeyDown=(t,e)=>{let i;d(t)||m(t)?i=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(e-1)}`):(h(t)||p(t))&&(i=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(e+1)}`)),i&&(i.focus(),t.preventDefault(),this.activeDescendant=i.id)},this.toggleCheckboxes=()=>{this.checkboxesVisible=!this.checkboxesVisible},this.toggleCheckbox=(t,e)=>{this.value=function(t,e){return t.includes(e)?t.filter((t=>t!==e)):[...t,e]}(this.value,e),this.onChange(t)},this.handleSelectAllClick=t=>{this.value=this.processedItems,this.onChange(t)},this.handleClearAllClick=t=>{this.value=[],this.onChange(t)},this.getOptionIdentifier=t=>`${this.identifier}-option-${t}`,this.getDescribedBy=()=>{const t=[];return this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.error&&t.push(this.errorId),t.length>0?t.join(" "):null}}handleFocus(t){t.composedPath().every((t=>t!==this.element))&&(this.checkboxesVisible=!1)}componentWillLoad(){a(this),this.isCaptionVisible=!!this.caption,x(this.element,"tooltip","duet-tooltip",1,!0),this.refresh()}connectedCallback(){g(this)}disconnectedCallback(){f(this)}async setFocus(t){this.multiselectElement&&this.multiselectElement.focus(t)}async selectWithValues(t){const e=this.processedItems.filter((e=>t.includes(e.value)));this.value=Array.from(new Set([...this.value,...e]))}async refresh(){const t=v(this.items);this.processedItems=[],this.processedGroups=[],t&&0!==t.length&&(this.processedGroups=void 0!==t[0].items?t:[{label:"",items:t}],this.processedGroups.forEach((t=>t.items.forEach((t=>this.processedItems.push(t))))))}render(){var t;return i(o,{key:"2347a9fc6542af294322242041d6881e7d46705a",class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand}},i("div",{key:"956a141db6a505bace52938e5fe4806494f45159",class:{"duet-multiselect-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error},onKeyDown:t=>this.onMultiselectKeyDown(t)},i(s,{key:"2f23d51d3671879786ba1407b56ae3222f9a5bf5",theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:this.identifier},this.label),this.tooltip&&i("duet-tooltip",{key:"85a8c563721a63f0a34cce7cc459dd18d6280194",class:"duet-multiselect-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{key:"56a2689eeda397d20a42b167ddb099b920107e26",name:"tooltip"}),this.caption&&i("duet-caption",{key:"0c8e2c9a01b16cd4dcfa46d4e9ad7a656d5a3c74",id:this.topCaptionId,size:"medium"},this.caption),i("div",{key:"4436df38933bbd41698bd155d710c0d2216d1f6d",class:"duet-multiselect-wrapper"},i("button",{key:"99022f18da86f4373ff64c74a52dace5a2bd7d60",id:this.identifier,ref:t=>this.multiselectElement=t,class:{"duet-multiselect":!0,"duet-multiselect-active":this.checkboxesVisible},tabindex:"0",onClick:()=>this.toggleCheckboxes(),onFocus:t=>this.onFocus(t),onBlur:t=>this.onBlur(t),role:"combobox","aria-expanded":this.checkboxesVisible?"true":"false","aria-haspopup":"listbox","aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-owns":`${this.identifier}-checkboxes`,onKeyDown:t=>this.onMultiselectInputKeyDown(t),disabled:this.disabled},i("span",{key:"e64ce99653325421f0618ad642a840e4b0cd3695",role:"textbox","aria-readonly":"true","aria-multiline":"false","aria-autocomplete":"none","aria-controls":`${this.identifier}-checkboxes`,"aria-label":this.placeholderLabel[this.language],class:"duet-multiselect-label"},this.placeholder),this.value&&this.value.length>0&&i("span",{key:"ead81f383496a853979310009d9899727eca2585",class:"duet-multiselect-badge"},this.value.length,i("duet-visually-hidden",{key:"34142a17a4b013c56292dff2eb224f6544afa95e"},this.selectedLangObject[this.language],","," ",Array.isArray(this.value)?this.value.map((t=>t.label)).join(", "):"")),i("svg",{key:"0608e4eb2995dcc8f02a1c92c35b5cbf545f7ad5",class:{"duet-multiselect-icon":!0,"duet-multiselect-icon--rotate":this.checkboxesVisible},fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"0b9a5d56df9e428d036f77c886fce63855aeae12",d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))),i("div",{key:"ae5eb2b331307f54eeab1c6728f289dcda6b3f27",id:`${this.identifier}-checkboxes`,role:"listbox",class:{"duet-multiselect-checkboxes":!0,"duet-multiselect-checkboxes-active":this.checkboxesVisible},"aria-activedescendant":this.activeDescendant,"aria-multiselectable":"true"},(null===(t=this.processedItems)||void 0===t?void 0:t.length)&&this.allControls&&i("div",{key:"d5883b8ebe1c051efd79ddb1f79dc78e5fddeb47",class:"duet-multiselect-all-control-buttons"},i("button",{key:"24482082ed2715da5f7c57cce55e2c68da043f07",class:"duet-multiselect-select-all",onClick:this.handleSelectAllClick,id:this.getOptionIdentifier(-2),onKeyDown:t=>this.onCheckboxKeyDown(t,-2)},this.selectAllLabel[this.language]),i("button",{key:"5c900fa9f95cf21ca22c498212ec6cbd72e23139",class:"duet-multiselect-clear-all",onClick:this.handleClearAllClick,id:this.getOptionIdentifier(-1),onKeyDown:t=>this.onCheckboxKeyDown(t,-1)},this.clearAllLabel[this.language])),this.processedItems&&this.processedGroups.map((t=>i("fieldset",null,t.label&&i("legend",null,t.label),t.items.map(((t,e)=>{var o,l;return i("duet-checkbox",{identifier:this.getOptionIdentifier(e),role:"option",label:t.label,value:t.value,key:t.value,checked:null===(o=this.value)||void 0===o?void 0:o.includes(t),"accessible-selected":(null===(l=this.value)||void 0===l?void 0:l.includes(t))?"true":void 0,disabled:!this.checkboxesVisible||t.disabled,onDuetChange:e=>this.toggleCheckbox(e,t),onKeyDown:t=>this.onCheckboxKeyDown(t,e),theme:this.theme})}))))))),i("span",{key:"733dfa1e852f5b450de3e11e7d9bd9516c1c6284",class:"duet-multiselect-help duet-multiselect-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&i("span",{key:"4535a77dbbb418ceb1c63d423e390324f5d0f18d"},this.error))))}get element(){return l(this)}static get watchers(){return{items:["refresh"]}}};y.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:16px !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}.duet-multiselect-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){.duet-multiselect-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-multiselect-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-multiselect-container{position:relative;width:100%}.duet-multiselect-wrapper{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-multiselect{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:8rem;padding:12px 14px !important;overflow:hidden;text-overflow:ellipsis;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;white-space:nowrap;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px}.duet-multiselect .duet-multiselect-label{overflow:hidden;text-overflow:ellipsis}.duet-multiselect:hover:not(:focus){outline:2px solid;outline-color:rgb(127, 150, 165) !important;outline-offset:-1px}.duet-theme-turva .duet-multiselect:hover:not(:focus),.duet-multiselect:hover:not(:focus).duet-theme-turva{outline-color:rgb(120, 145, 164) !important}.has-error .duet-multiselect:hover:not(:focus){outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important}.duet-multiselect:focus,.duet-multiselect.duet-multiselect-active{outline:2px solid;outline-color:rgb(0, 119, 179) !important;outline-offset:-1px}.duet-theme-turva .duet-multiselect:focus,.duet-multiselect:focus.duet-theme-turva,.duet-theme-turva .duet-multiselect.duet-multiselect-active,.duet-multiselect.duet-multiselect-active.duet-theme-turva{outline-color:rgb(23, 42, 59) !important}.has-error .duet-multiselect:focus,.has-error .duet-multiselect.duet-multiselect-active{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255) !important}.duet-multiselect[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;outline:none !important;background:rgb(228, 236, 239) !important;border-color:rgb(181, 198, 208) !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-multiselect>:first-child{flex:1;min-height:24px}.duet-multiselect .duet-multiselect-badge{padding:4px 8px 4px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);background:#d9ebf4;border-radius:20rem}.duet-multiselect .duet-multiselect-icon{margin-left:12px}.has-error .duet-multiselect{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important}.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-multiselect svg{width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none}.duet-multiselect svg.duet-multiselect-icon--rotate{transform:rotate(180deg)}.duet-multiselect-checkboxes{position:absolute;z-index:700;visibility:hidden;width:100%;padding:16px;margin:8px 0 0;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease}.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active{visibility:visible;opacity:1;transform:scale(1.0001) translateZ(0) translateY(0);transition-property:transform, opacity}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons{padding:8px 0;margin:-16px;margin-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{padding:6px 16px;margin:-4px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;color:rgb(0, 119, 179);cursor:pointer;border-radius:4px}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus,.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:first-child{border-right:1px solid rgb(212, 223, 229)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(8, 42, 77)}.duet-multiselect-checkboxes fieldset{margin-top:8px;margin-bottom:12px}.duet-multiselect-checkboxes fieldset+fieldset{margin-top:28px}.duet-multiselect-checkboxes legend{margin-bottom:12px;font-size:1rem;font-weight:600}.duet-multiselect-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-multiselect-help span{display:block;margin-top:8px}.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-theme-turva .duet-multiselect-wrapper{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-theme-turva .duet-multiselect{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59);border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-multiselect[disabled]{color:rgb(95, 122, 143) !important;cursor:not-allowed !important;outline:none !important;background:rgb(228, 233, 237) !important;border-color:rgb(178, 194, 205) !important;opacity:1 !important;-webkit-text-fill-color:rgb(23, 42, 59) !important}.duet-theme-turva .duet-multiselect svg{color:rgb(23, 42, 59)}.duet-theme-turva .duet-multiselect .duet-multiselect-badge{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:rgb(23, 42, 59);background:#e8eaeb}.duet-theme-turva .duet-multiselect-checkboxes{background:rgb(255, 255, 255);border-color:rgb(212, 221, 226);box-shadow:0 4px 10px 0 rgba(23, 28, 58, 0.15)}.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(230, 23, 64)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(23, 42, 59)}.duet-theme-turva .duet-multiselect-help{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(120, 145, 164)}.duet-theme-turva.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}';export{y as duet_multiselect}
4
+ import{r as t,c as e,h as i,H as o,g as l}from"./p-D4MpGrUR.js";import{D as s}from"./p-DSNAI2Lx.js";import{i as a}from"./p-B44ykle6.js";import{c as r}from"./p-Cfr_DJqU.js";import{a as n,b as u,c,d,e as m,f as h,g as p}from"./p-BaefVzkx.js";import{a as b,c as g,d as f}from"./p-B0XOGsB6.js";import{c as x}from"./p-BWz_ChlU.js";import{p as v}from"./p-C6E9F6QT.js";const y=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",3),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.errorId=r("DuetError"),this.labelId=r("DuetLabel"),this.topCaptionId=r("DuetCaptionTop"),this.selectedLangObject={en:"selected",fi:"valittu",sv:"vald"},this.selectAllLabel={en:"Select all",fi:"Valitse kaikki",sv:"Välj alla"},this.clearAllLabel={en:"Clear all",fi:"Tyhjennä kaikki",sv:"Rensa alla"},this.placeholderLabel={en:"Hint",fi:"Vihje",sv:"Tips"},this.processedItems=[],this.processedGroups=[],this.checkboxesVisible=!1,this.activeDescendant="",this.language=b(),this.margin="auto",this.error="",this.accessibleLiveError="polite",this.expand=!1,this.value=[],this.theme="",this.labelHidden=!1,this.identifier=r("DuetMultiselect"),this.allControls=!1,this.placeholder="",this.disabled=!1,this.label="label",this.tooltip="",this.tooltipDirection="auto",this.onChange=t=>{this.duetChange.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onBlur=t=>{this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onFocus=t=>{this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onMultiselectKeyDown=t=>{(n(t)||u(t))&&this.checkboxesVisible&&(this.checkboxesVisible=!1,this.multiselectElement.focus(),t.preventDefault())},this.onMultiselectInputKeyDown=t=>{c(t)&&(t.preventDefault(),this.toggleCheckboxes(),setTimeout((()=>{if(this.checkboxesVisible){const t=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(this.allControls?-2:0)}`);t&&t.focus()}}),200))},this.onCheckboxKeyDown=(t,e)=>{let i;d(t)||m(t)?i=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(e-1)}`):(h(t)||p(t))&&(i=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(e+1)}`)),i&&(i.focus(),t.preventDefault(),this.activeDescendant=i.id)},this.toggleCheckboxes=()=>{this.checkboxesVisible=!this.checkboxesVisible},this.toggleCheckbox=(t,e)=>{this.value=function(t,e){return t.includes(e)?t.filter((t=>t!==e)):[...t,e]}(this.value,e),this.onChange(t)},this.handleSelectAllClick=t=>{this.value=this.processedItems,this.onChange(t)},this.handleClearAllClick=t=>{this.value=[],this.onChange(t)},this.getOptionIdentifier=t=>`${this.identifier}-option-${t}`,this.getDescribedBy=()=>{const t=[];return this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.error&&t.push(this.errorId),t.length>0?t.join(" "):null}}handleFocus(t){t.composedPath().every((t=>t!==this.element))&&(this.checkboxesVisible=!1)}componentWillLoad(){a(this),this.isCaptionVisible=!!this.caption,x(this.element,"tooltip","duet-tooltip",1,!0),this.refresh()}connectedCallback(){g(this)}disconnectedCallback(){f(this)}async setFocus(t){this.multiselectElement&&this.multiselectElement.focus(t)}async selectWithValues(t){const e=this.processedItems.filter((e=>t.includes(e.value)));this.value=Array.from(new Set([...this.value,...e]))}async refresh(){const t=v(this.items);this.processedItems=[],this.processedGroups=[],t&&0!==t.length&&(this.processedGroups=void 0!==t[0].items?t:[{label:"",items:t}],this.processedGroups.forEach((t=>t.items.forEach((t=>this.processedItems.push(t))))))}render(){var t;return i(o,{key:"4b8d1905f6d83802479254ed818eddc225a07884",class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand}},i("div",{key:"5448159c21e1975424169c66faa9442471e97390",class:{"duet-multiselect-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error},onKeyDown:t=>this.onMultiselectKeyDown(t)},i(s,{key:"572ae7df62eeb7870c958fa8812a032f685252c1",theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:this.identifier},this.label),this.tooltip&&i("duet-tooltip",{key:"d6ce07a6fe3994af5ff7e8639febe7380738853e",class:"duet-multiselect-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{key:"cabbf0070861de762ff0e7b1fa390fc021c6e56c",name:"tooltip"}),this.caption&&i("duet-caption",{key:"501998a95ac97a8e41aff3f77bb3caef192dcc07",id:this.topCaptionId,size:"medium"},this.caption),i("div",{key:"c32972b8bff8afd700203c2906a1b49b7656555f",class:"duet-multiselect-wrapper"},i("button",{key:"07e7b36d4264aaff222086f518aeeef2c1f9e7d1",id:this.identifier,ref:t=>this.multiselectElement=t,class:{"duet-multiselect":!0,"duet-multiselect-active":this.checkboxesVisible},tabindex:"0",onClick:()=>this.toggleCheckboxes(),onFocus:t=>this.onFocus(t),onBlur:t=>this.onBlur(t),role:"combobox","aria-expanded":this.checkboxesVisible?"true":"false","aria-haspopup":"listbox","aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-owns":`${this.identifier}-checkboxes`,onKeyDown:t=>this.onMultiselectInputKeyDown(t),disabled:this.disabled},i("span",{key:"aaa61bce02a50eca851f48da7ee461474bbae0f3",role:"textbox","aria-readonly":"true","aria-multiline":"false","aria-autocomplete":"none","aria-controls":`${this.identifier}-checkboxes`,"aria-label":this.placeholderLabel[this.language],class:"duet-multiselect-label"},this.placeholder),this.value&&this.value.length>0&&i("span",{key:"b869479691f3a394d89f8720efd7868c13f5fbec",class:"duet-multiselect-badge"},this.value.length,i("duet-visually-hidden",{key:"fcbb5b6dd4b0dc6f4abae50aec12eb21da92d0f4"},this.selectedLangObject[this.language],","," ",Array.isArray(this.value)?this.value.map((t=>t.label)).join(", "):"")),i("svg",{key:"68dc4a3ad25722f3a39628147244ce459a17d6c5",class:{"duet-multiselect-icon":!0,"duet-multiselect-icon--rotate":this.checkboxesVisible},fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"8aeddd5a385ca37e54869993b90bd1838449d526",d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))),i("div",{key:"f46a4bb216b778776acfa1aff5a9867afa236789",id:`${this.identifier}-checkboxes`,role:"listbox",class:{"duet-multiselect-checkboxes":!0,"duet-multiselect-checkboxes-active":this.checkboxesVisible},"aria-activedescendant":this.activeDescendant,"aria-multiselectable":"true"},(null===(t=this.processedItems)||void 0===t?void 0:t.length)&&this.allControls&&i("div",{key:"3907f7054436f56ed50866ab0e191c00c2dd17d7",class:"duet-multiselect-all-control-buttons"},i("button",{key:"e502215643ea66e08be0b55c3ba1deeed79bdaad",class:"duet-multiselect-select-all",onClick:this.handleSelectAllClick,id:this.getOptionIdentifier(-2),onKeyDown:t=>this.onCheckboxKeyDown(t,-2)},this.selectAllLabel[this.language]),i("button",{key:"a63b642a9e24bc18d88e567f1b6c480f074ad578",class:"duet-multiselect-clear-all",onClick:this.handleClearAllClick,id:this.getOptionIdentifier(-1),onKeyDown:t=>this.onCheckboxKeyDown(t,-1)},this.clearAllLabel[this.language])),this.processedItems&&this.processedGroups.map((t=>i("fieldset",null,t.label&&i("legend",null,t.label),t.items.map(((t,e)=>{var o,l;return i("duet-checkbox",{identifier:this.getOptionIdentifier(e),role:"option",label:t.label,value:t.value,key:t.value,checked:null===(o=this.value)||void 0===o?void 0:o.includes(t),"accessible-selected":(null===(l=this.value)||void 0===l?void 0:l.includes(t))?"true":void 0,disabled:!this.checkboxesVisible||t.disabled,onDuetChange:e=>this.toggleCheckbox(e,t),onKeyDown:t=>this.onCheckboxKeyDown(t,e),theme:this.theme})}))))))),i("span",{key:"221b275486bef481c990d6625bc92120cd452e83",class:"duet-multiselect-help duet-multiselect-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&i("span",{key:"022173402cfe3a2facde3bf6f9ba63c22b68a949"},this.error))))}get element(){return l(this)}static get watchers(){return{items:["refresh"]}}};y.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:16px !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}.duet-multiselect-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){.duet-multiselect-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-multiselect-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-multiselect-container{position:relative;width:100%}.duet-multiselect-wrapper{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-multiselect{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:8rem;padding:12px 14px !important;overflow:hidden;text-overflow:ellipsis;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;white-space:nowrap;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px}.duet-multiselect .duet-multiselect-label{overflow:hidden;text-overflow:ellipsis}.duet-multiselect:hover:not(:focus){outline:2px solid;outline-color:rgb(127, 150, 165) !important;outline-offset:-1px}.duet-theme-turva .duet-multiselect:hover:not(:focus),.duet-multiselect:hover:not(:focus).duet-theme-turva{outline-color:rgb(120, 145, 164) !important}.has-error .duet-multiselect:hover:not(:focus){outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important}.duet-multiselect:focus,.duet-multiselect.duet-multiselect-active{outline:2px solid;outline-color:rgb(0, 119, 179) !important;outline-offset:-1px}.duet-theme-turva .duet-multiselect:focus,.duet-multiselect:focus.duet-theme-turva,.duet-theme-turva .duet-multiselect.duet-multiselect-active,.duet-multiselect.duet-multiselect-active.duet-theme-turva{outline-color:rgb(23, 42, 59) !important}.has-error .duet-multiselect:focus,.has-error .duet-multiselect.duet-multiselect-active{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255) !important}.duet-multiselect[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;outline:none !important;background:rgb(228, 236, 239) !important;border-color:rgb(181, 198, 208) !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-multiselect>:first-child{flex:1;min-height:24px}.duet-multiselect .duet-multiselect-badge{padding:4px 8px 4px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);background:#d9ebf4;border-radius:20rem}.duet-multiselect .duet-multiselect-icon{margin-left:12px}.has-error .duet-multiselect{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important}.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-multiselect svg{width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none}.duet-multiselect svg.duet-multiselect-icon--rotate{transform:rotate(180deg)}.duet-multiselect-checkboxes{position:absolute;z-index:700;visibility:hidden;width:100%;padding:16px;margin:8px 0 0;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease}.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active{visibility:visible;opacity:1;transform:scale(1.0001) translateZ(0) translateY(0);transition-property:transform, opacity}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons{padding:8px 0;margin:-16px;margin-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{padding:6px 16px;margin:-4px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;color:rgb(0, 119, 179);cursor:pointer;border-radius:4px}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus,.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:first-child{border-right:1px solid rgb(212, 223, 229)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(8, 42, 77)}.duet-multiselect-checkboxes fieldset{margin-top:8px;margin-bottom:12px}.duet-multiselect-checkboxes fieldset+fieldset{margin-top:28px}.duet-multiselect-checkboxes legend{margin-bottom:12px;font-size:1rem;font-weight:600}.duet-multiselect-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-multiselect-help span{display:block;margin-top:8px}.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-theme-turva .duet-multiselect-wrapper{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-theme-turva .duet-multiselect{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59);border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-multiselect[disabled]{color:rgb(95, 122, 143) !important;cursor:not-allowed !important;outline:none !important;background:rgb(228, 233, 237) !important;border-color:rgb(178, 194, 205) !important;opacity:1 !important;-webkit-text-fill-color:rgb(23, 42, 59) !important}.duet-theme-turva .duet-multiselect svg{color:rgb(23, 42, 59)}.duet-theme-turva .duet-multiselect .duet-multiselect-badge{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:rgb(23, 42, 59);background:#e8eaeb}.duet-theme-turva .duet-multiselect-checkboxes{background:rgb(255, 255, 255);border-color:rgb(212, 221, 226);box-shadow:0 4px 10px 0 rgba(23, 28, 58, 0.15)}.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(230, 23, 64)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(23, 42, 59)}.duet-theme-turva .duet-multiselect-help{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(120, 145, 164)}.duet-theme-turva.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}';export{y as duet_multiselect}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as t,h as e,g as i}from"./p-B2cboDWM.js";import{i as o}from"./p-BzYmwX5_.js";import{s as r,u as a}from"./p-Db8rvjPI.js";import{a as d,g as n,c as s,d as c}from"./p-CFqvB5PA.js";import{g as l}from"./p-5lFzA17H.js";import{a as u}from"./p-BVgBUIYF.js";import"./p-C6E9F6QT.js";import"./p-DvwKrUS6.js";const h=class{constructor(e){t(this,e),this.language=d(),this.accessibleLabelUnreadDefaults={en:"Unread",fi:"Lukematon",sv:"Oläst"},this.accessibleLabelUnread=n(this.accessibleLabelUnreadDefaults,this.language),this.url="#",this.date="",this.highlight=!1,this.external=!1,this.theme=""}componentWillLoad(){o(this)}connectedCallback(){s(this,{prop:"accessibleLabelUnread",defaults:"accessibleLabelUnreadDefaults"}),r(this)}disconnectedCallback(){c(this),a(this)}async setFocus(t){this.linkElement.focus(t)}getAriaLabelText(){const t=l(this.element).map((t=>t.textContent.trim())).join(". ");return`${this.highlight?`${this.accessibleLabelUnread}. `:""}${t}${t.endsWith(".")?"":"."} ${this.date}`}render(){return e("div",{key:"0c265034a28ae5591df26cf2603ab3d045b45478",role:"listitem",class:{"duet-notification":!0,"duet-notification-highlight":this.highlight,"duet-theme-turva":"turva"===this.theme}},e("a",{key:"8f26b04ba38b69dcb86b0ab8b6820ad63453c831",ref:t=>this.linkElement=t,href:this.url,target:this.external?"_blank":"_self","aria-label":this.getAriaLabelText()},e("div",{key:"e573dfed62263051b2841cb36cfe1b3c00db8e50",class:"duet-notification-container"},e("div",{key:"0e4d1b7fec55b7c69043f3beebefff071f2d1e04",class:"duet-indicator-container"},this.highlight&&e("duet-indicator",{key:"e9086498a4ef7534f5a68956dad0a811486b41b1",variation:"new","accessible-label":this.accessibleLabelUnread})),e("div",{key:"d02944064c8c7842fb5556f2eadef2fc11aad3bd",class:"duet-notification-content"},e("slot",{key:"f4de0aed88ff1f2545d2d630c299fa7e73e62a67"})),e("div",{key:"8486cd8ac2797612ceae89c720b184c3e2f52805",class:"duet-notification-date"},this.date))))}get element(){return i(this)}};h.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}:host(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:0.7}.duet-notification{display:block;padding:16px;padding-bottom:0;cursor:pointer}:host(:first-of-type) .duet-notification{border-top-left-radius:var(--notification-border-top-radius, 8px);border-top-right-radius:var(--notification-border-top-radius, 8px)}:host(:last-of-type) .duet-notification{border-bottom:0;border-bottom-right-radius:var(--notification-border-bottom-radius, 8px);border-bottom-left-radius:var(--notification-border-bottom-radius, 8px)}.duet-notification.duet-notification-highlight{font-weight:600}@media (min-width: 62em){.duet-notification:hover{background:rgb(240, 247, 250)}}.duet-notification a{text-decoration:none}.duet-notification a:focus{outline:0}:host(.user-is-tabbing) .duet-notification:focus-within{outline:2px solid;outline-offset:-2px;outline-color:rgba(0, 119, 179, 0.8);z-index:1}.duet-theme-turva :host(.user-is-tabbing) .duet-notification:focus-within,:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-notification-container{position:relative;display:flex;padding-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-indicator-container{position:relative;width:10px;margin-top:6px;margin-left:6px}.duet-notification-content{flex:1}.duet-notification-date{position:absolute;top:2px;right:0;width:96px;font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:right;text-transform:uppercase;opacity:0.7}@media (max-width: 35.9375em){.duet-notification-date{width:auto}}@media (min-width: 62em){:host(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:1}.duet-notification{padding:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-notification:hover{background:rgb(228, 241, 247)}.duet-notification.duet-notification-highlight{font-weight:600;background:rgb(240, 247, 250)}.duet-notification-container{padding-bottom:0;border-bottom-style:none}}::slotted(duet-heading){padding-right:80px !important}::slotted(duet-paragraph){margin-bottom:2px !important}.duet-notification.duet-theme-turva{color:rgb(23, 42, 59);border-bottom-color:rgb(251, 225, 209)}.duet-notification.duet-notification-highlight.duet-theme-turva{background:rgb(253, 247, 242)}.duet-notification-badge.duet-theme-turva{background:rgb(230, 23, 64)}@media (min-width: 62em){.duet-notification:hover.duet-theme-turva{background:rgb(251, 235, 225)}}.duet-theme-turva .duet-notification-date{color:rgb(95, 122, 143)}";const b=class{constructor(e){t(this,e),this.isOpen=!1,this.icon="",this.label="Label",this.language=d(),this.accessibleLabelNotificationsDefaults={en:"No notifications",fi:"Ei ilmoituksia",sv:"Inga notifikationer"},this.accessibleLabelNotifications=n(this.accessibleLabelNotificationsDefaults),this.badge=!1,this.theme="",this.direction="left",this.handleKeyDown=t=>{this.isOpen&&27===t.keyCode&&this.close()},this.toggleMenu=t=>{t.stopPropagation(),this.isOpen?this.close():this.open()},this.updateNotificationState=()=>{this.hasNotifications=this.element.children.length>0}}componentWillLoad(){o(this),this.updateNotificationState()}connectedCallback(){this.observer=new MutationObserver(this.updateNotificationState),this.observer.observe(this.element,{childList:!0}),r(this)}disconnectedCallback(){this.observer.disconnect(),this.observer=null,a(this)}handleClickFocusOutside(t){this.isOpen&&!this.element.contains(t.target)&&this.close(!1)}async setFocus(t){this.drawerButtonEl.focus(t)}async open(){const t=this.element.closest("duet-header");t&&t.closeMenus(),this.isOpen=!0,this.drawerContentEl.scrollTop=0}async close(t=!0){this.isOpen=!1,t&&this.setFocus({preventScroll:!0})}render(){return e("div",{key:"8e97a8e6a2058296cc10026f42860f3bb895b2a3",class:{"duet-drawer":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:this.handleKeyDown},e("button",{key:"b13ac8ee8dab57c43589f2a07ce1c3093aa19b8c",ref:t=>this.drawerButtonEl=t,type:"button",class:{"duet-drawer-toggle":!0,"duet-theme-turva":"turva"===this.theme},id:"duet-drawer-toggle","aria-controls":"duet-drawer-content","aria-expanded":this.isOpen?"true":"false",onClick:this.toggleMenu},this.icon&&e("div",{key:"bd4969fcb3d1f150d6a90b6c51a30c6be85edc75",class:"duet-drawer-icon"},e("duet-icon",{key:"d5ff03e6dc3d7149488ec7c2de6377ee31ddbd16",margin:"none",size:"x-small",name:this.icon,color:"currentColor"}),this.badge&&e("duet-indicator",{key:"f79d92d82b2d2d60b4df0e272d0d394d61fd63db",variation:"change"})),e("span",{key:"1199f0cd40d583e1c01df562f08bcf60b4698526",class:"duet-drawer-label"},this.label),e("div",{key:"2e37bb3393dbae08571b683c09b674d7bc3e1e86",class:"duet-drawer-caret"},e("duet-icon",{key:"ec6d5078dfdfe96c112b9116518cfd0a61d03852",margin:"none",size:"auto",icon:u.svg,color:"currentColor"}))),e("div",{key:"c09a322633b12ba12e6cc18a9bec6a8a96590dc2",id:"duet-drawer-content",class:{"duet-drawer-content":!0,"duet-drawer-right":"right"===this.direction,"duet-drawer-left":"left"===this.direction,"duet-drawer-open":this.isOpen},ref:t=>this.drawerContentEl=t},this.hasNotifications?e("div",{role:"list"},e("slot",null)):e("duet-empty-state",{size:"small"},e("duet-paragraph",{size:"small",margin:"none"},this.accessibleLabelNotifications))))}get element(){return i(this)}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}.duet-drawer{position:relative}@media (min-width: 62em){.duet-drawer{display:inline-block}}.duet-drawer-toggle{position:relative;display:flex;align-items:center;width:100%;height:48px;padding:0 20px;overflow:hidden;text-overflow:ellipsis;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:48px;color:rgb(8, 42, 77);text-align:left;white-space:nowrap;text-decoration:none;-webkit-appearance:none;appearance:none;cursor:pointer;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-drawer-toggle:focus{outline:0}:host(.user-is-tabbing) .duet-drawer-toggle:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-drawer-toggle:focus,:host(.user-is-tabbing) .duet-drawer-toggle:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-drawer-toggle{z-index:200;width:auto;max-width:200px;padding:0 30px 0 12px;overflow:hidden;font-size:0.875rem;line-height:4rem;border:0;border-radius:4px;transition:border 300ms ease}}.duet-drawer-toggle:active{opacity:0.75}.duet-drawer-toggle:hover{color:rgb(0, 75, 129)}.duet-drawer-toggle::after{display:none !important}@media (min-width: 62em){.duet-drawer-toggle::after{position:absolute;top:auto;bottom:0;left:0;display:block !important;width:100%;height:3px;content:"";background:rgb(0, 119, 179);transform:translateY(3px);transition:300ms ease}}.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(0, 75, 129);border-bottom:1px solid rgb(245, 248, 250);border-radius:0}@media (min-width: 62em){.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{border:0}.duet-drawer-toggle[aria-expanded=true]::after,.duet-drawer-toggle[aria-expanded=true]:hover::after{left:0;width:100%;transform:translateY(0)}}.duet-drawer-icon{position:relative;display:inline-flex;min-width:12px;margin-right:12px;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-drawer-icon{margin-right:8px}}.duet-drawer-label{line-height:1}.duet-drawer-caret{position:absolute;top:50%;right:20px;display:flex;width:10px;height:10px;margin-left:8px;line-height:normal;pointer-events:none;transform:translateY(-50%);transform-origin:50% 50%;transition:300ms ease}@media (min-width: 62em){.duet-drawer-caret{right:16px;width:7px;height:7px}}.duet-drawer-caret duet-icon{width:10px}.duet-drawer-toggle[aria-expanded=true] .duet-drawer-caret{transform:translateY(-50%) rotate(180deg)}.duet-drawer-content{display:none;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229)}.duet-drawer-content:focus{outline:0}@media (min-width: 62em){.duet-drawer-content{--notification-border-top-radius:0;--notification-border-bottom-radius:4px;position:absolute;top:100%;z-index:600;display:block;visibility:hidden;width:450px;max-height:420px;padding-left:0;overflow-y:auto;background-color:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transform:scale(0.95) translateZ(0) translateY(-10px);transform-origin:50% 0;transition:300ms ease}.duet-drawer-content.duet-drawer-left{right:0}.duet-drawer-content.duet-drawer-right{left:0}}.duet-drawer-content.duet-drawer-open{display:block}@media (min-width: 62em){.duet-drawer-content.duet-drawer-open{visibility:visible;opacity:1;transform:scale(1) translateZ(0) translateY(0)}}.duet-theme-turva .duet-drawer-toggle{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59);background-color:rgb(255, 255, 255);border-color:rgb(212, 221, 226)}.duet-theme-turva .duet-drawer-toggle:hover{color:rgb(95, 122, 143)}@media (min-width: 62em){.duet-theme-turva .duet-drawer-toggle::after{background:rgb(230, 23, 64)}}.duet-theme-turva .duet-drawer-toggle[aria-expanded=true],.duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(140, 0, 30);border-color:rgb(245, 246, 247)}.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255);border-color:rgb(212, 223, 229)}@media (min-width: 62em){.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255)}}';export{h as duet_notification,b as duet_notification_drawer}
4
+ import{r as t,h as e,g as i}from"./p-D4MpGrUR.js";import{i as o}from"./p-B44ykle6.js";import{s as a,u as r}from"./p-BaefVzkx.js";import{a as d,g as n,c as s,d as c}from"./p-B0XOGsB6.js";import{g as l}from"./p-BWz_ChlU.js";import{a as u}from"./p-BVgBUIYF.js";import"./p-C6E9F6QT.js";import"./p-DvwKrUS6.js";const h=class{constructor(e){t(this,e),this.language=d(),this.accessibleLabelUnreadDefaults={en:"Unread",fi:"Lukematon",sv:"Oläst"},this.accessibleLabelUnread=n(this.accessibleLabelUnreadDefaults,this.language),this.url="#",this.date="",this.highlight=!1,this.external=!1,this.theme=""}componentWillLoad(){o(this)}connectedCallback(){s(this,{prop:"accessibleLabelUnread",defaults:"accessibleLabelUnreadDefaults"}),a(this)}disconnectedCallback(){c(this),r(this)}async setFocus(t){this.linkElement.focus(t)}getAriaLabelText(){const t=l(this.element).map((t=>t.textContent.trim())).join(". ");return`${this.highlight?`${this.accessibleLabelUnread}. `:""}${t}${t.endsWith(".")?"":"."} ${this.date}`}render(){return e("div",{key:"e116ef2939b8668fc7279240fdf496f47517525b",role:"listitem",class:{"duet-notification":!0,"duet-notification-highlight":this.highlight,"duet-theme-turva":"turva"===this.theme}},e("a",{key:"ac7b3f44a84463a437c6954d034b535dffcbc978",ref:t=>this.linkElement=t,href:this.url,target:this.external?"_blank":"_self","aria-label":this.getAriaLabelText()},e("div",{key:"42276fe951fbbabbf6ff6b3f2051d11157890e2a",class:"duet-notification-container"},e("div",{key:"56dcb28c55e3881f6d3db4e19b92bd31bc414172",class:"duet-indicator-container"},this.highlight&&e("duet-indicator",{key:"fd07536d88807026f7b41ab30ad85ea3e1af6032",variation:"new","accessible-label":this.accessibleLabelUnread})),e("div",{key:"e3daee0b1da9007ccf0338e2c093e46eec357331",class:"duet-notification-content"},e("slot",{key:"9bdcdf46004eac0eeabf90599190a403420e255b"})),e("div",{key:"2b8ac8c2a2ee2552011334bb902fcf179359641c",class:"duet-notification-date"},this.date))))}get element(){return i(this)}};h.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}:host(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:0.7}.duet-notification{display:block;padding:16px;padding-bottom:0;cursor:pointer}:host(:first-of-type) .duet-notification{border-top-left-radius:var(--notification-border-top-radius, 8px);border-top-right-radius:var(--notification-border-top-radius, 8px)}:host(:last-of-type) .duet-notification{border-bottom:0;border-bottom-right-radius:var(--notification-border-bottom-radius, 8px);border-bottom-left-radius:var(--notification-border-bottom-radius, 8px)}.duet-notification.duet-notification-highlight{font-weight:600}@media (min-width: 62em){.duet-notification:hover{background:rgb(240, 247, 250)}}.duet-notification a{text-decoration:none}.duet-notification a:focus{outline:0}:host(.user-is-tabbing) .duet-notification:focus-within{outline:2px solid;outline-offset:-2px;outline-color:rgba(0, 119, 179, 0.8);z-index:1}.duet-theme-turva :host(.user-is-tabbing) .duet-notification:focus-within,:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-notification-container{position:relative;display:flex;padding-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-indicator-container{position:relative;width:10px;margin-top:6px;margin-left:6px}.duet-notification-content{flex:1}.duet-notification-date{position:absolute;top:2px;right:0;width:96px;font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:right;text-transform:uppercase;opacity:0.7}@media (max-width: 35.9375em){.duet-notification-date{width:auto}}@media (min-width: 62em){:host(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:1}.duet-notification{padding:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-notification:hover{background:rgb(228, 241, 247)}.duet-notification.duet-notification-highlight{font-weight:600;background:rgb(240, 247, 250)}.duet-notification-container{padding-bottom:0;border-bottom-style:none}}::slotted(duet-heading){padding-right:80px !important}::slotted(duet-paragraph){margin-bottom:2px !important}.duet-notification.duet-theme-turva{color:rgb(23, 42, 59);border-bottom-color:rgb(251, 225, 209)}.duet-notification.duet-notification-highlight.duet-theme-turva{background:rgb(253, 247, 242)}.duet-notification-badge.duet-theme-turva{background:rgb(230, 23, 64)}@media (min-width: 62em){.duet-notification:hover.duet-theme-turva{background:rgb(251, 235, 225)}}.duet-theme-turva .duet-notification-date{color:rgb(95, 122, 143)}";const b=class{constructor(e){t(this,e),this.isOpen=!1,this.icon="",this.label="Label",this.language=d(),this.accessibleLabelNotificationsDefaults={en:"No notifications",fi:"Ei ilmoituksia",sv:"Inga notifikationer"},this.accessibleLabelNotifications=n(this.accessibleLabelNotificationsDefaults),this.badge=!1,this.theme="",this.direction="left",this.handleKeyDown=t=>{this.isOpen&&27===t.keyCode&&this.close()},this.toggleMenu=t=>{t.stopPropagation(),this.isOpen?this.close():this.open()},this.updateNotificationState=()=>{this.hasNotifications=this.element.children.length>0}}componentWillLoad(){o(this),this.updateNotificationState()}connectedCallback(){this.observer=new MutationObserver(this.updateNotificationState),this.observer.observe(this.element,{childList:!0}),a(this)}disconnectedCallback(){this.observer.disconnect(),this.observer=null,r(this)}handleClickFocusOutside(t){this.isOpen&&!this.element.contains(t.target)&&this.close(!1)}async setFocus(t){this.drawerButtonEl.focus(t)}async open(){const t=this.element.closest("duet-header");t&&t.closeMenus(),this.isOpen=!0,this.drawerContentEl.scrollTop=0}async close(t=!0){this.isOpen=!1,t&&this.setFocus({preventScroll:!0})}render(){return e("div",{key:"69b878842a591a528c9c8218abb3dae14e995406",class:{"duet-drawer":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:this.handleKeyDown},e("button",{key:"b430067e1fdca09a1c6ac0e162be9e2d5acd434f",ref:t=>this.drawerButtonEl=t,type:"button",class:{"duet-drawer-toggle":!0,"duet-theme-turva":"turva"===this.theme},id:"duet-drawer-toggle","aria-controls":"duet-drawer-content","aria-expanded":this.isOpen?"true":"false",onClick:this.toggleMenu},this.icon&&e("div",{key:"55a526c885dc7ea660730e97fdc25fe0943dd2e2",class:"duet-drawer-icon"},e("duet-icon",{key:"37e3d9b20ed6f54da0a1445a76b68dc4dfa0b308",margin:"none",size:"x-small",name:this.icon,color:"currentColor"}),this.badge&&e("duet-indicator",{key:"90c45774b6cf888241d8d82c35380d05692106c6",variation:"change"})),e("span",{key:"92725e4a7119dbc5050599fefe7a17871b2f6d81",class:"duet-drawer-label"},this.label),e("div",{key:"ba9fad66fc02ccf040d048a9d9706fc29b5d31c7",class:"duet-drawer-caret"},e("duet-icon",{key:"6e631282017345e59c7b7acdf7ccfa713d4a3bd2",margin:"none",size:"auto",icon:u.svg,color:"currentColor"}))),e("div",{key:"15342aa1db7638af746efb9401483f38f5d34b0f",id:"duet-drawer-content",class:{"duet-drawer-content":!0,"duet-drawer-right":"right"===this.direction,"duet-drawer-left":"left"===this.direction,"duet-drawer-open":this.isOpen},ref:t=>this.drawerContentEl=t},this.hasNotifications?e("div",{role:"list"},e("slot",null)):e("duet-empty-state",{size:"small"},e("duet-paragraph",{size:"small",margin:"none"},this.accessibleLabelNotifications))))}get element(){return i(this)}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}.duet-drawer{position:relative}@media (min-width: 62em){.duet-drawer{display:inline-block}}.duet-drawer-toggle{position:relative;display:flex;align-items:center;width:100%;height:48px;padding:0 20px;overflow:hidden;text-overflow:ellipsis;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:48px;color:rgb(8, 42, 77);text-align:left;white-space:nowrap;text-decoration:none;-webkit-appearance:none;appearance:none;cursor:pointer;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-drawer-toggle:focus{outline:0}:host(.user-is-tabbing) .duet-drawer-toggle:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-drawer-toggle:focus,:host(.user-is-tabbing) .duet-drawer-toggle:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-drawer-toggle{z-index:200;width:auto;max-width:200px;padding:0 30px 0 12px;overflow:hidden;font-size:0.875rem;line-height:4rem;border:0;border-radius:4px;transition:border 300ms ease}}.duet-drawer-toggle:active{opacity:0.75}.duet-drawer-toggle:hover{color:rgb(0, 75, 129)}.duet-drawer-toggle::after{display:none !important}@media (min-width: 62em){.duet-drawer-toggle::after{position:absolute;top:auto;bottom:0;left:0;display:block !important;width:100%;height:3px;content:"";background:rgb(0, 119, 179);transform:translateY(3px);transition:300ms ease}}.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(0, 75, 129);border-bottom:1px solid rgb(245, 248, 250);border-radius:0}@media (min-width: 62em){.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{border:0}.duet-drawer-toggle[aria-expanded=true]::after,.duet-drawer-toggle[aria-expanded=true]:hover::after{left:0;width:100%;transform:translateY(0)}}.duet-drawer-icon{position:relative;display:inline-flex;min-width:12px;margin-right:12px;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-drawer-icon{margin-right:8px}}.duet-drawer-label{line-height:1}.duet-drawer-caret{position:absolute;top:50%;right:20px;display:flex;width:10px;height:10px;margin-left:8px;line-height:normal;pointer-events:none;transform:translateY(-50%);transform-origin:50% 50%;transition:300ms ease}@media (min-width: 62em){.duet-drawer-caret{right:16px;width:7px;height:7px}}.duet-drawer-caret duet-icon{width:10px}.duet-drawer-toggle[aria-expanded=true] .duet-drawer-caret{transform:translateY(-50%) rotate(180deg)}.duet-drawer-content{display:none;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229)}.duet-drawer-content:focus{outline:0}@media (min-width: 62em){.duet-drawer-content{--notification-border-top-radius:0;--notification-border-bottom-radius:4px;position:absolute;top:100%;z-index:600;display:block;visibility:hidden;width:450px;max-height:420px;padding-left:0;overflow-y:auto;background-color:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transform:scale(0.95) translateZ(0) translateY(-10px);transform-origin:50% 0;transition:300ms ease}.duet-drawer-content.duet-drawer-left{right:0}.duet-drawer-content.duet-drawer-right{left:0}}.duet-drawer-content.duet-drawer-open{display:block}@media (min-width: 62em){.duet-drawer-content.duet-drawer-open{visibility:visible;opacity:1;transform:scale(1) translateZ(0) translateY(0)}}.duet-theme-turva .duet-drawer-toggle{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59);background-color:rgb(255, 255, 255);border-color:rgb(212, 221, 226)}.duet-theme-turva .duet-drawer-toggle:hover{color:rgb(95, 122, 143)}@media (min-width: 62em){.duet-theme-turva .duet-drawer-toggle::after{background:rgb(230, 23, 64)}}.duet-theme-turva .duet-drawer-toggle[aria-expanded=true],.duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(140, 0, 30);border-color:rgb(245, 246, 247)}.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255);border-color:rgb(212, 223, 229)}@media (min-width: 62em){.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255)}}';export{h as duet_notification,b as duet_notification_drawer}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as e,h as o,H as t,g as a}from"./p-B2cboDWM.js";import{i as r}from"./p-BzYmwX5_.js";import{a as n}from"./p-Db8rvjPI.js";const i=class{constructor(o){e(this,o),this.theme="",this.targetLanguage=void 0,this.href="#",this.icon=void 0,this.active=!1}componentWillLoad(){r(this)}handleEscape(e){if(n(e)){const e=this.element.closest("duet-toolbar-dropdown");e.open=!1,e.setFocus()}}render(){return o(t,{key:"3e2d19344c30c5f4aaa61b8ba843140145f9472e"},o("a",{key:"1c6b82c5be15bb9aae1591a3ad4b677a933f42d5",class:{"duet-toolbar-dropdown-link":!0,"duet-theme-turva":"turva"===this.theme,active:this.active},href:this.href,lang:this.targetLanguage,hreflang:this.targetLanguage,role:"link menuitem","aria-label":this.accessibleLabel,"aria-current":this.active?"true":"false",onKeyUp:e=>this.handleEscape(e)},this.icon&&o("duet-icon",{key:"77cb536dcca7ad1a91b58af50a9ba02709f9cbf9",name:this.icon,size:"x-small",margin:"none"}),o("span",{key:"2dafae9c60150889a0d75f3b87e8744d8d236095",class:"label"},o("slot",{key:"08c22e9d5dee73d3398843901654cfd78505f5b4"})),this.active&&o("duet-icon",{key:"0a99a17b4854ea9d34a86f762c3651e8ef018bd7",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor"})))}get element(){return a(this)}};i.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:100%}.duet-toolbar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:center;text-decoration:none}.duet-toolbar-dropdown-link:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-toolbar-dropdown-link:focus,.duet-toolbar-dropdown-link:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-toolbar-dropdown-link .label{flex:1;text-align:left}.duet-toolbar-dropdown-link.active{background:rgb(240, 247, 250)}.duet-toolbar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-toolbar-dropdown-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}.duet-toolbar-dropdown-link.duet-theme-turva.active{background:rgb(253, 247, 242)}.duet-toolbar-dropdown-link.duet-theme-turva:hover{background:rgb(251, 225, 209)}';export{i as duet_toolbar_dropdown_link}
4
+ import{r as e,h as o,H as t,g as a}from"./p-D4MpGrUR.js";import{i as r}from"./p-B44ykle6.js";import{a as n}from"./p-BaefVzkx.js";const i=class{constructor(o){e(this,o),this.theme="",this.targetLanguage=void 0,this.href="#",this.icon=void 0,this.active=!1}componentWillLoad(){r(this)}handleEscape(e){if(n(e)){const e=this.element.closest("duet-toolbar-dropdown");e.open=!1,e.setFocus()}}render(){return o(t,{key:"b00b4ee6b05837bd3221558d4031e19655e78c2d"},o("a",{key:"4bc395b03ce0515b092b261364b0461838ce5cbc",class:{"duet-toolbar-dropdown-link":!0,"duet-theme-turva":"turva"===this.theme,active:this.active},href:this.href,lang:this.targetLanguage,hreflang:this.targetLanguage,role:"link menuitem","aria-label":this.accessibleLabel,"aria-current":this.active?"true":"false",onKeyUp:e=>this.handleEscape(e)},this.icon&&o("duet-icon",{key:"f8d7e0d960179596c5ee99525bfbd9ee2bdc5509",name:this.icon,size:"x-small",margin:"none"}),o("span",{key:"6713e5f3ad08944baddaa01c8264293861d2aae2",class:"label"},o("slot",{key:"d64f498eb934e4e40c3851eff2565412bfdad6d0"})),this.active&&o("duet-icon",{key:"454ecd536a2b3643e93b7373fa5c9820a33cecdf",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor"})))}get element(){return a(this)}};i.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:100%}.duet-toolbar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:center;text-decoration:none}.duet-toolbar-dropdown-link:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-toolbar-dropdown-link:focus,.duet-toolbar-dropdown-link:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-toolbar-dropdown-link .label{flex:1;text-align:left}.duet-toolbar-dropdown-link.active{background:rgb(240, 247, 250)}.duet-toolbar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-toolbar-dropdown-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}.duet-toolbar-dropdown-link.duet-theme-turva.active{background:rgb(253, 247, 242)}.duet-toolbar-dropdown-link.duet-theme-turva:hover{background:rgb(251, 225, 209)}';export{i as duet_toolbar_dropdown_link}