@duetds/components 10.0.0-alpha.27 → 10.0.0-alpha.29

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 (352) hide show
  1. package/hydrate/index.js +164 -127
  2. package/hydrate/index.mjs +164 -127
  3. package/lib/cjs/{a11y-utils-B33qnv_c.js → a11y-utils-C2urHioz.js} +1 -1
  4. package/lib/cjs/{app-globals-DxEBgBDv.js → app-globals-CiRzLcdj.js} +1 -1
  5. package/lib/cjs/duet-action-button.cjs.entry.js +4 -4
  6. package/lib/cjs/duet-alert.cjs.entry.js +5 -5
  7. package/lib/cjs/duet-badge.cjs.entry.js +3 -3
  8. package/lib/cjs/duet-banner.cjs.entry.js +4 -4
  9. package/lib/cjs/duet-breadcrumb.cjs.entry.js +11 -20
  10. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +5 -5
  11. package/lib/cjs/duet-button_2.cjs.entry.js +5 -5
  12. package/lib/cjs/duet-callout.cjs.entry.js +3 -3
  13. package/lib/cjs/duet-caption_4.cjs.entry.js +12 -10
  14. package/lib/cjs/duet-card.cjs.entry.js +4 -4
  15. package/lib/cjs/duet-checkbox.cjs.entry.js +4 -4
  16. package/lib/cjs/duet-checkmark.cjs.entry.js +2 -2
  17. package/lib/cjs/duet-chip.cjs.entry.js +3 -3
  18. package/lib/cjs/duet-choice_2.cjs.entry.js +6 -6
  19. package/lib/cjs/duet-collapsible.cjs.entry.js +17 -8
  20. package/lib/cjs/duet-combobox.cjs.entry.js +4 -4
  21. package/lib/cjs/duet-contact-card.cjs.entry.js +3 -3
  22. package/lib/cjs/duet-cookie-consent.cjs.entry.js +2 -2
  23. package/lib/cjs/duet-date-picker.cjs.entry.js +8 -8
  24. package/lib/cjs/duet-divider_2.cjs.entry.js +3 -3
  25. package/lib/cjs/duet-editable-table_3.cjs.entry.js +6 -5
  26. package/lib/cjs/duet-empty-state.cjs.entry.js +2 -2
  27. package/lib/cjs/duet-fieldset.cjs.entry.js +10 -6
  28. package/lib/cjs/duet-file-chooser.cjs.entry.js +2 -2
  29. package/lib/cjs/duet-footer.cjs.entry.js +4 -4
  30. package/lib/cjs/duet-grid_2.cjs.entry.js +23 -10
  31. package/lib/cjs/duet-header_2.cjs.entry.js +4 -4
  32. package/lib/cjs/duet-hero.cjs.entry.js +18 -11
  33. package/lib/cjs/duet-icon.cjs.entry.js +3 -3
  34. package/lib/cjs/duet-indicator.cjs.entry.js +2 -2
  35. package/lib/cjs/duet-input_2.cjs.entry.js +22 -23
  36. package/lib/cjs/duet-layout.cjs.entry.js +2 -2
  37. package/lib/cjs/duet-list_2.cjs.entry.js +2 -2
  38. package/lib/cjs/duet-menu-bar-button.cjs.entry.js +2 -2
  39. package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +2 -2
  40. package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +2 -2
  41. package/lib/cjs/duet-menu-bar-item.cjs.entry.js +5 -5
  42. package/lib/cjs/duet-menu-bar-link.cjs.entry.js +2 -2
  43. package/lib/cjs/duet-menu-bar.cjs.entry.js +4 -4
  44. package/lib/cjs/duet-modal.cjs.entry.js +26 -14
  45. package/lib/cjs/duet-multiselect.cjs.entry.js +10 -10
  46. package/lib/cjs/duet-nav.cjs.entry.js +3 -3
  47. package/lib/cjs/duet-notification_2.cjs.entry.js +3 -3
  48. package/lib/cjs/duet-number-input.cjs.entry.js +6 -6
  49. package/lib/cjs/duet-overlay.cjs.entry.js +2 -2
  50. package/lib/cjs/duet-page-heading.cjs.entry.js +3 -3
  51. package/lib/cjs/duet-pagination_2.cjs.entry.js +4 -4
  52. package/lib/cjs/duet-panel.cjs.entry.js +3 -3
  53. package/lib/cjs/duet-phone-input.cjs.entry.js +4 -4
  54. package/lib/cjs/duet-popup-menu_2.cjs.entry.js +4 -4
  55. package/lib/cjs/duet-progress.cjs.entry.js +3 -3
  56. package/lib/cjs/duet-promo-card.cjs.entry.js +4 -4
  57. package/lib/cjs/duet-radio_2.cjs.entry.js +4 -4
  58. package/lib/cjs/duet-range-slider.cjs.entry.js +4 -4
  59. package/lib/cjs/duet-scrollable_3.cjs.entry.js +5 -5
  60. package/lib/cjs/duet-section-layout.cjs.entry.js +1 -1
  61. package/lib/cjs/duet-select.cjs.entry.js +9 -9
  62. package/lib/cjs/duet-shaped-image.cjs.entry.js +2 -2
  63. package/lib/cjs/duet-share-chart-item.cjs.entry.js +1 -1
  64. package/lib/cjs/duet-share-chart.cjs.entry.js +5 -5
  65. package/lib/cjs/duet-show-more.cjs.entry.js +3 -3
  66. package/lib/cjs/duet-slideout-lang.cjs.entry.js +3 -3
  67. package/lib/cjs/duet-slideout-link.cjs.entry.js +5 -5
  68. package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +2 -2
  69. package/lib/cjs/duet-slideout-panel.cjs.entry.js +6 -6
  70. package/lib/cjs/duet-slideout.cjs.entry.js +6 -6
  71. package/lib/cjs/duet-status-icon.cjs.entry.js +1 -1
  72. package/lib/cjs/duet-step_2.cjs.entry.js +3 -3
  73. package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +2 -2
  74. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +2 -2
  75. package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +5 -5
  76. package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +2 -2
  77. package/lib/cjs/duet-submenu-bar.cjs.entry.js +3 -3
  78. package/lib/cjs/duet-textarea.cjs.entry.js +8 -8
  79. package/lib/cjs/duet-toggle.cjs.entry.js +4 -4
  80. package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +2 -2
  81. package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +2 -2
  82. package/lib/cjs/duet-toolbar-item.cjs.entry.js +5 -5
  83. package/lib/cjs/duet-toolbar-link.cjs.entry.js +2 -2
  84. package/lib/cjs/duet-toolbar.cjs.entry.js +2 -2
  85. package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +3 -3
  86. package/lib/cjs/duet-tooltip.cjs.entry.js +4 -4
  87. package/lib/cjs/duet-tray.cjs.entry.js +3 -3
  88. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
  89. package/lib/cjs/duet-upload-item.cjs.entry.js +4 -4
  90. package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
  91. package/lib/cjs/duet.cjs.js +3 -3
  92. package/lib/cjs/{errorcodes.utils-D9V4NJkh.js → errorcodes.utils-CT287Ycp.js} +1 -1
  93. package/lib/cjs/{focus-utils-2MQWj2yf.js → focus-utils-DYmtJ1FV.js} +1 -1
  94. package/lib/cjs/{index-CgbT-GDe.js → index-ULRMHMT6.js} +1 -1
  95. package/lib/cjs/{label-B2EZulEI.js → label-Cw2Vvd6f.js} +1 -1
  96. package/lib/cjs/{language-utils-DjVt82-o.js → language-utils-D_noDTNR.js} +1 -1
  97. package/lib/cjs/loader.cjs.js +3 -3
  98. package/lib/cjs/{slot-utils-mZWWDERy.js → slot-utils-CuWfl8gF.js} +1 -1
  99. package/lib/cjs/{themeable-component-DtTN09xK.js → themeable-component-vXSpPXDS.js} +1 -1
  100. package/lib/cjs/{token-utils-DsVwGXGM.js → token-utils-b3aW02zZ.js} +7 -4
  101. package/lib/collection/components/duet-alert/duet-alert.css +1 -0
  102. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.css +1 -1
  103. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +9 -22
  104. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.css +3 -3
  105. package/lib/collection/components/duet-button/duet-button.css +3 -0
  106. package/lib/collection/components/duet-checkbox/duet-checkbox.js +3 -3
  107. package/lib/collection/components/duet-choice-group/duet-choice-group.js +3 -3
  108. package/lib/collection/components/duet-collapsible/duet-collapsible.js +15 -6
  109. package/lib/collection/components/duet-date-picker/duet-date-picker.js +3 -3
  110. package/lib/collection/components/duet-fieldset/duet-fieldset.js +9 -4
  111. package/lib/collection/components/duet-grid/duet-grid.js +27 -12
  112. package/lib/collection/components/duet-hero/duet-hero.css +4 -0
  113. package/lib/collection/components/duet-hero/duet-hero.js +13 -6
  114. package/lib/collection/components/duet-input/duet-input.css +7 -0
  115. package/lib/collection/components/duet-input/duet-input.js +26 -42
  116. package/lib/collection/components/duet-link/duet-link.css +6 -0
  117. package/lib/collection/components/duet-menu-bar/duet-menu-bar.css +4 -0
  118. package/lib/collection/components/duet-modal/duet-modal.js +20 -8
  119. package/lib/collection/components/duet-multiselect/duet-multiselect.js +6 -6
  120. package/lib/collection/components/duet-nav/duet-nav.css +4 -0
  121. package/lib/collection/components/duet-number-input/duet-number-input.js +3 -3
  122. package/lib/collection/components/duet-page-heading/duet-page-heading.js +1 -1
  123. package/lib/collection/components/duet-panel/duet-panel.css +5 -4
  124. package/lib/collection/components/duet-paragraph/duet-paragraph.css +3 -0
  125. package/lib/collection/components/duet-paragraph/duet-paragraph.js +4 -2
  126. package/lib/collection/components/duet-phone-input/duet-phone-input.js +1 -1
  127. package/lib/collection/components/duet-radio-group/duet-radio-group.js +2 -2
  128. package/lib/collection/components/duet-select/duet-select.js +6 -6
  129. package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.css +4 -0
  130. package/lib/collection/components/duet-table/duet-table-styles.js +1 -0
  131. package/lib/collection/components/duet-textarea/duet-textarea.js +4 -4
  132. package/lib/collection/utils/token-utils.js +3 -3
  133. package/lib/duet/duet.esm.js +1 -1
  134. package/lib/duet/{p-493d938a.entry.js → p-01b28129.entry.js} +1 -1
  135. package/lib/duet/{p-e439d733.entry.js → p-01bfda23.entry.js} +1 -1
  136. package/lib/duet/{p-875dd701.entry.js → p-01c80d5a.entry.js} +1 -1
  137. package/lib/duet/{p-0528f691.entry.js → p-06ca53e7.entry.js} +1 -1
  138. package/lib/duet/{p-8ff78f91.entry.js → p-098d9160.entry.js} +1 -1
  139. package/lib/duet/{p-72c7db64.entry.js → p-0a9945d3.entry.js} +1 -1
  140. package/lib/duet/{p-6fe283f7.entry.js → p-0eb86bf1.entry.js} +1 -1
  141. package/lib/duet/{p-cd4d12c2.entry.js → p-10640c4f.entry.js} +1 -1
  142. package/lib/duet/{p-b37b1542.entry.js → p-18674149.entry.js} +1 -1
  143. package/lib/duet/{p-4107efb5.entry.js → p-1d192423.entry.js} +1 -1
  144. package/lib/duet/p-1e043a65.entry.js +4 -0
  145. package/lib/duet/{p-f6b76f66.entry.js → p-218d8d0c.entry.js} +1 -1
  146. package/lib/duet/{p-9af77c24.entry.js → p-22baa879.entry.js} +1 -1
  147. package/lib/duet/{p-d11b094d.entry.js → p-22c91ab8.entry.js} +1 -1
  148. package/lib/duet/{p-c4fe8bae.entry.js → p-23cf09fc.entry.js} +1 -1
  149. package/lib/duet/{p-7379c2ed.entry.js → p-242e8590.entry.js} +1 -1
  150. package/lib/duet/p-2defb00a.entry.js +4 -0
  151. package/lib/duet/p-35d6644f.entry.js +4 -0
  152. package/lib/duet/p-366f6c75.entry.js +4 -0
  153. package/lib/duet/{p-a94cc8a6.entry.js → p-368f8b17.entry.js} +1 -1
  154. package/lib/duet/{p-208fdfe6.entry.js → p-3740d6a3.entry.js} +1 -1
  155. package/lib/duet/{p-e882bbb5.entry.js → p-38f1f411.entry.js} +1 -1
  156. package/lib/duet/{p-5efda812.entry.js → p-3a774155.entry.js} +1 -1
  157. package/lib/duet/{p-1228299f.entry.js → p-40965806.entry.js} +1 -1
  158. package/lib/duet/{p-fc7d6429.entry.js → p-43417674.entry.js} +1 -1
  159. package/lib/duet/{p-076d2d0d.entry.js → p-4743f2de.entry.js} +1 -1
  160. package/lib/duet/{p-2c976b5a.entry.js → p-49bccc83.entry.js} +1 -1
  161. package/lib/duet/{p-5a8f14cf.entry.js → p-4a0f1cdb.entry.js} +1 -1
  162. package/lib/duet/{p-c43669b3.entry.js → p-4a4795be.entry.js} +1 -1
  163. package/lib/duet/{p-b025df86.entry.js → p-4c421d4a.entry.js} +1 -1
  164. package/lib/duet/{p-91f39296.entry.js → p-5175a2dd.entry.js} +1 -1
  165. package/lib/duet/{p-5b2527f7.entry.js → p-531ccf9e.entry.js} +1 -1
  166. package/lib/duet/{p-a582e823.entry.js → p-545fc3f7.entry.js} +1 -1
  167. package/lib/duet/{p-d65a706f.entry.js → p-55905e75.entry.js} +1 -1
  168. package/lib/duet/p-5689da45.entry.js +4 -0
  169. package/lib/duet/{p-4f638a3d.entry.js → p-56fbb9c9.entry.js} +1 -1
  170. package/lib/duet/{p-bc7d4da0.entry.js → p-5eaf6164.entry.js} +1 -1
  171. package/lib/duet/{p-4b032feb.entry.js → p-5ef0982d.entry.js} +1 -1
  172. package/lib/duet/p-6442c2be.entry.js +4 -0
  173. package/lib/duet/{p-a431d704.entry.js → p-6b5e575b.entry.js} +1 -1
  174. package/lib/duet/{p-6943a2ef.entry.js → p-6c1a7d2a.entry.js} +1 -1
  175. package/lib/duet/{p-59cd72fc.entry.js → p-726b706a.entry.js} +1 -1
  176. package/lib/duet/{p-25ebe6a5.entry.js → p-73041240.entry.js} +1 -1
  177. package/lib/duet/{p-15d4751c.entry.js → p-7340a148.entry.js} +1 -1
  178. package/lib/duet/{p-bed6b29f.entry.js → p-78f0104d.entry.js} +1 -1
  179. package/lib/duet/{p-ba6dc53e.entry.js → p-7c4b51bc.entry.js} +1 -1
  180. package/lib/duet/p-7d682f0c.entry.js +4 -0
  181. package/lib/duet/p-7dde6589.entry.js +4 -0
  182. package/lib/duet/{p-9500f26b.entry.js → p-80c2a22b.entry.js} +1 -1
  183. package/lib/duet/{p-39087512.entry.js → p-86613005.entry.js} +1 -1
  184. package/lib/duet/{p-a274b8fd.entry.js → p-866d5fba.entry.js} +1 -1
  185. package/lib/duet/{p-79c93372.entry.js → p-878e745d.entry.js} +1 -1
  186. package/lib/duet/{p-7ace4629.entry.js → p-89de527f.entry.js} +1 -1
  187. package/lib/duet/{p-41dd144f.entry.js → p-8eb11318.entry.js} +1 -1
  188. package/lib/duet/p-96179df4.entry.js +4 -0
  189. package/lib/duet/{p-3facac5a.entry.js → p-994e0989.entry.js} +1 -1
  190. package/lib/duet/{p-931b4437.entry.js → p-9d630f8d.entry.js} +1 -1
  191. package/lib/duet/{p-Ob09ol4-.js → p-B0lHdUDq.js} +1 -1
  192. package/lib/duet/{p-BSOF0zb5.js → p-Bq8ssolA.js} +1 -1
  193. package/lib/duet/p-C-pON5qf.js +4 -0
  194. package/lib/duet/{p-vt84lkeQ.js → p-Cg-Sy7Qf.js} +1 -1
  195. package/lib/duet/p-CmVjSa2G.js +4 -0
  196. package/lib/duet/{p-1s1EpusX.js → p-D8Vx4GZo.js} +1 -1
  197. package/lib/duet/{p-BXJZKiJg.js → p-DNq3_6qZ.js} +1 -1
  198. package/lib/duet/p-DhhvHRbK.js +4 -0
  199. package/lib/duet/p-Do6ugHz0.js +4 -0
  200. package/lib/duet/{p-fe393084.entry.js → p-a456687d.entry.js} +1 -1
  201. package/lib/duet/p-a6eed3fb.entry.js +4 -0
  202. package/lib/duet/p-a954bbc6.entry.js +4 -0
  203. package/lib/duet/{p-ed5f5c6b.entry.js → p-ac84994d.entry.js} +1 -1
  204. package/lib/duet/{p-a9094bdc.entry.js → p-ae830c4f.entry.js} +1 -1
  205. package/lib/duet/{p-55a63695.entry.js → p-b8f14348.entry.js} +1 -1
  206. package/lib/duet/{p-deb90dc7.entry.js → p-c3e002cb.entry.js} +1 -1
  207. package/lib/duet/{p-a0e708db.entry.js → p-c6c245d2.entry.js} +1 -1
  208. package/lib/duet/p-c6c2f1dc.entry.js +4 -0
  209. package/lib/duet/{p-b6354004.entry.js → p-ca1ac603.entry.js} +1 -1
  210. package/lib/duet/{p-3389969d.entry.js → p-cb5020b3.entry.js} +1 -1
  211. package/lib/duet/{p-4289c214.entry.js → p-cc2fe910.entry.js} +1 -1
  212. package/lib/duet/{p-1995091e.entry.js → p-d0fe1162.entry.js} +1 -1
  213. package/lib/duet/{p-fe29dee3.entry.js → p-d4c5c776.entry.js} +1 -1
  214. package/lib/duet/{p-9f9576a2.entry.js → p-d77d51df.entry.js} +1 -1
  215. package/lib/duet/{p-338667ab.entry.js → p-e03b4d6d.entry.js} +1 -1
  216. package/lib/duet/{p-75fd0eca.entry.js → p-e18ded3f.entry.js} +1 -1
  217. package/lib/duet/{p-b001a8a4.entry.js → p-e1997fb2.entry.js} +1 -1
  218. package/lib/duet/p-e41e1570.entry.js +4 -0
  219. package/lib/duet/{p-3c7ba14f.entry.js → p-e443cf8a.entry.js} +1 -1
  220. package/lib/duet/{p-ef821bec.entry.js → p-e6a4707d.entry.js} +1 -1
  221. package/lib/duet/{p-ab61831a.entry.js → p-e9ff33aa.entry.js} +1 -1
  222. package/lib/duet/{p-ca2fd9dc.entry.js → p-eb7799de.entry.js} +1 -1
  223. package/lib/duet/{p-167290f7.entry.js → p-ed4f565e.entry.js} +1 -1
  224. package/lib/duet/{p-263790e3.entry.js → p-ee8f51c9.entry.js} +1 -1
  225. package/lib/duet/{p-50afabfb.entry.js → p-f25c9b3a.entry.js} +1 -1
  226. package/lib/duet/{p-503a290b.entry.js → p-f950ae45.entry.js} +1 -1
  227. package/lib/duet/{p-c745c02a.entry.js → p-fd19cbeb.entry.js} +1 -1
  228. package/lib/duet/{p-6a95d722.entry.js → p-ffa644e6.entry.js} +1 -1
  229. package/lib/duet/p-vLG7vkZg.js +4 -0
  230. package/lib/esm/{a11y-utils-CROKOfOD.js → a11y-utils-k-txkQIa.js} +1 -1
  231. package/lib/esm/{app-globals-CahJi_2c.js → app-globals-BL1PM4GK.js} +1 -1
  232. package/lib/esm/duet-action-button.entry.js +4 -4
  233. package/lib/esm/duet-alert.entry.js +5 -5
  234. package/lib/esm/duet-badge.entry.js +3 -3
  235. package/lib/esm/duet-banner.entry.js +4 -4
  236. package/lib/esm/duet-breadcrumb.entry.js +11 -20
  237. package/lib/esm/duet-breadcrumbs.entry.js +5 -5
  238. package/lib/esm/duet-button_2.entry.js +5 -5
  239. package/lib/esm/duet-callout.entry.js +3 -3
  240. package/lib/esm/duet-caption_4.entry.js +12 -10
  241. package/lib/esm/duet-card.entry.js +4 -4
  242. package/lib/esm/duet-checkbox.entry.js +4 -4
  243. package/lib/esm/duet-checkmark.entry.js +2 -2
  244. package/lib/esm/duet-chip.entry.js +3 -3
  245. package/lib/esm/duet-choice_2.entry.js +6 -6
  246. package/lib/esm/duet-collapsible.entry.js +17 -8
  247. package/lib/esm/duet-combobox.entry.js +4 -4
  248. package/lib/esm/duet-contact-card.entry.js +3 -3
  249. package/lib/esm/duet-cookie-consent.entry.js +2 -2
  250. package/lib/esm/duet-date-picker.entry.js +8 -8
  251. package/lib/esm/duet-divider_2.entry.js +3 -3
  252. package/lib/esm/duet-editable-table_3.entry.js +6 -5
  253. package/lib/esm/duet-empty-state.entry.js +2 -2
  254. package/lib/esm/duet-fieldset.entry.js +10 -6
  255. package/lib/esm/duet-file-chooser.entry.js +2 -2
  256. package/lib/esm/duet-footer.entry.js +4 -4
  257. package/lib/esm/duet-grid_2.entry.js +23 -10
  258. package/lib/esm/duet-header_2.entry.js +4 -4
  259. package/lib/esm/duet-hero.entry.js +18 -11
  260. package/lib/esm/duet-icon.entry.js +3 -3
  261. package/lib/esm/duet-indicator.entry.js +2 -2
  262. package/lib/esm/duet-input_2.entry.js +22 -23
  263. package/lib/esm/duet-layout.entry.js +2 -2
  264. package/lib/esm/duet-list_2.entry.js +2 -2
  265. package/lib/esm/duet-menu-bar-button.entry.js +2 -2
  266. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +2 -2
  267. package/lib/esm/duet-menu-bar-dropdown.entry.js +2 -2
  268. package/lib/esm/duet-menu-bar-item.entry.js +5 -5
  269. package/lib/esm/duet-menu-bar-link.entry.js +2 -2
  270. package/lib/esm/duet-menu-bar.entry.js +4 -4
  271. package/lib/esm/duet-modal.entry.js +26 -14
  272. package/lib/esm/duet-multiselect.entry.js +10 -10
  273. package/lib/esm/duet-nav.entry.js +3 -3
  274. package/lib/esm/duet-notification_2.entry.js +3 -3
  275. package/lib/esm/duet-number-input.entry.js +6 -6
  276. package/lib/esm/duet-overlay.entry.js +2 -2
  277. package/lib/esm/duet-page-heading.entry.js +3 -3
  278. package/lib/esm/duet-pagination_2.entry.js +4 -4
  279. package/lib/esm/duet-panel.entry.js +3 -3
  280. package/lib/esm/duet-phone-input.entry.js +4 -4
  281. package/lib/esm/duet-popup-menu_2.entry.js +4 -4
  282. package/lib/esm/duet-progress.entry.js +3 -3
  283. package/lib/esm/duet-promo-card.entry.js +4 -4
  284. package/lib/esm/duet-radio_2.entry.js +4 -4
  285. package/lib/esm/duet-range-slider.entry.js +4 -4
  286. package/lib/esm/duet-scrollable_3.entry.js +5 -5
  287. package/lib/esm/duet-section-layout.entry.js +1 -1
  288. package/lib/esm/duet-select.entry.js +9 -9
  289. package/lib/esm/duet-shaped-image.entry.js +2 -2
  290. package/lib/esm/duet-share-chart-item.entry.js +1 -1
  291. package/lib/esm/duet-share-chart.entry.js +5 -5
  292. package/lib/esm/duet-show-more.entry.js +3 -3
  293. package/lib/esm/duet-slideout-lang.entry.js +3 -3
  294. package/lib/esm/duet-slideout-link.entry.js +5 -5
  295. package/lib/esm/duet-slideout-panel-dropdown.entry.js +2 -2
  296. package/lib/esm/duet-slideout-panel.entry.js +6 -6
  297. package/lib/esm/duet-slideout.entry.js +6 -6
  298. package/lib/esm/duet-status-icon.entry.js +1 -1
  299. package/lib/esm/duet-step_2.entry.js +3 -3
  300. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +2 -2
  301. package/lib/esm/duet-submenu-bar-dropdown.entry.js +2 -2
  302. package/lib/esm/duet-submenu-bar-item.entry.js +5 -5
  303. package/lib/esm/duet-submenu-bar-link.entry.js +2 -2
  304. package/lib/esm/duet-submenu-bar.entry.js +3 -3
  305. package/lib/esm/duet-textarea.entry.js +8 -8
  306. package/lib/esm/duet-toggle.entry.js +4 -4
  307. package/lib/esm/duet-toolbar-dropdown-link.entry.js +2 -2
  308. package/lib/esm/duet-toolbar-dropdown.entry.js +2 -2
  309. package/lib/esm/duet-toolbar-item.entry.js +5 -5
  310. package/lib/esm/duet-toolbar-link.entry.js +2 -2
  311. package/lib/esm/duet-toolbar.entry.js +2 -2
  312. package/lib/esm/duet-tooltip-button_2.entry.js +3 -3
  313. package/lib/esm/duet-tooltip.entry.js +4 -4
  314. package/lib/esm/duet-tray.entry.js +3 -3
  315. package/lib/esm/duet-upload-aria-status.entry.js +1 -1
  316. package/lib/esm/duet-upload-item.entry.js +4 -4
  317. package/lib/esm/duet-visually-hidden.entry.js +1 -1
  318. package/lib/esm/duet.js +4 -4
  319. package/lib/esm/{errorcodes.utils-6V_f8y5q.js → errorcodes.utils-DMBhYFft.js} +1 -1
  320. package/lib/esm/{focus-utils-CErdQceY.js → focus-utils-CKJz94Qb.js} +1 -1
  321. package/lib/esm/{index-vt84lkeQ.js → index-Cg-Sy7Qf.js} +1 -1
  322. package/lib/esm/{label-BosP5JdK.js → label-CiT_iRKt.js} +1 -1
  323. package/lib/esm/{language-utils-B9dLrWKg.js → language-utils-CQS4gIfI.js} +1 -1
  324. package/lib/esm/loader.js +4 -4
  325. package/lib/esm/{slot-utils-BZXZ33TK.js → slot-utils-BtxgUznn.js} +1 -1
  326. package/lib/esm/{themeable-component-CsnFpp6R.js → themeable-component-C76K02P9.js} +1 -1
  327. package/lib/esm/{token-utils-BGFYWQ6j.js → token-utils-C-c-tsXV.js} +7 -4
  328. package/lib/types/components/duet-breadcrumbs/duet-breadcrumb.d.ts +2 -4
  329. package/lib/types/components/duet-grid/duet-grid.d.ts +5 -3
  330. package/lib/types/components/duet-hero/duet-hero.d.ts +2 -0
  331. package/lib/types/components/duet-input/duet-input.d.ts +5 -10
  332. package/lib/types/components/duet-paragraph/duet-paragraph.d.ts +1 -0
  333. package/lib/types/components.d.ts +24 -4
  334. package/package.json +3 -3
  335. package/lib/duet/p-26146512.entry.js +0 -4
  336. package/lib/duet/p-3d3aff4c.entry.js +0 -4
  337. package/lib/duet/p-46eaee49.entry.js +0 -4
  338. package/lib/duet/p-537d3b11.entry.js +0 -4
  339. package/lib/duet/p-61105f0d.entry.js +0 -4
  340. package/lib/duet/p-950c4ec0.entry.js +0 -4
  341. package/lib/duet/p-Cq7Ixl9a.js +0 -4
  342. package/lib/duet/p-DejMEymG.js +0 -4
  343. package/lib/duet/p-Dr2j33H2.js +0 -4
  344. package/lib/duet/p-G09pKpI-.js +0 -4
  345. package/lib/duet/p-aWO-HcmJ.js +0 -4
  346. package/lib/duet/p-b2780442.entry.js +0 -4
  347. package/lib/duet/p-babbf633.entry.js +0 -4
  348. package/lib/duet/p-c516bf93.entry.js +0 -4
  349. package/lib/duet/p-c588fc15.entry.js +0 -4
  350. package/lib/duet/p-cbedc26b.entry.js +0 -4
  351. package/lib/duet/p-f46480c6.entry.js +0 -4
  352. package/lib/duet/p-fd989bd6.entry.js +0 -4
package/lib/duet/{p-9f9576a2.entry.js → p-d77d51df.entry.js} RENAMED
@@ -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-vt84lkeQ.js";import{i as a}from"./p-BXJZKiJg.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:"549451747b5d958dcac03314e5571631ddb5681c",role:"listitem"},t("div",{key:"91c7c1f71d878251370fd14fbe8a5f7e53a4d8bd",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:"a1bc6d43c28b9070c8f351111312cf436b02b3a2",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:"612895f551ed8c5045b2a5946b3528948fb34468",class:"menu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),t("div",{key:"92d067edbc9fd30ed9113f20153943cfe99030fa",class:"label"},t("slot",{key:"2dc4b402f56b0e45f4590a563bdbff368bf9e761",name:"label"}),t("duet-icon",{key:"97c55f40d40e52c267bdc2f0edf127c8868b91d2",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),t("div",{key:"625909f147e2f0d3ac7d74197d787621afd5ad5e",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open}},t("slot",{key:"927e1629164029ae374bf2a0828246865e682f21"}))))}get element(){return n(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;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}@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:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.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-theme-turva .duet-menu-bar-dropdown button.active{color:rgb(198, 12, 48)}.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);transition:300ms ease;transform:translateY(2px)}.duet-theme-turva .duet-menu-bar-dropdown button.active::after{background:rgb(198, 12, 48)}.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, 28, 58)}.duet-menu-bar-dropdown.duet-theme-turva button:hover{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-dropdown.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button{color:#172a3b}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button:hover{color:#e61740}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active{color:#e61740}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:#e61740}';export{d as duet_menu_bar_dropdown}
4
+ import{r as e,h as t,H as o,g as n}from"./p-Cg-Sy7Qf.js";import{i as a}from"./p-DNq3_6qZ.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:"549451747b5d958dcac03314e5571631ddb5681c",role:"listitem"},t("div",{key:"91c7c1f71d878251370fd14fbe8a5f7e53a4d8bd",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:"a1bc6d43c28b9070c8f351111312cf436b02b3a2",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:"612895f551ed8c5045b2a5946b3528948fb34468",class:"menu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),t("div",{key:"92d067edbc9fd30ed9113f20153943cfe99030fa",class:"label"},t("slot",{key:"2dc4b402f56b0e45f4590a563bdbff368bf9e761",name:"label"}),t("duet-icon",{key:"97c55f40d40e52c267bdc2f0edf127c8868b91d2",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),t("div",{key:"625909f147e2f0d3ac7d74197d787621afd5ad5e",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open}},t("slot",{key:"927e1629164029ae374bf2a0828246865e682f21"}))))}get element(){return n(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;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}@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:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.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-theme-turva .duet-menu-bar-dropdown button.active{color:rgb(198, 12, 48)}.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);transition:300ms ease;transform:translateY(2px)}.duet-theme-turva .duet-menu-bar-dropdown button.active::after{background:rgb(198, 12, 48)}.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, 28, 58)}.duet-menu-bar-dropdown.duet-theme-turva button:hover{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-dropdown.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button{color:#172a3b}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button:hover{color:#e61740}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active{color:#e61740}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:#e61740}';export{d as duet_menu_bar_dropdown}
package/lib/duet/{p-338667ab.entry.js → p-e03b4d6d.entry.js} RENAMED
@@ -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 a,g as o,c as i}from"./p-vt84lkeQ.js";import{i as r}from"./p-BXJZKiJg.js";import{h as s,g as l}from"./p-aWO-HcmJ.js";import{s as n,u as d,b,p as u,d as c,e as h,f as p,g}from"./p-Db8rvjPI.js";import{g as m,c as f,d as v,a as x}from"./p-Ob09ol4-.js";import{d as k}from"./p-Dr2j33H2.js";import{c as w}from"./p-Cfr_DJqU.js";import"./p-C6E9F6QT.js";import"./p-Z0D6Gy9e.js";const y=class{constructor(e){t(this,e),this.currentIndex=0,this.scrollPaneElement=void 0,this.hasCollapseButtonLabelSlot=!1,this.scrollPaneAtStart=!0,this.needsScrolling=!0,this.scrollPaneAtEnd=!1,this.childrenData={},this.resizeObserver=new ResizeObserver((t=>{if(1===(null==t?void 0:t.length)){const e=this.getOverlayWidth();this.checkScrollingNeeded(t[0].target,e)}})),this.theme="",this.identifier="",this.collapsed=!1,this.buttons=!0,this.buttonAlignment="center",this.buttonPosition="relative",this.center=!1,this.padding="none",this.gap="large",this.selected=0,this.stretch=!1,this.collapsedOnClick=()=>{this.collapsed=!this.collapsed}}watchPropHandler(t){this.scrollToElement(t,"center")}componentWillLoad(){r(this),this.hasCollapseButtonLabelSlot=s(this.element,"collapse-button-label")}componentDidLoad(){requestAnimationFrame((()=>{this.scrollPaneElement&&(this.checkScrollingNeeded(this.scrollPaneElement,"absolute"===this.buttonPosition?0:5),this.updateScrollButtons(),this.resizeObserver.observe(this.scrollPaneElement))}))}disconnectedCallback(){this.resizeObserver.disconnect()}getScrollPaneElements(){return l(this.element)}checkScrollingNeeded(t=this.scrollPaneElement,e=5){var a;if(!t)return;const o=(null===(a=t.parentElement)||void 0===a?void 0:a.getBoundingClientRect().width)||0,i=t.scrollWidth,r=2*this.getOverlayWidth();this.needsScrolling=i-r>o+e,this.needsScrolling?this.updateScrollButtons():(this.scrollPaneAtStart=!0,this.scrollPaneAtEnd=!0)}getLastVisibleElement(){const t=this.getScrollPaneElements().find((t=>t.getBoundingClientRect().x+t.getBoundingClientRect().width-this.scrollPaneElement.getBoundingClientRect().x>this.scrollPaneElement.clientWidth)),e=this.getScrollPaneElements().indexOf(t);return t.clientWidth>this.scrollPaneElement.clientWidth?e:e-1}getFirstVisibleElement(){const t=this.getScrollPaneElements(),e=t.find((t=>t.getBoundingClientRect().x>this.scrollPaneElement.getBoundingClientRect().x)),a=e?t.indexOf(e):t.length;var o=Math.max(a-1,0);return t[o].clientWidth>this.scrollPaneElement.clientWidth?o:a}updateScrollButtons(t=null,e=this.scrollPaneElement){if(!this.buttons)return;if(t&&t.clientWidth>this.scrollPaneElement.clientWidth){const e=this.getScrollPaneElements().indexOf(t);return 0==e&&(this.scrollPaneAtStart=!0),void(e==this.getScrollPaneElements().length-1&&(this.scrollPaneAtEnd=!0))}e.scrollLeft<=0?this.scrollPaneAtStart=!0:e.scrollLeft>0&&(this.scrollPaneAtStart=!1);const a=Math.round(e.clientWidth+e.scrollLeft+this.getOverlayWidth()),o=Math.round(e.scrollWidth);this.scrollPaneAtEnd=a>=o}scrollToElement(t=this.currentIndex,e){const a=this.getScrollPaneElements();if(!a||0===a.length)return;t+1>=a.length&&(t=a.length-1),t<0&&(t=0);let o=a[0].getBoundingClientRect().x,i=5;const r=()=>{if(a[0].getBoundingClientRect().x===o){if(i--,0!==i)return void window.requestAnimationFrame(r);this.updateScrollButtons(a[t])}else window.requestAnimationFrame(r),o=a[0].getBoundingClientRect().x};a[t].scrollIntoView({behavior:"smooth",block:"nearest",inline:e}),window.requestAnimationFrame(r)}scrollLeft(){this.scrollPaneAtEnd=!1;const t=this.getFirstVisibleElement();this.scrollToElement(t-1,"center")}scrollRight(){this.scrollPaneAtStart=!1;const t=this.getLastVisibleElement();this.scrollToElement(t+1,"center")}getOverlayWidth(){return"absolute"===this.buttonPosition?0:10}renderButton(t){const a="turva"===this.theme?"color-primary-darker-turva":"color-primary",o="turva"===this.theme?"color-gray-turva":"color-gray",i=()=>{"left"===t?this.scrollLeft():this.scrollRight()},r="left"===t?this.scrollPaneAtStart:this.scrollPaneAtEnd;return e("div",{class:{"duet-scrollable-button-container":!0,[`${t}`]:!0,"duet-scrollable-button-container--occluded":!this.needsScrolling,[`duet-scrollable-button-container--${this.buttonPosition}`]:!0},hidden:!this.buttons||"absolute"===this.buttonPosition&&r},e("span",{part:`${this.identifier}-button-${t}`,"aria-hidden":"true",class:{"duet-scrollable-button":!0,[`duet-scrollable-button--${this.buttonPosition}`]:!0,[`duet-scrollable-button--${this.buttonAlignment}`]:!0,[`duet-scrollable-button--${t}`]:!0},onClick:()=>{i(),document.activeElement&&document.activeElement.blur()},hidden:!this.buttons||r},e("duet-icon",{color:r?o:a,name:"left"===t?"action-arrow-left":"action-arrow-right",size:"absolute"===this.buttonPosition?"x-small":"small",margin:"none"})))}render(){return e(a,{key:"08bd619c649c87a18350a6482f12d1e4f5faa74f",class:{"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme}},this.hasCollapseButtonLabelSlot&&e("div",{key:"bf374209112d29e4af9efff12abdf32d54b68b7b",class:{collapse:!0,hide:!this.needsScrolling&&!this.collapsed}},e("duet-button",{key:"436c9918ceb503be3611af38dc0513ab300891af",variation:"plain",margin:"none","center-text":!0,onClick:()=>this.collapsedOnClick()},e("slot",{key:"64504fe187f7ce121654dbf25597dd06ef23fbb1",name:"collapse-button-label"}))),e("div",{key:"10852d822fc4164466dfe48b2ccf33904cae5e14",class:{"duet-scrollable-items":!0,buttons:this.buttons,center:this.center,"duet-theme-turva":"turva"===this.theme}},this.buttons&&this.renderButton("left"),e("div",{key:"119261686c6a1e4511d4ed3ba74d3c5795f83b34",class:{"duet-scrollable-list":!0,[`duet-scrollable-list--${this.buttonPosition}`]:!0,[`gap-${this.gap}`]:!0,collapsed:this.collapsed,[`duet-overflow-padding--${this.padding}`]:"none"!==this.padding,[`duet-scrollable-list--${this.buttonPosition}`]:"absolute"===this.buttonPosition,"duet-scrollable-stretch":this.stretch},onScroll:()=>this.updateScrollButtons(),ref:t=>this.scrollPaneElement=t},e("slot",{key:"dd02f8d349e59303232b4338d115fd192cb31f9b"})),this.buttons&&this.renderButton("right")))}get element(){return o(this)}static get watchers(){return{selected:["watchPropHandler"]}}};y.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{position:relative;display:flex}:host .duet-scrollable-items.buttons .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute{position:absolute;top:0;z-index:210;width:auto;height:100%;padding:0 16px;background-color:rgb(255, 255, 255)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.left{left:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.right{right:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button{position:absolute;display:flex;flex:0 0 auto;flex-basis:40px;align-items:center;height:100%;cursor:pointer;transition:transform 300ms ease}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button:active duet-icon{transition:transform 300ms ease;transform:scale(0.8)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--left{left:0;padding:10px 10px 10px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--right{right:0;padding:10px 0 10px 10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--top{align-items:flex-start}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--bottom{align-items:flex-end}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute{padding:0 7px;border:1px solid rgb(212, 223, 229)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--left{border-radius:8px 0 0 8px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--right{border-radius:0 8px 8px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(0, 119, 179);border-width:2px;}.duet-theme-turva :host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button[hidden]{display:none !important}:host .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;padding-inline:10px;margin-inline:-10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);-webkit-mask-size:50% 100%, 50% 100%;-webkit-mask-position:left, right;-webkit-mask-repeat:no-repeat;mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);mask-size:50% 100%, 50% 100%;mask-position:left, right;mask-repeat:no-repeat;}:host .duet-scrollable-items .duet-scrollable-list--absolute{padding-right:0;padding-left:2px;margin-inline:0;-webkit-mask:none !important;mask:none !important}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items .duet-scrollable-list.gap-none{gap:0}:host .duet-scrollable-items .duet-scrollable-list.gap-large{gap:20px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--xx-small{padding-top:4px;padding-bottom:4px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--x-small{padding-top:8px;padding-bottom:8px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--small{padding-top:12px;padding-bottom:12px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--medium{padding-top:16px;padding-bottom:16px}:host .duet-scrollable-items .duet-scrollable-list.duet-scrollable-stretch{width:100%}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}:host(.duet-theme-turva2) .duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:#7891a4}:host(.duet-theme-turva2) .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:#7891a4}";const z=class{constructor(e){t(this,e),this.theme="",this.accessibleDescriptionDefault=null,this.accessibleDescription=this.accessibleDescriptionDefault?m(this.accessibleDescriptionDefault):null,this.accessibleLabelledBy=void 0,this.contentId=void 0,this.setupContentElement=()=>{this.contentId&&(this.tabpanelElement=document.getElementById(this.contentId),this.tabpanelElement&&(this.tabpanelElement.setAttribute("role","tabpanel"),this.tabpanelElement.setAttribute("tabindex","-1"),this.tabpanelElement.removeEventListener("focus",this.tabpanelElementFocusListener),this.tabpanelElement.removeEventListener("blur",this.tabpanelElementBlurListener),this.tabpanelElement.addEventListener("focus",this.tabpanelElementFocusListener),this.tabpanelElement.addEventListener("blur",this.tabpanelElementBlurListener),this.accessibleDescription&&this.tabpanelElement.setAttribute("aria-description",this.accessibleDescription),this.accessibleLabelledBy&&this.tabpanelElement.setAttribute("aria-labelledby",this.accessibleLabelledBy),this.tabpanelElement.toggleAttribute("hidden",!this.selected)))},this.tabpanelElementFocusListener=()=>{this.element.classList.contains("user-is-tabbing")&&(this.tabpanelElement.style.outline="0",this.tabpanelElement.style.boxShadow=k("turva"===this.theme?"focus-turva":"focus"))},this.tabpanelElementBlurListener=()=>{this.tabpanelElement.style.outline=null,this.tabpanelElement.style.boxShadow=null}}componentWillLoad(){r(this)}connectedCallback(){f(this,{prop:"accessibleDescription",defaults:"accessibleDescriptionDefault"}),n(this),this.notificationMark&&(this.indicator="warning"===this.notificationMark?"change":"error"),this.setupContentElement()}disconnectedCallback(){v(this),d(this),this.tabpanelElement&&(this.tabpanelElement.removeEventListener("focus",this.tabpanelElementFocusListener.bind(this)),this.tabpanelElement.removeEventListener("blur",this.tabpanelElementBlurListener.bind(this)),this.tabpanelElement=void 0)}setupSelected(t,e){!!t!=!!e&&this.setupContentElement()}async setFocus(t){this.tabpanelElement.focus(t)}render(){return e("div",{key:"a022a330a4f4eef2664a452c8f0df2b84e46c429",ref:t=>{this.contentId||(this.tabpanelElement=t)},role:"tabpanel",class:{"duet-theme-turva":"turva"===this.theme,"duet-tab":!0,selected:this.selected,"has-content-id":!!this.contentId},"aria-description":this.accessibleDescription,"aria-labelledby":this.accessibleLabelledBy,tabindex:"-1"},e("slot",{key:"fcb609d847cf496ada314f386a9b82dab58a7c19"}))}get element(){return o(this)}static get watchers(){return{selected:["setupSelected"]}}};z.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected{display:block}.duet-tab.has-content-id,.duet-tab.has-content-id.selected{display:none}:host(.user-is-tabbing) .duet-tab:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-tab.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";const S=class{constructor(e){t(this,e),this.duetChange=i(this,"duetChange",3),this.duetTabChange=i(this,"duetTabChange",7),this.duetTabChangeRequested=i(this,"duetTabChangeRequested",7),this.id=w("DuetTabGroup"),this.tabs=[],this.selected=void 0,this.theme="",this.scrolls=!0,this.collapses=!1,this.accessibleLabel=void 0,this.variation="default",this.language=x(),this.labelDefaults={fi:"Valitse",en:"Choose",sv:"Välj"},this.label=m(this.labelDefaults,this.language),this.labelHidden=!0,this.identifier=this.id,this.margin="auto",this.padding="auto",this.setTabIndex=!0,this.tabChangeConfirm=!1,this.switchLargeBreakpoint="small",this.fillSpace=!1,this.stretch=!1,this.handleKeyDown=t=>{let e;c(t)||h(t)?e=t.target.previousElementSibling:(p(t)||g(t))&&(e=t.target.nextElementSibling),b(t)&&!u(t)&&(t.preventDefault(),this.element.querySelector(":scope > duet-tab[selected]").setFocus()),e&&(t.preventDefault(),e.click(),e.focus())},this.onTabSelect=t=>{this.tabChangeConfirm?t!==this.selected&&this.duetTabChangeRequested.emit({value:t,component:"duet-tab-group"}):this.openTab(t)},this.scrollToActive=()=>{setTimeout((()=>{const t=this.tabsContainer.querySelector(".selected");t&&t.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})}),50)}}async connectedCallback(){"undefined"!=typeof MutationObserver&&(this.mutationO=new MutationObserver((()=>{this.updateTabs()})),this.mutationO.observe(this.element,{attributes:!0,attributeFilter:["label","selected"],childList:!0,characterData:!0,subtree:!0})),await this.updateTabs(),n(this)}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0),d(this)}componentWillLoad(){r(this)}componentDidLoad(){this.intersectionObserver=new IntersectionObserver((t=>{t.length>0&&t[0].isIntersecting&&(this.scrollToActive(),this.intersectionObserver.disconnect())}),{root:null,threshold:0}),this.intersectionObserver.observe(this.element)}async openTab(t){if(t>=this.tabs.length)throw new Error(`[duet-tabs] Index ${t} is out of bounds of tabs length`);this.selected=t,this.tabs.forEach(((e,a)=>{e.selected=a===t})),this.scrollToActive();const e={value:t,component:"duet-tab-group"};this.duetChange.emit(e),this.duetTabChange.emit(e)}async refresh(){console.log("[duet-tabs] Refresh method is deprecated and will be removed in the future version.")}getTabs(){const t=Array.from(this.element.querySelectorAll("duet-tab")).filter((t=>t.closest("duet-tab-group")===this.element));if(0===t.length)throw new Error("[duet-tabs] Must have at least one tab");return t}getButtonId(t){return`${this.identifier}-button-${t}`}getTabId(t){return`${this.identifier}-tab-${t}`}getAccessibleDescription(t){return this.tabs[t].getAttribute("accessible-description")||null}async updateTabs(){let t;this.tabs=this.getTabs(),this.tabs.forEach(((e,a)=>{e.id=this.getTabId(a),e.selected&&(void 0===t?t=a:e.selected=!1)})),void 0===t&&(t=0,this.tabs[0].selected=!0),this.selected=t}isCentered(){return window&&"center"==window.getComputedStyle(this.element).textAlign}render(){const t="plain-scrolling"===this.variation?"duet-tab-variation-plain":`duet-tab-variation-${this.variation}`,a="checked"===this.variation||"plain-scrolling"===this.variation,o=`switch-large-at-${this.switchLargeBreakpoint?this.switchLargeBreakpoint:"small"}`,i=this.tabs.map(((t,a)=>e("button",{role:"tab",id:this.getButtonId(a),"aria-selected":t.selected?"true":"false","aria-description":this.getAccessibleDescription(a),tabindex:t.selected?"0":"-1",part:`${this.identifier}-button ${t.selected?`${this.identifier}-button--selected`:""}`,type:"button",class:{"duet-p-0":"none"===this.padding,"duet-tab-button":!0,"stackable-tab":"checked"===this.variation&&this.tabs.length<=3,selected:t.selected,[o]:!!["default","plain","plain-scrolling"].includes(this.variation)},onClick:()=>this.onTabSelect(a),onKeyDown:t=>this.handleKeyDown(t)},"checked"===this.variation?e("div",{class:{"checked-tab-content":!0,"stackable-checked-tab-content":this.tabs.length<=3}},e("div",{class:{"checked-tab-description":!0,"stackable-description":this.tabs.length<=3}},e("p",null,t.label),e("p",{class:{"tab-caption":!0,selected:t.selected}},t.caption)),e("div",{class:{"stackable-checkmark":this.tabs.length<=3}},e("duet-checkmark",{theme:this.theme,checked:t.selected,type:"radio","presentation-only":!0,center:!0}))):t.label,t.indicator&&e("duet-indicator",{variation:t.indicator,"accessible-label":t.indicatorAccessibleLabel}))));return e("div",{key:"825b9d7dcb582ff4f97f5d28a840ecc73a2eecd0",class:{"duet-tab-group":!0,"duet-theme-turva":"turva"===this.theme,[t]:!0,"duet-tab-plain-scrolling":"plain-scrolling"===this.variation,"duet-tab-group-scrolls":!0},"aria-label":this.accessibleLabel},e("div",{key:"b6c9dbefb1560a3e5c6c4bfe934b1c5f647b4a21",role:"tablist",class:{"duet-m-0":"none"===this.margin||"checked"===this.variation,"duet-tab-group-tabs":!0,"duet-tab-group-hidden":this.tabs.length>3&&!a,"duet-tab-group-fill-space":this.fillSpace&&!this.stretch&&"default"===this.variation,"duet-tab-group-stretch":this.stretch},ref:t=>{this.tabsContainer=t}},"checked"===this.variation?i:e("div",{class:{"duet-tab-group-scrollable-wrapper":!0,"duet-tab-group-fill-space-wrapper":this.fillSpace&&"default"===this.variation}},this.fillSpace&&!this.stretch&&"default"===this.variation&&e("div",{class:"duet-scrollable-stretch-overlay"},e("div",{class:"background"}),e("div",{class:"border"})),e("duet-scrollable",{selected:this.selected,identifier:this.identifier,gap:["default","plain","plain-scrolling"].includes(this.variation)?"none":"large",buttonPosition:"default"===this.variation?"absolute":"relative",center:this.isCentered()?this.isCentered():"center"==this.element.style.textAlign,theme:this.theme,stretch:this.stretch},i))),e("div",{key:"1452eb49358c1531712a04b2da03822e59ab1715",class:{"duet-tab-group-content":!0,"duet-m-0":"none"===this.margin,"checked-group-content":"checked"===this.variation}},e("slot",{key:"dabdab53e662fc855275970752b71965f60aed1c"})))}get element(){return o(this)}};S.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(212, 223, 229)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(222, 224, 228)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-top:0;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-group-tabs{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}.duet-tab-plain-scrolling .duet-tab-group-tabs{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-plain-scrolling .duet-tab-group-tabs{display:block;overflow:auto}}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper{}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper{position:relative;width:100%;overflow:hidden;border-radius:8px;}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay{display:contents}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background,.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .border{position:absolute;width:100%;height:100%;pointer-events:none;border-radius:8px}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background{z-index:100;background:rgb(245, 248, 250)}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background::after{position:absolute;top:0;left:0;width:100%;height:100%;margin-block:1px;content:"";border-radius:8px;box-shadow:0 3px 2px -1px rgba(0, 41, 77, 0.1) inset, 0 0 0 rgb(212, 223, 229)}.duet-theme-turva .duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background::after{box-shadow:0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(222, 224, 228)}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .border{z-index:206;border:1px solid rgb(212, 223, 229)}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:inline-block;width:auto;padding:20px;margin-left:-2px;overflow:visible;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.1;text-align:left;text-decoration:none;cursor:pointer;border-right:2px solid rgb(212, 223, 229);border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-tab-group-stretch .duet-tab-button{flex:1 1 0;min-width:fit-content;text-align:center}.duet-tab-button duet-indicator{position:absolute;top:5px;right:5px}.duet-tab-variation-plain .duet-tab-button duet-indicator{top:calc(50% - 0.5rem - 7px);right:-7px}.duet-theme-turva .duet-tab-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, 28, 58)}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button:hover{z-index:200;border-color:rgb(127, 150, 165)}.duet-theme-turva .duet-tab-button:hover{border-color:rgba(199, 202, 207, 0.8)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179);outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:rgb(198, 12, 48);border-color:rgb(222, 224, 228);border-bottom-color:rgb(198, 12, 48)}.duet-tab-button:focus{z-index:205;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tab-variation-default .duet-tab-button{z-index:200;padding:11px 20px 13px 20px;overflow:hidden;font-size:0.875rem;color:rgb(62, 84, 102);background:rgb(245, 248, 250);border:1px solid rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button.switch-large-at-always{padding:15px 28px 17px 28px;font-size:1rem}@media (min-width: 36em){.duet-tab-variation-default .duet-tab-button.switch-large-at-small{padding:15px 28px 17px 28px;font-size:1rem}}.duet-tab-variation-default .duet-tab-button.selected{color:rgb(8, 42, 77);background:rgb(255, 255, 255);transition:none}.duet-tab-variation-default .duet-tab-button.selected::before{position:absolute;right:-1px;bottom:0;z-index:300;display:block;width:calc(100% + 2px);height:2px;content:"";background-color:rgb(0, 119, 179)}.duet-tab-variation-default .duet-tab-button.selected:focus-visible{outline:2px solid rgba(0, 119, 179, 0.8);outline-offset:-5px;box-shadow:none !important}.duet-tab-variation-default .duet-tab-button.selected:focus-visible::before{height:0}.duet-tab-variation-default .duet-tab-button:not(.selected){box-shadow:0 3px 2px -1px rgba(0, 41, 77, 0.1) inset, 0 0 0 rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button:hover:not(.selected){color:rgb(30, 45, 59);background:rgb(228, 236, 239)}.duet-tab-variation-default .duet-tab-button:first-child{border-radius:8px 0 0 8px}.duet-tab-variation-default .duet-tab-button:last-child{border-radius:0 8px 8px 0}.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button{z-index:200}.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button:last-child{border-radius:0}.duet-theme-turva.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button::before{height:3px}.duet-theme-turva.duet-tab-variation-default .duet-tab-button{color:rgb(71, 78, 101)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected{color:rgb(23, 28, 58);background:rgb(255, 255, 255)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::before{background-color:rgb(198, 12, 48)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:not(.selected){z-index:200;box-shadow:0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(222, 224, 228)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:hover:not(.selected){z-index:200;color:rgb(45, 52, 79);background:rgb(234, 235, 239)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:focus-visible{border-color:rgb(222, 224, 228);outline-color:rgba(199, 202, 207, 0.8)}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding:12px 0;margin-left:0;font-size:0.875rem;color:rgb(81, 105, 123);border-width:0;border-bottom:2px solid transparent;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button.switch-large-at-always{padding:20px 0;font-size:1rem}@media (min-width: 36em){.duet-tab-variation-plain .duet-tab-button.switch-large-at-small{padding:20px 0;font-size:1rem}}.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(8, 42, 77);border-bottom:2px solid rgb(0, 119, 179)}.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(8, 42, 77);border-bottom:2px solid rgb(0, 119, 179)}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button{color:rgb(71, 78, 101)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(45, 52, 79);border-bottom:2px solid rgb(198, 12, 48)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(23, 28, 58);border-bottom:2px solid rgb(198, 12, 48)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(181, 198, 208);border-top:2px solid rgb(181, 198, 208);border-bottom-color:rgb(0, 119, 179);border-left:2px solid rgb(181, 198, 208);border-radius:4px 4px 0 0;transition:none}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button{border-color:rgb(181, 198, 208);border-bottom-color:rgb(113, 118, 132)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button{min-width:0;padding:16px}}.duet-tab-variation-checked .duet-tab-button.stackable-tab{min-width:0}.duet-tab-variation-checked .duet-tab-button:first-child{margin-left:auto}.duet-tab-variation-checked .duet-tab-button:last-child{margin-right:auto}.duet-tab-variation-checked .duet-tab-button:active{opacity:1;transition:none}.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(240, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(113, 118, 132);border-bottom-color:#fff}.duet-tab-variation-checked .duet-tab-button .checked-tab-content{display:flex;flex-direction:row;justify-content:space-between}.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:column;height:100%}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:row}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:center}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:left}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(98, 121, 138)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{font-size:1rem;text-align:left}}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{color:rgb(113, 118, 132)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(113, 118, 132)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:1}}.duet-tab-group-content{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.5;color:rgb(8, 42, 77);text-align:left}.duet-tab-group-content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-group-content.checked-group-content{padding:28px 0 28px 0}.duet-tab-group-content.checked-group-content::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:" ";background-color:rgb(0, 119, 179)}.duet-theme-turva .duet-tab-group-content{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, 28, 58)}.duet-theme-turva .duet-tab-group-content.checked-group-content::after{background-color:rgb(113, 118, 132)}:host(.duet-theme-turva2){}:host(.duet-theme-turva2) .duet-theme-turva .duet-tab-group-tabs.duet-tab-variation-plain{border-bottom-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover{border-bottom:2px solid #e61740}:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{border-bottom:2px solid #e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-tab-button{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-tab-button.selected{color:#172a3b;border-color:#fbe1d1;border-bottom-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::before{background-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-default .duet-tab-button:focus-visible{border-color:#fbe1d1}';export{y as duet_scrollable,z as duet_tab,S as duet_tab_group}
4
+ import{r as t,h as e,H as a,g as o,c as i}from"./p-Cg-Sy7Qf.js";import{i as r}from"./p-DNq3_6qZ.js";import{h as s,g as l}from"./p-CmVjSa2G.js";import{s as n,u as d,b,p as u,d as c,e as h,f as p,g}from"./p-Db8rvjPI.js";import{g as m,c as f,d as v,a as x}from"./p-B0lHdUDq.js";import{d as k}from"./p-Do6ugHz0.js";import{c as w}from"./p-Cfr_DJqU.js";import"./p-C6E9F6QT.js";import"./p-Z0D6Gy9e.js";const y=class{constructor(e){t(this,e),this.currentIndex=0,this.scrollPaneElement=void 0,this.hasCollapseButtonLabelSlot=!1,this.scrollPaneAtStart=!0,this.needsScrolling=!0,this.scrollPaneAtEnd=!1,this.childrenData={},this.resizeObserver=new ResizeObserver((t=>{if(1===(null==t?void 0:t.length)){const e=this.getOverlayWidth();this.checkScrollingNeeded(t[0].target,e)}})),this.theme="",this.identifier="",this.collapsed=!1,this.buttons=!0,this.buttonAlignment="center",this.buttonPosition="relative",this.center=!1,this.padding="none",this.gap="large",this.selected=0,this.stretch=!1,this.collapsedOnClick=()=>{this.collapsed=!this.collapsed}}watchPropHandler(t){this.scrollToElement(t,"center")}componentWillLoad(){r(this),this.hasCollapseButtonLabelSlot=s(this.element,"collapse-button-label")}componentDidLoad(){requestAnimationFrame((()=>{this.scrollPaneElement&&(this.checkScrollingNeeded(this.scrollPaneElement,"absolute"===this.buttonPosition?0:5),this.updateScrollButtons(),this.resizeObserver.observe(this.scrollPaneElement))}))}disconnectedCallback(){this.resizeObserver.disconnect()}getScrollPaneElements(){return l(this.element)}checkScrollingNeeded(t=this.scrollPaneElement,e=5){var a;if(!t)return;const o=(null===(a=t.parentElement)||void 0===a?void 0:a.getBoundingClientRect().width)||0,i=t.scrollWidth,r=2*this.getOverlayWidth();this.needsScrolling=i-r>o+e,this.needsScrolling?this.updateScrollButtons():(this.scrollPaneAtStart=!0,this.scrollPaneAtEnd=!0)}getLastVisibleElement(){const t=this.getScrollPaneElements().find((t=>t.getBoundingClientRect().x+t.getBoundingClientRect().width-this.scrollPaneElement.getBoundingClientRect().x>this.scrollPaneElement.clientWidth)),e=this.getScrollPaneElements().indexOf(t);return t.clientWidth>this.scrollPaneElement.clientWidth?e:e-1}getFirstVisibleElement(){const t=this.getScrollPaneElements(),e=t.find((t=>t.getBoundingClientRect().x>this.scrollPaneElement.getBoundingClientRect().x)),a=e?t.indexOf(e):t.length;var o=Math.max(a-1,0);return t[o].clientWidth>this.scrollPaneElement.clientWidth?o:a}updateScrollButtons(t=null,e=this.scrollPaneElement){if(!this.buttons)return;if(t&&t.clientWidth>this.scrollPaneElement.clientWidth){const e=this.getScrollPaneElements().indexOf(t);return 0==e&&(this.scrollPaneAtStart=!0),void(e==this.getScrollPaneElements().length-1&&(this.scrollPaneAtEnd=!0))}e.scrollLeft<=0?this.scrollPaneAtStart=!0:e.scrollLeft>0&&(this.scrollPaneAtStart=!1);const a=Math.round(e.clientWidth+e.scrollLeft+this.getOverlayWidth()),o=Math.round(e.scrollWidth);this.scrollPaneAtEnd=a>=o}scrollToElement(t=this.currentIndex,e){const a=this.getScrollPaneElements();if(!a||0===a.length)return;t+1>=a.length&&(t=a.length-1),t<0&&(t=0);let o=a[0].getBoundingClientRect().x,i=5;const r=()=>{if(a[0].getBoundingClientRect().x===o){if(i--,0!==i)return void window.requestAnimationFrame(r);this.updateScrollButtons(a[t])}else window.requestAnimationFrame(r),o=a[0].getBoundingClientRect().x};a[t].scrollIntoView({behavior:"smooth",block:"nearest",inline:e}),window.requestAnimationFrame(r)}scrollLeft(){this.scrollPaneAtEnd=!1;const t=this.getFirstVisibleElement();this.scrollToElement(t-1,"center")}scrollRight(){this.scrollPaneAtStart=!1;const t=this.getLastVisibleElement();this.scrollToElement(t+1,"center")}getOverlayWidth(){return"absolute"===this.buttonPosition?0:10}renderButton(t){const a="turva"===this.theme?"color-primary-darker-turva":"color-primary",o="turva"===this.theme?"color-gray-turva":"color-gray",i=()=>{"left"===t?this.scrollLeft():this.scrollRight()},r="left"===t?this.scrollPaneAtStart:this.scrollPaneAtEnd;return e("div",{class:{"duet-scrollable-button-container":!0,[`${t}`]:!0,"duet-scrollable-button-container--occluded":!this.needsScrolling,[`duet-scrollable-button-container--${this.buttonPosition}`]:!0},hidden:!this.buttons||"absolute"===this.buttonPosition&&r},e("span",{part:`${this.identifier}-button-${t}`,"aria-hidden":"true",class:{"duet-scrollable-button":!0,[`duet-scrollable-button--${this.buttonPosition}`]:!0,[`duet-scrollable-button--${this.buttonAlignment}`]:!0,[`duet-scrollable-button--${t}`]:!0},onClick:()=>{i(),document.activeElement&&document.activeElement.blur()},hidden:!this.buttons||r},e("duet-icon",{color:r?o:a,name:"left"===t?"action-arrow-left":"action-arrow-right",size:"absolute"===this.buttonPosition?"x-small":"small",margin:"none"})))}render(){return e(a,{key:"08bd619c649c87a18350a6482f12d1e4f5faa74f",class:{"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme}},this.hasCollapseButtonLabelSlot&&e("div",{key:"bf374209112d29e4af9efff12abdf32d54b68b7b",class:{collapse:!0,hide:!this.needsScrolling&&!this.collapsed}},e("duet-button",{key:"436c9918ceb503be3611af38dc0513ab300891af",variation:"plain",margin:"none","center-text":!0,onClick:()=>this.collapsedOnClick()},e("slot",{key:"64504fe187f7ce121654dbf25597dd06ef23fbb1",name:"collapse-button-label"}))),e("div",{key:"10852d822fc4164466dfe48b2ccf33904cae5e14",class:{"duet-scrollable-items":!0,buttons:this.buttons,center:this.center,"duet-theme-turva":"turva"===this.theme}},this.buttons&&this.renderButton("left"),e("div",{key:"119261686c6a1e4511d4ed3ba74d3c5795f83b34",class:{"duet-scrollable-list":!0,[`duet-scrollable-list--${this.buttonPosition}`]:!0,[`gap-${this.gap}`]:!0,collapsed:this.collapsed,[`duet-overflow-padding--${this.padding}`]:"none"!==this.padding,[`duet-scrollable-list--${this.buttonPosition}`]:"absolute"===this.buttonPosition,"duet-scrollable-stretch":this.stretch},onScroll:()=>this.updateScrollButtons(),ref:t=>this.scrollPaneElement=t},e("slot",{key:"dd02f8d349e59303232b4338d115fd192cb31f9b"})),this.buttons&&this.renderButton("right")))}get element(){return o(this)}static get watchers(){return{selected:["watchPropHandler"]}}};y.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{position:relative;display:flex}:host .duet-scrollable-items.buttons .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute{position:absolute;top:0;z-index:210;width:auto;height:100%;padding:0 16px;background-color:rgb(255, 255, 255)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.left{left:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.right{right:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button{position:absolute;display:flex;flex:0 0 auto;flex-basis:40px;align-items:center;height:100%;cursor:pointer;transition:transform 300ms ease}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button:active duet-icon{transition:transform 300ms ease;transform:scale(0.8)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--left{left:0;padding:10px 10px 10px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--right{right:0;padding:10px 0 10px 10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--top{align-items:flex-start}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--bottom{align-items:flex-end}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute{padding:0 7px;border:1px solid rgb(212, 223, 229)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--left{border-radius:8px 0 0 8px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--right{border-radius:0 8px 8px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(0, 119, 179);border-width:2px;}.duet-theme-turva :host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button[hidden]{display:none !important}:host .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;padding-inline:10px;margin-inline:-10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);-webkit-mask-size:50% 100%, 50% 100%;-webkit-mask-position:left, right;-webkit-mask-repeat:no-repeat;mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);mask-size:50% 100%, 50% 100%;mask-position:left, right;mask-repeat:no-repeat;}:host .duet-scrollable-items .duet-scrollable-list--absolute{padding-right:0;padding-left:2px;margin-inline:0;-webkit-mask:none !important;mask:none !important}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items .duet-scrollable-list.gap-none{gap:0}:host .duet-scrollable-items .duet-scrollable-list.gap-large{gap:20px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--xx-small{padding-top:4px;padding-bottom:4px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--x-small{padding-top:8px;padding-bottom:8px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--small{padding-top:12px;padding-bottom:12px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--medium{padding-top:16px;padding-bottom:16px}:host .duet-scrollable-items .duet-scrollable-list.duet-scrollable-stretch{width:100%}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}:host(.duet-theme-turva2) .duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:#7891a4}:host(.duet-theme-turva2) .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:#7891a4}";const z=class{constructor(e){t(this,e),this.theme="",this.accessibleDescriptionDefault=null,this.accessibleDescription=this.accessibleDescriptionDefault?m(this.accessibleDescriptionDefault):null,this.accessibleLabelledBy=void 0,this.contentId=void 0,this.setupContentElement=()=>{this.contentId&&(this.tabpanelElement=document.getElementById(this.contentId),this.tabpanelElement&&(this.tabpanelElement.setAttribute("role","tabpanel"),this.tabpanelElement.setAttribute("tabindex","-1"),this.tabpanelElement.removeEventListener("focus",this.tabpanelElementFocusListener),this.tabpanelElement.removeEventListener("blur",this.tabpanelElementBlurListener),this.tabpanelElement.addEventListener("focus",this.tabpanelElementFocusListener),this.tabpanelElement.addEventListener("blur",this.tabpanelElementBlurListener),this.accessibleDescription&&this.tabpanelElement.setAttribute("aria-description",this.accessibleDescription),this.accessibleLabelledBy&&this.tabpanelElement.setAttribute("aria-labelledby",this.accessibleLabelledBy),this.tabpanelElement.toggleAttribute("hidden",!this.selected)))},this.tabpanelElementFocusListener=()=>{this.element.classList.contains("user-is-tabbing")&&(this.tabpanelElement.style.outline="0",this.tabpanelElement.style.boxShadow=k("turva"===this.theme?"focus-turva":"focus"))},this.tabpanelElementBlurListener=()=>{this.tabpanelElement.style.outline=null,this.tabpanelElement.style.boxShadow=null}}componentWillLoad(){r(this)}connectedCallback(){f(this,{prop:"accessibleDescription",defaults:"accessibleDescriptionDefault"}),n(this),this.notificationMark&&(this.indicator="warning"===this.notificationMark?"change":"error"),this.setupContentElement()}disconnectedCallback(){v(this),d(this),this.tabpanelElement&&(this.tabpanelElement.removeEventListener("focus",this.tabpanelElementFocusListener.bind(this)),this.tabpanelElement.removeEventListener("blur",this.tabpanelElementBlurListener.bind(this)),this.tabpanelElement=void 0)}setupSelected(t,e){!!t!=!!e&&this.setupContentElement()}async setFocus(t){this.tabpanelElement.focus(t)}render(){return e("div",{key:"a022a330a4f4eef2664a452c8f0df2b84e46c429",ref:t=>{this.contentId||(this.tabpanelElement=t)},role:"tabpanel",class:{"duet-theme-turva":"turva"===this.theme,"duet-tab":!0,selected:this.selected,"has-content-id":!!this.contentId},"aria-description":this.accessibleDescription,"aria-labelledby":this.accessibleLabelledBy,tabindex:"-1"},e("slot",{key:"fcb609d847cf496ada314f386a9b82dab58a7c19"}))}get element(){return o(this)}static get watchers(){return{selected:["setupSelected"]}}};z.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected{display:block}.duet-tab.has-content-id,.duet-tab.has-content-id.selected{display:none}:host(.user-is-tabbing) .duet-tab:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-tab.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";const S=class{constructor(e){t(this,e),this.duetChange=i(this,"duetChange",3),this.duetTabChange=i(this,"duetTabChange",7),this.duetTabChangeRequested=i(this,"duetTabChangeRequested",7),this.id=w("DuetTabGroup"),this.tabs=[],this.selected=void 0,this.theme="",this.scrolls=!0,this.collapses=!1,this.accessibleLabel=void 0,this.variation="default",this.language=x(),this.labelDefaults={fi:"Valitse",en:"Choose",sv:"Välj"},this.label=m(this.labelDefaults,this.language),this.labelHidden=!0,this.identifier=this.id,this.margin="auto",this.padding="auto",this.setTabIndex=!0,this.tabChangeConfirm=!1,this.switchLargeBreakpoint="small",this.fillSpace=!1,this.stretch=!1,this.handleKeyDown=t=>{let e;c(t)||h(t)?e=t.target.previousElementSibling:(p(t)||g(t))&&(e=t.target.nextElementSibling),b(t)&&!u(t)&&(t.preventDefault(),this.element.querySelector(":scope > duet-tab[selected]").setFocus()),e&&(t.preventDefault(),e.click(),e.focus())},this.onTabSelect=t=>{this.tabChangeConfirm?t!==this.selected&&this.duetTabChangeRequested.emit({value:t,component:"duet-tab-group"}):this.openTab(t)},this.scrollToActive=()=>{setTimeout((()=>{const t=this.tabsContainer.querySelector(".selected");t&&t.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})}),50)}}async connectedCallback(){"undefined"!=typeof MutationObserver&&(this.mutationO=new MutationObserver((()=>{this.updateTabs()})),this.mutationO.observe(this.element,{attributes:!0,attributeFilter:["label","selected"],childList:!0,characterData:!0,subtree:!0})),await this.updateTabs(),n(this)}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0),d(this)}componentWillLoad(){r(this)}componentDidLoad(){this.intersectionObserver=new IntersectionObserver((t=>{t.length>0&&t[0].isIntersecting&&(this.scrollToActive(),this.intersectionObserver.disconnect())}),{root:null,threshold:0}),this.intersectionObserver.observe(this.element)}async openTab(t){if(t>=this.tabs.length)throw new Error(`[duet-tabs] Index ${t} is out of bounds of tabs length`);this.selected=t,this.tabs.forEach(((e,a)=>{e.selected=a===t})),this.scrollToActive();const e={value:t,component:"duet-tab-group"};this.duetChange.emit(e),this.duetTabChange.emit(e)}async refresh(){console.log("[duet-tabs] Refresh method is deprecated and will be removed in the future version.")}getTabs(){const t=Array.from(this.element.querySelectorAll("duet-tab")).filter((t=>t.closest("duet-tab-group")===this.element));if(0===t.length)throw new Error("[duet-tabs] Must have at least one tab");return t}getButtonId(t){return`${this.identifier}-button-${t}`}getTabId(t){return`${this.identifier}-tab-${t}`}getAccessibleDescription(t){return this.tabs[t].getAttribute("accessible-description")||null}async updateTabs(){let t;this.tabs=this.getTabs(),this.tabs.forEach(((e,a)=>{e.id=this.getTabId(a),e.selected&&(void 0===t?t=a:e.selected=!1)})),void 0===t&&(t=0,this.tabs[0].selected=!0),this.selected=t}isCentered(){return window&&"center"==window.getComputedStyle(this.element).textAlign}render(){const t="plain-scrolling"===this.variation?"duet-tab-variation-plain":`duet-tab-variation-${this.variation}`,a="checked"===this.variation||"plain-scrolling"===this.variation,o=`switch-large-at-${this.switchLargeBreakpoint?this.switchLargeBreakpoint:"small"}`,i=this.tabs.map(((t,a)=>e("button",{role:"tab",id:this.getButtonId(a),"aria-selected":t.selected?"true":"false","aria-description":this.getAccessibleDescription(a),tabindex:t.selected?"0":"-1",part:`${this.identifier}-button ${t.selected?`${this.identifier}-button--selected`:""}`,type:"button",class:{"duet-p-0":"none"===this.padding,"duet-tab-button":!0,"stackable-tab":"checked"===this.variation&&this.tabs.length<=3,selected:t.selected,[o]:!!["default","plain","plain-scrolling"].includes(this.variation)},onClick:()=>this.onTabSelect(a),onKeyDown:t=>this.handleKeyDown(t)},"checked"===this.variation?e("div",{class:{"checked-tab-content":!0,"stackable-checked-tab-content":this.tabs.length<=3}},e("div",{class:{"checked-tab-description":!0,"stackable-description":this.tabs.length<=3}},e("p",null,t.label),e("p",{class:{"tab-caption":!0,selected:t.selected}},t.caption)),e("div",{class:{"stackable-checkmark":this.tabs.length<=3}},e("duet-checkmark",{theme:this.theme,checked:t.selected,type:"radio","presentation-only":!0,center:!0}))):t.label,t.indicator&&e("duet-indicator",{variation:t.indicator,"accessible-label":t.indicatorAccessibleLabel}))));return e("div",{key:"825b9d7dcb582ff4f97f5d28a840ecc73a2eecd0",class:{"duet-tab-group":!0,"duet-theme-turva":"turva"===this.theme,[t]:!0,"duet-tab-plain-scrolling":"plain-scrolling"===this.variation,"duet-tab-group-scrolls":!0},"aria-label":this.accessibleLabel},e("div",{key:"b6c9dbefb1560a3e5c6c4bfe934b1c5f647b4a21",role:"tablist",class:{"duet-m-0":"none"===this.margin||"checked"===this.variation,"duet-tab-group-tabs":!0,"duet-tab-group-hidden":this.tabs.length>3&&!a,"duet-tab-group-fill-space":this.fillSpace&&!this.stretch&&"default"===this.variation,"duet-tab-group-stretch":this.stretch},ref:t=>{this.tabsContainer=t}},"checked"===this.variation?i:e("div",{class:{"duet-tab-group-scrollable-wrapper":!0,"duet-tab-group-fill-space-wrapper":this.fillSpace&&"default"===this.variation}},this.fillSpace&&!this.stretch&&"default"===this.variation&&e("div",{class:"duet-scrollable-stretch-overlay"},e("div",{class:"background"}),e("div",{class:"border"})),e("duet-scrollable",{selected:this.selected,identifier:this.identifier,gap:["default","plain","plain-scrolling"].includes(this.variation)?"none":"large",buttonPosition:"default"===this.variation?"absolute":"relative",center:this.isCentered()?this.isCentered():"center"==this.element.style.textAlign,theme:this.theme,stretch:this.stretch},i))),e("div",{key:"1452eb49358c1531712a04b2da03822e59ab1715",class:{"duet-tab-group-content":!0,"duet-m-0":"none"===this.margin,"checked-group-content":"checked"===this.variation}},e("slot",{key:"dabdab53e662fc855275970752b71965f60aed1c"})))}get element(){return o(this)}};S.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(212, 223, 229)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(222, 224, 228)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-top:0;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-group-tabs{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}.duet-tab-plain-scrolling .duet-tab-group-tabs{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-plain-scrolling .duet-tab-group-tabs{display:block;overflow:auto}}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper{}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper{position:relative;width:100%;overflow:hidden;border-radius:8px;}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay{display:contents}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background,.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .border{position:absolute;width:100%;height:100%;pointer-events:none;border-radius:8px}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background{z-index:100;background:rgb(245, 248, 250)}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background::after{position:absolute;top:0;left:0;width:100%;height:100%;margin-block:1px;content:"";border-radius:8px;box-shadow:0 3px 2px -1px rgba(0, 41, 77, 0.1) inset, 0 0 0 rgb(212, 223, 229)}.duet-theme-turva .duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background::after{box-shadow:0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(222, 224, 228)}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .border{z-index:206;border:1px solid rgb(212, 223, 229)}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:inline-block;width:auto;padding:20px;margin-left:-2px;overflow:visible;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.1;text-align:left;text-decoration:none;cursor:pointer;border-right:2px solid rgb(212, 223, 229);border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-tab-group-stretch .duet-tab-button{flex:1 1 0;min-width:fit-content;text-align:center}.duet-tab-button duet-indicator{position:absolute;top:5px;right:5px}.duet-tab-variation-plain .duet-tab-button duet-indicator{top:calc(50% - 0.5rem - 7px);right:-7px}.duet-theme-turva .duet-tab-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, 28, 58)}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button:hover{z-index:200;border-color:rgb(127, 150, 165)}.duet-theme-turva .duet-tab-button:hover{border-color:rgba(199, 202, 207, 0.8)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179);outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:rgb(198, 12, 48);border-color:rgb(222, 224, 228);border-bottom-color:rgb(198, 12, 48)}.duet-tab-button:focus{z-index:205;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tab-variation-default .duet-tab-button{z-index:200;padding:11px 20px 13px 20px;overflow:hidden;font-size:0.875rem;color:rgb(62, 84, 102);background:rgb(245, 248, 250);border:1px solid rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button.switch-large-at-always{padding:15px 28px 17px 28px;font-size:1rem}@media (min-width: 36em){.duet-tab-variation-default .duet-tab-button.switch-large-at-small{padding:15px 28px 17px 28px;font-size:1rem}}.duet-tab-variation-default .duet-tab-button.selected{color:rgb(8, 42, 77);background:rgb(255, 255, 255);transition:none}.duet-tab-variation-default .duet-tab-button.selected::before{position:absolute;right:-1px;bottom:0;z-index:300;display:block;width:calc(100% + 2px);height:2px;content:"";background-color:rgb(0, 119, 179)}.duet-tab-variation-default .duet-tab-button.selected:focus-visible{outline:2px solid rgba(0, 119, 179, 0.8);outline-offset:-5px;box-shadow:none !important}.duet-tab-variation-default .duet-tab-button.selected:focus-visible::before{height:0}.duet-tab-variation-default .duet-tab-button:not(.selected){box-shadow:0 3px 2px -1px rgba(0, 41, 77, 0.1) inset, 0 0 0 rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button:hover:not(.selected){color:rgb(30, 45, 59);background:rgb(228, 236, 239)}.duet-tab-variation-default .duet-tab-button:first-child{border-radius:8px 0 0 8px}.duet-tab-variation-default .duet-tab-button:last-child{border-radius:0 8px 8px 0}.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button{z-index:200}.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button:last-child{border-radius:0}.duet-theme-turva.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button::before{height:3px}.duet-theme-turva.duet-tab-variation-default .duet-tab-button{color:rgb(71, 78, 101)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected{color:rgb(23, 28, 58);background:rgb(255, 255, 255)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::before{background-color:rgb(198, 12, 48)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:not(.selected){z-index:200;box-shadow:0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(222, 224, 228)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:hover:not(.selected){z-index:200;color:rgb(45, 52, 79);background:rgb(234, 235, 239)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:focus-visible{border-color:rgb(222, 224, 228);outline-color:rgba(199, 202, 207, 0.8)}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding:12px 0;margin-left:0;font-size:0.875rem;color:rgb(81, 105, 123);border-width:0;border-bottom:2px solid transparent;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button.switch-large-at-always{padding:20px 0;font-size:1rem}@media (min-width: 36em){.duet-tab-variation-plain .duet-tab-button.switch-large-at-small{padding:20px 0;font-size:1rem}}.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(8, 42, 77);border-bottom:2px solid rgb(0, 119, 179)}.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(8, 42, 77);border-bottom:2px solid rgb(0, 119, 179)}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button{color:rgb(71, 78, 101)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(45, 52, 79);border-bottom:2px solid rgb(198, 12, 48)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(23, 28, 58);border-bottom:2px solid rgb(198, 12, 48)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(181, 198, 208);border-top:2px solid rgb(181, 198, 208);border-bottom-color:rgb(0, 119, 179);border-left:2px solid rgb(181, 198, 208);border-radius:4px 4px 0 0;transition:none}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button{border-color:rgb(181, 198, 208);border-bottom-color:rgb(113, 118, 132)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button{min-width:0;padding:16px}}.duet-tab-variation-checked .duet-tab-button.stackable-tab{min-width:0}.duet-tab-variation-checked .duet-tab-button:first-child{margin-left:auto}.duet-tab-variation-checked .duet-tab-button:last-child{margin-right:auto}.duet-tab-variation-checked .duet-tab-button:active{opacity:1;transition:none}.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(240, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(113, 118, 132);border-bottom-color:#fff}.duet-tab-variation-checked .duet-tab-button .checked-tab-content{display:flex;flex-direction:row;justify-content:space-between}.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:column;height:100%}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:row}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:center}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:left}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(98, 121, 138)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{font-size:1rem;text-align:left}}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{color:rgb(113, 118, 132)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(113, 118, 132)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:1}}.duet-tab-group-content{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.5;color:rgb(8, 42, 77);text-align:left}.duet-tab-group-content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-group-content.checked-group-content{padding:28px 0 28px 0}.duet-tab-group-content.checked-group-content::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:" ";background-color:rgb(0, 119, 179)}.duet-theme-turva .duet-tab-group-content{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, 28, 58)}.duet-theme-turva .duet-tab-group-content.checked-group-content::after{background-color:rgb(113, 118, 132)}:host(.duet-theme-turva2){}:host(.duet-theme-turva2) .duet-theme-turva .duet-tab-group-tabs.duet-tab-variation-plain{border-bottom-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover{border-bottom:2px solid #e61740}:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{border-bottom:2px solid #e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-tab-button{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-tab-button.selected{color:#172a3b;border-color:#fbe1d1;border-bottom-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::before{background-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-default .duet-tab-button:focus-visible{border-color:#fbe1d1}';export{y as duet_scrollable,z as duet_tab,S as duet_tab_group}
package/lib/duet/{p-75fd0eca.entry.js → p-e18ded3f.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as e,c as t,h as a,H as i,g as r}from"./p-vt84lkeQ.js";import{D as s}from"./p-BWvtXbhA.js";import{i as o}from"./p-BXJZKiJg.js";import{c as d}from"./p-Cfr_DJqU.js";import{s as n,u as l}from"./p-Db8rvjPI.js";import{g as c,c as p,d as u}from"./p-Ob09ol4-.js";import{h}from"./p-aWO-HcmJ.js";import"./p-C6E9F6QT.js";const b=class{constructor(a){e(this,a),this.duetDismiss=t(this,"duetDismiss",7),this.duetCloseComplete=t(this,"duetCloseComplete",7),this.descriptiveId=d("DuetAlert"),this.hasShowMoreSlot=!1,this.theme="",this.isDismissed=!1,this.isExpanded=!1,this.accessibleLabelDefaults={fi:"Painike viestin sulkemiseen",sv:"Knapp för att stänga meddelandet",en:"Button to close the message"},this.accessibleLabel=c(this.accessibleLabelDefaults),this.announcements=!0,this.icon="",this.margin="auto",this.padding="auto",this.variation="default",this.position="content",this.dismissible=!1,this.focusable=!1,this.expandingTitle="",this.handleDismiss=e=>{this.handleHide(),this.duetDismiss.emit({component:"duet-alert",originalEvent:e})},this.handleShow=()=>{this.isDismissed=!1},this.handleHide=()=>{this.isDismissed=!0,this.element.addEventListener("transitionend",(()=>this.duetCloseComplete.emit()),{once:!0})},this.handleExpandToggle=()=>{this.isExpanded=!this.isExpanded},this.getRole=()=>{if(this.announcements)return["warning","danger"].includes(this.variation)?"alert":"status"}}componentWillLoad(){o(this),this.hasShowMoreSlot=h(this.element,"show-more")}componentDidLoad(){this.autoDismiss&&(this.timeoutID=setTimeout((()=>this.handleDismiss()),this.autoDismiss))}connectedCallback(){p(this,{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"}),n(this)}disconnectedCallback(){this.timeoutID&&clearTimeout(this.timeoutID),u(this),l(this)}async show(){this.handleShow()}async hide(){this.handleHide()}async setFocus(e){this.alertContainer.focus(e)}render(){const e=["default","success","danger","warning"].includes(this.variation)?this.variation:"default",t=c(s[e]);return a(i,{key:"b204a657de629955d04058f3c43813aa00980c1e",class:{"duet-theme-turva":"turva"===this.theme,"duet-alert-is-dismissed":this.isDismissed},role:this.getRole()},a("div",{key:"0d573c37ae4013f7fdef0d89a7d2cfff38157b44",class:{"duet-alert-wrapper":!0,"duet-p-0":"none"===this.padding,"duet-m-0":"none"===this.margin,[e]:!0,[this.position]:!0,"duet-theme-turva":"turva"===this.theme}},a("div",{key:"ecb946bd29811c5ee207804498810a6cd3c83889",class:{"duet-alert":!0,"duet-alert-expandable":!!this.expandingTitle,"duet-alert-expanded":this.isExpanded,"duet-alert-has-icon":!!this.icon||"below-nav"===this.position,"duet-alert-has-show-more":this.hasShowMoreSlot,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":"none"===this.padding,"duet-m-0":"none"===this.margin,[e]:!0,"duet-theme-turva":"turva"===this.theme}},a("div",{key:"88e63f17d9d316a933266a2d98be63f1cf6fa939",class:"duet-alert-container",ref:e=>{this.alertContainer=e},tabindex:this.focusable?"0":void 0},"below-nav"!==this.position&&a("div",{key:"d0e266b3c576ec9c2532053c292c3bfbbc9d92b0",class:"duet-alert-icon"},this.icon&&a("duet-icon",{key:"efa5d1133ba832aa3e88fb419b8f2b454b5536c1",size:"auto",name:this.icon,color:"currentColor"})||a("duet-status-icon",{key:"7e00c8f29fb7a33a041acfbd82d1c359eadaf605",strong:!0,variation:e,margin:"none",size:"auto"})),"below-nav"===this.position&&a("div",{key:"0314c3a000a06a357a7850f6c72002df3d32a541",class:"duet-alert-icon below-nav"},a("duet-status-icon",{key:"aec093d7be9e0c0d8940a5e0813495f707daefc0",strong:!0,variation:e,margin:"none",size:"auto"})),a("div",{key:"97522cbf67c23477ae71603418f85f3d1a13d3c2",class:"duet-alert-content",id:this.descriptiveId},this.expandingTitle&&a("button",{key:"08d8a6d3b089bad3c54727907f6ba1df213a9103","aria-expanded":this.isExpanded.toString(),"aria-controls":`${this.descriptiveId}-content`,class:"duet-alert-expander",onClick:this.handleExpandToggle},a("span",{key:"4efe686cc2dff3077ea3efed7a52c79c3b8c090a",class:"expanding-title"},this.expandingTitle),a("duet-icon",{key:"2da0cd85883d2e850d65e0682c391079bcce2001",name:"action-arrow-down",color:"default"===e?"lt-blue-800":`${e}-800`,margin:"none",size:"x-small"})),(!this.expandingTitle||this.isExpanded)&&a("div",{key:"dd67482dc47bb4b23d8ff7fdbc7f50a09fd7f355",id:`${this.descriptiveId}-content`},a("duet-visually-hidden",{key:"0f892f87996b79076b9c04e9d66fadbe681cf913"},t),a("slot",{key:"fac36116e1b9128ad398c4cf997d8c0fd3bca795"})))),this.hasShowMoreSlot&&a("duet-show-more",{key:"10530ff533c94cb9c85eb23cae9ed3475f3567f2",margin:"none",class:"duet-alert-show-more"},a("slot",{key:"06e77a909ef86b0ae2e83e818e88c75b8caa9969",name:"show-more"})),this.dismissible&&!this.expandingTitle&&a("div",{key:"65f541e6bf54abcfa91757571cffb18013188c39",class:"duet-alert-dismiss"},a("duet-button",{key:"a2e00a7f2d07d04bf388544893ddb56d332c8929",variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,iconSize:"medium",icon:"navigation-close",iconOnly:!0,margin:"none",color:"default"===e?"lt-blue-800":`${e}-800`,theme:this.theme,onClick:this.handleDismiss,fixed:!0})))))}get element(){return r(this)}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;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;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.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"}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 72px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander .expanding-title{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}';export{b as duet_alert}
4
+ import{r as e,c as t,h as a,H as i,g as r}from"./p-Cg-Sy7Qf.js";import{D as s}from"./p-BWvtXbhA.js";import{i as o}from"./p-DNq3_6qZ.js";import{c as d}from"./p-Cfr_DJqU.js";import{s as n,u as l}from"./p-Db8rvjPI.js";import{g as c,c as p,d as u}from"./p-B0lHdUDq.js";import{h}from"./p-CmVjSa2G.js";import"./p-C6E9F6QT.js";const b=class{constructor(a){e(this,a),this.duetDismiss=t(this,"duetDismiss",7),this.duetCloseComplete=t(this,"duetCloseComplete",7),this.descriptiveId=d("DuetAlert"),this.hasShowMoreSlot=!1,this.theme="",this.isDismissed=!1,this.isExpanded=!1,this.accessibleLabelDefaults={fi:"Painike viestin sulkemiseen",sv:"Knapp för att stänga meddelandet",en:"Button to close the message"},this.accessibleLabel=c(this.accessibleLabelDefaults),this.announcements=!0,this.icon="",this.margin="auto",this.padding="auto",this.variation="default",this.position="content",this.dismissible=!1,this.focusable=!1,this.expandingTitle="",this.handleDismiss=e=>{this.handleHide(),this.duetDismiss.emit({component:"duet-alert",originalEvent:e})},this.handleShow=()=>{this.isDismissed=!1},this.handleHide=()=>{this.isDismissed=!0,this.element.addEventListener("transitionend",(()=>this.duetCloseComplete.emit()),{once:!0})},this.handleExpandToggle=()=>{this.isExpanded=!this.isExpanded},this.getRole=()=>{if(this.announcements)return["warning","danger"].includes(this.variation)?"alert":"status"}}componentWillLoad(){o(this),this.hasShowMoreSlot=h(this.element,"show-more")}componentDidLoad(){this.autoDismiss&&(this.timeoutID=setTimeout((()=>this.handleDismiss()),this.autoDismiss))}connectedCallback(){p(this,{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"}),n(this)}disconnectedCallback(){this.timeoutID&&clearTimeout(this.timeoutID),u(this),l(this)}async show(){this.handleShow()}async hide(){this.handleHide()}async setFocus(e){this.alertContainer.focus(e)}render(){const e=["default","success","danger","warning"].includes(this.variation)?this.variation:"default",t=c(s[e]);return a(i,{key:"b204a657de629955d04058f3c43813aa00980c1e",class:{"duet-theme-turva":"turva"===this.theme,"duet-alert-is-dismissed":this.isDismissed},role:this.getRole()},a("div",{key:"0d573c37ae4013f7fdef0d89a7d2cfff38157b44",class:{"duet-alert-wrapper":!0,"duet-p-0":"none"===this.padding,"duet-m-0":"none"===this.margin,[e]:!0,[this.position]:!0,"duet-theme-turva":"turva"===this.theme}},a("div",{key:"ecb946bd29811c5ee207804498810a6cd3c83889",class:{"duet-alert":!0,"duet-alert-expandable":!!this.expandingTitle,"duet-alert-expanded":this.isExpanded,"duet-alert-has-icon":!!this.icon||"below-nav"===this.position,"duet-alert-has-show-more":this.hasShowMoreSlot,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":"none"===this.padding,"duet-m-0":"none"===this.margin,[e]:!0,"duet-theme-turva":"turva"===this.theme}},a("div",{key:"88e63f17d9d316a933266a2d98be63f1cf6fa939",class:"duet-alert-container",ref:e=>{this.alertContainer=e},tabindex:this.focusable?"0":void 0},"below-nav"!==this.position&&a("div",{key:"d0e266b3c576ec9c2532053c292c3bfbbc9d92b0",class:"duet-alert-icon"},this.icon&&a("duet-icon",{key:"efa5d1133ba832aa3e88fb419b8f2b454b5536c1",size:"auto",name:this.icon,color:"currentColor"})||a("duet-status-icon",{key:"7e00c8f29fb7a33a041acfbd82d1c359eadaf605",strong:!0,variation:e,margin:"none",size:"auto"})),"below-nav"===this.position&&a("div",{key:"0314c3a000a06a357a7850f6c72002df3d32a541",class:"duet-alert-icon below-nav"},a("duet-status-icon",{key:"aec093d7be9e0c0d8940a5e0813495f707daefc0",strong:!0,variation:e,margin:"none",size:"auto"})),a("div",{key:"97522cbf67c23477ae71603418f85f3d1a13d3c2",class:"duet-alert-content",id:this.descriptiveId},this.expandingTitle&&a("button",{key:"08d8a6d3b089bad3c54727907f6ba1df213a9103","aria-expanded":this.isExpanded.toString(),"aria-controls":`${this.descriptiveId}-content`,class:"duet-alert-expander",onClick:this.handleExpandToggle},a("span",{key:"4efe686cc2dff3077ea3efed7a52c79c3b8c090a",class:"expanding-title"},this.expandingTitle),a("duet-icon",{key:"2da0cd85883d2e850d65e0682c391079bcce2001",name:"action-arrow-down",color:"default"===e?"lt-blue-800":`${e}-800`,margin:"none",size:"x-small"})),(!this.expandingTitle||this.isExpanded)&&a("div",{key:"dd67482dc47bb4b23d8ff7fdbc7f50a09fd7f355",id:`${this.descriptiveId}-content`},a("duet-visually-hidden",{key:"0f892f87996b79076b9c04e9d66fadbe681cf913"},t),a("slot",{key:"fac36116e1b9128ad398c4cf997d8c0fd3bca795"})))),this.hasShowMoreSlot&&a("duet-show-more",{key:"10530ff533c94cb9c85eb23cae9ed3475f3567f2",margin:"none",class:"duet-alert-show-more"},a("slot",{key:"06e77a909ef86b0ae2e83e818e88c75b8caa9969",name:"show-more"})),this.dismissible&&!this.expandingTitle&&a("div",{key:"65f541e6bf54abcfa91757571cffb18013188c39",class:"duet-alert-dismiss"},a("duet-button",{key:"a2e00a7f2d07d04bf388544893ddb56d332c8929",variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,iconSize:"medium",icon:"navigation-close",iconOnly:!0,margin:"none",color:"default"===e?"lt-blue-800":`${e}-800`,theme:this.theme,onClick:this.handleDismiss,fixed:!0})))))}get element(){return r(this)}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;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;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.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"}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{z-index:1;margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 72px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander .expanding-title{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}';export{b as duet_alert}
package/lib/duet/{p-b001a8a4.entry.js → p-e1997fb2.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as e,h as a,H as t}from"./p-vt84lkeQ.js";import{i as r}from"./p-BXJZKiJg.js";const i=class{constructor(a){e(this,a),this.theme="",this.margin="auto",this.rotation=7}componentWillLoad(){r(this)}render(){return a(t,{key:"27f36b3527731cc1d47a65655e150c963b9a23d9",class:{"duet-theme-turva":"turva"===this.theme,"duet-m-0":"none"===this.margin}},a("span",{key:"b3d7bf5649da0a77e9bee42baab54840e47f9505",class:{"shaped-image":!0},role:"img","aria-label":this.accessibleLabel,style:{"--rotation":`${this.rotation}deg`}},a("span",{key:"84fe60ad6ee4fdcc2544b07c5c07a214cf5efb15",class:"shaped-image-mask",role:"presentation"},a("span",{key:"edb1df30260d26bb87ef59a97aa031c97e4dce6d",class:"shaped-image-img",role:"presentation",style:{backgroundImage:`url("${this.src}")`}}))))}};i.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;width:100%;height:100%;margin:5%}:host(.duet-theme-turva){margin:3%}:host(.duet-m-0){margin:0}.shaped-image{position:relative;display:inline-block;width:100%;height:100%}.shaped-image .shaped-image-mask{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:25%;transform:rotate(var(--rotation))}.shaped-image .shaped-image-mask .shaped-image-img{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transform:scale(1.07) rotate(calc(-1 * var(--rotation)));transform-origin:center}:host(.duet-theme-turva) .shaped-image .shaped-image-mask{transform:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");mask-repeat:no-repeat}:host(.duet-theme-turva) .shaped-image .shaped-image-mask .shaped-image-img{transform:none}';export{i as duet_shaped_image}
4
+ import{r as e,h as a,H as r}from"./p-Cg-Sy7Qf.js";import{i as t}from"./p-DNq3_6qZ.js";const i=class{constructor(a){e(this,a),this.theme="",this.margin="auto",this.rotation=7}componentWillLoad(){t(this)}render(){return a(r,{key:"27f36b3527731cc1d47a65655e150c963b9a23d9",class:{"duet-theme-turva":"turva"===this.theme,"duet-m-0":"none"===this.margin}},a("span",{key:"b3d7bf5649da0a77e9bee42baab54840e47f9505",class:{"shaped-image":!0},role:"img","aria-label":this.accessibleLabel,style:{"--rotation":`${this.rotation}deg`}},a("span",{key:"84fe60ad6ee4fdcc2544b07c5c07a214cf5efb15",class:"shaped-image-mask",role:"presentation"},a("span",{key:"edb1df30260d26bb87ef59a97aa031c97e4dce6d",class:"shaped-image-img",role:"presentation",style:{backgroundImage:`url("${this.src}")`}}))))}};i.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;width:100%;height:100%;margin:5%}:host(.duet-theme-turva){margin:3%}:host(.duet-m-0){margin:0}.shaped-image{position:relative;display:inline-block;width:100%;height:100%}.shaped-image .shaped-image-mask{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:25%;transform:rotate(var(--rotation))}.shaped-image .shaped-image-mask .shaped-image-img{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transform:scale(1.07) rotate(calc(-1 * var(--rotation)));transform-origin:center}:host(.duet-theme-turva) .shaped-image .shaped-image-mask{transform:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");mask-repeat:no-repeat}:host(.duet-theme-turva) .shaped-image .shaped-image-mask .shaped-image-img{transform:none}';export{i as duet_shaped_image}
package/lib/duet/p-e41e1570.entry.js ADDED
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * Built with Duet Design System
3
+ */
4
+ import{r as e,c as t,h as a,H as i,g as o}from"./p-Cg-Sy7Qf.js";import{a as l}from"./p-BVgBUIYF.js";import{f as s,t as n}from"./p-DxV3RbmM.js";import{i as r}from"./p-DNq3_6qZ.js";import{c as d}from"./p-Cfr_DJqU.js";import{i as c,s as h,u as p}from"./p-Db8rvjPI.js";import{a as b,h as g}from"./p-CmVjSa2G.js";import{s as u}from"./p-C6E9F6QT.js";import"./p-DvwKrUS6.js";const m=class{constructor(a){e(this,a),this.duetToggle=t(this,"duetToggle",7),this.id=d("DuetCollapsible"),this.theme="",this.negative=!1,this.heading="",this.caption="",this.headingFullWidth=!1,this.centerHeading=!1,this.headingWeight="semibold",this.headingSize=void 0,this.headingLevel=void 0,this.margin="auto",this.open=!1,this.handleKeyDown=e=>{c(e)&&this.handleClick(e)},this.getFontSizeFromTokens=(e=this.headingSize)=>{if(e){const t=e.replace(/-/g,"_");return n[`font_size_${t}`]}return s},this.getEquivalentIconSize=(e=this.headingSize)=>{switch(e){case"x-small":case"small":case"medium":default:return"xx-small";case"large":return"x-small";case"x-large":return"small";case"xx-large":return"medium";case"xxx-large":return"x-large";case"xxxx-large":return"xxx-large"}},this.getAccessibleLabel=()=>{if(this.accessibleLabel)return this.accessibleLabel;const e=[];return this.heading&&e.push(this.heading),this.hasAfterHeading&&e.push(b(this.element,"after-heading").map((e=>e.textContent.trim())).join(", ")),this.caption&&e.push(this.caption),e.join(". ")},this.handleClick=e=>{e.preventDefault(),this.open=!this.open,this.duetToggle.emit({component:"duet-collapsible",originalEvent:e})}}componentWillLoad(){r(this),this.hasAfterHeading=g(this.element,"after-heading")}connectedCallback(){h(this)}disconnectedCallback(){p(this)}async setFocus(e){this.nativeButton&&(this.element.classList.add("user-is-tabbing"),this.nativeButton.focus(e))}render(){const e=this.headingLevel?u(this.headingLevel):"div";return a(i,{key:"4c35285a6b1bb57e8a4b9606a6f30df1d17d700d",class:{"duet-m-0":"none"===this.margin,negative:this.negative}},a(e,{key:"10373d162861548e8bf0e6a6ec48cc9e6feada66"},a("button",{key:"f2a7de72d427282d7344fa887eae3ec9d1108598",class:{"duet-collapsible-heading":!0,"duet-collapsible-heading-centered":this.centerHeading,"duet-theme-turva":"turva"===this.theme,"duet-collapsible-normal-weight":"normal"===this.headingWeight,"has-after-heading":this.hasAfterHeading,"full-width":this.headingFullWidth,"has-caption":!!this.caption},style:{"font-size":this.getFontSizeFromTokens()},role:"button",ref:e=>this.nativeButton=e,"aria-label":this.getAccessibleLabel(),"aria-expanded":this.open?"true":"false","aria-controls":this.id,onClick:this.handleClick,onKeyDown:this.handleKeyDown},a("div",{key:"c14f682e6f885865d5261150ce734ed7da7ecbca",class:"duet-collapsible-heading-wrapper"},a("div",{key:"68a1f424f6a8acb4851ec5847b847a39386a9c2d",class:"duet-collapsible-heading-icon"},a("duet-icon",{key:"06679c60e3aee0f6c6230ab00d85910cf06073c0",margin:"none",size:this.getEquivalentIconSize(),icon:l.svg})),a("div",{key:"2514a96bfde0da2606ebe29e31170408dc4bd004",class:"duet-collapsible-heading-content",part:"duet-collapsible-heading-content"},this.heading),this.hasAfterHeading&&a("div",{key:"16129fc66c34f9a107aa21c64c2af5ef4e8345c9",part:"duet-collapsible-after-heading"},a("slot",{key:"952802b3fad8ea858438be89acd628e758bab39f",name:"after-heading"}))),this.caption&&a("div",{key:"365284fa408a990dc24d00e8701da4ac8b54fac3",class:"duet-collapsible-heading-caption"},a("duet-caption",{key:"31f4325613bd800ad627d614e00705323d9d5049",size:"small",margin:"none"},this.caption)))),a("div",{key:"3472e80b23745a5deb2a186f8670873ad74628a8",id:this.id,class:{"duet-collapsible-content":!0,"duet-theme-turva":"turva"===this.theme},part:"duet-collapsible-content"},a("slot",{key:"09bab3ef3b7b7ee8015e79723f3c28095663883a"})))}get element(){return o(this)}};m.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;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:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}:host(.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, 28, 58)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top: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;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.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, 28, 58)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;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);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-heading-centered .duet-collapsible-heading-caption{margin-inline:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-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(23, 28, 58)}.duet-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading.has-caption{gap:4px}.duet-collapsible-heading.has-caption .duet-collapsible-heading-caption{margin-left:18px;font-weight:inherit}.duet-collapsible-heading .duet-collapsible-heading-wrapper{display:flex;align-items:center;width:inherit;margin:inherit}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}:host(.duet-theme-turva2){color:#172a3b}:host(.duet-theme-turva2) .duet-collapsible-content.duet-theme-turva,:host(.duet-theme-turva2) .duet-collapsible-heading.duet-theme-turva{color:rgb(23, 28, 58)}';export{m as duet_collapsible}
package/lib/duet/{p-3c7ba14f.entry.js → p-e443cf8a.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as e,c as t,h as o,H as a,g as n}from"./p-vt84lkeQ.js";import{i}from"./p-BXJZKiJg.js";import{s as r,u as s}from"./p-Db8rvjPI.js";const d=class{constructor(o){e(this,o),this.duetCookieConsent=t(this,"duetCookieConsent",7),this.accessibleLabel="Hyväksyn evästeiden käytön",this.theme="",this.handleClick=e=>{e.preventDefault(),this.duetCookieConsent.emit({component:"duet-cookie-consent"})}}handleFocusIn(e){e.composedPath()[0]!==this.element&&this.element.classList.add("descendant-focused")}handleFocusOut(){this.element.classList.remove("descendant-focused")}componentWillLoad(){i(this)}connectedCallback(){r(this)}disconnectedCallback(){s(this)}render(){return o(a,{key:"1f83ab5838f565e3dee5a11151f17c13009c0e7d",tabindex:"-1",class:{"duet-theme-turva":"turva"===this.theme}},o("div",{key:"e4a913e6c68d60f6c8237e35f5bf8b23d6a8be97",class:{"duet-cookie-consent":!0,"duet-theme-turva":"turva"===this.theme}},o("div",{key:"d594b4b907a5b770c58630163e35c3f358172db6",class:"duet-cookie-consent-content"},o("div",{key:"f8c60f7176d18f1519252e03035ffe3ded682811",class:"expand"},o("slot",{key:"764178fb0a91f3ef68a07050d9f3d4b84b2e3757"})),o("duet-spacer",{key:"82473e1be587999e8b0e714843f3edb1dd9b9161",size:"large",direction:"horizontal"}),o("div",{key:"b70b7134335e98505b9a485daf9849e3e7453be2"},o("duet-button",{key:"e721e4a7d82f0b68949924fab5ea4f82386d31f5",variation:"negative",size:"small",onClick:this.handleClick,margin:"none","aria-label":this.accessibleLabel,theme:this.theme},"OK")))))}get element(){return n(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:not(.descendant-focused):focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing:not(.descendant-focused).duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;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;color:rgb(255, 255, 255) !important;background-color:rgba(4, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(4, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.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";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:rgb(255, 255, 255) !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-theme-turva2) .duet-cookie-consent.duet-theme-turva{background-color:rgba(12, 21, 30, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){:host(.duet-theme-turva2) .duet-cookie-consent.duet-theme-turva{background:rgba(12, 21, 30, 0.8)}}';export{d as duet_cookie_consent}
4
+ import{r as e,c as t,h as o,H as a,g as n}from"./p-Cg-Sy7Qf.js";import{i}from"./p-DNq3_6qZ.js";import{s as r,u as s}from"./p-Db8rvjPI.js";const d=class{constructor(o){e(this,o),this.duetCookieConsent=t(this,"duetCookieConsent",7),this.accessibleLabel="Hyväksyn evästeiden käytön",this.theme="",this.handleClick=e=>{e.preventDefault(),this.duetCookieConsent.emit({component:"duet-cookie-consent"})}}handleFocusIn(e){e.composedPath()[0]!==this.element&&this.element.classList.add("descendant-focused")}handleFocusOut(){this.element.classList.remove("descendant-focused")}componentWillLoad(){i(this)}connectedCallback(){r(this)}disconnectedCallback(){s(this)}render(){return o(a,{key:"1f83ab5838f565e3dee5a11151f17c13009c0e7d",tabindex:"-1",class:{"duet-theme-turva":"turva"===this.theme}},o("div",{key:"e4a913e6c68d60f6c8237e35f5bf8b23d6a8be97",class:{"duet-cookie-consent":!0,"duet-theme-turva":"turva"===this.theme}},o("div",{key:"d594b4b907a5b770c58630163e35c3f358172db6",class:"duet-cookie-consent-content"},o("div",{key:"f8c60f7176d18f1519252e03035ffe3ded682811",class:"expand"},o("slot",{key:"764178fb0a91f3ef68a07050d9f3d4b84b2e3757"})),o("duet-spacer",{key:"82473e1be587999e8b0e714843f3edb1dd9b9161",size:"large",direction:"horizontal"}),o("div",{key:"b70b7134335e98505b9a485daf9849e3e7453be2"},o("duet-button",{key:"e721e4a7d82f0b68949924fab5ea4f82386d31f5",variation:"negative",size:"small",onClick:this.handleClick,margin:"none","aria-label":this.accessibleLabel,theme:this.theme},"OK")))))}get element(){return n(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:not(.descendant-focused):focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing:not(.descendant-focused).duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;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;color:rgb(255, 255, 255) !important;background-color:rgba(4, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(4, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.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";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:rgb(255, 255, 255) !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-theme-turva2) .duet-cookie-consent.duet-theme-turva{background-color:rgba(12, 21, 30, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){:host(.duet-theme-turva2) .duet-cookie-consent.duet-theme-turva{background:rgba(12, 21, 30, 0.8)}}';export{d as duet_cookie_consent}
package/lib/duet/{p-ef821bec.entry.js → p-e6a4707d.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as t,h as e,F as a,g as i}from"./p-vt84lkeQ.js";import{s}from"./p-Z0D6Gy9e.js";import{i as r}from"./p-BXJZKiJg.js";import{c as o}from"./p-Cfr_DJqU.js";import{s as d,u as n}from"./p-Db8rvjPI.js";import{a as b,g as p,c as l,d as c}from"./p-Ob09ol4-.js";import"./p-C6E9F6QT.js";const u=2*parseFloat(s)*16,h=class{constructor(e){t(this,e),this.isTicking=!1,this.expandableId=o("DuetTray"),this.expanded=!1,this.hiddenState=!1,this.language=b(),this.accessibleCloseLabelDefaults={fi:"Sulje",en:"Close",sv:"Stäng"},this.accessibleCloseLabel=p(this.accessibleCloseLabelDefaults,this.language),this.accessibleOpenLabelDefaults={fi:"Avaa",en:"Open",sv:"Öppna"},this.accessibleOpenLabel=p(this.accessibleOpenLabelDefaults,this.language),this.theme="",this.active=!1,this.autoHide=!0,this.responsive=!0,this.animationLoop=()=>{this.hiddenState=window.pageYOffset<u,this.isTicking=!1},this.toggleExpandable=t=>{t.preventDefault(),this.expanded=!this.expanded}}componentWillLoad(){r(this),this.hasAdditionalContent=!!this.element.querySelector("[slot='additional']")}connectedCallback(){l(this,[{prop:"accessibleOpenLabel",defaults:"accessibleOpenLabelDefaults"},{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"}]),d(this)}disconnectedCallback(){c(this),n(this)}getFrame(){!this.isTicking&&this.autoHide&&this.active&&(requestAnimationFrame(this.animationLoop),this.isTicking=!0)}handleBodyClick(t){this.expanded&&(this.expanded=this.element.contains(t.target))}render(){return e("div",{key:"f214ce1bc33434f910d47ad3eb6c32f9def079a6",class:{"duet-tray":!0,"duet-tray-is-active":this.active,"duet-tray-is-hidden":this.hiddenState,"duet-tray-is-responsive":this.responsive,"duet-theme-turva":"turva"===this.theme,"duet-tray-is-expandable":this.hasAdditionalContent}},e("div",{key:"4b233933831bb971fdfcbcfeb1a45a24376c9334",class:"duet-tray-default-content",role:"status"},e("slot",{key:"dd4e32bc8ac1287203ae396fe8c21184971ed452"})),this.hasAdditionalContent&&e(a,{key:"978f4eac8618d6e6806c2b949e61555881739314"},e("button",{key:"733c5973d36830c6c93d80e74d943f89d6cc02ea","aria-expanded":this.expanded?"true":"false","aria-controls":this.expandableId,onClick:t=>this.toggleExpandable(t),class:{"duet-tray-button":!0,"duet-tray-is-expanded":this.expanded}},e("duet-icon",{key:"84843a2d3b1481545f27f6dd15854e7382f712ea",name:"action-arrow-down",size:"small",color:"currentColor",margin:"none"}),e("duet-visually-hidden",{key:"c071fa18c128c620dd838dd8a0d6fce553bb60aa"},this.expanded?this.accessibleCloseLabel:this.accessibleOpenLabel)),e("div",{key:"85ae38a4a6b17d8acec9bbd7948eba44ed6bf28c",id:this.expandableId,class:{"duet-tray-expandable":!0,active:this.expanded}},e("div",{key:"3cf4e3889f982c47287b962430c62596aad7f81c",class:"duet-tray-expandable-content"},e("slot",{key:"ea85e6c58ed79bc61d885f859d296ec9a6a590d3",name:"additional"})))))}get element(){return i(this)}};h.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tray{position:fixed;top:4rem;right:0;left:0;z-index:399;display:flex;flex-direction:column;max-height:calc(100% - 8rem);padding:16px 20px 16px 24px;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);visibility:hidden;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-tray.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray.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, 28, 58);background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;width:calc(100% + 46px);max-height:0;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease;scrollbar-width:none}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{max-height:500px;visibility:visible;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(222, 224, 228)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(8, 42, 77);text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-theme-turva .duet-tray-button{color:rgb(23, 28, 58)}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray-button:active{box-shadow:none;opacity:0.75}:host(.duet-theme-turva2) .duet-tray.duet-theme-turva{color:#172a3b;background:#fdf7f2;border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-tray-expandable-content{border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-tray-button{color:#172a3b}';export{h as duet_tray}
4
+ import{r as t,h as e,F as a,g as i}from"./p-Cg-Sy7Qf.js";import{s}from"./p-Z0D6Gy9e.js";import{i as r}from"./p-DNq3_6qZ.js";import{c as o}from"./p-Cfr_DJqU.js";import{s as d,u as n}from"./p-Db8rvjPI.js";import{a as b,g as p,c as l,d as c}from"./p-B0lHdUDq.js";import"./p-C6E9F6QT.js";const u=2*parseFloat(s)*16,h=class{constructor(e){t(this,e),this.isTicking=!1,this.expandableId=o("DuetTray"),this.expanded=!1,this.hiddenState=!1,this.language=b(),this.accessibleCloseLabelDefaults={fi:"Sulje",en:"Close",sv:"Stäng"},this.accessibleCloseLabel=p(this.accessibleCloseLabelDefaults,this.language),this.accessibleOpenLabelDefaults={fi:"Avaa",en:"Open",sv:"Öppna"},this.accessibleOpenLabel=p(this.accessibleOpenLabelDefaults,this.language),this.theme="",this.active=!1,this.autoHide=!0,this.responsive=!0,this.animationLoop=()=>{this.hiddenState=window.pageYOffset<u,this.isTicking=!1},this.toggleExpandable=t=>{t.preventDefault(),this.expanded=!this.expanded}}componentWillLoad(){r(this),this.hasAdditionalContent=!!this.element.querySelector("[slot='additional']")}connectedCallback(){l(this,[{prop:"accessibleOpenLabel",defaults:"accessibleOpenLabelDefaults"},{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"}]),d(this)}disconnectedCallback(){c(this),n(this)}getFrame(){!this.isTicking&&this.autoHide&&this.active&&(requestAnimationFrame(this.animationLoop),this.isTicking=!0)}handleBodyClick(t){this.expanded&&(this.expanded=this.element.contains(t.target))}render(){return e("div",{key:"f214ce1bc33434f910d47ad3eb6c32f9def079a6",class:{"duet-tray":!0,"duet-tray-is-active":this.active,"duet-tray-is-hidden":this.hiddenState,"duet-tray-is-responsive":this.responsive,"duet-theme-turva":"turva"===this.theme,"duet-tray-is-expandable":this.hasAdditionalContent}},e("div",{key:"4b233933831bb971fdfcbcfeb1a45a24376c9334",class:"duet-tray-default-content",role:"status"},e("slot",{key:"dd4e32bc8ac1287203ae396fe8c21184971ed452"})),this.hasAdditionalContent&&e(a,{key:"978f4eac8618d6e6806c2b949e61555881739314"},e("button",{key:"733c5973d36830c6c93d80e74d943f89d6cc02ea","aria-expanded":this.expanded?"true":"false","aria-controls":this.expandableId,onClick:t=>this.toggleExpandable(t),class:{"duet-tray-button":!0,"duet-tray-is-expanded":this.expanded}},e("duet-icon",{key:"84843a2d3b1481545f27f6dd15854e7382f712ea",name:"action-arrow-down",size:"small",color:"currentColor",margin:"none"}),e("duet-visually-hidden",{key:"c071fa18c128c620dd838dd8a0d6fce553bb60aa"},this.expanded?this.accessibleCloseLabel:this.accessibleOpenLabel)),e("div",{key:"85ae38a4a6b17d8acec9bbd7948eba44ed6bf28c",id:this.expandableId,class:{"duet-tray-expandable":!0,active:this.expanded}},e("div",{key:"3cf4e3889f982c47287b962430c62596aad7f81c",class:"duet-tray-expandable-content"},e("slot",{key:"ea85e6c58ed79bc61d885f859d296ec9a6a590d3",name:"additional"})))))}get element(){return i(this)}};h.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tray{position:fixed;top:4rem;right:0;left:0;z-index:399;display:flex;flex-direction:column;max-height:calc(100% - 8rem);padding:16px 20px 16px 24px;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);visibility:hidden;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-tray.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray.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, 28, 58);background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;width:calc(100% + 46px);max-height:0;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease;scrollbar-width:none}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{max-height:500px;visibility:visible;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(222, 224, 228)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(8, 42, 77);text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-theme-turva .duet-tray-button{color:rgb(23, 28, 58)}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray-button:active{box-shadow:none;opacity:0.75}:host(.duet-theme-turva2) .duet-tray.duet-theme-turva{color:#172a3b;background:#fdf7f2;border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-tray-expandable-content{border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-tray-button{color:#172a3b}';export{h as duet_tray}
package/lib/duet/{p-ab61831a.entry.js → p-e9ff33aa.entry.js} RENAMED
@@ -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 a,g as i}from"./p-vt84lkeQ.js";import{i as o}from"./p-BXJZKiJg.js";import{e as s,d as l}from"./p-C6CAT054.js";import{F as n}from"./p-G09pKpI-.js";import{a as d,c as r,d as c,g as p}from"./p-Ob09ol4-.js";import{h as u}from"./p-aWO-HcmJ.js";import{g as h}from"./p-Dr2j33H2.js";import"./p-C6E9F6QT.js";import"./p-Z0D6Gy9e.js";const b=class{constructor(t){e(this,t),this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"},this.backLangObject={en:"Back to main menu",fi:"Takaisin päävalikkoon",sv:"Tillbaka till huvudmenyn"},this.hasStickyHeaderSlot=!1,this.language=d(),this.bodyScrollLocked=!1,this.theme="",this.active=!1,this.open=!1,this.icon=void 0,this.labelSize="medium",this.backgroundColor="gray-lightest",this.badge=!1,this.updateLabel=()=>{const e=this.element.querySelector("[slot='label']");this.label=e},this.toggleMenu=()=>{this.open=!this.open},this.onClick=()=>{this.toggleMenu()},this.onCloseClick=e=>{if(e.stopPropagation(),"DUET-SLIDEOUT"===this.element.parentElement.tagName){const e=this.element.parentElement;s(this.dialog),this.bodyScrollLocked=!1,e.toggle()}}}componentWillLoad(){o(this),this.updateLabel(),this.hasStickyHeaderSlot=u(this.element,"sticky-header")}connectedCallback(){r(this),this.mutationObserver=new MutationObserver((()=>{if("DUET-SLIDEOUT"===this.element.parentElement.tagName){const e=this.element.parentElement;e.open&&this.open&&!this.bodyScrollLocked?(this.bodyScrollLocked=!0,l(this.dialog,{reserveScrollBarGap:!0})):!e.open&&this.bodyScrollLocked&&(this.bodyScrollLocked=!1,s(this.dialog))}})),this.mutationObserver.observe(this.element.parentElement,{childList:!1,attributeFilter:["open"],subtree:!1})}disconnectedCallback(){c(this),this.dialog&&(s(this.dialog),this.bodyScrollLocked=!1),this.mutationObserver&&this.mutationObserver.disconnect()}handleOpenChange(e,t){!!e!=!!t&&(this.open&&!t?setTimeout((()=>{Array.from(this.element.parentElement.children).forEach((e=>{e!==this.element&&(e.inert=!0)})),this.bodyScrollLocked||(l(this.dialog,{reserveScrollBarGap:!0}),this.bodyScrollLocked=!0),this.closeButton.focus()}),200):!this.open&&t&&setTimeout((()=>{Array.from(this.element.parentElement.children).forEach((e=>{e.inert=!1})),this.openButton.focus(),s(this.dialog),this.bodyScrollLocked=!1}),200))}async setFocus(e){this.open?setTimeout((()=>{this.closeButton.focus(e)}),200):setTimeout((()=>{this.openButton.focus(e)}),200)}render(){const e={background:h(this.backgroundColor,this.theme)},i=p(this.exitLangObject),o=p(this.backLangObject);return t(a,{key:"91e1bfb50346e6f0b7d7b93f6d9cb16e84df9297"},t("div",{key:"80891454e08a69f87d42ca5879c85a7e1eab6d5c",class:{"duet-slideout-panel":!0,"duet-theme-turva":"turva"===this.theme,active:this.open}},this.badge&&t("duet-indicator",{key:"2dc9f2f3b5eebbc44158f9c7795ee2e9dadbfeef",variation:"change"}),t("button",{key:"fe2d4c0f8dc01d791946a720592101e83dc016ea",ref:e=>this.openButton=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{link:!0,active:this.active},onClick:this.onClick,inert:this.open},this.icon&&t("div",{key:"b38f6287ae32328d38478369c11fcf53af075731",class:"duet-slideout-icon"},t("duet-icon",{key:"7b8e0204a8a23daf0ece9b96b981921dd7dc6e84",name:this.icon,size:"small",margin:"none",color:"secondary"})),t("span",{key:"15944b22ad22f757436034fb8ef1465d19caca6d",class:"label"},t("span",{key:"7bed6412b760df7878162e7a683488ccf91b01e9",class:{"label-text":!0,[this.labelSize]:!0}},t("slot",{key:"4700d12f643dd979d5c90a1bf193f9ef55e5e584",name:"label"})),t("duet-icon",{key:"99c0ce44ec6a8abec00a1379a3bbd695c728e873",class:"caret",name:"action-arrow-right",margin:"none",size:"x-small",color:"secondary"}))),t("div",{key:"ea37489cb1f9476b74c7e14311011293002791ef",ref:e=>this.dialog=e,class:{dialog:!0,hidden:!this.open},style:e},t(n,{key:"f936fd64a01150ec06f4007872e38ed39f2d13a3",moveFocusTo:this.closeButton}),t("div",{key:"12af8aafbb83a7470bdf6d43def68492ea0b950d",class:{"top-container":!0,"has-sticky-header-slot":this.hasStickyHeaderSlot}},t("div",{key:"71ee6b6d138c1dfc009f41460f43676ba7ee405b",class:"top"},t("button",{key:"8b1170da102425174dfe9ec6a12996cb3d1fa123",ref:e=>this.closeButton=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-label":`${o}`,type:"button",class:{back:!0},onClick:this.onClick},t("duet-icon",{key:"99d2cf1b6a7b2584460187cce27f9f9f0713f58e",class:"caret",name:"action-arrow-left",margin:"none",size:"small",color:"secondary"})),t("span",{key:"7c41e4f0d2f3c71cfaf03f3a0350f9d390b3e0ec"},this.label.innerHTML),t("button",{key:"96024d91d7946d05f62fc2c7f051bfce152e07f7",class:"close",type:"button",onClick:this.onCloseClick,"aria-label":`${i}`},t("duet-icon",{key:"89b82c6c543718835c92fcf8ed4c4b9882eea0fe",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),t("div",{key:"3665563f52fa7947c426394d637447ae157e7a83",class:"sticky-header"},t("slot",{key:"2db3b51deffa106264a66fddb59d2e614a7f1691",name:"sticky-header"}))),t("div",{key:"e2e29f223e33babd0c6186802383f2f4578b5063",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0}},t("slot",{key:"ebdc8c4f45b0670a30806ce49c1dbf812e47ec14"})),t(n,{key:"db918af81f016c137a0551589daf1b2848239817",moveFocusTo:this.closeButton}))))}get element(){return i(this)}static get watchers(){return{open:["handleOpenChange"]}}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;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{position:relative;height:100%}.duet-slideout-panel .link{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.5rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-slideout-panel .link .duet-slideout-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-slideout-panel .link .duet-slideout-icon{margin-right:8px}}.duet-slideout-panel .link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}.duet-slideout-panel .link .label-text.small{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.medium{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.large{font-size:1.25rem;font-weight:800}.duet-slideout-panel .link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .link.active .label-text{position:relative}.duet-slideout-panel .link.active .label-text.small::after{height:1px;transform:translateY(1px)}.duet-slideout-panel .link.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transform:translateY(2px)}.duet-slideout-panel .dialog{position:fixed;top:0;right:0;z-index:600;width:min(450px, 100%);height:100%;overflow-y:auto;visibility:visible}.duet-slideout-panel .dialog.hidden{visibility:hidden}.duet-slideout-panel .dialog.hidden .top .back,.duet-slideout-panel .dialog.hidden .top span{opacity:0}.duet-slideout-panel .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout-panel .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout-panel .top-container.has-sticky-header-slot .sticky-header{display:block;padding:0 16px}.duet-slideout-panel .top{display:flex;align-items:center;justify-content:space-between;padding:4px}.duet-slideout-panel .top .back{opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .close:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .top duet-icon{padding:16px}.duet-slideout-panel .top span{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.1rem;font-weight:700;line-height:1.5;color:rgb(8, 42, 77);opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout-panel .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:12px 20px;overflow-y:auto;color:rgb(8, 42, 77)}@media (min-width: 36em){.duet-slideout-panel .items{padding:16px 28px}}.duet-slideout-panel duet-indicator{top:4px}.duet-slideout-panel.duet-theme-turva .link{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, 28, 58)}.duet-slideout-panel.duet-theme-turva .link:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(198, 12, 48)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 247, 250)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-slideout-panel.duet-theme-turva .top .back:focus,.duet-slideout-panel.duet-theme-turva .top .close:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .top span{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, 28, 58)}slot:not([name=label]){--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:600;color:rgb(8, 42, 77)}.duet-theme-turva slot:not([name=label]){color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .link{color:#172a3b}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:#e61740}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:#fdf7f2}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:#fdf7f2;border-bottom-color:#fbe1d1}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .top span{color:#172a3b}:host(.duet-theme-turva2) slot:not([name=label]){color:#172a3b}';export{b as duet_slideout_panel}
4
+ import{r as e,h as t,H as a,g as i}from"./p-Cg-Sy7Qf.js";import{i as o}from"./p-DNq3_6qZ.js";import{e as s,d as l}from"./p-C6CAT054.js";import{F as n}from"./p-vLG7vkZg.js";import{a as d,c as r,d as c,g as u}from"./p-B0lHdUDq.js";import{h as p}from"./p-CmVjSa2G.js";import{g as h}from"./p-Do6ugHz0.js";import"./p-C6E9F6QT.js";import"./p-Z0D6Gy9e.js";const b=class{constructor(t){e(this,t),this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"},this.backLangObject={en:"Back to main menu",fi:"Takaisin päävalikkoon",sv:"Tillbaka till huvudmenyn"},this.hasStickyHeaderSlot=!1,this.language=d(),this.bodyScrollLocked=!1,this.theme="",this.active=!1,this.open=!1,this.icon=void 0,this.labelSize="medium",this.backgroundColor="gray-lightest",this.badge=!1,this.updateLabel=()=>{const e=this.element.querySelector("[slot='label']");this.label=e},this.toggleMenu=()=>{this.open=!this.open},this.onClick=()=>{this.toggleMenu()},this.onCloseClick=e=>{if(e.stopPropagation(),"DUET-SLIDEOUT"===this.element.parentElement.tagName){const e=this.element.parentElement;s(this.dialog),this.bodyScrollLocked=!1,e.toggle()}}}componentWillLoad(){o(this),this.updateLabel(),this.hasStickyHeaderSlot=p(this.element,"sticky-header")}connectedCallback(){r(this),this.mutationObserver=new MutationObserver((()=>{if("DUET-SLIDEOUT"===this.element.parentElement.tagName){const e=this.element.parentElement;e.open&&this.open&&!this.bodyScrollLocked?(this.bodyScrollLocked=!0,l(this.dialog,{reserveScrollBarGap:!0})):!e.open&&this.bodyScrollLocked&&(this.bodyScrollLocked=!1,s(this.dialog))}})),this.mutationObserver.observe(this.element.parentElement,{childList:!1,attributeFilter:["open"],subtree:!1})}disconnectedCallback(){c(this),this.dialog&&(s(this.dialog),this.bodyScrollLocked=!1),this.mutationObserver&&this.mutationObserver.disconnect()}handleOpenChange(e,t){!!e!=!!t&&(this.open&&!t?setTimeout((()=>{Array.from(this.element.parentElement.children).forEach((e=>{e!==this.element&&(e.inert=!0)})),this.bodyScrollLocked||(l(this.dialog,{reserveScrollBarGap:!0}),this.bodyScrollLocked=!0),this.closeButton.focus()}),200):!this.open&&t&&setTimeout((()=>{Array.from(this.element.parentElement.children).forEach((e=>{e.inert=!1})),this.openButton.focus(),s(this.dialog),this.bodyScrollLocked=!1}),200))}async setFocus(e){this.open?setTimeout((()=>{this.closeButton.focus(e)}),200):setTimeout((()=>{this.openButton.focus(e)}),200)}render(){const e={background:h(this.backgroundColor,this.theme)},i=u(this.exitLangObject),o=u(this.backLangObject);return t(a,{key:"91e1bfb50346e6f0b7d7b93f6d9cb16e84df9297"},t("div",{key:"80891454e08a69f87d42ca5879c85a7e1eab6d5c",class:{"duet-slideout-panel":!0,"duet-theme-turva":"turva"===this.theme,active:this.open}},this.badge&&t("duet-indicator",{key:"2dc9f2f3b5eebbc44158f9c7795ee2e9dadbfeef",variation:"change"}),t("button",{key:"fe2d4c0f8dc01d791946a720592101e83dc016ea",ref:e=>this.openButton=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{link:!0,active:this.active},onClick:this.onClick,inert:this.open},this.icon&&t("div",{key:"b38f6287ae32328d38478369c11fcf53af075731",class:"duet-slideout-icon"},t("duet-icon",{key:"7b8e0204a8a23daf0ece9b96b981921dd7dc6e84",name:this.icon,size:"small",margin:"none",color:"secondary"})),t("span",{key:"15944b22ad22f757436034fb8ef1465d19caca6d",class:"label"},t("span",{key:"7bed6412b760df7878162e7a683488ccf91b01e9",class:{"label-text":!0,[this.labelSize]:!0}},t("slot",{key:"4700d12f643dd979d5c90a1bf193f9ef55e5e584",name:"label"})),t("duet-icon",{key:"99c0ce44ec6a8abec00a1379a3bbd695c728e873",class:"caret",name:"action-arrow-right",margin:"none",size:"x-small",color:"secondary"}))),t("div",{key:"ea37489cb1f9476b74c7e14311011293002791ef",ref:e=>this.dialog=e,class:{dialog:!0,hidden:!this.open},style:e},t(n,{key:"f936fd64a01150ec06f4007872e38ed39f2d13a3",moveFocusTo:this.closeButton}),t("div",{key:"12af8aafbb83a7470bdf6d43def68492ea0b950d",class:{"top-container":!0,"has-sticky-header-slot":this.hasStickyHeaderSlot}},t("div",{key:"71ee6b6d138c1dfc009f41460f43676ba7ee405b",class:"top"},t("button",{key:"8b1170da102425174dfe9ec6a12996cb3d1fa123",ref:e=>this.closeButton=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-label":`${o}`,type:"button",class:{back:!0},onClick:this.onClick},t("duet-icon",{key:"99d2cf1b6a7b2584460187cce27f9f9f0713f58e",class:"caret",name:"action-arrow-left",margin:"none",size:"small",color:"secondary"})),t("span",{key:"7c41e4f0d2f3c71cfaf03f3a0350f9d390b3e0ec"},this.label.innerHTML),t("button",{key:"96024d91d7946d05f62fc2c7f051bfce152e07f7",class:"close",type:"button",onClick:this.onCloseClick,"aria-label":`${i}`},t("duet-icon",{key:"89b82c6c543718835c92fcf8ed4c4b9882eea0fe",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),t("div",{key:"3665563f52fa7947c426394d637447ae157e7a83",class:"sticky-header"},t("slot",{key:"2db3b51deffa106264a66fddb59d2e614a7f1691",name:"sticky-header"}))),t("div",{key:"e2e29f223e33babd0c6186802383f2f4578b5063",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0}},t("slot",{key:"ebdc8c4f45b0670a30806ce49c1dbf812e47ec14"})),t(n,{key:"db918af81f016c137a0551589daf1b2848239817",moveFocusTo:this.closeButton}))))}get element(){return i(this)}static get watchers(){return{open:["handleOpenChange"]}}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;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{position:relative;height:100%}.duet-slideout-panel .link{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.5rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-slideout-panel .link .duet-slideout-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-slideout-panel .link .duet-slideout-icon{margin-right:8px}}.duet-slideout-panel .link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}.duet-slideout-panel .link .label-text.small{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.medium{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.large{font-size:1.25rem;font-weight:800}.duet-slideout-panel .link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .link.active .label-text{position:relative}.duet-slideout-panel .link.active .label-text.small::after{height:1px;transform:translateY(1px)}.duet-slideout-panel .link.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transform:translateY(2px)}.duet-slideout-panel .dialog{position:fixed;top:0;right:0;z-index:600;width:min(450px, 100%);height:100%;overflow-y:auto;visibility:visible}.duet-slideout-panel .dialog.hidden{visibility:hidden}.duet-slideout-panel .dialog.hidden .top .back,.duet-slideout-panel .dialog.hidden .top span{opacity:0}.duet-slideout-panel .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout-panel .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout-panel .top-container.has-sticky-header-slot .sticky-header{display:block;padding:0 16px}.duet-slideout-panel .top{display:flex;align-items:center;justify-content:space-between;padding:4px}.duet-slideout-panel .top .back{opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .close:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .top duet-icon{padding:16px}.duet-slideout-panel .top span{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.1rem;font-weight:700;line-height:1.5;color:rgb(8, 42, 77);opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout-panel .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:12px 20px;overflow-y:auto;color:rgb(8, 42, 77)}@media (min-width: 36em){.duet-slideout-panel .items{padding:16px 28px}}.duet-slideout-panel duet-indicator{top:4px}.duet-slideout-panel.duet-theme-turva .link{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, 28, 58)}.duet-slideout-panel.duet-theme-turva .link:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(198, 12, 48)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 247, 250)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-slideout-panel.duet-theme-turva .top .back:focus,.duet-slideout-panel.duet-theme-turva .top .close:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .top span{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, 28, 58)}slot:not([name=label]){--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:600;color:rgb(8, 42, 77)}.duet-theme-turva slot:not([name=label]){color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .link{color:#172a3b}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:#e61740}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:#fdf7f2}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:#fdf7f2;border-bottom-color:#fbe1d1}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .top span{color:#172a3b}:host(.duet-theme-turva2) slot:not([name=label]){color:#172a3b}';export{b as duet_slideout_panel}
package/lib/duet/{p-ca2fd9dc.entry.js → p-eb7799de.entry.js} RENAMED
@@ -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 r,g as a}from"./p-vt84lkeQ.js";import{i as o}from"./p-BXJZKiJg.js";import{g as d}from"./p-Ob09ol4-.js";import{g as i}from"./p-Dr2j33H2.js";import"./p-C6E9F6QT.js";import"./p-Z0D6Gy9e.js";const b=class{constructor(t){e(this,t),this.observers=[],this.breadcrumbsAriaLabel=d({fi:"Murupolku",sv:"Ströbröd",en:"Breadcrumbs"}),this.theme="",this.variation="header",this.color=""}componentWillLoad(){o(this),this.children=Array.from(this.element.children)}connectedCallback(){Array.from(this.element.children).forEach((e=>{const t=new MutationObserver((()=>this.children=Array.from(this.element.children)));t.observe(e,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),this.observers=[...this.observers,t]}))}disconnectedCallback(){this.observers.forEach((e=>e.disconnect())),this.observers=[]}render(){const e=i(this.color);return t(r,{key:"36f67b82a722d5c4017bb4cec37fd7149572d264"},t("nav",{key:"f8fe3f4e521969a60d9428a354a88152171613ec","aria-label":this.breadcrumbsAriaLabel,class:{"duet-breadcrumbs":!0,"duet-theme-turva":"turva"===this.theme,[this.variation]:!0}},t("div",{key:"78f711e9262e47c989705552d2ab75e65ae17fbe",class:"container"},t("div",{key:"bfc70b5d984cc57ef2591f4a3ecf452db9ae0ed6",role:"list",class:"list",style:{color:e}},t("slot",{key:"96e85ea897f84aef0111f41d1e91ac2a263e8d66"})),t("div",{key:"b99f56d5dba834d934872b86fcb8e46205ae3084",class:"bottom-border bottom-border--container"})),t("div",{key:"1d96cf880260a6fa1fb39cbc0e76e7b5df8f208c",class:"bottom-border bottom-border--nav"})))}get element(){return a(this)}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}::slotted(*){font-weight:400}::slotted(:last-child){font-weight:600}:host([variation=plain]) ::slotted(:last-child){font-weight:400}.duet-breadcrumbs{position:relative;display:flex;align-items:center;justify-content:center;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-breadcrumbs .container{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;min-height:36px;margin:0 28px}.duet-breadcrumbs .list{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;padding:10px 0;color:inherit;list-style:none}.duet-breadcrumbs .bottom-border{position:absolute;bottom:0;display:none;width:100%;height:1px}.duet-breadcrumbs.header{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-breadcrumbs.header .list duet-breadcrumb[href]:hover{color:rgb(0, 75, 129)}.duet-breadcrumbs.header .bottom-border--nav{display:block;background:rgb(212, 223, 229)}.duet-breadcrumbs.header.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-breadcrumbs.header.duet-theme-turva ol duet-breadcrumb[href]:hover{color:rgb(126, 2, 35)}.duet-breadcrumbs.footer{color:rgb(255, 255, 255);background:rgb(8, 42, 77)}@media (min-width: 64.0625em){.duet-breadcrumbs.footer{justify-content:flex-start}}@media (min-width: 76.25em){.duet-breadcrumbs.footer{justify-content:center}}.duet-breadcrumbs.footer .container{max-width:1110px}@media (min-width: 62em){.duet-breadcrumbs.footer .container{margin:0 72px 0 48px}}.duet-breadcrumbs.footer .list{padding:20px 0}@media (min-width: 62em){.duet-breadcrumbs.footer .list{padding:20px 8px}}.duet-breadcrumbs.footer .list duet-breadcrumb[href]:hover{text-decoration:underline}.duet-breadcrumbs.footer .bottom-border--container{display:block;background:rgba(255, 255, 255, 0.2)}.duet-breadcrumbs.footer.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-breadcrumbs.plain .container{max-width:none;min-height:auto;margin:0}.duet-breadcrumbs.plain .list{padding:0}.duet-breadcrumbs.plain .bottom-border{display:none}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.header{color:#172a3b;background:#fdf7f2}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.header ol duet-breadcrumb[href]:hover{color:rgb(126, 2, 35)}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.footer{background:#e61740}';export{b as duet_breadcrumbs}
4
+ import{r as e,h as t,H as r,g as a}from"./p-Cg-Sy7Qf.js";import{i as o}from"./p-DNq3_6qZ.js";import{g as d}from"./p-B0lHdUDq.js";import{g as i}from"./p-Do6ugHz0.js";import"./p-C6E9F6QT.js";import"./p-Z0D6Gy9e.js";const b=class{constructor(t){e(this,t),this.observers=[],this.breadcrumbsAriaLabel=d({fi:"Murupolku",sv:"Ströbröd",en:"Breadcrumbs"}),this.theme="",this.variation="header",this.color=""}componentWillLoad(){o(this),this.children=Array.from(this.element.children)}connectedCallback(){Array.from(this.element.children).forEach((e=>{const t=new MutationObserver((()=>this.children=Array.from(this.element.children)));t.observe(e,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),this.observers=[...this.observers,t]}))}disconnectedCallback(){this.observers.forEach((e=>e.disconnect())),this.observers=[]}render(){const e=i(this.color);return t(r,{key:"36f67b82a722d5c4017bb4cec37fd7149572d264"},t("nav",{key:"f8fe3f4e521969a60d9428a354a88152171613ec","aria-label":this.breadcrumbsAriaLabel,class:{"duet-breadcrumbs":!0,"duet-theme-turva":"turva"===this.theme,[this.variation]:!0}},t("div",{key:"78f711e9262e47c989705552d2ab75e65ae17fbe",class:"container"},t("div",{key:"bfc70b5d984cc57ef2591f4a3ecf452db9ae0ed6",role:"list",class:"list",style:{color:e}},t("slot",{key:"96e85ea897f84aef0111f41d1e91ac2a263e8d66"})),t("div",{key:"b99f56d5dba834d934872b86fcb8e46205ae3084",class:"bottom-border bottom-border--container"})),t("div",{key:"1d96cf880260a6fa1fb39cbc0e76e7b5df8f208c",class:"bottom-border bottom-border--nav"})))}get element(){return a(this)}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}::slotted(*){font-weight:400}::slotted(:last-child){font-weight:600}:host([variation=plain]) ::slotted(:last-child){font-weight:400}.duet-breadcrumbs{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-breadcrumbs .container{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;min-height:36px;margin:0 28px 0 20px}.duet-breadcrumbs .list{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;align-items:center;justify-content:flex-start;color:inherit;list-style:none}.duet-breadcrumbs .bottom-border{position:absolute;bottom:0;display:none;width:100%;height:1px}.duet-breadcrumbs.header{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-breadcrumbs.header .list duet-breadcrumb[href]:hover{color:rgb(0, 75, 129)}.duet-breadcrumbs.header .bottom-border--nav{display:block;background:rgb(212, 223, 229)}.duet-breadcrumbs.header.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-breadcrumbs.header.duet-theme-turva ol duet-breadcrumb[href]:hover{color:rgb(126, 2, 35)}.duet-breadcrumbs.footer{color:rgb(255, 255, 255);background:rgb(8, 42, 77)}@media (min-width: 64.0625em){.duet-breadcrumbs.footer{justify-content:flex-start}}@media (min-width: 76.25em){.duet-breadcrumbs.footer{justify-content:center}}.duet-breadcrumbs.footer .container{max-width:1110px}@media (min-width: 62em){.duet-breadcrumbs.footer .container{margin:0 72px 0 48px}}.duet-breadcrumbs.footer .list{padding:20px 0}@media (min-width: 62em){.duet-breadcrumbs.footer .list{padding:20px 8px}}.duet-breadcrumbs.footer .list duet-breadcrumb[href]:hover{text-decoration:underline}.duet-breadcrumbs.footer .bottom-border--container{display:block;background:rgba(255, 255, 255, 0.2)}.duet-breadcrumbs.footer.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-breadcrumbs.plain .container{max-width:none;min-height:auto;margin:0}.duet-breadcrumbs.plain .list{padding:0}.duet-breadcrumbs.plain .bottom-border{display:none}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.header{color:#172a3b;background:#fdf7f2}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.header ol duet-breadcrumb[href]:hover{color:rgb(126, 2, 35)}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.footer{background:#e61740}';export{b as duet_breadcrumbs}
package/lib/duet/{p-167290f7.entry.js → p-ed4f565e.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{h as e,r as n,H as t,g as i}from"./p-vt84lkeQ.js";import{i as a}from"./p-BXJZKiJg.js";import{h as s,c as r}from"./p-aWO-HcmJ.js";import{p as d}from"./p-C6E9F6QT.js";import{g as o,p as l}from"./p-Dr2j33H2.js";import"./p-Z0D6Gy9e.js";const u=({img:n,sources:t})=>e("picture",null,t&&t.map((n=>e("source",{srcSet:n.srcset,media:n.media,type:n.type,sizes:n.sizes}))),e("img",Object.assign({},n))),m=class{constructor(e){n(this,e),this.theme="",this.margin="auto",this.backgroundColor="primary-lighter",this.iconColor="gray-lightest",this.iconBackgroundColor="primary",this.textColor="secondary",this.size="large",this.image="",this.icon="",this.headingLevel="h2",this.checkCurrentSize=()=>{const e=this.element.clientWidth;this.currentSize=e<500||"small"===this.size?"small":e<900||"medium"===this.size?"medium":"large",this.setButtonSize()},this.setButtonSize=()=>{if(this.hasActionSlot&&this.currentSize){const e=this.element.querySelectorAll("[slot='action'] duet-button, duet-button[slot='action']");for(const n of e)n&&null===n.getAttribute("size")&&"large"!==this.currentSize?n.size="small":n&&null===n.getAttribute("size")&&"large"===this.currentSize&&(n.size="medium")}},this.isTurva2=()=>{var e;return null===(e=document.documentElement.attributes.getNamedItem("class"))||void 0===e?void 0:e.value.includes("duet-theme-turva2")},this.getBackgroundColor=()=>"turva"===this.theme&&"primary-lighter"===this.backgroundColor?this.isTurva2()?"#fdf7f2":o("gray-lighter",this.theme):o(this.backgroundColor,this.theme)}componentWillLoad(){a(this),this.hasHeadingSlot=s(this.element,"heading"),this.hasDescriptionSlot=s(this.element,"description"),this.hasActionSlot=s(this.element,"action"),r(this.element,"heading","span"),this.setButtonSize()}connectedCallback(){window.addEventListener("resize",this.checkCurrentSize)}disconnectedCallback(){window.removeEventListener("resize",this.checkCurrentSize)}componentDidRender(){this.checkCurrentSize()}render(){const n=this.getBackgroundColor(),i=o(this.textColor,this.theme),a={backgroundColor:n},s={img:{src:this.image,alt:"",loading:"lazy",class:"image",role:"presentation"},sources:d(this.sources)};return e(t,{key:"c8e3140dea20791061866feb62588c5a5491f277",class:{"duet-m-0":"none"===this.margin}},e("aside",{key:"7e6834ed607505ee35d026a71d3406280644856b",class:{"duet-banner":!0,"duet-theme-turva":"turva"===this.theme,[this.currentSize]:!0,"size-medium":"medium"===this.size||"large"===this.size,"size-large":"large"===this.size,"no-image":!this.image},style:a},e("div",{key:"fc4dc8649243b6a63368328de6eb4e50ed176a6b",class:"visual"},e("div",{key:"37384ee4753623f1be3281d984a0bb838ed73f58",class:"image-container"},this.image&&e(u,Object.assign({key:"20843c2967598ea78d178de08e35e9ac6b913e2d"},s))),!1,e("div",{key:"c7a8ea6e28e80f6b10f37d3d9ae649e72362d59b",style:a,class:"brand-shape"})),e("div",{key:"1cf3029099015dd0ff396e9f9c94075c3eb5b70f",class:"content"},this.hasHeadingSlot&&e("div",{key:"bd471f924ebdcd3a08f9aed0ac669f46188a5452",class:"heading"},e("duet-heading",{key:"f8a595ae3eb8a76b5f2ffb245912d8dea6221873",theme:this.theme,level:this.headingLevel,"visual-level":"large"===this.currentSize?"h2":"h3","fixed-size":!0,margin:"none",color:l(this.textColor,this.theme)},e("span",{key:"cc6134c267fdc0401198afdff0a75776f091db58"},e("slot",{key:"bdfc9e47dfe979c9355b99379533e81e36d55ac3",name:"heading"})))),this.hasDescriptionSlot&&e("div",{key:"38b1971548ed44d7b5c02c5eb6feb85625880f09",class:"description",style:{color:i}},e("slot",{key:"2b8ed684179262322589d0e8702f3bd823e7614f",name:"description"})),this.hasActionSlot&&e("div",{key:"75e5f3ba7ef02266554854f6963e4c471ca0fa4f",class:"action"},e("slot",{key:"1c9affe286d41ac0266758465f0d574591e38b2c",name:"action"})))))}get element(){return i(this)}};m.style="*,\n*::after,\n*::before {\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:host {\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-right: 36px !important;\n margin-bottom: 36px !important;\n display: flex;\n justify-content: center;\n width: auto;\n container: duet-banner-container;\n container-type: inline-size;\n}\n:host:last-child, :host:last-of-type {\n margin-right: 0 !important;\n}\n\n:host(.duet-m-0) {\n margin: 0 !important;\n}\n\n.duet-banner {\n display: grid;\n grid-template-rows: min-content 1fr;\n width: 100%;\n height: 100%;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n text-align: left;\n border-radius: 16px;\n}\n.duet-banner.duet-p-0 {\n padding: 0 !important;\n}\n.duet-banner.duet-m-0 {\n margin: 0 !important;\n}\n.duet-banner .visual {\n position: relative;\n display: none;\n overflow: hidden;\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 0px) {\n .duet-banner .visual {\n /* stylelint-enable */\n display: block;\n }\n}\n.duet-banner .visual .image-container {\n position: relative;\n aspect-ratio: 2/1;\n overflow: hidden;\n}\n.duet-banner .visual .image {\n position: relative;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n}\n.duet-banner .visual .icon {\n position: absolute;\n}\n.duet-banner .visual .brand-shape {\n position: absolute;\n top: 0;\n left: 72%;\n display: none;\n width: 100%;\n height: 100%;\n mask-image: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n transform: scale(101%);\n}\n.duet-banner .content {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 16px 20px 28px;\n}\n.duet-banner .content .description {\n hyphens: auto;\n}\n.duet-banner .action {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n align-items: flex-start;\n justify-content: flex-end;\n padding-top: 16px;\n}\n.duet-banner .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n}\n.duet-banner .visual .image-container {\n width: 100%;\n height: auto;\n border-radius: 0;\n}\n.duet-banner .visual .icon {\n bottom: 30px;\n left: 15px;\n}\n.duet-banner.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-banner.duet-theme-turva .visual .brand-shape {\n mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n.duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-disable */\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-enable */\n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 0;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n top: 36px;\n left: 168px;\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-medium .content, .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 28px 28px 28px 0;\n }\n .duet-banner.size-medium .action, .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n@container duet-banner-container (min-width: 586px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-enable */\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n left: 80%;\n }\n}\n.duet-banner.size-large {\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 900px) {\n .duet-banner.size-large {\n /* stylelint-enable */\n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-large .visual .icon {\n top: 40px;\n bottom: auto;\n left: 335px;\n }\n .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 48px 48px 48px 0;\n }\n .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n.duet-banner.no-image {\n display: flex;\n justify-content: center;\n padding: 36px 20px;\n}\n.duet-banner.no-image .visual {\n display: none;\n}\n.duet-banner.no-image .content {\n width: 100%;\n max-width: 720px;\n padding: 0;\n}\n.duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n /* stylelint-enable */\n padding: 48px;\n }\n}\n\n:host(.duet-theme-turva2) .duet-banner {\n border-radius: 8px;\n}\n:host(.duet-theme-turva2) .duet-banner.size-medium, :host(.duet-theme-turva2) .duet-banner.size-large {\n /* stylelint-disable */\n}\n:host(.duet-theme-turva2) .duet-banner.size-medium .visual, :host(.duet-theme-turva2) .duet-banner.size-large .visual {\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n}\n:host(.duet-theme-turva2) .duet-banner.size-medium .visual .brand-shape, :host(.duet-theme-turva2) .duet-banner.size-large .visual .brand-shape {\n display: none;\n}\n@container duet-banner-container (min-width: 486px) {\n :host(.duet-theme-turva2) .duet-banner.size-medium, :host(.duet-theme-turva2) .duet-banner.size-large {\n /* stylelint-enable */\n grid-template-columns: 1fr 1fr;\n gap: 28px;\n border-radius: 12px;\n }\n :host(.duet-theme-turva2) .duet-banner.size-medium .visual, :host(.duet-theme-turva2) .duet-banner.size-large .visual {\n border-top-left-radius: 12px;\n border-top-right-radius: 0;\n border-bottom-left-radius: 12px;\n }\n}";export{m as duet_banner}
4
+ import{h as e,r as n,H as t,g as i}from"./p-Cg-Sy7Qf.js";import{i as a}from"./p-DNq3_6qZ.js";import{h as s,c as r}from"./p-CmVjSa2G.js";import{p as d}from"./p-C6E9F6QT.js";import{g as o,p as l}from"./p-Do6ugHz0.js";import"./p-Z0D6Gy9e.js";const u=({img:n,sources:t})=>e("picture",null,t&&t.map((n=>e("source",{srcSet:n.srcset,media:n.media,type:n.type,sizes:n.sizes}))),e("img",Object.assign({},n))),m=class{constructor(e){n(this,e),this.theme="",this.margin="auto",this.backgroundColor="primary-lighter",this.iconColor="gray-lightest",this.iconBackgroundColor="primary",this.textColor="secondary",this.size="large",this.image="",this.icon="",this.headingLevel="h2",this.checkCurrentSize=()=>{const e=this.element.clientWidth;this.currentSize=e<500||"small"===this.size?"small":e<900||"medium"===this.size?"medium":"large",this.setButtonSize()},this.setButtonSize=()=>{if(this.hasActionSlot&&this.currentSize){const e=this.element.querySelectorAll("[slot='action'] duet-button, duet-button[slot='action']");for(const n of e)n&&null===n.getAttribute("size")&&"large"!==this.currentSize?n.size="small":n&&null===n.getAttribute("size")&&"large"===this.currentSize&&(n.size="medium")}},this.isTurva2=()=>{var e;return null===(e=document.documentElement.attributes.getNamedItem("class"))||void 0===e?void 0:e.value.includes("duet-theme-turva2")},this.getBackgroundColor=()=>"turva"===this.theme&&"primary-lighter"===this.backgroundColor?this.isTurva2()?"#fdf7f2":o("gray-lighter",this.theme):o(this.backgroundColor,this.theme)}componentWillLoad(){a(this),this.hasHeadingSlot=s(this.element,"heading"),this.hasDescriptionSlot=s(this.element,"description"),this.hasActionSlot=s(this.element,"action"),r(this.element,"heading","span"),this.setButtonSize()}connectedCallback(){window.addEventListener("resize",this.checkCurrentSize)}disconnectedCallback(){window.removeEventListener("resize",this.checkCurrentSize)}componentDidRender(){this.checkCurrentSize()}render(){const n=this.getBackgroundColor(),i=o(this.textColor,this.theme),a={backgroundColor:n},s={img:{src:this.image,alt:"",loading:"lazy",class:"image",role:"presentation"},sources:d(this.sources)};return e(t,{key:"c8e3140dea20791061866feb62588c5a5491f277",class:{"duet-m-0":"none"===this.margin}},e("aside",{key:"7e6834ed607505ee35d026a71d3406280644856b",class:{"duet-banner":!0,"duet-theme-turva":"turva"===this.theme,[this.currentSize]:!0,"size-medium":"medium"===this.size||"large"===this.size,"size-large":"large"===this.size,"no-image":!this.image},style:a},e("div",{key:"fc4dc8649243b6a63368328de6eb4e50ed176a6b",class:"visual"},e("div",{key:"37384ee4753623f1be3281d984a0bb838ed73f58",class:"image-container"},this.image&&e(u,Object.assign({key:"20843c2967598ea78d178de08e35e9ac6b913e2d"},s))),!1,e("div",{key:"c7a8ea6e28e80f6b10f37d3d9ae649e72362d59b",style:a,class:"brand-shape"})),e("div",{key:"1cf3029099015dd0ff396e9f9c94075c3eb5b70f",class:"content"},this.hasHeadingSlot&&e("div",{key:"bd471f924ebdcd3a08f9aed0ac669f46188a5452",class:"heading"},e("duet-heading",{key:"f8a595ae3eb8a76b5f2ffb245912d8dea6221873",theme:this.theme,level:this.headingLevel,"visual-level":"large"===this.currentSize?"h2":"h3","fixed-size":!0,margin:"none",color:l(this.textColor,this.theme)},e("span",{key:"cc6134c267fdc0401198afdff0a75776f091db58"},e("slot",{key:"bdfc9e47dfe979c9355b99379533e81e36d55ac3",name:"heading"})))),this.hasDescriptionSlot&&e("div",{key:"38b1971548ed44d7b5c02c5eb6feb85625880f09",class:"description",style:{color:i}},e("slot",{key:"2b8ed684179262322589d0e8702f3bd823e7614f",name:"description"})),this.hasActionSlot&&e("div",{key:"75e5f3ba7ef02266554854f6963e4c471ca0fa4f",class:"action"},e("slot",{key:"1c9affe286d41ac0266758465f0d574591e38b2c",name:"action"})))))}get element(){return i(this)}};m.style="*,\n*::after,\n*::before {\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:host {\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-right: 36px !important;\n margin-bottom: 36px !important;\n display: flex;\n justify-content: center;\n width: auto;\n container: duet-banner-container;\n container-type: inline-size;\n}\n:host:last-child, :host:last-of-type {\n margin-right: 0 !important;\n}\n\n:host(.duet-m-0) {\n margin: 0 !important;\n}\n\n.duet-banner {\n display: grid;\n grid-template-rows: min-content 1fr;\n width: 100%;\n height: 100%;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n text-align: left;\n border-radius: 16px;\n}\n.duet-banner.duet-p-0 {\n padding: 0 !important;\n}\n.duet-banner.duet-m-0 {\n margin: 0 !important;\n}\n.duet-banner .visual {\n position: relative;\n display: none;\n overflow: hidden;\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 0px) {\n .duet-banner .visual {\n /* stylelint-enable */\n display: block;\n }\n}\n.duet-banner .visual .image-container {\n position: relative;\n aspect-ratio: 2/1;\n overflow: hidden;\n}\n.duet-banner .visual .image {\n position: relative;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n}\n.duet-banner .visual .icon {\n position: absolute;\n}\n.duet-banner .visual .brand-shape {\n position: absolute;\n top: 0;\n left: 72%;\n display: none;\n width: 100%;\n height: 100%;\n mask-image: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n transform: scale(101%);\n}\n.duet-banner .content {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 16px 20px 28px;\n}\n.duet-banner .content .description {\n hyphens: auto;\n}\n.duet-banner .action {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n align-items: flex-start;\n justify-content: flex-end;\n padding-top: 16px;\n}\n.duet-banner .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n}\n.duet-banner .visual .image-container {\n width: 100%;\n height: auto;\n border-radius: 0;\n}\n.duet-banner .visual .icon {\n bottom: 30px;\n left: 15px;\n}\n.duet-banner.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-banner.duet-theme-turva .visual .brand-shape {\n mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n.duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-disable */\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-enable */\n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 0;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n top: 36px;\n left: 168px;\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-medium .content, .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 28px 28px 28px 0;\n }\n .duet-banner.size-medium .action, .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n@container duet-banner-container (min-width: 586px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n /* stylelint-enable */\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n left: 80%;\n }\n}\n.duet-banner.size-large {\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 900px) {\n .duet-banner.size-large {\n /* stylelint-enable */\n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-large .visual .icon {\n top: 40px;\n bottom: auto;\n left: 335px;\n }\n .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 48px 48px 48px 0;\n }\n .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n.duet-banner.no-image {\n display: flex;\n justify-content: center;\n padding: 36px 20px;\n}\n.duet-banner.no-image .visual {\n display: none;\n}\n.duet-banner.no-image .content {\n width: 100%;\n max-width: 720px;\n padding: 0;\n}\n.duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n /* stylelint-enable */\n padding: 48px;\n }\n}\n\n:host(.duet-theme-turva2) .duet-banner {\n border-radius: 8px;\n}\n:host(.duet-theme-turva2) .duet-banner.size-medium, :host(.duet-theme-turva2) .duet-banner.size-large {\n /* stylelint-disable */\n}\n:host(.duet-theme-turva2) .duet-banner.size-medium .visual, :host(.duet-theme-turva2) .duet-banner.size-large .visual {\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n}\n:host(.duet-theme-turva2) .duet-banner.size-medium .visual .brand-shape, :host(.duet-theme-turva2) .duet-banner.size-large .visual .brand-shape {\n display: none;\n}\n@container duet-banner-container (min-width: 486px) {\n :host(.duet-theme-turva2) .duet-banner.size-medium, :host(.duet-theme-turva2) .duet-banner.size-large {\n /* stylelint-enable */\n grid-template-columns: 1fr 1fr;\n gap: 28px;\n border-radius: 12px;\n }\n :host(.duet-theme-turva2) .duet-banner.size-medium .visual, :host(.duet-theme-turva2) .duet-banner.size-large .visual {\n border-top-left-radius: 12px;\n border-top-right-radius: 0;\n border-bottom-left-radius: 12px;\n }\n}";export{m as duet_banner}