@duetds/components 8.3.1 → 8.4.1

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 (636) hide show
  1. package/hydrate/index.js +303 -70
  2. package/lib/cjs/{common-strings-22c70ef0.js → common-strings-75850753.js} +7 -1
  3. package/lib/cjs/duet-action-button.cjs.entry.js +2 -2
  4. package/lib/cjs/duet-alert.cjs.entry.js +2 -2
  5. package/lib/cjs/duet-badge.cjs.entry.js +1 -1
  6. package/lib/cjs/duet-banner.cjs.entry.js +16 -3
  7. package/lib/cjs/duet-breadcrumb.cjs.entry.js +2 -2
  8. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +1 -1
  9. package/lib/cjs/duet-button_2.cjs.entry.js +3 -3
  10. package/lib/cjs/duet-callout.cjs.entry.js +1 -1
  11. package/lib/cjs/duet-caption_4.cjs.entry.js +14 -5
  12. package/lib/cjs/duet-card.cjs.entry.js +2 -2
  13. package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
  14. package/lib/cjs/duet-checkmark.cjs.entry.js +1 -1
  15. package/lib/cjs/duet-chip.cjs.entry.js +2 -2
  16. package/lib/cjs/duet-choice_2.cjs.entry.js +4 -4
  17. package/lib/cjs/duet-collapsible.cjs.entry.js +2 -2
  18. package/lib/cjs/duet-combobox.cjs.entry.js +2 -2
  19. package/lib/cjs/duet-contact-card.cjs.entry.js +1 -1
  20. package/lib/cjs/duet-cookie-consent.cjs.entry.js +2 -2
  21. package/lib/cjs/duet-date-picker.cjs.entry.js +3 -3
  22. package/lib/cjs/duet-divider_2.cjs.entry.js +1 -1
  23. package/lib/cjs/duet-editable-table_3.cjs.entry.js +2 -2
  24. package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
  25. package/lib/cjs/duet-fieldset.cjs.entry.js +1 -1
  26. package/lib/cjs/duet-file-chooser.cjs.entry.js +1 -1
  27. package/lib/cjs/duet-footer.cjs.entry.js +3 -3
  28. package/lib/cjs/duet-grid_2.cjs.entry.js +1 -1
  29. package/lib/cjs/duet-header_2.cjs.entry.js +3 -3
  30. package/lib/cjs/duet-hero.cjs.entry.js +2 -2
  31. package/lib/cjs/duet-icon.cjs.entry.js +1 -1
  32. package/lib/cjs/duet-input_2.cjs.entry.js +2 -2
  33. package/lib/cjs/duet-layout.cjs.entry.js +1 -1
  34. package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
  35. package/lib/cjs/duet-menu-bar-button.cjs.entry.js +2 -2
  36. package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +2 -2
  37. package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +3 -3
  38. package/lib/cjs/duet-menu-bar-item.cjs.entry.js +88 -0
  39. package/lib/cjs/duet-menu-bar-link.cjs.entry.js +2 -2
  40. package/lib/cjs/duet-menu-bar.cjs.entry.js +2 -15
  41. package/lib/cjs/duet-modal.cjs.entry.js +4 -4
  42. package/lib/cjs/duet-multiselect.cjs.entry.js +2 -2
  43. package/lib/cjs/duet-nav.cjs.entry.js +1 -1
  44. package/lib/cjs/duet-notification_2.cjs.entry.js +3 -3
  45. package/lib/cjs/duet-number-input.cjs.entry.js +2 -2
  46. package/lib/cjs/duet-page-heading.cjs.entry.js +1 -1
  47. package/lib/cjs/duet-pagination_2.cjs.entry.js +2 -2
  48. package/lib/cjs/duet-popup-menu-item.cjs.entry.js +3 -2
  49. package/lib/cjs/duet-popup-menu.cjs.entry.js +85 -22
  50. package/lib/cjs/duet-progress.cjs.entry.js +1 -1
  51. package/lib/cjs/duet-promo-card.cjs.entry.js +1 -1
  52. package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
  53. package/lib/cjs/duet-range-slider.cjs.entry.js +2 -2
  54. package/lib/cjs/duet-scrollable_3.cjs.entry.js +2 -2
  55. package/lib/cjs/duet-section-layout.cjs.entry.js +1 -1
  56. package/lib/cjs/duet-select.cjs.entry.js +1 -1
  57. package/lib/cjs/duet-shaped-image.cjs.entry.js +1 -1
  58. package/lib/cjs/duet-show-more.cjs.entry.js +2 -2
  59. package/lib/cjs/duet-slideout-lang.cjs.entry.js +1 -1
  60. package/lib/cjs/duet-slideout-link.cjs.entry.js +1 -1
  61. package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +1 -1
  62. package/lib/cjs/duet-slideout-panel.cjs.entry.js +2 -2
  63. package/lib/cjs/duet-slideout.cjs.entry.js +4 -4
  64. package/lib/cjs/duet-step_2.cjs.entry.js +2 -2
  65. package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +2 -2
  66. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +2 -2
  67. package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +2 -2
  68. package/lib/cjs/duet-submenu-bar.cjs.entry.js +2 -2
  69. package/lib/cjs/duet-textarea.cjs.entry.js +1 -1
  70. package/lib/cjs/duet-toggle.cjs.entry.js +2 -2
  71. package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +3 -3
  72. package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +3 -3
  73. package/lib/cjs/duet-toolbar-item.cjs.entry.js +59 -0
  74. package/lib/cjs/duet-toolbar-link.cjs.entry.js +2 -2
  75. package/lib/cjs/duet-toolbar.cjs.entry.js +2 -15
  76. package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +3 -3
  77. package/lib/cjs/duet-tooltip.cjs.entry.js +2 -2
  78. package/lib/cjs/duet-tray.cjs.entry.js +2 -2
  79. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
  80. package/lib/cjs/duet-upload-item.cjs.entry.js +1 -1
  81. package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
  82. package/lib/cjs/duet.cjs.js +2 -2
  83. package/lib/cjs/{focus-utils-2d403f5e.js → focus-utils-327224fb.js} +1 -1
  84. package/lib/cjs/{index-a515d5ff.js → index-f9de8fc6.js} +1 -1
  85. package/lib/cjs/{keyboard-utils-66010749.js → keyboard-utils-66ecb5d6.js} +4 -2
  86. package/lib/cjs/loader.cjs.js +2 -2
  87. package/lib/collection/collection-manifest.json +2 -0
  88. package/lib/collection/common-strings.js +6 -1
  89. package/lib/collection/components/duet-banner/duet-banner.css +88 -14
  90. package/lib/collection/components/duet-banner/duet-banner.js +18 -5
  91. package/lib/collection/components/duet-button/duet-button.css +3 -0
  92. package/lib/collection/components/duet-date-picker/duet-date-picker.css +2 -2
  93. package/lib/collection/components/duet-link/duet-link.css +8 -4
  94. package/lib/collection/components/duet-link/duet-link.js +77 -3
  95. package/lib/collection/components/duet-list/duet-list.js +1 -1
  96. package/lib/collection/components/duet-menu-bar/duet-menu-bar.a11y.e2e.js +45 -9
  97. package/lib/collection/components/duet-menu-bar/duet-menu-bar.css +1 -0
  98. package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +0 -13
  99. package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js +1 -1
  100. package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js +1 -1
  101. package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.css +103 -0
  102. package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.js +286 -0
  103. package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js +1 -1
  104. package/lib/collection/components/duet-modal/duet-modal.css +2 -2
  105. package/lib/collection/components/duet-notification/duet-notification.css +2 -2
  106. package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +95 -25
  107. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +20 -1
  108. package/lib/collection/components/duet-slideout/duet-slideout.css +3 -3
  109. package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.css +3 -2
  110. package/lib/collection/components/duet-toolbar/duet-toolbar.a11y.e2e.js +65 -14
  111. package/lib/collection/components/duet-toolbar/duet-toolbar.css +1 -0
  112. package/lib/collection/components/duet-toolbar/duet-toolbar.js +0 -13
  113. package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +1 -1
  114. package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js +1 -1
  115. package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.css +122 -0
  116. package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js +270 -0
  117. package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +1 -1
  118. package/lib/collection/utils/keyboard-utils.js +4 -2
  119. package/lib/dist-custom-elements/duet-action-button.js +1 -1
  120. package/lib/dist-custom-elements/duet-alert.js +1 -1
  121. package/lib/dist-custom-elements/duet-badge.js +1 -1
  122. package/lib/dist-custom-elements/duet-banner.js +19 -6
  123. package/lib/dist-custom-elements/duet-breadcrumb.js +4 -4
  124. package/lib/dist-custom-elements/duet-breadcrumbs.js +1 -1
  125. package/lib/dist-custom-elements/duet-button.js +1 -1
  126. package/lib/dist-custom-elements/duet-callout.js +2 -2
  127. package/lib/dist-custom-elements/duet-caption.js +1 -1
  128. package/lib/dist-custom-elements/duet-card.js +4 -4
  129. package/lib/dist-custom-elements/duet-checkbox.js +1 -1
  130. package/lib/dist-custom-elements/duet-checkmark.js +1 -1
  131. package/lib/dist-custom-elements/duet-chip.js +3 -3
  132. package/lib/dist-custom-elements/duet-choice-group.js +8 -8
  133. package/lib/dist-custom-elements/duet-choice.js +7 -7
  134. package/lib/dist-custom-elements/duet-collapsible.js +3 -3
  135. package/lib/dist-custom-elements/duet-combobox.js +3 -3
  136. package/lib/dist-custom-elements/duet-contact-card.js +8 -8
  137. package/lib/dist-custom-elements/duet-cookie-consent.js +7 -7
  138. package/lib/dist-custom-elements/duet-date-picker.js +13 -13
  139. package/lib/dist-custom-elements/duet-divider.js +1 -1
  140. package/lib/dist-custom-elements/duet-editable-table.js +8 -8
  141. package/lib/dist-custom-elements/duet-empty-state.js +1 -1
  142. package/lib/dist-custom-elements/duet-fieldset.js +1 -1
  143. package/lib/dist-custom-elements/duet-file-chooser.js +2 -2
  144. package/lib/dist-custom-elements/duet-footer.js +6 -6
  145. package/lib/dist-custom-elements/duet-grid-item.js +1 -1
  146. package/lib/dist-custom-elements/duet-grid.js +1 -1
  147. package/lib/dist-custom-elements/duet-header.js +10 -10
  148. package/lib/dist-custom-elements/duet-heading.js +1 -1
  149. package/lib/dist-custom-elements/duet-hero.js +10 -10
  150. package/lib/dist-custom-elements/duet-icon.js +1 -1
  151. package/lib/dist-custom-elements/duet-input.js +1 -1
  152. package/lib/dist-custom-elements/duet-label.js +1 -1
  153. package/lib/dist-custom-elements/duet-layout.js +1 -1
  154. package/lib/dist-custom-elements/duet-link.js +1 -1
  155. package/lib/dist-custom-elements/duet-list-item.js +1 -1
  156. package/lib/dist-custom-elements/duet-list.js +1 -1
  157. package/lib/dist-custom-elements/duet-logo.js +1 -1
  158. package/lib/dist-custom-elements/duet-menu-bar-button.js +3 -3
  159. package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +3 -3
  160. package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +4 -4
  161. package/lib/dist-custom-elements/duet-menu-bar-item.d.ts +11 -0
  162. package/lib/dist-custom-elements/duet-menu-bar-item.js +119 -0
  163. package/lib/dist-custom-elements/duet-menu-bar-link.js +3 -3
  164. package/lib/dist-custom-elements/duet-menu-bar.js +3 -16
  165. package/lib/dist-custom-elements/duet-modal.js +9 -9
  166. package/lib/dist-custom-elements/duet-multiselect.js +10 -10
  167. package/lib/dist-custom-elements/duet-nav.js +1 -1
  168. package/lib/dist-custom-elements/duet-notification-drawer.js +5 -5
  169. package/lib/dist-custom-elements/duet-notification.js +4 -4
  170. package/lib/dist-custom-elements/duet-number-input.js +12 -12
  171. package/lib/dist-custom-elements/duet-page-heading.js +2 -2
  172. package/lib/dist-custom-elements/duet-pagination.js +14 -14
  173. package/lib/dist-custom-elements/duet-paragraph.js +1 -1
  174. package/lib/dist-custom-elements/duet-popup-menu-item.js +5 -3
  175. package/lib/dist-custom-elements/duet-popup-menu.js +90 -24
  176. package/lib/dist-custom-elements/duet-progress.js +1 -1
  177. package/lib/dist-custom-elements/duet-promo-card.js +3 -3
  178. package/lib/dist-custom-elements/duet-radio-group.js +8 -8
  179. package/lib/dist-custom-elements/duet-radio.js +1 -1
  180. package/lib/dist-custom-elements/duet-range-slider.js +3 -3
  181. package/lib/dist-custom-elements/duet-range-stepper.js +5 -5
  182. package/lib/dist-custom-elements/duet-scrollable.js +1 -1
  183. package/lib/dist-custom-elements/duet-section-layout.js +1 -1
  184. package/lib/dist-custom-elements/duet-select.js +1 -1
  185. package/lib/dist-custom-elements/duet-shaped-image.js +1 -1
  186. package/lib/dist-custom-elements/duet-show-more.js +6 -6
  187. package/lib/dist-custom-elements/duet-slideout-lang.js +2 -2
  188. package/lib/dist-custom-elements/duet-slideout-link.js +2 -2
  189. package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +2 -2
  190. package/lib/dist-custom-elements/duet-slideout-panel.js +2 -2
  191. package/lib/dist-custom-elements/duet-slideout.js +4 -4
  192. package/lib/dist-custom-elements/duet-spacer.js +1 -1
  193. package/lib/dist-custom-elements/duet-spinner.js +1 -1
  194. package/lib/dist-custom-elements/duet-step.js +5 -5
  195. package/lib/dist-custom-elements/duet-stepper.js +2 -2
  196. package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +3 -3
  197. package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +3 -3
  198. package/lib/dist-custom-elements/duet-submenu-bar-link.js +3 -3
  199. package/lib/dist-custom-elements/duet-submenu-bar.js +3 -3
  200. package/lib/dist-custom-elements/duet-tab-group.js +14 -14
  201. package/lib/dist-custom-elements/duet-tab.js +2 -2
  202. package/lib/dist-custom-elements/duet-table.js +1 -1
  203. package/lib/dist-custom-elements/duet-textarea.js +10 -10
  204. package/lib/dist-custom-elements/duet-toggle.js +3 -3
  205. package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +4 -4
  206. package/lib/dist-custom-elements/duet-toolbar-dropdown.js +4 -4
  207. package/lib/dist-custom-elements/duet-toolbar-item.d.ts +11 -0
  208. package/lib/dist-custom-elements/duet-toolbar-item.js +90 -0
  209. package/lib/dist-custom-elements/duet-toolbar-link.js +3 -3
  210. package/lib/dist-custom-elements/duet-toolbar.js +2 -15
  211. package/lib/dist-custom-elements/duet-tooltip-button.js +1 -1
  212. package/lib/dist-custom-elements/duet-tooltip-popup.js +1 -1
  213. package/lib/dist-custom-elements/duet-tooltip.js +1 -1
  214. package/lib/dist-custom-elements/duet-tray.js +4 -4
  215. package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
  216. package/lib/dist-custom-elements/duet-upload-item.js +1 -1
  217. package/lib/dist-custom-elements/duet-upload.js +18 -18
  218. package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
  219. package/lib/dist-custom-elements/index.js +1 -1
  220. package/lib/dist-custom-elements/{p-033ffb95.js → p-0ccedd20.js} +1 -1
  221. package/lib/dist-custom-elements/{p-83c687c4.js → p-15060f3e.js} +10 -10
  222. package/lib/dist-custom-elements/{p-7385cfae.js → p-19e196d7.js} +2 -2
  223. package/lib/dist-custom-elements/{p-99bfa47d.js → p-2a149fd8.js} +1 -1
  224. package/lib/dist-custom-elements/{p-15b43530.js → p-2e054d37.js} +2 -2
  225. package/lib/dist-custom-elements/{p-8aacf8f2.js → p-2e5140b1.js} +1 -1
  226. package/lib/dist-custom-elements/{p-d84624d1.js → p-3b611f77.js} +1 -1
  227. package/lib/dist-custom-elements/{p-82a9c4cc.js → p-40c896f1.js} +1 -1
  228. package/lib/dist-custom-elements/{p-fdafc7af.js → p-44597ec8.js} +1 -1
  229. package/lib/dist-custom-elements/{p-89fa2387.js → p-4b0c6729.js} +1 -1
  230. package/lib/dist-custom-elements/{p-eb30f749.js → p-4bff90c2.js} +1 -1
  231. package/lib/dist-custom-elements/{p-57d9241f.js → p-4ef93ac1.js} +2 -2
  232. package/lib/dist-custom-elements/{p-13cbfdc6.js → p-5230e644.js} +1 -1
  233. package/lib/dist-custom-elements/{p-8500f1f3.js → p-57391cc8.js} +1 -1
  234. package/lib/dist-custom-elements/{p-dd3202f3.js → p-5744809e.js} +1 -1
  235. package/lib/dist-custom-elements/{p-022cc9de.js → p-6542b17e.js} +1 -1
  236. package/lib/dist-custom-elements/{p-e8d8a5f1.js → p-65c75ef9.js} +8 -8
  237. package/lib/dist-custom-elements/{p-89c8eef0.js → p-65d670a0.js} +6 -6
  238. package/lib/dist-custom-elements/{p-3380c780.js → p-6c44ff37.js} +1 -1
  239. package/lib/dist-custom-elements/{p-33c43f27.js → p-72e0efbc.js} +6 -6
  240. package/lib/dist-custom-elements/{p-57e61a09.js → p-7a89935d.js} +1 -1
  241. package/lib/dist-custom-elements/{p-f1a37b7f.js → p-8e5e3b4e.js} +6 -6
  242. package/lib/dist-custom-elements/{p-85c51c36.js → p-95fd6b77.js} +4 -4
  243. package/lib/dist-custom-elements/{p-da0965a5.js → p-99feccb2.js} +1 -1
  244. package/lib/dist-custom-elements/{p-6c8a44ea.js → p-a6d6bf5b.js} +1 -1
  245. package/lib/dist-custom-elements/{p-4ab776f4.js → p-aa07d1a7.js} +7 -2
  246. package/lib/dist-custom-elements/{p-55634a0b.js → p-bec3a15c.js} +4 -2
  247. package/lib/dist-custom-elements/{p-70fb72b8.js → p-c0e3f8a6.js} +1 -1
  248. package/lib/dist-custom-elements/{p-ba9d785a.js → p-d696adf5.js} +3 -3
  249. package/lib/dist-custom-elements/{p-92e8fec4.js → p-d91292b9.js} +1 -1
  250. package/lib/dist-custom-elements/{p-a8d729e4.js → p-de784f1a.js} +1 -1
  251. package/lib/dist-custom-elements/{p-99c2c6f3.js → p-e1bb31ca.js} +5 -5
  252. package/lib/dist-custom-elements/{p-7f8daa04.js → p-ee4d3c46.js} +4 -4
  253. package/lib/dist-custom-elements/{p-de5298ac.js → p-f6fffc84.js} +2 -2
  254. package/lib/dist-custom-elements/{p-eb03dc27.js → p-f70cdce4.js} +11 -11
  255. package/lib/dist-custom-elements/{p-97144a49.js → p-fe64b544.js} +18 -6
  256. package/lib/duet/duet.esm.js +1 -1
  257. package/lib/duet/duet.js +1 -1
  258. package/lib/duet/p-004adfad.entry.js +4 -0
  259. package/lib/duet/p-0086f84d.system.entry.js +4 -0
  260. package/lib/duet/p-01d4ec9a.entry.js +4 -0
  261. package/lib/duet/{p-db688714.system.entry.js → p-0201d375.system.entry.js} +1 -1
  262. package/lib/duet/{p-03237a62.system.entry.js → p-0506b997.system.entry.js} +2 -2
  263. package/lib/duet/{p-2171907b.system.entry.js → p-0681edcd.system.entry.js} +1 -1
  264. package/lib/duet/{p-49ba8156.system.entry.js → p-08708eb4.system.entry.js} +1 -1
  265. package/lib/duet/{p-7d4d3bee.system.entry.js → p-0f667990.system.entry.js} +1 -1
  266. package/lib/duet/{p-de2da9fd.system.entry.js → p-0fa339a9.system.entry.js} +1 -1
  267. package/lib/duet/{p-c8ff85f8.entry.js → p-0fc49dba.entry.js} +1 -1
  268. package/lib/duet/{p-21f1bd62.system.entry.js → p-10b4dd2b.system.entry.js} +1 -1
  269. package/lib/duet/{p-72179a41.entry.js → p-11220124.entry.js} +1 -1
  270. package/lib/duet/{p-28b22d09.entry.js → p-17b7ba64.entry.js} +1 -1
  271. package/lib/duet/{p-947af010.entry.js → p-18bc2b2f.entry.js} +1 -1
  272. package/lib/duet/{p-05728995.entry.js → p-19c965b5.entry.js} +1 -1
  273. package/lib/duet/{p-3733ebe1.system.entry.js → p-1aca2547.system.entry.js} +1 -1
  274. package/lib/duet/{p-0b4b179c.system.entry.js → p-1bce83be.system.entry.js} +1 -1
  275. package/lib/duet/{p-1f0dc968.entry.js → p-1cacf327.entry.js} +1 -1
  276. package/lib/duet/p-1ed57d33.entry.js +4 -0
  277. package/lib/duet/p-20211120.entry.js +4 -0
  278. package/lib/duet/p-214121e2.entry.js +4 -0
  279. package/lib/duet/{p-45199b0c.system.entry.js → p-2609cbef.system.entry.js} +1 -1
  280. package/lib/duet/{p-f15a1679.system.entry.js → p-2663955a.system.entry.js} +2 -2
  281. package/lib/duet/{p-1e6bd5da.entry.js → p-26ed2d8a.entry.js} +1 -1
  282. package/lib/duet/{p-3f56cdd6.entry.js → p-284bcc14.entry.js} +1 -1
  283. package/lib/duet/p-29e5a618.system.entry.js +4 -0
  284. package/lib/duet/p-2b05e7f2.system.entry.js +4 -0
  285. package/lib/duet/{p-1db3932f.system.entry.js → p-2b681fe9.system.entry.js} +1 -1
  286. package/lib/duet/{p-1020c84c.system.entry.js → p-2ccdffe3.system.entry.js} +1 -1
  287. package/lib/duet/{p-ec2eb98f.system.entry.js → p-2d5e65b9.system.entry.js} +1 -1
  288. package/lib/duet/{p-4cd1b2dc.entry.js → p-30e523d0.entry.js} +1 -1
  289. package/lib/duet/{p-3cf8a878.entry.js → p-3106cd96.entry.js} +1 -1
  290. package/lib/duet/{p-26be2678.entry.js → p-34dd8057.entry.js} +1 -1
  291. package/lib/duet/{p-e69813f3.system.entry.js → p-351dbf91.system.entry.js} +1 -1
  292. package/lib/duet/p-35ba024d.entry.js +4 -0
  293. package/lib/duet/p-3624bad1.js +4 -0
  294. package/lib/duet/{p-77be9214.entry.js → p-3626334d.entry.js} +1 -1
  295. package/lib/duet/{p-6b5fc33f.entry.js → p-39a8acfe.entry.js} +1 -1
  296. package/lib/duet/{p-b8cd8aa9.entry.js → p-3a42e1ad.entry.js} +1 -1
  297. package/lib/duet/{p-969152f0.system.entry.js → p-3bcb8dde.system.entry.js} +1 -1
  298. package/lib/duet/{p-a53d7d39.system.entry.js → p-3bfb8a8b.system.entry.js} +1 -1
  299. package/lib/duet/{p-39ea1b09.system.entry.js → p-3c4f16aa.system.entry.js} +1 -1
  300. package/lib/duet/p-3caa2fe0.system.entry.js +4 -0
  301. package/lib/duet/{p-63b8a5d9.entry.js → p-3cbad6d0.entry.js} +1 -1
  302. package/lib/duet/{p-0cdc8487.system.entry.js → p-3d8d12ae.system.entry.js} +1 -1
  303. package/lib/duet/p-403f1729.entry.js +4 -0
  304. package/lib/duet/{p-d143df18.system.entry.js → p-40ec91af.system.entry.js} +1 -1
  305. package/lib/duet/{p-c2973a4e.system.entry.js → p-41a45115.system.entry.js} +1 -1
  306. package/lib/duet/p-41f5841c.entry.js +4 -0
  307. package/lib/duet/p-42529cf1.entry.js +4 -0
  308. package/lib/duet/{p-03c3cf91.entry.js → p-43b43c30.entry.js} +1 -1
  309. package/lib/duet/{p-875ba244.system.entry.js → p-460e260b.system.entry.js} +1 -1
  310. package/lib/duet/p-46b89ca6.js +4 -0
  311. package/lib/duet/{p-a319471c.system.entry.js → p-474c2b3a.system.entry.js} +1 -1
  312. package/lib/duet/p-47f5cc6a.entry.js +4 -0
  313. package/lib/duet/{p-0600d0e8.system.entry.js → p-4c85aea8.system.entry.js} +1 -1
  314. package/lib/duet/{p-e00c9499.system.entry.js → p-4d7b03d6.system.entry.js} +1 -1
  315. package/lib/duet/p-4fd6f45a.entry.js +4 -0
  316. package/lib/duet/{p-a0f179db.entry.js → p-556a9b8e.entry.js} +1 -1
  317. package/lib/duet/{p-d0500cf2.system.entry.js → p-571a1255.system.entry.js} +1 -1
  318. package/lib/duet/{p-825dac25.system.entry.js → p-57a4f750.system.entry.js} +1 -1
  319. package/lib/duet/{p-80aa59cb.entry.js → p-5ba285e6.entry.js} +1 -1
  320. package/lib/duet/{p-bfe237fe.entry.js → p-5c52a571.entry.js} +1 -1
  321. package/lib/duet/{p-6689cf76.entry.js → p-5caa2783.entry.js} +1 -1
  322. package/lib/duet/{p-d9887cdb.system.entry.js → p-5d1dd83e.system.entry.js} +1 -1
  323. package/lib/duet/{p-e0d1257a.entry.js → p-5fd0a40f.entry.js} +1 -1
  324. package/lib/duet/{p-31730560.entry.js → p-60e4f666.entry.js} +1 -1
  325. package/lib/duet/{p-1001ec0f.entry.js → p-630d3a3a.entry.js} +1 -1
  326. package/lib/duet/{p-f7167337.system.entry.js → p-6315a118.system.entry.js} +1 -1
  327. package/lib/duet/{p-9ed3ab30.entry.js → p-63dfab5b.entry.js} +1 -1
  328. package/lib/duet/{p-2c79b6d8.entry.js → p-651ba417.entry.js} +1 -1
  329. package/lib/duet/{p-65c5d605.system.entry.js → p-67081f4b.system.entry.js} +1 -1
  330. package/lib/duet/{p-d5d63283.system.entry.js → p-6a3c4621.system.entry.js} +1 -1
  331. package/lib/duet/{p-dc3e35c7.entry.js → p-6b8435d2.entry.js} +1 -1
  332. package/lib/duet/{p-4c416890.system.entry.js → p-6d276a1a.system.entry.js} +1 -1
  333. package/lib/duet/{p-dcd8af75.entry.js → p-6f6a2a37.entry.js} +1 -1
  334. package/lib/duet/{p-43adcd6a.entry.js → p-70c8c61a.entry.js} +1 -1
  335. package/lib/duet/p-70fa2c28.system.entry.js +4 -0
  336. package/lib/duet/{p-e03b6928.system.entry.js → p-72e17db2.system.entry.js} +1 -1
  337. package/lib/duet/{p-169aab07.entry.js → p-7599b013.entry.js} +1 -1
  338. package/lib/duet/{p-7b445598.system.entry.js → p-77d6d051.system.entry.js} +1 -1
  339. package/lib/duet/{p-1d195c3a.system.entry.js → p-78774220.system.entry.js} +1 -1
  340. package/lib/duet/{p-20ed91ba.entry.js → p-78fb70b7.entry.js} +1 -1
  341. package/lib/duet/{p-f630e363.system.entry.js → p-790dad25.system.entry.js} +1 -1
  342. package/lib/duet/{p-a89e81b7.entry.js → p-7985f554.entry.js} +1 -1
  343. package/lib/duet/p-7ad82468.entry.js +4 -0
  344. package/lib/duet/{p-ae0382ff.entry.js → p-7c9656b0.entry.js} +1 -1
  345. package/lib/duet/{p-976ed5a5.system.entry.js → p-7d9cb5c8.system.entry.js} +1 -1
  346. package/lib/duet/{p-d4285ed0.system.entry.js → p-7e09da7d.system.entry.js} +1 -1
  347. package/lib/duet/{p-d6c18967.system.entry.js → p-813c70d0.system.entry.js} +1 -1
  348. package/lib/duet/p-827c5d5a.system.entry.js +4 -0
  349. package/lib/duet/p-83e46984.system.entry.js +4 -0
  350. package/lib/duet/{p-c327db77.entry.js → p-85b7c2e7.entry.js} +1 -1
  351. package/lib/duet/{p-dbedcced.entry.js → p-87ce9349.entry.js} +1 -1
  352. package/lib/duet/{p-aab945c6.system.entry.js → p-89fa198c.system.entry.js} +1 -1
  353. package/lib/duet/{p-ab005633.system.entry.js → p-8cedb41b.system.entry.js} +1 -1
  354. package/lib/duet/{p-e24a3978.entry.js → p-8d4942c5.entry.js} +1 -1
  355. package/lib/duet/p-8dd241c6.system.js +4 -0
  356. package/lib/duet/{p-0ef53ae6.entry.js → p-8ecc454b.entry.js} +1 -1
  357. package/lib/duet/p-8efd4118.entry.js +4 -0
  358. package/lib/duet/{p-d44d74d3.system.entry.js → p-8f27c1f3.system.entry.js} +1 -1
  359. package/lib/duet/{p-e0931ac9.entry.js → p-90d3f3c8.entry.js} +1 -1
  360. package/lib/duet/{p-827fece7.system.entry.js → p-946b6050.system.entry.js} +1 -1
  361. package/lib/duet/{p-1612a6c7.system.entry.js → p-9531abc8.system.entry.js} +1 -1
  362. package/lib/duet/{p-79abaaad.entry.js → p-96ebee12.entry.js} +1 -1
  363. package/lib/duet/{p-81a79874.system.entry.js → p-9b22092d.system.entry.js} +1 -1
  364. package/lib/duet/{p-3ecc2d1e.system.entry.js → p-a60b9d5f.system.entry.js} +1 -1
  365. package/lib/duet/{p-5729c070.entry.js → p-a6e667d6.entry.js} +1 -1
  366. package/lib/duet/{p-d5b79ee4.entry.js → p-a8028561.entry.js} +1 -1
  367. package/lib/duet/{p-ee7738c2.entry.js → p-a942bdee.entry.js} +1 -1
  368. package/lib/duet/p-aa07d1a7.js +4 -0
  369. package/lib/duet/p-ab53abe4.entry.js +4 -0
  370. package/lib/duet/p-adab3da6.system.entry.js +4 -0
  371. package/lib/duet/{p-f1397f55.system.entry.js → p-ae014830.system.entry.js} +1 -1
  372. package/lib/duet/{p-16c13a11.system.entry.js → p-aeef3da1.system.entry.js} +1 -1
  373. package/lib/duet/{p-e21cc133.entry.js → p-b001db05.entry.js} +1 -1
  374. package/lib/duet/{p-70af7daf.entry.js → p-b0d6abce.entry.js} +1 -1
  375. package/lib/duet/{p-f3c91c9e.system.entry.js → p-b0f55d96.system.entry.js} +1 -1
  376. package/lib/duet/{p-b9568179.entry.js → p-b1efef46.entry.js} +1 -1
  377. package/lib/duet/{p-09c54c8e.system.js → p-b2716337.system.js} +1 -1
  378. package/lib/duet/{p-43ebba16.system.entry.js → p-b2fbc8d4.system.entry.js} +1 -1
  379. package/lib/duet/p-b72bdbe7.entry.js +4 -0
  380. package/lib/duet/{p-8d260eac.entry.js → p-b7331242.entry.js} +1 -1
  381. package/lib/duet/{p-99cc01cb.system.entry.js → p-b80d0aeb.system.entry.js} +1 -1
  382. package/lib/duet/{p-03c217ae.entry.js → p-b9842ee6.entry.js} +1 -1
  383. package/lib/duet/p-bc06eaac.entry.js +4 -0
  384. package/lib/duet/{p-dccd9c7c.js → p-bc9d8564.js} +1 -1
  385. package/lib/duet/{p-aac0b756.entry.js → p-bed03d19.entry.js} +1 -1
  386. package/lib/duet/{p-6b5f5f20.system.entry.js → p-beed8c17.system.entry.js} +1 -1
  387. package/lib/duet/p-befc75ae.system.js +4 -0
  388. package/lib/duet/{p-38cdaf08.entry.js → p-bfec3e0a.entry.js} +1 -1
  389. package/lib/duet/{p-eced32c1.system.entry.js → p-c0d2a7a9.system.entry.js} +1 -1
  390. package/lib/duet/{p-aabf89fa.system.js → p-c5e6009e.system.js} +1 -1
  391. package/lib/duet/{p-4e002d37.entry.js → p-c6077732.entry.js} +1 -1
  392. package/lib/duet/{p-2ddd9719.entry.js → p-c8ad985d.entry.js} +1 -1
  393. package/lib/duet/{p-e538a8a2.system.entry.js → p-c9768708.system.entry.js} +1 -1
  394. package/lib/duet/{p-9e95e6eb.entry.js → p-ca737839.entry.js} +1 -1
  395. package/lib/duet/{p-bda222d2.system.entry.js → p-cac37646.system.entry.js} +1 -1
  396. package/lib/duet/{p-9e1d8b6f.system.entry.js → p-cb238aa1.system.entry.js} +1 -1
  397. package/lib/duet/p-cb40a8fc.entry.js +4 -0
  398. package/lib/duet/{p-92e54702.system.entry.js → p-cddf8053.system.entry.js} +2 -2
  399. package/lib/duet/{p-d328f8cc.entry.js → p-cf3efe73.entry.js} +1 -1
  400. package/lib/duet/p-d27edac1.system.entry.js +4 -0
  401. package/lib/duet/{p-5581d26e.entry.js → p-da6df9ee.entry.js} +1 -1
  402. package/lib/duet/{p-3f4713a3.system.entry.js → p-db927865.system.entry.js} +1 -1
  403. package/lib/duet/{p-69f280e3.entry.js → p-dc3cc6a3.entry.js} +1 -1
  404. package/lib/duet/{p-e2eb1521.system.entry.js → p-de80b40e.system.entry.js} +1 -1
  405. package/lib/duet/{p-a917c2ae.system.entry.js → p-dec35d01.system.entry.js} +1 -1
  406. package/lib/duet/p-deff1b20.system.entry.js +4 -0
  407. package/lib/duet/{p-0a28d72d.entry.js → p-dfa44807.entry.js} +1 -1
  408. package/lib/duet/{p-3760418d.entry.js → p-e11114db.entry.js} +1 -1
  409. package/lib/duet/{p-3730d6bd.system.entry.js → p-e309c2a0.system.entry.js} +1 -1
  410. package/lib/duet/p-e350f3f3.system.js +4 -0
  411. package/lib/duet/{p-a424f7b8.system.entry.js → p-e58cd7fd.system.entry.js} +1 -1
  412. package/lib/duet/{p-71d1dbcb.entry.js → p-e8731309.entry.js} +1 -1
  413. package/lib/duet/{p-43091aa7.system.entry.js → p-e9d9754b.system.entry.js} +1 -1
  414. package/lib/duet/{p-bc522875.system.entry.js → p-f1bbf5eb.system.entry.js} +2 -2
  415. package/lib/duet/p-f3108381.system.entry.js +4 -0
  416. package/lib/duet/{p-f0419f45.entry.js → p-f3cd8f65.entry.js} +1 -1
  417. package/lib/duet/{p-e956cd9b.system.entry.js → p-f52f2a6e.system.entry.js} +1 -1
  418. package/lib/duet/{p-aa08b72e.system.entry.js → p-f60d9095.system.entry.js} +1 -1
  419. package/lib/duet/{p-41d61870.entry.js → p-f7dc5f61.entry.js} +1 -1
  420. package/lib/duet/{p-eedadd50.system.entry.js → p-f8d38386.system.entry.js} +1 -1
  421. package/lib/duet/{p-9f355c50.entry.js → p-fc070130.entry.js} +1 -1
  422. package/lib/duet/{p-6c34c6d4.entry.js → p-fdedb0c5.entry.js} +1 -1
  423. package/lib/duet/{p-4bd54c36.entry.js → p-fe2b2427.entry.js} +1 -1
  424. package/lib/duet/{p-20ff95cd.system.entry.js → p-fe57483c.system.entry.js} +1 -1
  425. package/lib/esm/{common-strings-59db6973.js → common-strings-7c7f8e40.js} +7 -2
  426. package/lib/esm/duet-action-button.entry.js +2 -2
  427. package/lib/esm/duet-alert.entry.js +2 -2
  428. package/lib/esm/duet-badge.entry.js +1 -1
  429. package/lib/esm/duet-banner.entry.js +16 -3
  430. package/lib/esm/duet-breadcrumb.entry.js +2 -2
  431. package/lib/esm/duet-breadcrumbs.entry.js +1 -1
  432. package/lib/esm/duet-button_2.entry.js +3 -3
  433. package/lib/esm/duet-callout.entry.js +1 -1
  434. package/lib/esm/duet-caption_4.entry.js +14 -5
  435. package/lib/esm/duet-card.entry.js +2 -2
  436. package/lib/esm/duet-checkbox.entry.js +1 -1
  437. package/lib/esm/duet-checkmark.entry.js +1 -1
  438. package/lib/esm/duet-chip.entry.js +2 -2
  439. package/lib/esm/duet-choice_2.entry.js +4 -4
  440. package/lib/esm/duet-collapsible.entry.js +2 -2
  441. package/lib/esm/duet-combobox.entry.js +2 -2
  442. package/lib/esm/duet-contact-card.entry.js +1 -1
  443. package/lib/esm/duet-cookie-consent.entry.js +2 -2
  444. package/lib/esm/duet-date-picker.entry.js +3 -3
  445. package/lib/esm/duet-divider_2.entry.js +1 -1
  446. package/lib/esm/duet-editable-table_3.entry.js +2 -2
  447. package/lib/esm/duet-empty-state.entry.js +1 -1
  448. package/lib/esm/duet-fieldset.entry.js +1 -1
  449. package/lib/esm/duet-file-chooser.entry.js +1 -1
  450. package/lib/esm/duet-footer.entry.js +3 -3
  451. package/lib/esm/duet-grid_2.entry.js +1 -1
  452. package/lib/esm/duet-header_2.entry.js +3 -3
  453. package/lib/esm/duet-hero.entry.js +2 -2
  454. package/lib/esm/duet-icon.entry.js +1 -1
  455. package/lib/esm/duet-input_2.entry.js +2 -2
  456. package/lib/esm/duet-layout.entry.js +1 -1
  457. package/lib/esm/duet-list_2.entry.js +1 -1
  458. package/lib/esm/duet-menu-bar-button.entry.js +2 -2
  459. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +2 -2
  460. package/lib/esm/duet-menu-bar-dropdown.entry.js +3 -3
  461. package/lib/esm/duet-menu-bar-item.entry.js +84 -0
  462. package/lib/esm/duet-menu-bar-link.entry.js +2 -2
  463. package/lib/esm/duet-menu-bar.entry.js +2 -15
  464. package/lib/esm/duet-modal.entry.js +4 -4
  465. package/lib/esm/duet-multiselect.entry.js +2 -2
  466. package/lib/esm/duet-nav.entry.js +1 -1
  467. package/lib/esm/duet-notification_2.entry.js +3 -3
  468. package/lib/esm/duet-number-input.entry.js +2 -2
  469. package/lib/esm/duet-page-heading.entry.js +1 -1
  470. package/lib/esm/duet-pagination_2.entry.js +2 -2
  471. package/lib/esm/duet-popup-menu-item.entry.js +3 -2
  472. package/lib/esm/duet-popup-menu.entry.js +85 -22
  473. package/lib/esm/duet-progress.entry.js +1 -1
  474. package/lib/esm/duet-promo-card.entry.js +1 -1
  475. package/lib/esm/duet-radio_2.entry.js +1 -1
  476. package/lib/esm/duet-range-slider.entry.js +2 -2
  477. package/lib/esm/duet-scrollable_3.entry.js +2 -2
  478. package/lib/esm/duet-section-layout.entry.js +1 -1
  479. package/lib/esm/duet-select.entry.js +1 -1
  480. package/lib/esm/duet-shaped-image.entry.js +1 -1
  481. package/lib/esm/duet-show-more.entry.js +2 -2
  482. package/lib/esm/duet-slideout-lang.entry.js +1 -1
  483. package/lib/esm/duet-slideout-link.entry.js +1 -1
  484. package/lib/esm/duet-slideout-panel-dropdown.entry.js +1 -1
  485. package/lib/esm/duet-slideout-panel.entry.js +2 -2
  486. package/lib/esm/duet-slideout.entry.js +4 -4
  487. package/lib/esm/duet-step_2.entry.js +2 -2
  488. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +2 -2
  489. package/lib/esm/duet-submenu-bar-dropdown.entry.js +2 -2
  490. package/lib/esm/duet-submenu-bar-link.entry.js +2 -2
  491. package/lib/esm/duet-submenu-bar.entry.js +2 -2
  492. package/lib/esm/duet-textarea.entry.js +1 -1
  493. package/lib/esm/duet-toggle.entry.js +2 -2
  494. package/lib/esm/duet-toolbar-dropdown-link.entry.js +3 -3
  495. package/lib/esm/duet-toolbar-dropdown.entry.js +3 -3
  496. package/lib/esm/duet-toolbar-item.entry.js +55 -0
  497. package/lib/esm/duet-toolbar-link.entry.js +2 -2
  498. package/lib/esm/duet-toolbar.entry.js +2 -15
  499. package/lib/esm/duet-tooltip-button_2.entry.js +3 -3
  500. package/lib/esm/duet-tooltip.entry.js +2 -2
  501. package/lib/esm/duet-tray.entry.js +2 -2
  502. package/lib/esm/duet-upload-aria-status.entry.js +1 -1
  503. package/lib/esm/duet-upload-item.entry.js +1 -1
  504. package/lib/esm/duet-visually-hidden.entry.js +1 -1
  505. package/lib/esm/duet.js +3 -3
  506. package/lib/esm/{focus-utils-5adec865.js → focus-utils-92ce3363.js} +1 -1
  507. package/lib/esm/{index-88bb0f20.js → index-ca0e302d.js} +1 -1
  508. package/lib/esm/{keyboard-utils-c472d19d.js → keyboard-utils-0708be80.js} +4 -2
  509. package/lib/esm/loader.js +3 -3
  510. package/lib/esm-es5/common-strings-7c7f8e40.js +4 -0
  511. package/lib/esm-es5/duet-action-button.entry.js +1 -1
  512. package/lib/esm-es5/duet-alert.entry.js +1 -1
  513. package/lib/esm-es5/duet-badge.entry.js +1 -1
  514. package/lib/esm-es5/duet-banner.entry.js +1 -1
  515. package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
  516. package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
  517. package/lib/esm-es5/duet-button_2.entry.js +1 -1
  518. package/lib/esm-es5/duet-callout.entry.js +1 -1
  519. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  520. package/lib/esm-es5/duet-card.entry.js +1 -1
  521. package/lib/esm-es5/duet-checkbox.entry.js +1 -1
  522. package/lib/esm-es5/duet-checkmark.entry.js +1 -1
  523. package/lib/esm-es5/duet-chip.entry.js +1 -1
  524. package/lib/esm-es5/duet-choice_2.entry.js +1 -1
  525. package/lib/esm-es5/duet-collapsible.entry.js +1 -1
  526. package/lib/esm-es5/duet-combobox.entry.js +1 -1
  527. package/lib/esm-es5/duet-contact-card.entry.js +1 -1
  528. package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
  529. package/lib/esm-es5/duet-date-picker.entry.js +1 -1
  530. package/lib/esm-es5/duet-divider_2.entry.js +1 -1
  531. package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
  532. package/lib/esm-es5/duet-empty-state.entry.js +1 -1
  533. package/lib/esm-es5/duet-fieldset.entry.js +1 -1
  534. package/lib/esm-es5/duet-file-chooser.entry.js +1 -1
  535. package/lib/esm-es5/duet-footer.entry.js +1 -1
  536. package/lib/esm-es5/duet-grid_2.entry.js +1 -1
  537. package/lib/esm-es5/duet-header_2.entry.js +1 -1
  538. package/lib/esm-es5/duet-hero.entry.js +1 -1
  539. package/lib/esm-es5/duet-icon.entry.js +1 -1
  540. package/lib/esm-es5/duet-input_2.entry.js +1 -1
  541. package/lib/esm-es5/duet-layout.entry.js +1 -1
  542. package/lib/esm-es5/duet-list_2.entry.js +1 -1
  543. package/lib/esm-es5/duet-menu-bar-button.entry.js +1 -1
  544. package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js +1 -1
  545. package/lib/esm-es5/duet-menu-bar-dropdown.entry.js +2 -2
  546. package/lib/esm-es5/duet-menu-bar-item.entry.js +4 -0
  547. package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
  548. package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
  549. package/lib/esm-es5/duet-modal.entry.js +1 -1
  550. package/lib/esm-es5/duet-multiselect.entry.js +1 -1
  551. package/lib/esm-es5/duet-nav.entry.js +1 -1
  552. package/lib/esm-es5/duet-notification_2.entry.js +1 -1
  553. package/lib/esm-es5/duet-number-input.entry.js +2 -2
  554. package/lib/esm-es5/duet-page-heading.entry.js +1 -1
  555. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  556. package/lib/esm-es5/duet-popup-menu-item.entry.js +2 -2
  557. package/lib/esm-es5/duet-popup-menu.entry.js +1 -1
  558. package/lib/esm-es5/duet-progress.entry.js +1 -1
  559. package/lib/esm-es5/duet-promo-card.entry.js +1 -1
  560. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  561. package/lib/esm-es5/duet-range-slider.entry.js +1 -1
  562. package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
  563. package/lib/esm-es5/duet-section-layout.entry.js +1 -1
  564. package/lib/esm-es5/duet-select.entry.js +1 -1
  565. package/lib/esm-es5/duet-shaped-image.entry.js +1 -1
  566. package/lib/esm-es5/duet-show-more.entry.js +1 -1
  567. package/lib/esm-es5/duet-slideout-lang.entry.js +1 -1
  568. package/lib/esm-es5/duet-slideout-link.entry.js +1 -1
  569. package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js +1 -1
  570. package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
  571. package/lib/esm-es5/duet-slideout.entry.js +1 -1
  572. package/lib/esm-es5/duet-step_2.entry.js +1 -1
  573. package/lib/esm-es5/duet-submenu-bar-dropdown-link.entry.js +1 -1
  574. package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js +1 -1
  575. package/lib/esm-es5/duet-submenu-bar-link.entry.js +1 -1
  576. package/lib/esm-es5/duet-submenu-bar.entry.js +2 -2
  577. package/lib/esm-es5/duet-textarea.entry.js +1 -1
  578. package/lib/esm-es5/duet-toggle.entry.js +1 -1
  579. package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
  580. package/lib/esm-es5/duet-toolbar-dropdown.entry.js +1 -1
  581. package/lib/esm-es5/duet-toolbar-item.entry.js +4 -0
  582. package/lib/esm-es5/duet-toolbar-link.entry.js +1 -1
  583. package/lib/esm-es5/duet-toolbar.entry.js +1 -1
  584. package/lib/esm-es5/duet-tooltip-button_2.entry.js +1 -1
  585. package/lib/esm-es5/duet-tooltip.entry.js +1 -1
  586. package/lib/esm-es5/duet-tray.entry.js +1 -1
  587. package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
  588. package/lib/esm-es5/duet-upload-item.entry.js +1 -1
  589. package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
  590. package/lib/esm-es5/duet.js +1 -1
  591. package/lib/esm-es5/focus-utils-92ce3363.js +4 -0
  592. package/lib/esm-es5/{index-88bb0f20.js → index-ca0e302d.js} +1 -1
  593. package/lib/esm-es5/{keyboard-utils-c472d19d.js → keyboard-utils-0708be80.js} +1 -1
  594. package/lib/esm-es5/loader.js +1 -1
  595. package/lib/types/common-strings.d.ts +1 -0
  596. package/lib/types/components/duet-banner/duet-banner.d.ts +7 -2
  597. package/lib/types/components/duet-link/duet-link.d.ts +16 -0
  598. package/lib/types/components/duet-list/duet-list.d.ts +1 -0
  599. package/lib/types/components/duet-menu-bar-item/duet-menu-bar-item.d.ts +67 -0
  600. package/lib/types/components/duet-popup-menu/duet-popup-menu.d.ts +9 -2
  601. package/lib/types/components/duet-popup-menu-item/duet-popup-menu-item.d.ts +4 -0
  602. package/lib/types/components/duet-toolbar-item/duet-toolbar-item.d.ts +65 -0
  603. package/lib/types/components.d.ts +214 -8
  604. package/package.json +6 -6
  605. package/lib/duet/p-07adc606.system.entry.js +0 -4
  606. package/lib/duet/p-0857e91c.entry.js +0 -4
  607. package/lib/duet/p-1c9ee2ea.entry.js +0 -4
  608. package/lib/duet/p-29186e16.entry.js +0 -4
  609. package/lib/duet/p-31657213.entry.js +0 -4
  610. package/lib/duet/p-357307f7.entry.js +0 -4
  611. package/lib/duet/p-4648c2cf.system.entry.js +0 -4
  612. package/lib/duet/p-47f7fd31.system.entry.js +0 -4
  613. package/lib/duet/p-4ab776f4.js +0 -4
  614. package/lib/duet/p-5263bc35.js +0 -4
  615. package/lib/duet/p-575e4de7.system.js +0 -4
  616. package/lib/duet/p-5b3275f8.system.entry.js +0 -4
  617. package/lib/duet/p-5c810c8e.entry.js +0 -4
  618. package/lib/duet/p-671a9905.entry.js +0 -4
  619. package/lib/duet/p-67bd1eae.entry.js +0 -4
  620. package/lib/duet/p-756e625e.entry.js +0 -4
  621. package/lib/duet/p-7c8c5534.entry.js +0 -4
  622. package/lib/duet/p-92861390.entry.js +0 -4
  623. package/lib/duet/p-9d9cab9d.system.entry.js +0 -4
  624. package/lib/duet/p-bfd50a6a.entry.js +0 -4
  625. package/lib/duet/p-c9cb8ffa.system.entry.js +0 -4
  626. package/lib/duet/p-ce746fbf.entry.js +0 -4
  627. package/lib/duet/p-d1cedaa1.system.js +0 -4
  628. package/lib/duet/p-d9400840.entry.js +0 -4
  629. package/lib/duet/p-e276fee0.js +0 -4
  630. package/lib/duet/p-ead2a738.system.js +0 -4
  631. package/lib/duet/p-ef83d9da.system.entry.js +0 -4
  632. package/lib/duet/p-f121b583.entry.js +0 -4
  633. package/lib/duet/p-f273c4de.system.entry.js +0 -4
  634. package/lib/duet/p-f5c69659.system.entry.js +0 -4
  635. package/lib/esm-es5/common-strings-59db6973.js +0 -4
  636. package/lib/esm-es5/focus-utils-5adec865.js +0 -4
package/hydrate/index.js CHANGED
@@ -7661,12 +7661,14 @@ function listenMouse() {
7661
7661
  window.removeEventListener("mousedown", listenMouse);
7662
7662
  window.addEventListener("keydown", listenKeys, false);
7663
7663
  }
7664
- // start listening for tabbing (and mouse clicking through that) only if window is defined (i.e. not on server)
7664
+ // start listening for mouse clicking (and tabbing through that) only if window is defined (i.e. not on server)
7665
7665
  if (typeof window !== "undefined") {
7666
- window.addEventListener("keydown", listenKeys, false);
7666
+ window.addEventListener("mousedown", listenMouse, false);
7667
+ window.addEventListener("blur", () => notifySubscribers(true));
7667
7668
  }
7668
7669
  const subscribeTabbingChange = component => {
7669
7670
  tabbingChangeSubscribers.add(component);
7671
+ component.element.classList.add("user-is-tabbing");
7670
7672
  };
7671
7673
  const unsubscribeTabbingChange = component => {
7672
7674
  tabbingChangeSubscribers.delete(component);
@@ -8720,7 +8722,7 @@ const checkNamedSlotElement = (hostElement, slotName, selector, maxChildren = 0,
8720
8722
  }
8721
8723
  };
8722
8724
 
8723
- const duetBannerCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-banner,*.sc-duet-banner::after,*.sc-duet-banner::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-banner-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}/*!@:host:last-child, :host:last-of-type*/.sc-duet-banner-h:last-child,.sc-duet-banner-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-banner-h{margin:0 !important}/*!@.duet-banner*/.duet-banner.sc-duet-banner{display:grid;width:100%;height: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-style:normal;text-align:left;border-radius:24px}/*!@.duet-banner.duet-p-0*/.duet-banner.duet-p-0.sc-duet-banner{padding:0 !important}/*!@.duet-banner.duet-m-0*/.duet-banner.duet-m-0.sc-duet-banner{margin:0 !important}/*!@.duet-banner .visual*/.duet-banner.sc-duet-banner .visual.sc-duet-banner{position:relative;overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner .visual .image-container*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{position:relative;width:400px;height:400px;overflow:hidden;border-radius:20%;transform:rotate(7deg)}/*!@.duet-banner .visual .image*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{position:relative;top:20px;width:100%;height:100%;transform:rotate(-7deg);object-fit:cover}/*!@.duet-banner .visual .icon*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{position:absolute}/*!@.duet-banner .content*/.duet-banner.sc-duet-banner .content.sc-duet-banner{display:flex;flex-direction:column;gap:8px;padding:0 20px 36px}/*!@.duet-banner .content .description*/.duet-banner.sc-duet-banner .content.sc-duet-banner .description.sc-duet-banner{hyphens:auto}/*!@.duet-banner .action*/.duet-banner.sc-duet-banner .action.sc-duet-banner{display:flex;flex-direction:column;flex-grow:1;align-items:flex-start;justify-content:flex-end;padding-top:16px}/*!@.duet-banner.small*/.duet-banner.small.sc-duet-banner{grid-template-rows:335px 1fr;max-width:335px}/*!@.duet-banner.small .visual*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner.small .visual .image-container*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-130px;left:-40px}/*!@.duet-banner.small .visual .icon*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:30px;left:15px}/*!@.duet-banner.large*/.duet-banner.large.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}/*!@.duet-banner.large .visual*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.large .visual .image-container*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-30px;left:-30px}/*!@.duet-banner.large .visual .image*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:-15px;left:30px}/*!@.duet-banner.large .visual .icon*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:40px;bottom:auto;left:335px}/*!@.duet-banner.large .content*/.duet-banner.large.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.large .action*/.duet-banner.large.sc-duet-banner .action.sc-duet-banner{flex-grow:0}/*!@.duet-banner.auto*/.duet-banner.auto.sc-duet-banner{grid-template-rows:335px 1fr;max-width:335px}/*!@.duet-banner.auto .visual*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner.auto .visual .image-container*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-130px;left:-40px}/*!@.duet-banner.auto .visual .icon*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:30px;left:15px}@media (min-width: 62em){/*!@.duet-banner.auto*/.duet-banner.auto.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}/*!@.duet-banner.auto .visual*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.auto .visual .image-container*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-30px;left:-30px}/*!@.duet-banner.auto .visual .image*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:-15px;left:30px}/*!@.duet-banner.auto .visual .icon*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:40px;bottom:auto;left:335px}/*!@.duet-banner.auto .content*/.duet-banner.auto.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.auto .action*/.duet-banner.auto.sc-duet-banner .action.sc-duet-banner{flex-grow:0}}/*!@.duet-banner.duet-theme-turva*/.duet-banner.duet-theme-turva.sc-duet-banner{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}/*!@.duet-banner.duet-theme-turva .visual .image-container*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{width:526px;height:456px;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}/*!@.duet-banner.duet-theme-turva .visual .image*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{transform:none}/*!@.duet-banner.duet-theme-turva.small .visual .image-container*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-164px;left:-147px}/*!@.duet-banner.duet-theme-turva.small .visual .image*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.small .visual .icon*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:15px}/*!@.duet-banner.duet-theme-turva.large .visual .image-container*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-54.923px;left:-147px}/*!@.duet-banner.duet-theme-turva.large .visual .image*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.large .visual .icon*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:auto;left:295px}/*!@.duet-banner.duet-theme-turva.auto .visual .image-container*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-164px;left:-147px}/*!@.duet-banner.duet-theme-turva.auto .visual .image*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.auto .visual .icon*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:15px}@media (min-width: 62em){/*!@.duet-banner.duet-theme-turva.auto .visual .image-container*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-54.923px;left:-147px}/*!@.duet-banner.duet-theme-turva.auto .visual .image*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.auto .visual .icon*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:auto;left:295px}}";
8725
+ const duetBannerCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-banner,*.sc-duet-banner::after,*.sc-duet-banner::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-banner-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}/*!@:host:last-child, :host:last-of-type*/.sc-duet-banner-h:last-child,.sc-duet-banner-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-banner-h{margin:0 !important}/*!@.duet-banner*/.duet-banner.sc-duet-banner{display:grid;width:100%;height: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-style:normal;text-align:left;border-radius:24px}/*!@.duet-banner.duet-p-0*/.duet-banner.duet-p-0.sc-duet-banner{padding:0 !important}/*!@.duet-banner.duet-m-0*/.duet-banner.duet-m-0.sc-duet-banner{margin:0 !important}/*!@.duet-banner .visual*/.duet-banner.sc-duet-banner .visual.sc-duet-banner{position:relative;overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner .visual .image-container*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{position:relative;width:400px;height:400px;overflow:hidden;border-radius:20%;transform:rotate(7deg)}/*!@.duet-banner .visual .image*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{position:relative;top:20px;width:100%;height:100%;transform:rotate(-7deg);object-fit:cover}/*!@.duet-banner .visual .icon*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{position:absolute}/*!@.duet-banner .content*/.duet-banner.sc-duet-banner .content.sc-duet-banner{display:flex;flex-direction:column;gap:8px;padding:0 20px 36px}/*!@.duet-banner .content .description*/.duet-banner.sc-duet-banner .content.sc-duet-banner .description.sc-duet-banner{hyphens:auto}/*!@.duet-banner .action*/.duet-banner.sc-duet-banner .action.sc-duet-banner{display:flex;flex-direction:column;flex-grow:1;align-items:flex-start;justify-content:flex-end;padding-top:16px}/*!@.duet-banner.small*/.duet-banner.small.sc-duet-banner{grid-template-rows:335px 1fr;max-width:335px}/*!@.duet-banner.small .visual*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner.small .visual .image-container*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-130px;left:-40px}/*!@.duet-banner.small .visual .icon*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:30px;left:15px}/*!@.duet-banner.medium*/.duet-banner.medium.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;min-width:500px;max-width:542px;height:288px}/*!@.duet-banner.medium .visual*/.duet-banner.medium.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.medium .visual .image-container*/.duet-banner.medium.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{position:absolute;bottom:-72px;left:-178px}/*!@.duet-banner.medium .visual .image*/.duet-banner.medium.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{width:auto;height:auto}/*!@.duet-banner.medium .visual .icon*/.duet-banner.medium.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:36px;left:168px}/*!@.duet-banner.medium .content*/.duet-banner.medium.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.medium .action*/.duet-banner.medium.sc-duet-banner .action.sc-duet-banner{flex-grow:0}/*!@.duet-banner.large*/.duet-banner.large.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}/*!@.duet-banner.large .visual*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.large .visual .image-container*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{position:relative;top:-30px;left:-30px}/*!@.duet-banner.large .visual .image*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:-15px;left:30px;width:100%;height:100%}/*!@.duet-banner.large .visual .icon*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:40px;bottom:auto;left:335px}/*!@.duet-banner.large .content*/.duet-banner.large.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.large .action*/.duet-banner.large.sc-duet-banner .action.sc-duet-banner{flex-grow:0}@media (max-width: 35.9375em){/*!@.duet-banner.auto*/.duet-banner.auto.sc-duet-banner{grid-template-rows:335px 1fr;max-width:335px}/*!@.duet-banner.auto .visual*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner.auto .visual .image-container*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-130px;left:-40px}/*!@.duet-banner.auto .visual .icon*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:30px;left:15px}}@media (min-width: 36em){/*!@.duet-banner.auto*/.duet-banner.auto.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;min-width:500px;max-width:542px;height:288px}/*!@.duet-banner.auto .visual*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.auto .visual .image-container*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{position:absolute;bottom:-72px;left:-178px}/*!@.duet-banner.auto .visual .image*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{width:auto;height:auto}/*!@.duet-banner.auto .visual .icon*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:36px;left:168px}/*!@.duet-banner.auto .content*/.duet-banner.auto.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.auto .action*/.duet-banner.auto.sc-duet-banner .action.sc-duet-banner{flex-grow:0}}@media (min-width: 62em){/*!@.duet-banner.auto*/.duet-banner.auto.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}/*!@.duet-banner.auto .visual*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.auto .visual .image-container*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{position:relative;top:-30px;left:-30px}/*!@.duet-banner.auto .visual .image*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:-15px;left:30px;width:100%;height:100%}/*!@.duet-banner.auto .visual .icon*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:40px;bottom:auto;left:335px}/*!@.duet-banner.auto .content*/.duet-banner.auto.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.auto .action*/.duet-banner.auto.sc-duet-banner .action.sc-duet-banner{flex-grow:0}}/*!@.duet-banner.duet-theme-turva*/.duet-banner.duet-theme-turva.sc-duet-banner{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}/*!@.duet-banner.duet-theme-turva .visual .image-container*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{width:526px;height:456px;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}/*!@.duet-banner.duet-theme-turva .visual .image*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{transform:none}/*!@.duet-banner.duet-theme-turva.small .visual .image-container*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-164px;left:-147px}/*!@.duet-banner.duet-theme-turva.small .visual .image*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.small .visual .icon*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:15px}/*!@.duet-banner.duet-theme-turva.large .visual .image-container*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-54.923px;left:-147px}/*!@.duet-banner.duet-theme-turva.large .visual .image*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.large .visual .icon*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:auto;left:295px}/*!@.duet-banner.duet-theme-turva.auto .visual .image-container*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-164px;left:-147px}/*!@.duet-banner.duet-theme-turva.auto .visual .image*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.auto .visual .icon*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:15px}@media (min-width: 62em){/*!@.duet-banner.duet-theme-turva.auto .visual .image-container*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-54.923px;left:-147px}/*!@.duet-banner.duet-theme-turva.auto .visual .image*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.auto .visual .icon*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:auto;left:295px}}";
8724
8726
 
8725
8727
  /**
8726
8728
  * @slot heading - Slot for heading content. Only span should be used in this slot.
@@ -8730,6 +8732,18 @@ const duetBannerCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-banner,*.sc-duet-
8730
8732
  class DuetBanner {
8731
8733
  constructor(hostRef) {
8732
8734
  registerInstance(this, hostRef);
8735
+ /**
8736
+ * Default to smaller button size for small and medium banners.
8737
+ */
8738
+ this.setButtonSize = () => {
8739
+ if (this.hasActionSlot) {
8740
+ console.log(this.size);
8741
+ const button = this.element.querySelector("duet-button[slot='action']");
8742
+ if (button.getAttribute("size") === null && this.size !== "large") {
8743
+ button.size = "small";
8744
+ }
8745
+ }
8746
+ };
8733
8747
  this.theme = "";
8734
8748
  this.margin = "auto";
8735
8749
  this.backgroundColor = "primary-lighter";
@@ -8751,6 +8765,7 @@ class DuetBanner {
8751
8765
  this.hasDescriptionSlot = hasSlot(this.element, "description");
8752
8766
  this.hasActionSlot = hasSlot(this.element, "action");
8753
8767
  checkNamedSlotElement(this.element, "heading", "span");
8768
+ this.setButtonSize();
8754
8769
  }
8755
8770
  /**
8756
8771
  * render() function
@@ -8771,7 +8786,7 @@ class DuetBanner {
8771
8786
  "duet-banner": true,
8772
8787
  "duet-theme-turva": this.theme === "turva",
8773
8788
  [this.size]: true,
8774
- }, style: bannerStyles }, hAsync("div", { class: "visual" }, hAsync("div", { class: "image-container" }, this.image && hAsync(DuetPicture, Object.assign({}, pictureSource))), this.icon && (hAsync("duet-icon", { theme: this.theme, class: "icon", name: this.icon, shape: "brand", size: "xx-large", color: this.iconColor, background: this.iconBackgroundColor, "background-rotation": "7", "background-opacity": "0.85", margin: "none" }))), hAsync("div", { class: "content" }, this.hasHeadingSlot && (hAsync("div", { class: "heading" }, hAsync("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": "h2", margin: "none", color: this.textColor }, hAsync("span", null, hAsync("slot", { name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { class: "description", style: { color } }, hAsync("slot", { name: "description" }))), this.hasActionSlot && (hAsync("div", { class: "action" }, hAsync("slot", { name: "action" })))))));
8789
+ }, style: bannerStyles }, hAsync("div", { class: "visual" }, hAsync("div", { class: "image-container" }, this.image && hAsync(DuetPicture, Object.assign({}, pictureSource))), this.icon && (hAsync("duet-icon", { theme: this.theme, class: "icon", name: this.icon, shape: "brand", size: this.size === "large" ? "xx-large" : "x-large", color: this.iconColor, background: this.iconBackgroundColor, "background-rotation": "7", "background-opacity": "0.85", margin: "none" }))), hAsync("div", { class: "content" }, this.hasHeadingSlot && (hAsync("div", { class: "heading" }, hAsync("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": this.size === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, hAsync("span", null, hAsync("slot", { name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { class: "description", style: { color } }, hAsync("slot", { name: "description" }))), this.hasActionSlot && (hAsync("div", { class: "action" }, hAsync("slot", { name: "action" })))))));
8775
8790
  }
8776
8791
  get element() { return getElement(this); }
8777
8792
  static get style() { return duetBannerCss; }
@@ -8785,7 +8800,7 @@ class DuetBanner {
8785
8800
  "iconColor": [1, "icon-color"],
8786
8801
  "iconBackgroundColor": [1, "icon-background-color"],
8787
8802
  "textColor": [1, "text-color"],
8788
- "size": [1],
8803
+ "size": [1025],
8789
8804
  "image": [1],
8790
8805
  "sources": [1],
8791
8806
  "icon": [1],
@@ -8928,6 +8943,11 @@ class DuetBreadcrumbs {
8928
8943
  }; }
8929
8944
  }
8930
8945
 
8946
+ const DuetStringsDownloadLinkDefaults = {
8947
+ fi: "Linkki tallennetaan laitteellesi",
8948
+ sv: "Nedladdningslänk",
8949
+ en: "Download link",
8950
+ };
8931
8951
  const DuetStringsExternalDefaults = {
8932
8952
  fi: "Avautuu uuteen ikkunaan",
8933
8953
  sv: "Öppnas i nytt fönster",
@@ -8935,11 +8955,11 @@ const DuetStringsExternalDefaults = {
8935
8955
  };
8936
8956
  const DuetStringsLoadingDefaults = {
8937
8957
  fi: "Ladataan",
8938
- sv: "Lastning",
8958
+ sv: "Laddas",
8939
8959
  en: "Loading…",
8940
8960
  };
8941
8961
 
8942
- const duetButtonCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-button,*.sc-duet-button::after,*.sc-duet-button::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-button-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}/*!@:host:last-child, :host:last-of-type*/.sc-duet-button-h:last-child,.sc-duet-button-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){/*!@:host*/.sc-duet-button-h{width:100%}}/*!@:host(.square)*/.square.sc-duet-button-h{margin-right:12px !important}/*!@:host(.square):last-child, :host(.square):last-of-type*/.square.sc-duet-button-h:last-child,.square.sc-duet-button-h:last-of-type{margin-right:0 !important}/*!@:host(.input-button)*/.input-button.sc-duet-button-h{z-index:250}/*!@:host(.duet-small),\n:host(.duet-x-small)*/.duet-small.sc-duet-button-h,.duet-x-small.sc-duet-button-h{margin-right:4px !important;margin-bottom:8px !important}/*!@:host(.duet-small):last-child, :host(.duet-small):last-of-type,\n:host(.duet-x-small):last-child,\n:host(.duet-x-small):last-of-type*/.duet-small.sc-duet-button-h:last-child,.duet-small.sc-duet-button-h:last-of-type,.duet-x-small.sc-duet-button-h:last-child,.duet-x-small.sc-duet-button-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){/*!@:host(.duet-small),\n :host(.duet-x-small)*/.duet-small.sc-duet-button-h,.duet-x-small.sc-duet-button-h{width:auto}}/*!@:host(.duet-x-small)*/.duet-x-small.sc-duet-button-h{margin-right:2px !important}/*!@:host(.duet-x-small):last-child, :host(.duet-x-small):last-of-type*/.duet-x-small.sc-duet-button-h:last-child,.duet-x-small.sc-duet-button-h:last-of-type{margin-right:0 !important}/*!@:host(.square.duet-small),\n:host(.square.duet-x-small)*/.square.duet-small.sc-duet-button-h,.square.duet-x-small.sc-duet-button-h{margin-right:8px !important}/*!@:host(.square.duet-small):last-child, :host(.square.duet-small):last-of-type,\n:host(.square.duet-x-small):last-child,\n:host(.square.duet-x-small):last-of-type*/.square.duet-small.sc-duet-button-h:last-child,.square.duet-small.sc-duet-button-h:last-of-type,.square.duet-x-small.sc-duet-button-h:last-child,.square.duet-x-small.sc-duet-button-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-expand)*/.duet-expand.sc-duet-button-h{width:100% !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-button-h{margin:0 !important}/*!@:host(.duet-fixed)*/.duet-fixed.sc-duet-button-h{width:auto !important}/*!@:host(:last-child)*/.sc-duet-button-h:last-child{margin-right:0 !important}/*!@.duet-button-container*/.duet-button-container.sc-duet-button{position:relative;display:block;width:100%}/*!@.duet-button*/.duet-button.sc-duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;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;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}/*!@.duet-button.duet-p-0*/.duet-button.duet-p-0.sc-duet-button{padding:0 !important}/*!@.duet-button.duet-m-0*/.duet-button.duet-m-0.sc-duet-button{margin:0 !important}/*!@.duet-button:focus*/.duet-button.sc-duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-button:focus, .duet-button:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button:focus,.duet-button.sc-duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-button.duet-button-size-medium*/.duet-button.duet-button-size-medium.sc-duet-button{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}/*!@.duet-theme-turva .duet-button.duet-button-size-medium*/.duet-theme-turva.sc-duet-button .duet-button.duet-button-size-medium.sc-duet-button{padding-right:24px;padding-left:24px;border-radius:12.5px}/*!@.duet-button.duet-button-size-medium.square*/.duet-button.duet-button-size-medium.square.sc-duet-button{border-radius:12.5px}/*!@.duet-button.duet-button-size-medium.icon-left*/.duet-button.duet-button-size-medium.icon-left.sc-duet-button{padding-left:24px}/*!@.duet-theme-turva .duet-button.duet-button-size-medium.icon-left*/.duet-theme-turva.sc-duet-button .duet-button.duet-button-size-medium.icon-left.sc-duet-button{padding-left:18px}/*!@.duet-button.duet-button-size-medium.icon-right*/.duet-button.duet-button-size-medium.icon-right.sc-duet-button{padding-right:24px}/*!@.duet-theme-turva .duet-button.duet-button-size-medium.icon-right*/.duet-theme-turva.sc-duet-button .duet-button.duet-button-size-medium.icon-right.sc-duet-button{padding-right:18px}/*!@.duet-button.duet-button-size-small*/.duet-button.duet-button-size-small.sc-duet-button{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}/*!@.duet-theme-turva .duet-button.duet-button-size-small*/.duet-theme-turva.sc-duet-button .duet-button.duet-button-size-small.sc-duet-button{padding-right:18px;padding-left:18px;border-radius:10px}/*!@.duet-button.duet-button-size-small.square*/.duet-button.duet-button-size-small.square.sc-duet-button{border-radius:10px}/*!@.duet-button.duet-button-size-small.icon-left*/.duet-button.duet-button-size-small.icon-left.sc-duet-button{padding-left:18px}/*!@.duet-theme-turva .duet-button.duet-button-size-small.icon-left*/.duet-theme-turva.sc-duet-button .duet-button.duet-button-size-small.icon-left.sc-duet-button{padding-left:14px}/*!@.duet-button.duet-button-size-small.icon-right*/.duet-button.duet-button-size-small.icon-right.sc-duet-button{padding-right:18px}/*!@.duet-theme-turva .duet-button.duet-button-size-small.icon-right*/.duet-theme-turva.sc-duet-button .duet-button.duet-button-size-small.icon-right.sc-duet-button{padding-right:14px}/*!@.duet-button.duet-button-size-x-small*/.duet-button.duet-button-size-x-small.sc-duet-button{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}/*!@.duet-button.duet-button-size-x-small.icon-left*/.duet-button.duet-button-size-x-small.icon-left.sc-duet-button{padding-left:10px}/*!@.duet-button.duet-button-size-x-small.icon-right*/.duet-button.duet-button-size-x-small.icon-right.sc-duet-button{padding-right:10px}/*!@.duet-button.plain.duet-p-0*/.duet-button.plain.duet-p-0.sc-duet-button{height:auto}/*!@.duet-button:not(.input-button-primary, .input-button-secondary, .input-button-embedded)*/.duet-button.sc-duet-button:not(.input-button-primary,.input-button-secondary.sc-duet-button,.input-button-embedded).sc-duet-button{font-variant-numeric:tabular-nums}/*!@.duet-button.duet-button-text-center*/.duet-button.duet-button-text-center.sc-duet-button{text-align:center !important}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only)*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only){min-width:48px}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only).duet-p-0{padding:0 !important}/*!@.duet-theme-turva .duet-button*/.duet-theme-turva.sc-duet-button .duet-button.sc-duet-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(198, 12, 48) !important}/*!@.duet-button .duet-button-contents*/.duet-button.sc-duet-button .duet-button-contents.sc-duet-button{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}/*!@.duet-button .duet-button-contents.icon-right*/.duet-button.sc-duet-button .duet-button-contents.icon-right.sc-duet-button{flex-direction:row-reverse}/*!@.duet-button .duet-button-contents .duet-button-contents-slot*/.duet-button.sc-duet-button .duet-button-contents.sc-duet-button .duet-button-contents-slot.sc-duet-button{position:relative;top:0}/*!@.duet-button.duet-no-wrap*/.duet-button.duet-no-wrap.sc-duet-button{white-space:nowrap}/*!@.duet-button svg*/.duet-button.sc-duet-button svg.sc-duet-button{width:100%;min-width:100%;fill:currentColor}/*!@.duet-button .duet-button-icon*/.duet-button.sc-duet-button .duet-button-icon.sc-duet-button{display:flex;align-items:center}/*!@.duet-button .duet-button-icon duet-icon*/.duet-button.sc-duet-button .duet-button-icon.sc-duet-button duet-icon.sc-duet-button{width:16px;height:16px}/*!@.duet-button .duet-button-icon.large duet-icon*/.duet-button.sc-duet-button .duet-button-icon.large.sc-duet-button duet-icon.sc-duet-button{width:20px;height:20px}/*!@.duet-button .duet-button-icon.medium-small duet-icon*/.duet-button.sc-duet-button .duet-button-icon.medium-small.sc-duet-button duet-icon.sc-duet-button{width:10px;height:10px}/*!@.duet-button .duet-button-icon.small duet-icon*/.duet-button.sc-duet-button .duet-button-icon.small.sc-duet-button duet-icon.sc-duet-button{width:7px;height:7px}/*!@.duet-button:active:not([disabled])*/.duet-button.sc-duet-button:active:not([disabled]){opacity:0.75;transition:none}/*!@.duet-button.default*/.duet-button.default.sc-duet-button{border-color:rgb(207, 210, 212)}/*!@.duet-theme-turva .duet-button.default*/.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button{color:rgb(198, 12, 48) !important;border-color:rgb(228, 228, 230)}/*!@.duet-button.default:hover*/.duet-button.default.sc-duet-button:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}/*!@.duet-theme-turva .duet-button.default:hover*/.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}/*!@.duet-button.default.duet-button-negative*/.duet-button.default.duet-button-negative.sc-duet-button{background-color:rgb(255, 255, 255)}/*!@.duet-theme-turva .duet-button.default.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.default.duet-button-negative.sc-duet-button{background-color:rgb(228, 228, 230) !important}/*!@.duet-button.default.duet-button-negative:hover*/.duet-button.default.duet-button-negative.sc-duet-button:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.default.duet-button-negative:hover*/.duet-theme-turva.sc-duet-button .duet-button.default.duet-button-negative.sc-duet-button:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}/*!@.duet-button.primary, .duet-button.input-button-primary*/.duet-button.primary.sc-duet-button,.duet-button.input-button-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.primary, .duet-theme-turva .duet-button.input-button-primary*/.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}/*!@.duet-button.primary:hover, .duet-button.input-button-primary:hover*/.duet-button.primary.sc-duet-button:hover,.duet-button.input-button-primary.sc-duet-button:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}/*!@.duet-theme-turva .duet-button.primary:hover, .duet-theme-turva .duet-button.input-button-primary:hover*/.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-primary.sc-duet-button:hover{background:rgb(148, 9, 37);border-color:rgb(148, 9, 37)}/*!@.duet-button.primary:focus, .duet-button.input-button-primary:focus*/.duet-button.primary.sc-duet-button:focus,.duet-button.input-button-primary.sc-duet-button:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}/*!@.duet-theme-turva .duet-button.primary:focus, .duet-theme-turva .duet-button.input-button-primary:focus*/.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:focus,.duet-theme-turva.sc-duet-button .duet-button.input-button-primary.sc-duet-button:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}/*!@.duet-button.secondary, .duet-button.input-button-secondary, .duet-button.input-button-embedded*/.duet-button.secondary.sc-duet-button,.duet-button.input-button-secondary.sc-duet-button,.duet-button.input-button-embedded.sc-duet-button{color:rgb(0, 41, 77) !important;background:transparent;border-color:rgb(0, 41, 77)}/*!@.duet-theme-turva .duet-button.secondary, .duet-theme-turva .duet-button.input-button-secondary, .duet-theme-turva .duet-button.input-button-embedded*/.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.sc-duet-button{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}/*!@.duet-button.secondary:hover, .duet-button.input-button-secondary:hover, .duet-button.input-button-embedded:hover*/.duet-button.secondary.sc-duet-button:hover,.duet-button.input-button-secondary.sc-duet-button:hover,.duet-button.input-button-embedded.sc-duet-button:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.secondary:hover, .duet-theme-turva .duet-button.input-button-secondary:hover, .duet-theme-turva .duet-button.input-button-embedded:hover*/.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.sc-duet-button:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}/*!@.duet-button.secondary.duet-button-negative, .duet-button.input-button-secondary.duet-button-negative, .duet-button.input-button-embedded.duet-button-negative*/.duet-button.secondary.duet-button-negative.sc-duet-button,.duet-button.input-button-secondary.duet-button-negative.sc-duet-button,.duet-button.input-button-embedded.duet-button-negative.sc-duet-button{color:rgb(225, 227, 230) !important;border-color:rgb(255, 255, 255)}/*!@.duet-theme-turva .duet-button.secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.secondary.duet-button-negative.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.duet-button-negative.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.duet-button-negative.sc-duet-button{color:rgb(228, 228, 230) !important}/*!@.duet-button.secondary.duet-button-negative:hover, .duet-button.input-button-secondary.duet-button-negative:hover, .duet-button.input-button-embedded.duet-button-negative:hover*/.duet-button.secondary.duet-button-negative.sc-duet-button:hover,.duet-button.input-button-secondary.duet-button-negative.sc-duet-button:hover,.duet-button.input-button-embedded.duet-button-negative.sc-duet-button:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover*/.duet-theme-turva.sc-duet-button .duet-button.secondary.duet-button-negative.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.duet-button-negative.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.duet-button-negative.sc-duet-button:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}/*!@.duet-button.input-button-embedded*/.duet-button.input-button-embedded.sc-duet-button{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}/*!@.duet-button.input-button*/.duet-button.input-button.sc-duet-button{height:auto}/*!@.duet-button.negative*/.duet-button.negative.sc-duet-button{color:rgb(0, 41, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}/*!@.duet-theme-turva .duet-button.negative*/.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button{color:rgb(23, 28, 58) !important}/*!@.duet-button.negative:hover*/.duet-button.negative.sc-duet-button:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}/*!@.duet-button.negative:focus*/.duet-button.negative.sc-duet-button:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}/*!@.duet-theme-turva .duet-button.negative:focus*/.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}/*!@.duet-button.destructive-primary*/.duet-button.destructive-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(222, 35, 98);border-color:rgb(222, 35, 98)}/*!@.duet-theme-turva .duet-button.destructive-primary*/.duet-theme-turva.sc-duet-button .duet-button.destructive-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(224, 42, 13);border-color:rgb(224, 42, 13)}/*!@.duet-button.destructive-primary:hover*/.duet-button.destructive-primary.sc-duet-button:hover{background:#b21c4e;border-color:#b21c4e;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}/*!@.duet-theme-turva .duet-button.destructive-primary:hover*/.duet-theme-turva.sc-duet-button .duet-button.destructive-primary.sc-duet-button:hover{background:#b3220a}/*!@.duet-button.destructive, .duet-button.destructive-secondary*/.duet-button.destructive.sc-duet-button,.duet-button.destructive-secondary.sc-duet-button{color:rgb(222, 35, 98) !important;background:rgb(255, 255, 255);border-color:rgb(222, 35, 98)}/*!@.duet-theme-turva .duet-button.destructive, .duet-theme-turva .duet-button.destructive-secondary*/.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.destructive-secondary.sc-duet-button{color:rgb(224, 42, 13) !important;background:rgb(255, 255, 255);border-color:rgb(224, 42, 13)}/*!@.duet-button.destructive:hover, .duet-button.destructive-secondary:hover*/.duet-button.destructive.sc-duet-button:hover,.duet-button.destructive-secondary.sc-duet-button:hover{color:rgb(255, 255, 255) !important;background:#b21c4e;border-color:#b21c4e}/*!@.duet-theme-turva .duet-button.destructive:hover, .duet-theme-turva .duet-button.destructive-secondary:hover*/.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.destructive-secondary.sc-duet-button:hover{color:rgb(255, 255, 255) !important;background:#b3220a;border-color:#b3220a}/*!@.duet-button.plain*/.duet-button.plain.sc-duet-button{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}/*!@.duet-theme-turva .duet-button.plain*/.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}/*!@.duet-button.plain.duet-p-0 .duet-button-contents*/.duet-button.plain.duet-p-0.sc-duet-button .duet-button-contents.sc-duet-button{height:auto}/*!@.duet-button.plain[disabled]*/.duet-button.plain[disabled].sc-duet-button{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}/*!@.duet-theme-turva .duet-button.plain[disabled]*/.duet-theme-turva.sc-duet-button .duet-button.plain[disabled].sc-duet-button{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(228, 228, 230) !important}/*!@.duet-button.plain:hover*/.duet-button.plain.sc-duet-button:hover{color:rgb(0, 77, 128) !important;background:transparent !important}/*!@.duet-theme-turva .duet-button.plain:hover*/.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button:hover{color:rgb(148, 9, 37) !important}/*!@.duet-button.plain.duet-button-negative*/.duet-button.plain.duet-button-negative.sc-duet-button{color:rgb(255, 255, 255) !important}/*!@.duet-theme-turva .duet-button.plain.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.plain.duet-button-negative.sc-duet-button{color:rgb(228, 228, 230) !important}/*!@.duet-button.plain.duet-button-negative:hover*/.duet-button.plain.duet-button-negative.sc-duet-button:hover{color:rgb(0, 119, 179) !important}/*!@.duet-theme-turva .duet-button.plain.duet-button-negative:hover*/.duet-theme-turva.sc-duet-button .duet-button.plain.duet-button-negative.sc-duet-button:hover{color:rgb(198, 12, 48) !important}/*!@.duet-button.duet-button-icon-only*/.duet-button.duet-button-icon-only.sc-duet-button{min-width:48px;min-height:48px;padding:0 !important}/*!@.duet-button.duet-button-icon-only .duet-button-contents*/.duet-button.duet-button-icon-only.sc-duet-button .duet-button-contents.sc-duet-button{position:static}/*!@.duet-button.duet-button-icon-only .duet-button-icon.left.large,\n.duet-button.duet-button-icon-only .duet-button-icon.left.medium,\n.duet-button.duet-button-icon-only .duet-button-icon.left.small*/.duet-button.duet-button-icon-only.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button-icon-only.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button-icon-only.sc-duet-button .duet-button-icon.left.small.sc-duet-button{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}/*!@.duet-button.duet-button.input-button-primary, .duet-button.duet-button.input-button-secondary, .duet-button.duet-button.input-button-embedded*/.duet-button.duet-button.input-button-primary.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}/*!@.duet-button.duet-button.input-button-primary .duet-button-contents, .duet-button.duet-button.input-button-secondary .duet-button-contents, .duet-button.duet-button.input-button-embedded .duet-button-contents*/.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-contents.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-contents.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-contents.sc-duet-button{position:static}/*!@.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,\n.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,\n.duet-button.duet-button.input-button-primary .duet-button-icon.left.small, .duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,\n.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,\n.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small, .duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,\n.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,\n.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small*/.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-icon.left.small.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-icon.left.small.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-icon.left.small.sc-duet-button{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}/*!@.duet-button.duet-button.input-button-embedded*/.duet-button.duet-button.input-button-embedded.sc-duet-button{border-left-width:0}/*!@.duet-button.square*/.duet-button.square.sc-duet-button{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(207, 210, 212);border-width:1px}/*!@.duet-button.square.duet-button-size-small*/.duet-button.square.duet-button-size-small.sc-duet-button{width:42px;font-size:0.875rem}/*!@.duet-button.square.duet-button-size-x-small*/.duet-button.square.duet-button-size-x-small.sc-duet-button{width:34px;font-size:0.875rem}/*!@.duet-button.square.duet-button-negative*/.duet-button.square.duet-button-negative.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.square.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.square.duet-button-negative.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}/*!@.duet-theme-turva .duet-button.square*/.duet-theme-turva.sc-duet-button .duet-button.square.sc-duet-button{border-color:rgb(228, 228, 230)}/*!@.duet-button.square:hover*/.duet-button.square.sc-duet-button:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}/*!@.duet-theme-turva .duet-button.square:hover*/.duet-theme-turva.sc-duet-button .duet-button.square.sc-duet-button:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}/*!@.duet-button.square .duet-button-contents*/.duet-button.square.sc-duet-button .duet-button-contents.sc-duet-button{gap:0}/*!@.duet-button[disabled], .duet-button[disabled]:hover, .duet-button.duet-button-negative[disabled], .duet-button.duet-button-negative[disabled]:hover*/.duet-button[disabled].sc-duet-button,.duet-button[disabled].sc-duet-button:hover,.duet-button.duet-button-negative[disabled].sc-duet-button,.duet-button.duet-button-negative[disabled].sc-duet-button:hover{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:rgb(225, 227, 230) !important;border-color:rgb(225, 227, 230) !important;box-shadow:none !important}/*!@.duet-theme-turva .duet-button[disabled], .duet-theme-turva .duet-button[disabled]:hover, .duet-theme-turva .duet-button.duet-button-negative [disabled], .duet-theme-turva .duet-button.duet-button-negative [disabled]:hover*/.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.duet-button-negative.sc-duet-button [disabled].sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.duet-button-negative.sc-duet-button [disabled].sc-duet-button:hover{color:rgb(116, 116, 117) !important;cursor:not-allowed;background:rgb(228, 228, 230) !important;border-color:rgb(228, 228, 230) !important}/*!@.duet-button-is-loading.primary, .duet-button-is-loading.input-button-primary*/.duet-button-is-loading.primary.sc-duet-button,.duet-button-is-loading.input-button-primary.sc-duet-button{color:rgb(255, 255, 255)}/*!@.duet-button-is-loading.default*/.duet-button-is-loading.default.sc-duet-button{color:rgb(0, 119, 179)}/*!@.duet-button-is-loading.default.duet-theme-turva*/.duet-button-is-loading.default.duet-theme-turva.sc-duet-button{color:rgb(198, 12, 48)}/*!@.duet-button-is-loading .duet-button-contents*/.duet-button-is-loading.sc-duet-button .duet-button-contents.sc-duet-button{visibility:hidden;opacity:0}";
8962
+ const duetButtonCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-button,*.sc-duet-button::after,*.sc-duet-button::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-button-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}/*!@:host:last-child, :host:last-of-type*/.sc-duet-button-h:last-child,.sc-duet-button-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){/*!@:host*/.sc-duet-button-h{width:100%}}/*!@:host(.square)*/.square.sc-duet-button-h{margin-right:12px !important}/*!@:host(.square):last-child, :host(.square):last-of-type*/.square.sc-duet-button-h:last-child,.square.sc-duet-button-h:last-of-type{margin-right:0 !important}/*!@:host(.input-button)*/.input-button.sc-duet-button-h{z-index:250}/*!@:host(.duet-small),\n:host(.duet-x-small)*/.duet-small.sc-duet-button-h,.duet-x-small.sc-duet-button-h{margin-right:4px !important;margin-bottom:8px !important}/*!@:host(.duet-small):last-child, :host(.duet-small):last-of-type,\n:host(.duet-x-small):last-child,\n:host(.duet-x-small):last-of-type*/.duet-small.sc-duet-button-h:last-child,.duet-small.sc-duet-button-h:last-of-type,.duet-x-small.sc-duet-button-h:last-child,.duet-x-small.sc-duet-button-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){/*!@:host(.duet-small),\n :host(.duet-x-small)*/.duet-small.sc-duet-button-h,.duet-x-small.sc-duet-button-h{width:auto}}/*!@:host(.duet-x-small)*/.duet-x-small.sc-duet-button-h{margin-right:2px !important}/*!@:host(.duet-x-small):last-child, :host(.duet-x-small):last-of-type*/.duet-x-small.sc-duet-button-h:last-child,.duet-x-small.sc-duet-button-h:last-of-type{margin-right:0 !important}/*!@:host(.square.duet-small),\n:host(.square.duet-x-small)*/.square.duet-small.sc-duet-button-h,.square.duet-x-small.sc-duet-button-h{margin-right:8px !important}/*!@:host(.square.duet-small):last-child, :host(.square.duet-small):last-of-type,\n:host(.square.duet-x-small):last-child,\n:host(.square.duet-x-small):last-of-type*/.square.duet-small.sc-duet-button-h:last-child,.square.duet-small.sc-duet-button-h:last-of-type,.square.duet-x-small.sc-duet-button-h:last-child,.square.duet-x-small.sc-duet-button-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-expand)*/.duet-expand.sc-duet-button-h{width:100% !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-button-h{margin:0 !important}/*!@:host(.duet-fixed)*/.duet-fixed.sc-duet-button-h{width:auto !important}/*!@:host(:last-child)*/.sc-duet-button-h:last-child{margin-right:0 !important}/*!@.duet-button-container*/.duet-button-container.sc-duet-button{position:relative;display:block;width:100%}/*!@.duet-button*/.duet-button.sc-duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;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;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}/*!@.duet-button.duet-p-0*/.duet-button.duet-p-0.sc-duet-button{padding:0 !important}/*!@.duet-button.duet-m-0*/.duet-button.duet-m-0.sc-duet-button{margin:0 !important}/*!@.duet-button:focus*/.duet-button.sc-duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-button:focus, .duet-button:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button:focus,.duet-button.sc-duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-button.duet-button-size-medium*/.duet-button.duet-button-size-medium.sc-duet-button{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}/*!@.duet-theme-turva .duet-button.duet-button-size-medium*/.duet-theme-turva.sc-duet-button .duet-button.duet-button-size-medium.sc-duet-button{padding-right:24px;padding-left:24px;border-radius:12.5px}/*!@.duet-button.duet-button-size-medium.square*/.duet-button.duet-button-size-medium.square.sc-duet-button{border-radius:12.5px}/*!@.duet-button.duet-button-size-medium.icon-left*/.duet-button.duet-button-size-medium.icon-left.sc-duet-button{padding-left:24px}/*!@.duet-theme-turva .duet-button.duet-button-size-medium.icon-left*/.duet-theme-turva.sc-duet-button .duet-button.duet-button-size-medium.icon-left.sc-duet-button{padding-left:18px}/*!@.duet-button.duet-button-size-medium.icon-right*/.duet-button.duet-button-size-medium.icon-right.sc-duet-button{padding-right:24px}/*!@.duet-theme-turva .duet-button.duet-button-size-medium.icon-right*/.duet-theme-turva.sc-duet-button .duet-button.duet-button-size-medium.icon-right.sc-duet-button{padding-right:18px}/*!@.duet-button.duet-button-size-small*/.duet-button.duet-button-size-small.sc-duet-button{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}/*!@.duet-theme-turva .duet-button.duet-button-size-small*/.duet-theme-turva.sc-duet-button .duet-button.duet-button-size-small.sc-duet-button{padding-right:18px;padding-left:18px;border-radius:10px}/*!@.duet-button.duet-button-size-small.square*/.duet-button.duet-button-size-small.square.sc-duet-button{border-radius:10px}/*!@.duet-button.duet-button-size-small.icon-left*/.duet-button.duet-button-size-small.icon-left.sc-duet-button{padding-left:18px}/*!@.duet-theme-turva .duet-button.duet-button-size-small.icon-left*/.duet-theme-turva.sc-duet-button .duet-button.duet-button-size-small.icon-left.sc-duet-button{padding-left:14px}/*!@.duet-button.duet-button-size-small.icon-right*/.duet-button.duet-button-size-small.icon-right.sc-duet-button{padding-right:18px}/*!@.duet-theme-turva .duet-button.duet-button-size-small.icon-right*/.duet-theme-turva.sc-duet-button .duet-button.duet-button-size-small.icon-right.sc-duet-button{padding-right:14px}/*!@.duet-button.duet-button-size-x-small*/.duet-button.duet-button-size-x-small.sc-duet-button{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}/*!@.duet-button.duet-button-size-x-small.icon-left*/.duet-button.duet-button-size-x-small.icon-left.sc-duet-button{padding-left:10px}/*!@.duet-button.duet-button-size-x-small.icon-right*/.duet-button.duet-button-size-x-small.icon-right.sc-duet-button{padding-right:10px}/*!@.duet-button.plain.duet-p-0*/.duet-button.plain.duet-p-0.sc-duet-button{height:auto}/*!@.duet-button:not(.input-button-primary, .input-button-secondary, .input-button-embedded)*/.duet-button.sc-duet-button:not(.input-button-primary,.input-button-secondary.sc-duet-button,.input-button-embedded).sc-duet-button{font-variant-numeric:tabular-nums}/*!@.duet-button.duet-button-text-center*/.duet-button.duet-button-text-center.sc-duet-button{text-align:center !important}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only)*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only){min-width:48px}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only).duet-p-0{padding:0 !important}/*!@.duet-theme-turva .duet-button*/.duet-theme-turva.sc-duet-button .duet-button.sc-duet-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(198, 12, 48) !important}/*!@.duet-button .duet-button-contents*/.duet-button.sc-duet-button .duet-button-contents.sc-duet-button{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}/*!@.duet-button .duet-button-contents.icon-right*/.duet-button.sc-duet-button .duet-button-contents.icon-right.sc-duet-button{flex-direction:row-reverse}/*!@.duet-button .duet-button-contents .duet-button-contents-slot*/.duet-button.sc-duet-button .duet-button-contents.sc-duet-button .duet-button-contents-slot.sc-duet-button{position:relative;top:0}/*!@.duet-button.duet-no-wrap*/.duet-button.duet-no-wrap.sc-duet-button{white-space:nowrap}/*!@.duet-button svg*/.duet-button.sc-duet-button svg.sc-duet-button{width:100%;min-width:100%;fill:currentColor}/*!@.duet-button .duet-button-icon*/.duet-button.sc-duet-button .duet-button-icon.sc-duet-button{display:flex;align-items:center}/*!@.duet-button .duet-button-icon duet-icon*/.duet-button.sc-duet-button .duet-button-icon.sc-duet-button duet-icon.sc-duet-button{width:16px;height:16px}/*!@.duet-button .duet-button-icon.large duet-icon*/.duet-button.sc-duet-button .duet-button-icon.large.sc-duet-button duet-icon.sc-duet-button{width:20px;height:20px}/*!@.duet-button .duet-button-icon.medium-small duet-icon*/.duet-button.sc-duet-button .duet-button-icon.medium-small.sc-duet-button duet-icon.sc-duet-button{width:10px;height:10px}/*!@.duet-button .duet-button-icon.small duet-icon*/.duet-button.sc-duet-button .duet-button-icon.small.sc-duet-button duet-icon.sc-duet-button{width:7px;height:7px}/*!@.duet-button:active:not([disabled])*/.duet-button.sc-duet-button:active:not([disabled]){opacity:0.75;transition:none}/*!@.duet-button.default*/.duet-button.default.sc-duet-button{background:rgb(255, 255, 255);border-color:rgb(207, 210, 212)}/*!@.duet-theme-turva .duet-button.default*/.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button{color:rgb(198, 12, 48) !important;border-color:rgb(228, 228, 230)}/*!@.duet-button.default:hover*/.duet-button.default.sc-duet-button:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}/*!@.duet-theme-turva .duet-button.default:hover*/.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}/*!@.duet-button.default.duet-button-negative*/.duet-button.default.duet-button-negative.sc-duet-button{background-color:rgb(255, 255, 255)}/*!@.duet-theme-turva .duet-button.default.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.default.duet-button-negative.sc-duet-button{background-color:rgb(228, 228, 230) !important}/*!@.duet-button.default.duet-button-negative:hover*/.duet-button.default.duet-button-negative.sc-duet-button:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.default.duet-button-negative:hover*/.duet-theme-turva.sc-duet-button .duet-button.default.duet-button-negative.sc-duet-button:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}/*!@.duet-button.primary, .duet-button.input-button-primary*/.duet-button.primary.sc-duet-button,.duet-button.input-button-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.primary, .duet-theme-turva .duet-button.input-button-primary*/.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}/*!@.duet-button.primary:hover, .duet-button.input-button-primary:hover*/.duet-button.primary.sc-duet-button:hover,.duet-button.input-button-primary.sc-duet-button:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}/*!@.duet-theme-turva .duet-button.primary:hover, .duet-theme-turva .duet-button.input-button-primary:hover*/.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-primary.sc-duet-button:hover{background:rgb(148, 9, 37);border-color:rgb(148, 9, 37)}/*!@.duet-button.primary:focus, .duet-button.input-button-primary:focus*/.duet-button.primary.sc-duet-button:focus,.duet-button.input-button-primary.sc-duet-button:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}/*!@.duet-theme-turva .duet-button.primary:focus, .duet-theme-turva .duet-button.input-button-primary:focus*/.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:focus,.duet-theme-turva.sc-duet-button .duet-button.input-button-primary.sc-duet-button:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}/*!@.duet-button.secondary, .duet-button.input-button-secondary, .duet-button.input-button-embedded*/.duet-button.secondary.sc-duet-button,.duet-button.input-button-secondary.sc-duet-button,.duet-button.input-button-embedded.sc-duet-button{color:rgb(0, 41, 77) !important;background:transparent;border-color:rgb(0, 41, 77)}/*!@.duet-theme-turva .duet-button.secondary, .duet-theme-turva .duet-button.input-button-secondary, .duet-theme-turva .duet-button.input-button-embedded*/.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.sc-duet-button{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}/*!@.duet-button.secondary:hover, .duet-button.input-button-secondary:hover, .duet-button.input-button-embedded:hover*/.duet-button.secondary.sc-duet-button:hover,.duet-button.input-button-secondary.sc-duet-button:hover,.duet-button.input-button-embedded.sc-duet-button:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.secondary:hover, .duet-theme-turva .duet-button.input-button-secondary:hover, .duet-theme-turva .duet-button.input-button-embedded:hover*/.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.sc-duet-button:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}/*!@.duet-button.secondary.duet-button-negative, .duet-button.input-button-secondary.duet-button-negative, .duet-button.input-button-embedded.duet-button-negative*/.duet-button.secondary.duet-button-negative.sc-duet-button,.duet-button.input-button-secondary.duet-button-negative.sc-duet-button,.duet-button.input-button-embedded.duet-button-negative.sc-duet-button{color:rgb(225, 227, 230) !important;border-color:rgb(255, 255, 255)}/*!@.duet-theme-turva .duet-button.secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.secondary.duet-button-negative.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.duet-button-negative.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.duet-button-negative.sc-duet-button{color:rgb(228, 228, 230) !important}/*!@.duet-button.secondary.duet-button-negative:hover, .duet-button.input-button-secondary.duet-button-negative:hover, .duet-button.input-button-embedded.duet-button-negative:hover*/.duet-button.secondary.duet-button-negative.sc-duet-button:hover,.duet-button.input-button-secondary.duet-button-negative.sc-duet-button:hover,.duet-button.input-button-embedded.duet-button-negative.sc-duet-button:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover*/.duet-theme-turva.sc-duet-button .duet-button.secondary.duet-button-negative.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.duet-button-negative.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.duet-button-negative.sc-duet-button:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}/*!@.duet-button.input-button-embedded*/.duet-button.input-button-embedded.sc-duet-button{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}/*!@.duet-button.input-button*/.duet-button.input-button.sc-duet-button{height:auto}/*!@.duet-button.negative*/.duet-button.negative.sc-duet-button{color:rgb(0, 41, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}/*!@.duet-theme-turva .duet-button.negative*/.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button{color:rgb(23, 28, 58) !important}/*!@.duet-button.negative:hover*/.duet-button.negative.sc-duet-button:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}/*!@.duet-button.negative:focus*/.duet-button.negative.sc-duet-button:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}/*!@.duet-theme-turva .duet-button.negative:focus*/.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}/*!@.duet-button.destructive-primary*/.duet-button.destructive-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(222, 35, 98);border-color:rgb(222, 35, 98)}/*!@.duet-theme-turva .duet-button.destructive-primary*/.duet-theme-turva.sc-duet-button .duet-button.destructive-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(224, 42, 13);border-color:rgb(224, 42, 13)}/*!@.duet-button.destructive-primary:hover*/.duet-button.destructive-primary.sc-duet-button:hover{background:#b21c4e;border-color:#b21c4e;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}/*!@.duet-theme-turva .duet-button.destructive-primary:hover*/.duet-theme-turva.sc-duet-button .duet-button.destructive-primary.sc-duet-button:hover{background:#b3220a}/*!@.duet-button.destructive, .duet-button.destructive-secondary*/.duet-button.destructive.sc-duet-button,.duet-button.destructive-secondary.sc-duet-button{color:rgb(222, 35, 98) !important;background:rgb(255, 255, 255);border-color:rgb(222, 35, 98)}/*!@.duet-theme-turva .duet-button.destructive, .duet-theme-turva .duet-button.destructive-secondary*/.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.destructive-secondary.sc-duet-button{color:rgb(224, 42, 13) !important;background:rgb(255, 255, 255);border-color:rgb(224, 42, 13)}/*!@.duet-button.destructive:hover, .duet-button.destructive-secondary:hover*/.duet-button.destructive.sc-duet-button:hover,.duet-button.destructive-secondary.sc-duet-button:hover{color:rgb(255, 255, 255) !important;background:#b21c4e;border-color:#b21c4e}/*!@.duet-theme-turva .duet-button.destructive:hover, .duet-theme-turva .duet-button.destructive-secondary:hover*/.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.destructive-secondary.sc-duet-button:hover{color:rgb(255, 255, 255) !important;background:#b3220a;border-color:#b3220a}/*!@.duet-button.plain*/.duet-button.plain.sc-duet-button{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}/*!@.duet-theme-turva .duet-button.plain*/.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}/*!@.duet-button.plain.duet-p-0 .duet-button-contents*/.duet-button.plain.duet-p-0.sc-duet-button .duet-button-contents.sc-duet-button{height:auto}/*!@.duet-button.plain[disabled]*/.duet-button.plain[disabled].sc-duet-button{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}/*!@.duet-theme-turva .duet-button.plain[disabled]*/.duet-theme-turva.sc-duet-button .duet-button.plain[disabled].sc-duet-button{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(228, 228, 230) !important}/*!@.duet-button.plain:hover*/.duet-button.plain.sc-duet-button:hover{color:rgb(0, 77, 128) !important;background:transparent !important}/*!@.duet-theme-turva .duet-button.plain:hover*/.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button:hover{color:rgb(148, 9, 37) !important}/*!@.duet-button.plain.duet-button-negative*/.duet-button.plain.duet-button-negative.sc-duet-button{color:rgb(255, 255, 255) !important}/*!@.duet-theme-turva .duet-button.plain.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.plain.duet-button-negative.sc-duet-button{color:rgb(228, 228, 230) !important}/*!@.duet-button.plain.duet-button-negative:hover*/.duet-button.plain.duet-button-negative.sc-duet-button:hover{color:rgb(0, 119, 179) !important}/*!@.duet-theme-turva .duet-button.plain.duet-button-negative:hover*/.duet-theme-turva.sc-duet-button .duet-button.plain.duet-button-negative.sc-duet-button:hover{color:rgb(198, 12, 48) !important}/*!@.duet-button.duet-button-icon-only*/.duet-button.duet-button-icon-only.sc-duet-button{min-width:48px;min-height:48px;padding:0 !important}/*!@.duet-button.duet-button-icon-only .duet-button-contents*/.duet-button.duet-button-icon-only.sc-duet-button .duet-button-contents.sc-duet-button{position:static}/*!@.duet-button.duet-button-icon-only .duet-button-icon.left.large,\n.duet-button.duet-button-icon-only .duet-button-icon.left.medium,\n.duet-button.duet-button-icon-only .duet-button-icon.left.small*/.duet-button.duet-button-icon-only.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button-icon-only.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button-icon-only.sc-duet-button .duet-button-icon.left.small.sc-duet-button{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}/*!@.duet-button.duet-button.input-button-primary, .duet-button.duet-button.input-button-secondary, .duet-button.duet-button.input-button-embedded*/.duet-button.duet-button.input-button-primary.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}/*!@.duet-button.duet-button.input-button-primary .duet-button-contents, .duet-button.duet-button.input-button-secondary .duet-button-contents, .duet-button.duet-button.input-button-embedded .duet-button-contents*/.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-contents.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-contents.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-contents.sc-duet-button{position:static}/*!@.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,\n.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,\n.duet-button.duet-button.input-button-primary .duet-button-icon.left.small, .duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,\n.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,\n.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small, .duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,\n.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,\n.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small*/.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-icon.left.small.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-icon.left.small.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-icon.left.small.sc-duet-button{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}/*!@.duet-button.duet-button.input-button-embedded*/.duet-button.duet-button.input-button-embedded.sc-duet-button{border-left-width:0}/*!@.duet-button.square*/.duet-button.square.sc-duet-button{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(207, 210, 212);border-width:1px}/*!@.duet-button.square.duet-button-size-small*/.duet-button.square.duet-button-size-small.sc-duet-button{width:42px;font-size:0.875rem}/*!@.duet-button.square.duet-button-size-x-small*/.duet-button.square.duet-button-size-x-small.sc-duet-button{width:34px;font-size:0.875rem}/*!@.duet-button.square.duet-button-negative*/.duet-button.square.duet-button-negative.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.square.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.square.duet-button-negative.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}/*!@.duet-theme-turva .duet-button.square*/.duet-theme-turva.sc-duet-button .duet-button.square.sc-duet-button{border-color:rgb(228, 228, 230)}/*!@.duet-button.square:hover*/.duet-button.square.sc-duet-button:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}/*!@.duet-theme-turva .duet-button.square:hover*/.duet-theme-turva.sc-duet-button .duet-button.square.sc-duet-button:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}/*!@.duet-button.square .duet-button-contents*/.duet-button.square.sc-duet-button .duet-button-contents.sc-duet-button{gap:0}/*!@.duet-button[disabled], .duet-button[disabled]:hover, .duet-button.duet-button-negative[disabled], .duet-button.duet-button-negative[disabled]:hover*/.duet-button[disabled].sc-duet-button,.duet-button[disabled].sc-duet-button:hover,.duet-button.duet-button-negative[disabled].sc-duet-button,.duet-button.duet-button-negative[disabled].sc-duet-button:hover{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:rgb(225, 227, 230) !important;border-color:rgb(225, 227, 230) !important;outline-color:rgb(225, 227, 230) !important;box-shadow:none !important}/*!@.duet-theme-turva .duet-button[disabled], .duet-theme-turva .duet-button[disabled]:hover, .duet-theme-turva .duet-button.duet-button-negative [disabled], .duet-theme-turva .duet-button.duet-button-negative [disabled]:hover*/.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.duet-button-negative.sc-duet-button [disabled].sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.duet-button-negative.sc-duet-button [disabled].sc-duet-button:hover{color:rgb(116, 116, 117) !important;cursor:not-allowed;background:rgb(228, 228, 230) !important;border-color:rgb(228, 228, 230) !important;outline-color:rgb(228, 228, 230) !important}/*!@.duet-button-is-loading.primary, .duet-button-is-loading.input-button-primary*/.duet-button-is-loading.primary.sc-duet-button,.duet-button-is-loading.input-button-primary.sc-duet-button{color:rgb(255, 255, 255)}/*!@.duet-button-is-loading.default*/.duet-button-is-loading.default.sc-duet-button{color:rgb(0, 119, 179)}/*!@.duet-button-is-loading.default.duet-theme-turva*/.duet-button-is-loading.default.duet-theme-turva.sc-duet-button{color:rgb(198, 12, 48)}/*!@.duet-button-is-loading .duet-button-contents*/.duet-button-is-loading.sc-duet-button .duet-button-contents.sc-duet-button{visibility:hidden;opacity:0}";
8943
8963
 
8944
8964
  class DuetButton {
8945
8965
  constructor(hostRef) {
@@ -11639,7 +11659,7 @@ function createShortcuts(shortcuts) {
11639
11659
  };
11640
11660
  }
11641
11661
 
11642
- const duetDatePickerCss = "*.sc-duet-date-picker,*.sc-duet-date-picker::after,*.sc-duet-date-picker::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-date-picker-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;position:relative;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:top}.sc-duet-date-picker-h:last-child,.sc-duet-date-picker-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-date-picker-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-date-picker-h{width:100% !important}.duet-m-0.sc-duet-date-picker-h{margin:0 !important}.duet-date.sc-duet-date-picker{position:relative;width:100%}.duet-date.sc-duet-date-picker button.sc-duet-date-picker,.duet-date-dialog.sc-duet-date-picker button.sc-duet-date-picker{max-width:initial !important;min-height:initial !important;padding:0 !important;margin:0 !important;transition:initial}.duet-date-button.sc-duet-date-picker{-webkit-user-select:none;user-select:none;position:absolute;top:1px;right:1px;z-index:200;display:flex;align-items:center;justify-content:center;width:48px;height:calc(100% - 2px);color:rgb(0, 41, 77);cursor:pointer;background:transparent !important;border-left:1px solid rgb(207, 210, 212) !important;border-radius:0 4px 4px 0 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-button.sc-duet-date-picker{color:rgb(23, 28, 58);border-color:rgb(207, 207, 209)}.duet-date-button.sc-duet-date-picker::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:\"\";background:linear-gradient(to left, rgba(207, 210, 212, 0.2) 0%, rgba(207, 210, 212, 0.2) 1px, rgba(207, 210, 212, 0.1) 1px, rgba(207, 210, 212, 0) 100%)}.duet-date-button.sc-duet-date-picker:disabled{pointer-events:none;cursor:not-allowed;background:rgb(245, 248, 250) !important;border:0 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-button.sc-duet-date-picker:disabled{background:rgb(245, 245, 247) !important}.duet-date-button.sc-duet-date-picker:disabled::before{display:none}.duet-date-button.sc-duet-date-picker:disabled duet-icon.sc-duet-date-picker{opacity:0.4}.duet-date-button.sc-duet-date-picker duet-icon.sc-duet-date-picker{transform:translateY(-1px)}.duet-date-button.sc-duet-date-picker:active duet-icon.sc-duet-date-picker{transform:translateY(0)}.duet-date-button.sc-duet-date-picker:focus{color:rgb(0, 119, 179);border-color:transparent;outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-button.sc-duet-date-picker:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}.duet-date-dialog.sc-duet-date-picker{position:absolute;top:100%;left:0;z-index:900;display:flex;width:100%;visibility:hidden;opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}@media (min-width: 36em){.duet-date-dialog.left.sc-duet-date-picker{right:0;left:auto;width:auto}}@media (max-width: 35.9375em){.duet-date-dialog.sc-duet-date-picker{position:fixed;top:0;right:0;bottom:0;background:rgba(0, 41, 77, 0.75);transition:opacity 400ms ease, visibility 400ms ease;transform:translateZ(0);transform-origin:bottom center}.duet-date-dialog.duet-theme-turva.sc-duet-date-picker{background:rgba(23, 28, 58, 0.75)}}.duet-date-dialog.active.sc-duet-date-picker{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}@media (min-width: 36em){.duet-date-dialog.error.sc-duet-date-picker{top:calc(100% - 28px);margin-top:4px}}.duet-date-dialog-wrapper.sc-duet-date-picker{position:relative;z-index:600;width:100%;min-width:290px;max-width:310px;padding:16px 16px 20px;margin-top:8px;margin-left:auto;background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);transform:none}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-wrapper.sc-duet-date-picker{border-color:rgb(228, 228, 230)}@media (max-width: 35.9375em){.duet-date-dialog-wrapper.sc-duet-date-picker{position:absolute;bottom:0;left:0;z-index:900;max-width:none;min-height:25em;padding:0 8% 20px;margin:0;visibility:hidden;border:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;opacity:0;transition:transform 400ms ease, opacity 400ms ease, visibility 400ms ease;transform:translateZ(0) translateY(100%)}.active.sc-duet-date-picker .duet-date-dialog-wrapper.sc-duet-date-picker{visibility:visible;opacity:1;transition-property:transform, opacity;transform:translateZ(0) translateY(0)}}.duet-date-table.sc-duet-date-picker{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(0, 41, 77);text-align:center;border-spacing:0;border-collapse:collapse}.duet-date-table.duet-theme-turva.sc-duet-date-picker{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-date-table.sc-duet-date-picker th.sc-duet-date-picker{padding-bottom:8px;font-size:0.75rem;font-weight:600;line-height:1.25;text-decoration:none;text-transform:uppercase;letter-spacing:1px}.duet-date-table.sc-duet-date-picker .duet-date-table-cell.sc-duet-date-picker{text-align:center}.duet-date-table-button.sc-duet-date-picker{position:relative;z-index:100;display:inline-block !important;width:36.9230769231px !important;height:36.9230769231px !important;min-height:initial !important;padding:0 !important;margin:0 !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25 !important;color:rgb(0, 41, 77) !important;text-align:center;vertical-align:initial !important;cursor:pointer;background:transparent !important;border-radius:50% !important;transition:initial !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !important;color:rgb(23, 28, 58) !important}.duet-date-table-button.sc-duet-date-picker:hover{background:rgb(230, 242, 248) !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:hover{background:rgb(249, 230, 234) !important}.duet-date-table-button.today.sc-duet-date-picker{z-index:200;color:rgb(0, 77, 128) !important;background:rgb(243, 249, 252) !important;box-shadow:0 0 0 1px #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.today.sc-duet-date-picker{color:rgb(148, 9, 37) !important;background:rgb(252, 243, 244) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-date-table-button[aria-pressed=true].sc-duet-date-picker,.duet-date-table-button.sc-duet-date-picker:focus{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;outline:0}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button[aria-pressed=true].sc-duet-date-picker,.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:focus{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important}.duet-date-table-button.sc-duet-date-picker:active{z-index:200;color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:active{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important;box-shadow:0 0 5px 0 #171c3a !important}.duet-date-table-button.sc-duet-date-picker:focus{z-index:200;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:focus{box-shadow:0 0 5px 0 #171c3a !important}.duet-date-table-button.disabled.sc-duet-date-picker{color:rgb(144, 149, 153) !important;cursor:default;background:transparent !important;box-shadow:none !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.disabled.sc-duet-date-picker{color:rgb(116, 116, 117) !important;background:transparent !important;box-shadow:none !important}.duet-date-table-button.outside.sc-duet-date-picker{color:rgb(144, 149, 153) !important;pointer-events:none;cursor:default;background:rgb(245, 248, 250) !important;box-shadow:none;opacity:0.75}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.outside.sc-duet-date-picker{color:rgb(116, 116, 117);background:rgb(245, 245, 247);box-shadow:none}.duet-date-dialog-header.sc-duet-date-picker{margin-bottom:16px !important;display:flex;align-items:center;justify-content:space-between;width:100%}.duet-date-dialog-buttons.sc-duet-date-picker{white-space:nowrap}.duet-date-dialog-buttons.sc-duet-date-picker .sc-duet-date-picker::part(button){border:0}.duet-date-dialog-select.sc-duet-date-picker{position:relative;display:inline-flex;margin-top:4px}.duet-date-dialog-select.sc-duet-date-picker .duet-date-dialog-select-label.sc-duet-date-picker{position:relative;z-index:1;display:flex;align-items:center;width:100%;padding:0 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:1.25rem;font-weight:600;line-height:1.25;color:rgb(0, 41, 77);pointer-events:none;border-radius:4px}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-select.sc-duet-date-picker .duet-date-dialog-select-label.sc-duet-date-picker{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-date-dialog-select.sc-duet-date-picker span.sc-duet-date-picker{margin-right:4px}.duet-date-dialog-select.sc-duet-date-picker select.sc-duet-date-picker{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;font-size:1rem;cursor:pointer;opacity:0}.duet-date-dialog-select.sc-duet-date-picker select.sc-duet-date-picker:focus+.duet-date-dialog-select-label.sc-duet-date-picker{box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-select.sc-duet-date-picker select.sc-duet-date-picker:focus+.duet-date-dialog-select-label.sc-duet-date-picker{box-shadow:0 0 0 2px #171c3a !important}.duet-date-dialog-mobile-header.sc-duet-date-picker{position:relative;display:flex;align-items:center;justify-content:space-between;width:120%;padding:12px 20px;margin-bottom:20px;margin-left:-10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid rgb(207, 210, 212)}@media (min-width: 36em){.duet-date-dialog-mobile-header.sc-duet-date-picker{position:absolute;top:-8px;right:-8px;width:auto;padding:0;margin:0;overflow:visible;border:0}}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-mobile-header.sc-duet-date-picker{border-color:rgb(207, 207, 209)}.duet-date-dialog-mobile-header.sc-duet-date-picker duet-label.sc-duet-date-picker{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.duet-date-dialog-mobile-header.sc-duet-date-picker duet-label.sc-duet-date-picker{display:none}}.duet-date-picker-close.sc-duet-date-picker{display:flex;align-items:center;justify-content:center;width:24px;height:24px !important;padding:0 !important;color:rgb(0, 41, 77) !important;cursor:pointer;background:rgb(245, 248, 250) !important;border-radius:50%;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-date-picker-close.sc-duet-date-picker{opacity:0}}.duet-theme-turva.sc-duet-date-picker .duet-date-picker-close.sc-duet-date-picker{background:rgb(245, 245, 247) !important}.duet-date-picker-close.sc-duet-date-picker:hover{background:rgb(245, 248, 250) !important}.duet-theme-turva.sc-duet-date-picker .duet-date-picker-close.sc-duet-date-picker:hover{background:rgb(245, 245, 247) !important}.duet-date-picker-close.sc-duet-date-picker:focus{outline:none;box-shadow:0 0 0 2px #0077b3 !important}@media (min-width: 36em){.duet-date-picker-close.sc-duet-date-picker:focus{opacity:1}}.duet-theme-turva.sc-duet-date-picker .duet-date-picker-close.sc-duet-date-picker:focus{box-shadow:0 0 0 2px #171c3a !important}";
11662
+ const duetDatePickerCss = "*.sc-duet-date-picker,*.sc-duet-date-picker::after,*.sc-duet-date-picker::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-date-picker-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;position:relative;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:top}.sc-duet-date-picker-h:last-child,.sc-duet-date-picker-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-date-picker-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-date-picker-h{width:100% !important}.duet-m-0.sc-duet-date-picker-h{margin:0 !important}.duet-date.sc-duet-date-picker{position:relative;width:100%}.duet-date.sc-duet-date-picker button.sc-duet-date-picker,.duet-date-dialog.sc-duet-date-picker button.sc-duet-date-picker{max-width:initial !important;min-height:initial !important;padding:0 !important;margin:0 !important;transition:initial}.duet-date-button.sc-duet-date-picker{-webkit-user-select:none;user-select:none;position:absolute;top:1px;right:1px;z-index:200;display:flex;align-items:center;justify-content:center;width:48px;height:calc(100% - 2px);color:rgb(0, 41, 77);cursor:pointer;background:transparent !important;border-left:1px solid rgb(207, 210, 212) !important;border-radius:0 4px 4px 0 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-button.sc-duet-date-picker{color:rgb(23, 28, 58);border-color:rgb(207, 207, 209)}.duet-date-button.sc-duet-date-picker::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:\"\";background:linear-gradient(to left, rgba(207, 210, 212, 0.2) 0%, rgba(207, 210, 212, 0.2) 1px, rgba(207, 210, 212, 0.1) 1px, rgba(207, 210, 212, 0) 100%)}.duet-date-button.sc-duet-date-picker:disabled{pointer-events:none;cursor:not-allowed;background:rgb(245, 248, 250) !important;border:0 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-button.sc-duet-date-picker:disabled{background:rgb(245, 245, 247) !important}.duet-date-button.sc-duet-date-picker:disabled::before{display:none}.duet-date-button.sc-duet-date-picker:disabled duet-icon.sc-duet-date-picker{opacity:0.4}.duet-date-button.sc-duet-date-picker duet-icon.sc-duet-date-picker{transform:translateY(-1px)}.duet-date-button.sc-duet-date-picker:active duet-icon.sc-duet-date-picker{transform:translateY(0)}.duet-date-button.sc-duet-date-picker:focus{color:rgb(0, 119, 179);border-color:transparent;outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-button.sc-duet-date-picker:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}.duet-date-dialog.sc-duet-date-picker{position:absolute;top:100%;left:0;z-index:900;display:flex;width:100%;visibility:hidden;opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}@media (min-width: 36em){.duet-date-dialog.left.sc-duet-date-picker{right:0;left:auto;width:auto}}@media (max-width: 35.9375em){.duet-date-dialog.sc-duet-date-picker{position:fixed;top:0;right:0;bottom:0;background:rgba(0, 41, 77, 0.3);transition:opacity 400ms ease, visibility 400ms ease;transform:translateZ(0);transform-origin:bottom center}.duet-date-dialog.duet-theme-turva.sc-duet-date-picker{background:rgba(23, 28, 58, 0.3)}}.duet-date-dialog.active.sc-duet-date-picker{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}@media (min-width: 36em){.duet-date-dialog.error.sc-duet-date-picker{top:calc(100% - 28px);margin-top:4px}}.duet-date-dialog-wrapper.sc-duet-date-picker{position:relative;z-index:600;width:100%;min-width:290px;max-width:310px;padding:16px 16px 20px;margin-top:8px;margin-left:auto;background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);transform:none}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-wrapper.sc-duet-date-picker{border-color:rgb(228, 228, 230)}@media (max-width: 35.9375em){.duet-date-dialog-wrapper.sc-duet-date-picker{position:absolute;bottom:0;left:0;z-index:900;max-width:none;min-height:25em;padding:0 8% 20px;margin:0;visibility:hidden;border:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;opacity:0;transition:transform 400ms ease, opacity 400ms ease, visibility 400ms ease;transform:translateZ(0) translateY(100%)}.active.sc-duet-date-picker .duet-date-dialog-wrapper.sc-duet-date-picker{visibility:visible;opacity:1;transition-property:transform, opacity;transform:translateZ(0) translateY(0)}}.duet-date-table.sc-duet-date-picker{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(0, 41, 77);text-align:center;border-spacing:0;border-collapse:collapse}.duet-date-table.duet-theme-turva.sc-duet-date-picker{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-date-table.sc-duet-date-picker th.sc-duet-date-picker{padding-bottom:8px;font-size:0.75rem;font-weight:600;line-height:1.25;text-decoration:none;text-transform:uppercase;letter-spacing:1px}.duet-date-table.sc-duet-date-picker .duet-date-table-cell.sc-duet-date-picker{text-align:center}.duet-date-table-button.sc-duet-date-picker{position:relative;z-index:100;display:inline-block !important;width:36.9230769231px !important;height:36.9230769231px !important;min-height:initial !important;padding:0 !important;margin:0 !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25 !important;color:rgb(0, 41, 77) !important;text-align:center;vertical-align:initial !important;cursor:pointer;background:transparent !important;border-radius:50% !important;transition:initial !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !important;color:rgb(23, 28, 58) !important}.duet-date-table-button.sc-duet-date-picker:hover{background:rgb(230, 242, 248) !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:hover{background:rgb(249, 230, 234) !important}.duet-date-table-button.today.sc-duet-date-picker{z-index:200;color:rgb(0, 77, 128) !important;background:rgb(243, 249, 252) !important;box-shadow:0 0 0 1px #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.today.sc-duet-date-picker{color:rgb(148, 9, 37) !important;background:rgb(252, 243, 244) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-date-table-button[aria-pressed=true].sc-duet-date-picker,.duet-date-table-button.sc-duet-date-picker:focus{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;outline:0}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button[aria-pressed=true].sc-duet-date-picker,.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:focus{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important}.duet-date-table-button.sc-duet-date-picker:active{z-index:200;color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:active{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important;box-shadow:0 0 5px 0 #171c3a !important}.duet-date-table-button.sc-duet-date-picker:focus{z-index:200;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:focus{box-shadow:0 0 5px 0 #171c3a !important}.duet-date-table-button.disabled.sc-duet-date-picker{color:rgb(144, 149, 153) !important;cursor:default;background:transparent !important;box-shadow:none !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.disabled.sc-duet-date-picker{color:rgb(116, 116, 117) !important;background:transparent !important;box-shadow:none !important}.duet-date-table-button.outside.sc-duet-date-picker{color:rgb(144, 149, 153) !important;pointer-events:none;cursor:default;background:rgb(245, 248, 250) !important;box-shadow:none;opacity:0.75}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.outside.sc-duet-date-picker{color:rgb(116, 116, 117);background:rgb(245, 245, 247);box-shadow:none}.duet-date-dialog-header.sc-duet-date-picker{margin-bottom:16px !important;display:flex;align-items:center;justify-content:space-between;width:100%}.duet-date-dialog-buttons.sc-duet-date-picker{white-space:nowrap}.duet-date-dialog-buttons.sc-duet-date-picker .sc-duet-date-picker::part(button){border:0}.duet-date-dialog-select.sc-duet-date-picker{position:relative;display:inline-flex;margin-top:4px}.duet-date-dialog-select.sc-duet-date-picker .duet-date-dialog-select-label.sc-duet-date-picker{position:relative;z-index:1;display:flex;align-items:center;width:100%;padding:0 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:1.25rem;font-weight:600;line-height:1.25;color:rgb(0, 41, 77);pointer-events:none;border-radius:4px}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-select.sc-duet-date-picker .duet-date-dialog-select-label.sc-duet-date-picker{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-date-dialog-select.sc-duet-date-picker span.sc-duet-date-picker{margin-right:4px}.duet-date-dialog-select.sc-duet-date-picker select.sc-duet-date-picker{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;font-size:1rem;cursor:pointer;opacity:0}.duet-date-dialog-select.sc-duet-date-picker select.sc-duet-date-picker:focus+.duet-date-dialog-select-label.sc-duet-date-picker{box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-select.sc-duet-date-picker select.sc-duet-date-picker:focus+.duet-date-dialog-select-label.sc-duet-date-picker{box-shadow:0 0 0 2px #171c3a !important}.duet-date-dialog-mobile-header.sc-duet-date-picker{position:relative;display:flex;align-items:center;justify-content:space-between;width:120%;padding:12px 20px;margin-bottom:20px;margin-left:-10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid rgb(207, 210, 212)}@media (min-width: 36em){.duet-date-dialog-mobile-header.sc-duet-date-picker{position:absolute;top:-8px;right:-8px;width:auto;padding:0;margin:0;overflow:visible;border:0}}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-mobile-header.sc-duet-date-picker{border-color:rgb(207, 207, 209)}.duet-date-dialog-mobile-header.sc-duet-date-picker duet-label.sc-duet-date-picker{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.duet-date-dialog-mobile-header.sc-duet-date-picker duet-label.sc-duet-date-picker{display:none}}.duet-date-picker-close.sc-duet-date-picker{display:flex;align-items:center;justify-content:center;width:24px;height:24px !important;padding:0 !important;color:rgb(0, 41, 77) !important;cursor:pointer;background:rgb(245, 248, 250) !important;border-radius:50%;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-date-picker-close.sc-duet-date-picker{opacity:0}}.duet-theme-turva.sc-duet-date-picker .duet-date-picker-close.sc-duet-date-picker{background:rgb(245, 245, 247) !important}.duet-date-picker-close.sc-duet-date-picker:hover{background:rgb(245, 248, 250) !important}.duet-theme-turva.sc-duet-date-picker .duet-date-picker-close.sc-duet-date-picker:hover{background:rgb(245, 245, 247) !important}.duet-date-picker-close.sc-duet-date-picker:focus{outline:none;box-shadow:0 0 0 2px #0077b3 !important}@media (min-width: 36em){.duet-date-picker-close.sc-duet-date-picker:focus{opacity:1}}.duet-theme-turva.sc-duet-date-picker .duet-date-picker-close.sc-duet-date-picker:focus{box-shadow:0 0 0 2px #171c3a !important}";
11643
11663
 
11644
11664
  /**
11645
11665
  * @slot tooltip - Use to place a tooltip alongside the label.
@@ -14516,7 +14536,7 @@ class DuetLayout {
14516
14536
  }; }
14517
14537
  }
14518
14538
 
14519
- const duetLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-link,*.sc-duet-link::after,*.sc-duet-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-link-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline}/*!@:host(.duet-link-block)*/.duet-link-block.sc-duet-link-h{display:block}/*!@.duet-link*/.duet-link.sc-duet-link{display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:400;color:rgb(0, 119, 179);text-decoration:underline;border-radius:4px;transition:300ms ease}/*!@.duet-link:focus*/.duet-link.sc-duet-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-link:focus, .duet-link:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-link .duet-link.sc-duet-link:focus,.duet-link.sc-duet-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-link.duet-theme-turva*/.duet-link.duet-theme-turva.sc-duet-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(198, 12, 48)}/*!@.duet-link:hover*/.duet-link.sc-duet-link:hover{color:rgb(0, 77, 128);text-decoration:none}/*!@.duet-link:hover.duet-theme-turva*/.duet-link.sc-duet-link:hover.duet-theme-turva{color:rgb(148, 9, 37)}/*!@.duet-link:active*/.duet-link.sc-duet-link:active{opacity:0.75;transition:none}/*!@.duet-link-is-external.duet-link:not(.block)*/.duet-link-is-external.duet-link.sc-duet-link:not(.block){text-decoration:none}/*!@.duet-link-is-external.duet-link:not(.block) .duet-link-content*/.duet-link-is-external.duet-link.sc-duet-link:not(.block) .duet-link-content.sc-duet-link{text-decoration:underline}/*!@.duet-link-is-external.duet-link:not(.block):hover > .duet-link-content*/.duet-link-is-external.duet-link.sc-duet-link:not(.block):hover>.duet-link-content.sc-duet-link{text-decoration:none}/*!@.duet-link-is-external.duet-link:not(.block) .duet-link-external*/.duet-link-is-external.duet-link.sc-duet-link:not(.block) .duet-link-external.sc-duet-link{text-decoration:none;white-space:nowrap}/*!@.duet-tab-to-link*/.duet-tab-to-link.sc-duet-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}/*!@.duet-tab-to-link.duet-theme-turva*/.duet-tab-to-link.duet-theme-turva.sc-duet-link{min-width:120px;color:rgb(23, 28, 58)}@media (min-width: 106.25em){/*!@.duet-tab-to-link*/.duet-tab-to-link.sc-duet-link{margin-left:20px}}/*!@.duet-tab-to-link:focus*/.duet-tab-to-link.sc-duet-link:focus{top:12px;left:20px;width:auto;height:auto;outline:0;opacity:1}/*!@.block.duet-link*/.block.duet-link.sc-duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(0, 41, 77);text-decoration:none}/*!@.block.duet-link.duet-link-has-icon*/.block.duet-link.duet-link-has-icon.sc-duet-link{grid-template-columns:auto 1fr auto}/*!@.block.duet-link.none*/.block.duet-link.none.sc-duet-link{padding:0}/*!@.block .block__content*/.block.sc-duet-link .block__content.sc-duet-link{position:relative;bottom:2px}/*!@.block .block__chevron*/.block.sc-duet-link .block__chevron.sc-duet-link{align-self:center}/*!@.block .block__chevron-icon*/.block.sc-duet-link .block__chevron-icon.sc-duet-link{transition:300ms ease}/*!@.block:hover .block__chevron-icon*/.block.sc-duet-link:hover .block__chevron-icon.sc-duet-link{transform:translateX(4px)}";
14539
+ const duetLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-link,*.sc-duet-link::after,*.sc-duet-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-link-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline}/*!@:host(.duet-link-block)*/.duet-link-block.sc-duet-link-h{display:block}/*!@.duet-link*/.duet-link.sc-duet-link{display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:400;color:rgb(0, 119, 179);text-decoration:underline;border-radius:4px;transition:300ms ease}/*!@.duet-link:focus*/.duet-link.sc-duet-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-link:focus, .duet-link:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-link .duet-link.sc-duet-link:focus,.duet-link.sc-duet-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-link.duet-theme-turva*/.duet-link.duet-theme-turva.sc-duet-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(198, 12, 48)}/*!@.duet-link:hover*/.duet-link.sc-duet-link:hover{color:rgb(0, 77, 128);text-decoration:none}/*!@.duet-link:hover.duet-theme-turva*/.duet-link.sc-duet-link:hover.duet-theme-turva{color:rgb(148, 9, 37)}/*!@.duet-link:active*/.duet-link.sc-duet-link:active{opacity:0.75;transition:none}/*!@.duet-link-is-external.duet-link:not(.block),\n.duet-link-is-download.duet-link:not(.block)*/.duet-link-is-external.duet-link.sc-duet-link:not(.block),.duet-link-is-download.duet-link.sc-duet-link:not(.block){text-decoration:none}/*!@.duet-link-is-external.duet-link:not(.block) .duet-link-content,\n.duet-link-is-download.duet-link:not(.block) .duet-link-content*/.duet-link-is-external.duet-link.sc-duet-link:not(.block) .duet-link-content.sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block) .duet-link-content.sc-duet-link{text-decoration:underline}/*!@.duet-link-is-external.duet-link:not(.block):hover > .duet-link-content,\n.duet-link-is-download.duet-link:not(.block):hover > .duet-link-content*/.duet-link-is-external.duet-link.sc-duet-link:not(.block):hover>.duet-link-content.sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block):hover>.duet-link-content.sc-duet-link{text-decoration:none}/*!@.duet-link-is-external.duet-link:not(.block) .duet-link-icon-tail,\n.duet-link-is-download.duet-link:not(.block) .duet-link-icon-tail*/.duet-link-is-external.duet-link.sc-duet-link:not(.block) .duet-link-icon-tail.sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block) .duet-link-icon-tail.sc-duet-link{text-decoration:none;white-space:nowrap}/*!@.duet-tab-to-link*/.duet-tab-to-link.sc-duet-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}/*!@.duet-tab-to-link.duet-theme-turva*/.duet-tab-to-link.duet-theme-turva.sc-duet-link{min-width:120px;color:rgb(23, 28, 58)}@media (min-width: 106.25em){/*!@.duet-tab-to-link*/.duet-tab-to-link.sc-duet-link{margin-left:20px}}/*!@.duet-tab-to-link:focus*/.duet-tab-to-link.sc-duet-link:focus{top:12px;left:20px;width:auto;height:auto;outline:0;opacity:1}/*!@.block.duet-link*/.block.duet-link.sc-duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(0, 41, 77);text-decoration:none}/*!@.block.duet-link.duet-link-has-icon*/.block.duet-link.duet-link-has-icon.sc-duet-link{grid-template-columns:auto 1fr auto}/*!@.block.duet-link.none*/.block.duet-link.none.sc-duet-link{padding:0}/*!@.block .block__content*/.block.sc-duet-link .block__content.sc-duet-link{position:relative;bottom:2px}/*!@.block .block__chevron*/.block.sc-duet-link .block__chevron.sc-duet-link{align-self:center}/*!@.block .block__chevron-icon*/.block.sc-duet-link .block__chevron-icon.sc-duet-link{transition:300ms ease}/*!@.block:hover .block__chevron-icon*/.block.sc-duet-link:hover .block__chevron-icon.sc-duet-link{transform:translateX(4px)}";
14520
14540
 
14521
14541
  /**
14522
14542
  * @part duet-link - piercing selector for styling the link
@@ -14531,10 +14551,13 @@ class DuetLink {
14531
14551
  this.language = getLanguage();
14532
14552
  this.accessibleLabelExternalDefaults = DuetStringsExternalDefaults;
14533
14553
  this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults);
14554
+ this.accessibleLabelDownloadDefaults = DuetStringsDownloadLinkDefaults;
14555
+ this.accessibleLabelDownload = getLocaleString(this.accessibleLabelDownloadDefaults);
14534
14556
  this.identifier = undefined;
14535
14557
  this.theme = "";
14536
14558
  this.url = "#";
14537
14559
  this.external = false;
14560
+ this.download = false;
14538
14561
  this.tabToLink = false;
14539
14562
  this.icon = undefined;
14540
14563
  this.iconColor = "currentColor";
@@ -14583,6 +14606,9 @@ class DuetLink {
14583
14606
  if (this.accessibleLabel) {
14584
14607
  return this.accessibleLabel;
14585
14608
  }
14609
+ if (!!this.download && this.element.textContent) {
14610
+ return `${this.element.textContent}. ${this.accessibleLabelDownload}.`;
14611
+ }
14586
14612
  if (this.external && this.element.textContent) {
14587
14613
  return `${this.element.textContent}. ${this.accessibleLabelExternal}.`;
14588
14614
  }
@@ -14606,13 +14632,14 @@ class DuetLink {
14606
14632
  } }, hAsync("a", { href: this.url, class: {
14607
14633
  "duet-link": true,
14608
14634
  "duet-link-is-external": this.external,
14635
+ "duet-link-is-download": !!this.download,
14609
14636
  "duet-link-has-icon": !!this.icon,
14610
14637
  "duet-tab-to-link": this.tabToLink,
14611
14638
  "duet-theme-turva": this.theme === "turva",
14612
14639
  "duet-p-0": this.padding === "none",
14613
14640
  [this.padding]: true,
14614
14641
  [this.variation]: true,
14615
- }, target: this.external ? "_blank" : "_self", "aria-label": this.getAccessibleLabel(), id: this.identifier, ref: el => (this.nativeLink = el), part: "duet-link", rel: this.external ? "noopener" : undefined }, this.variation === "block" ? this.renderGrid() : this.renderContent())));
14642
+ }, target: this.download ? null : this.external ? "_blank" : "_self", download: this.download, "aria-label": this.getAccessibleLabel(), id: this.identifier, ref: el => (this.nativeLink = el), part: "duet-link", rel: this.external ? "noopener" : undefined }, this.variation === "block" ? this.renderGrid() : this.renderContent())));
14616
14643
  }
14617
14644
  static get delegatesFocus() { return true; }
14618
14645
  get element() { return getElement(this); }
@@ -14626,10 +14653,13 @@ class DuetLink {
14626
14653
  "language": [1537],
14627
14654
  "accessibleLabelExternalDefaults": [1, "accessible-label-external-default"],
14628
14655
  "accessibleLabelExternal": [1025, "accessible-label-external"],
14656
+ "accessibleLabelDownloadDefaults": [1, "accessible-label-download-default"],
14657
+ "accessibleLabelDownload": [1025, "accessible-label-download"],
14629
14658
  "identifier": [1],
14630
14659
  "theme": [1025],
14631
14660
  "url": [513],
14632
14661
  "external": [4],
14662
+ "download": [8],
14633
14663
  "tabToLink": [4, "tab-to-link"],
14634
14664
  "icon": [1],
14635
14665
  "iconColor": [1, "icon-color"],
@@ -14893,7 +14923,7 @@ class DuetLogo {
14893
14923
  }; }
14894
14924
  }
14895
14925
 
14896
- const duetMenuBarCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-menu-bar,*.sc-duet-menu-bar::after,*.sc-duet-menu-bar::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-menu-bar-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}/*!@.duet-menu-bar*/.duet-menu-bar.sc-duet-menu-bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07)}@media (min-width: 62em){/*!@.duet-menu-bar*/.duet-menu-bar.sc-duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}/*!@.duet-menu-bar .top*/.duet-menu-bar.sc-duet-menu-bar .top.sc-duet-menu-bar{display:none}/*!@.duet-menu-bar .bottom*/.duet-menu-bar.sc-duet-menu-bar .bottom.sc-duet-menu-bar{display:none}/*!@.duet-menu-bar.horizontal-nav*/.duet-menu-bar.horizontal-nav.sc-duet-menu-bar{position:relative}/*!@.duet-menu-bar.horizontal-nav .top*/.duet-menu-bar.horizontal-nav.sc-duet-menu-bar .top.sc-duet-menu-bar{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}/*!@.duet-menu-bar.horizontal-nav .bottom*/.duet-menu-bar.horizontal-nav.sc-duet-menu-bar .bottom.sc-duet-menu-bar{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(225, 227, 230)}/*!@.duet-menu-bar.horizontal-nav .more-left*/.duet-menu-bar.horizontal-nav.sc-duet-menu-bar .more-left.sc-duet-menu-bar{position:absolute;top:0;left:-1px;z-index:1;width:56px;height:49px;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){/*!@.duet-menu-bar.horizontal-nav .more-left*/.duet-menu-bar.horizontal-nav.sc-duet-menu-bar .more-left.sc-duet-menu-bar{display:none}}/*!@.duet-menu-bar.horizontal-nav .more-right*/.duet-menu-bar.horizontal-nav.sc-duet-menu-bar .more-right.sc-duet-menu-bar{position:absolute;top:0;right:-1px;z-index:1;width:56px;height:49px;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){/*!@.duet-menu-bar.horizontal-nav .more-right*/.duet-menu-bar.horizontal-nav.sc-duet-menu-bar .more-right.sc-duet-menu-bar{display:none}}@media (pointer: fine){/*!@.duet-menu-bar.horizontal-nav*/.duet-menu-bar.horizontal-nav.sc-duet-menu-bar{display:none}}@media (pointer: fine) and ((min-width: 62em)){/*!@.duet-menu-bar.horizontal-nav*/.duet-menu-bar.horizontal-nav.sc-duet-menu-bar{display:flex}}/*!@.duet-menu-bar .container*/.duet-menu-bar.sc-duet-menu-bar .container.sc-duet-menu-bar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}/*!@.duet-menu-bar .container::-webkit-scrollbar*/.duet-menu-bar.sc-duet-menu-bar .container.sc-duet-menu-bar::-webkit-scrollbar{width:0;height:0}@media (min-width: 62em){/*!@.duet-menu-bar .container*/.duet-menu-bar.sc-duet-menu-bar .container.sc-duet-menu-bar{height:5rem;padding:0 28px;overflow-x:visible}}/*!@.duet-menu-bar .container .list*/.duet-menu-bar.sc-duet-menu-bar .container.sc-duet-menu-bar .list.sc-duet-menu-bar{height:100%;list-style-type:none}/*!@.duet-menu-bar .container ::slotted(*)*/.duet-menu-bar .container .sc-duet-menu-bar-s>*{height:100%}/*!@.duet-menu-bar .container > **/.duet-menu-bar.sc-duet-menu-bar .container.sc-duet-menu-bar>*.sc-duet-menu-bar{display:flex;align-items:center;justify-content:center;height:100%}/*!@.duet-menu-bar .container > :first-child*/.duet-menu-bar.sc-duet-menu-bar .container.sc-duet-menu-bar>.sc-duet-menu-bar:first-child{flex-basis:0;flex-grow:1;justify-content:flex-start}/*!@.duet-menu-bar .container > :last-child*/.duet-menu-bar.sc-duet-menu-bar .container.sc-duet-menu-bar>.sc-duet-menu-bar:last-child{flex-basis:0;flex-grow:1;justify-content:flex-end}/*!@.duet-menu-bar .container ::slotted(*)*/.duet-menu-bar .container .sc-duet-menu-bar-s>*{display:flex;align-items:center;justify-content:center;height:100%}/*!@.duet-menu-bar.duet-theme-turva*/.duet-menu-bar.duet-theme-turva.sc-duet-menu-bar{background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){/*!@.duet-menu-bar.duet-theme-turva*/.duet-menu-bar.duet-theme-turva.sc-duet-menu-bar{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}/*!@.center*/.center.sc-duet-menu-bar{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(0, 41, 77)}/*!@.duet-theme-turva .center*/.duet-theme-turva.sc-duet-menu-bar .center.sc-duet-menu-bar{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)}/*!@.right*/.right.sc-duet-menu-bar{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 77, 128)}/*!@.duet-theme-turva .right*/.duet-theme-turva.sc-duet-menu-bar .right.sc-duet-menu-bar{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)}";
14926
+ const duetMenuBarCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-menu-bar,*.sc-duet-menu-bar::after,*.sc-duet-menu-bar::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-menu-bar-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:100%}/*!@.duet-menu-bar*/.duet-menu-bar.sc-duet-menu-bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07)}@media (min-width: 62em){/*!@.duet-menu-bar*/.duet-menu-bar.sc-duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}/*!@.duet-menu-bar .top*/.duet-menu-bar.sc-duet-menu-bar .top.sc-duet-menu-bar{display:none}/*!@.duet-menu-bar .bottom*/.duet-menu-bar.sc-duet-menu-bar .bottom.sc-duet-menu-bar{display:none}/*!@.duet-menu-bar.horizontal-nav*/.duet-menu-bar.horizontal-nav.sc-duet-menu-bar{position:relative}/*!@.duet-menu-bar.horizontal-nav .top*/.duet-menu-bar.horizontal-nav.sc-duet-menu-bar .top.sc-duet-menu-bar{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}/*!@.duet-menu-bar.horizontal-nav .bottom*/.duet-menu-bar.horizontal-nav.sc-duet-menu-bar .bottom.sc-duet-menu-bar{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(225, 227, 230)}/*!@.duet-menu-bar.horizontal-nav .more-left*/.duet-menu-bar.horizontal-nav.sc-duet-menu-bar .more-left.sc-duet-menu-bar{position:absolute;top:0;left:-1px;z-index:1;width:56px;height:49px;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){/*!@.duet-menu-bar.horizontal-nav .more-left*/.duet-menu-bar.horizontal-nav.sc-duet-menu-bar .more-left.sc-duet-menu-bar{display:none}}/*!@.duet-menu-bar.horizontal-nav .more-right*/.duet-menu-bar.horizontal-nav.sc-duet-menu-bar .more-right.sc-duet-menu-bar{position:absolute;top:0;right:-1px;z-index:1;width:56px;height:49px;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){/*!@.duet-menu-bar.horizontal-nav .more-right*/.duet-menu-bar.horizontal-nav.sc-duet-menu-bar .more-right.sc-duet-menu-bar{display:none}}@media (pointer: fine){/*!@.duet-menu-bar.horizontal-nav*/.duet-menu-bar.horizontal-nav.sc-duet-menu-bar{display:none}}@media (pointer: fine) and ((min-width: 62em)){/*!@.duet-menu-bar.horizontal-nav*/.duet-menu-bar.horizontal-nav.sc-duet-menu-bar{display:flex}}/*!@.duet-menu-bar .container*/.duet-menu-bar.sc-duet-menu-bar .container.sc-duet-menu-bar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}/*!@.duet-menu-bar .container::-webkit-scrollbar*/.duet-menu-bar.sc-duet-menu-bar .container.sc-duet-menu-bar::-webkit-scrollbar{width:0;height:0}@media (min-width: 62em){/*!@.duet-menu-bar .container*/.duet-menu-bar.sc-duet-menu-bar .container.sc-duet-menu-bar{height:5rem;padding:0 28px;overflow-x:visible}}/*!@.duet-menu-bar .container .list*/.duet-menu-bar.sc-duet-menu-bar .container.sc-duet-menu-bar .list.sc-duet-menu-bar{height:100%;list-style-type:none}/*!@.duet-menu-bar .container ::slotted(*)*/.duet-menu-bar .container .sc-duet-menu-bar-s>*{height:100%}/*!@.duet-menu-bar .container > **/.duet-menu-bar.sc-duet-menu-bar .container.sc-duet-menu-bar>*.sc-duet-menu-bar{display:flex;align-items:center;justify-content:center;height:100%}/*!@.duet-menu-bar .container > :first-child*/.duet-menu-bar.sc-duet-menu-bar .container.sc-duet-menu-bar>.sc-duet-menu-bar:first-child{flex-basis:0;flex-grow:1;justify-content:flex-start}/*!@.duet-menu-bar .container > :last-child*/.duet-menu-bar.sc-duet-menu-bar .container.sc-duet-menu-bar>.sc-duet-menu-bar:last-child{flex-basis:0;flex-grow:1;justify-content:flex-end}/*!@.duet-menu-bar .container ::slotted(*)*/.duet-menu-bar .container .sc-duet-menu-bar-s>*{display:flex;align-items:center;justify-content:center;height:100%}/*!@.duet-menu-bar.duet-theme-turva*/.duet-menu-bar.duet-theme-turva.sc-duet-menu-bar{background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){/*!@.duet-menu-bar.duet-theme-turva*/.duet-menu-bar.duet-theme-turva.sc-duet-menu-bar{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}/*!@.center*/.center.sc-duet-menu-bar{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(0, 41, 77)}/*!@.duet-theme-turva .center*/.duet-theme-turva.sc-duet-menu-bar .center.sc-duet-menu-bar{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)}/*!@.right*/.right.sc-duet-menu-bar{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 77, 128)}/*!@.duet-theme-turva .right*/.duet-theme-turva.sc-duet-menu-bar .right.sc-duet-menu-bar{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)}";
14897
14927
 
14898
14928
  /**
14899
14929
  * @slot center - Slot for content in center.
@@ -14962,19 +14992,6 @@ class DuetMenuBar {
14962
14992
  */
14963
14993
  componentWillLoad() {
14964
14994
  inheritGlobalTheme(this);
14965
- const children = Array.from(this.element.children);
14966
- for (const child of children) {
14967
- if (child.getAttribute("slot") === "center") {
14968
- for (const slotChild of Array.from(child.children)) {
14969
- slotChild.setAttribute("role", "listitem");
14970
- }
14971
- }
14972
- else if (child.getAttribute("slot") === "right") {
14973
- for (const slotChild of Array.from(child.children)) {
14974
- slotChild.setAttribute("role", "listitem");
14975
- }
14976
- }
14977
- }
14978
14995
  }
14979
14996
  connectedCallback() {
14980
14997
  this.changeLogoSize();
@@ -15110,7 +15127,7 @@ class DuetMenuBarButton {
15110
15127
  * Always the last one in the class.
15111
15128
  */
15112
15129
  render() {
15113
- return (hAsync(Host, { onfocus: () => this.setFocus() }, hAsync("button", { ref: button => (this.nativeButton = button), class: {
15130
+ return (hAsync(Host, { role: "listitem", onfocus: () => this.setFocus() }, hAsync("button", { ref: button => (this.nativeButton = button), class: {
15114
15131
  "duet-menu-bar-button": true,
15115
15132
  "duet-theme-turva": this.theme === "turva",
15116
15133
  }, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.icon && (hAsync("duet-icon", { theme: this.theme, size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", null))));
@@ -15230,7 +15247,7 @@ class DuetMenuBarDropdown {
15230
15247
  * Always the last one in the class.
15231
15248
  */
15232
15249
  render() {
15233
- return (hAsync(Host, null, hAsync("div", { class: {
15250
+ return (hAsync(Host, { role: "listitem" }, hAsync("div", { class: {
15234
15251
  "duet-menu-bar-dropdown": true,
15235
15252
  "duet-theme-turva": this.theme === "turva",
15236
15253
  active: this.open,
@@ -15323,6 +15340,101 @@ class DuetMenuBarDropdownLink {
15323
15340
  }; }
15324
15341
  }
15325
15342
 
15343
+ const duetMenuBarItemCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-menu-bar-item,*.sc-duet-menu-bar-item::after,*.sc-duet-menu-bar-item::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-menu-bar-item-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}/*!@.duet-menu-bar-item*/.duet-menu-bar-item.sc-duet-menu-bar-item{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:inherit;font-weight:inherit;color:inherit;color:inherit;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}/*!@.duet-menu-bar-item:focus*/.duet-menu-bar-item.sc-duet-menu-bar-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-menu-bar-item:focus, .duet-menu-bar-item:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-menu-bar-item .duet-menu-bar-item.sc-duet-menu-bar-item:focus,.duet-menu-bar-item.sc-duet-menu-bar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-menu-bar-item[aria-expanded=true] .trailing-icon.rotate*/.duet-menu-bar-item[aria-expanded=true].sc-duet-menu-bar-item .trailing-icon.rotate.sc-duet-menu-bar-item{transform:rotate(180deg)}/*!@.duet-menu-bar-item.duet-theme-turva*/.duet-menu-bar-item.duet-theme-turva.sc-duet-menu-bar-item{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}@media (min-width: 62em){/*!@.duet-menu-bar-item*/.duet-menu-bar-item.sc-duet-menu-bar-item{padding:0 16px}}@media (min-width: 76.25em){/*!@.duet-menu-bar-item*/.duet-menu-bar-item.sc-duet-menu-bar-item{padding:0 28px}}/*!@.duet-menu-bar-item.active*/.duet-menu-bar-item.active.sc-duet-menu-bar-item{color:rgb(0, 119, 179)}/*!@.duet-menu-bar-item.active::after*/.duet-menu-bar-item.active.sc-duet-menu-bar-item::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}@media (min-width: 62em){/*!@.duet-menu-bar-item.active::after*/.duet-menu-bar-item.active.sc-duet-menu-bar-item::after{z-index:auto;height:2px}}/*!@.duet-menu-bar-item.active.duet-theme-turva*/.duet-menu-bar-item.active.duet-theme-turva.sc-duet-menu-bar-item{color:rgb(198, 12, 48)}/*!@.duet-menu-bar-item.active.duet-theme-turva::after*/.duet-menu-bar-item.active.duet-theme-turva.sc-duet-menu-bar-item::after{background:rgb(198, 12, 48)}@media (min-width: 62em){/*!@.duet-menu-bar-item:hover*/.duet-menu-bar-item.sc-duet-menu-bar-item:hover{color:rgb(0, 119, 179)}/*!@.duet-menu-bar-item:hover.duet-theme-turva*/.duet-menu-bar-item.sc-duet-menu-bar-item:hover.duet-theme-turva{color:rgb(198, 12, 48)}}";
15344
+
15345
+ class DuetMenuBarItem {
15346
+ constructor(hostRef) {
15347
+ registerInstance(this, hostRef);
15348
+ this.mql = [window.matchMedia(media_query_large.replace(/'/g, ""))];
15349
+ this.boundMqlFunctions = [];
15350
+ this.changeIconSize = () => {
15351
+ if (this.mql[0].matches) {
15352
+ this.iconSize = "x-small";
15353
+ }
15354
+ else {
15355
+ this.iconSize = "small";
15356
+ }
15357
+ };
15358
+ this.iconSize = "x-small";
15359
+ this.theme = "";
15360
+ this.active = false;
15361
+ this.url = undefined;
15362
+ this.leadingIcon = undefined;
15363
+ this.trailingIcon = undefined;
15364
+ this.accessibleLabel = undefined;
15365
+ this.accessibleExpanded = undefined;
15366
+ this.accessiblePopup = "false";
15367
+ }
15368
+ /**
15369
+ * Component lifecycle events.
15370
+ */
15371
+ componentWillLoad() {
15372
+ inheritGlobalTheme(this);
15373
+ }
15374
+ connectedCallback() {
15375
+ this.changeIconSize();
15376
+ for (let i = 0; i < this.mql.length; i++) {
15377
+ // addEventListener is not available in Stencil hydrate
15378
+ if (this.mql[i].addEventListener) {
15379
+ const bound = this.changeIconSize.bind(this);
15380
+ this.mql[i].addEventListener("change", bound);
15381
+ this.boundMqlFunctions[i] = bound;
15382
+ }
15383
+ }
15384
+ }
15385
+ disconnectedCallback() {
15386
+ for (let i = 0; i < this.mql.length; i++) {
15387
+ // removeEventListener is not available in Stencil hydrate
15388
+ if (this.mql[i].removeEventListener) {
15389
+ this.mql[i].removeEventListener("change", this.boundMqlFunctions[i]);
15390
+ }
15391
+ }
15392
+ this.boundMqlFunctions = [];
15393
+ }
15394
+ /**
15395
+ * Sets focus. Use this method instead of the global focus().
15396
+ */
15397
+ async setFocus(options) {
15398
+ setTimeout(() => this.itemElement.focus(options), 200);
15399
+ }
15400
+ /**
15401
+ * render() function
15402
+ * Always the last one in the class.
15403
+ */
15404
+ render() {
15405
+ const TagName = this.url ? "a" : "button";
15406
+ return (hAsync(Host, { role: "listitem" }, hAsync(TagName, { ref: element => (this.itemElement = element), class: {
15407
+ "duet-menu-bar-item": true,
15408
+ "duet-theme-turva": this.theme === "turva",
15409
+ active: this.active,
15410
+ }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (hAsync("duet-icon", { size: this.iconSize, name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", null), this.trailingIcon && (hAsync("duet-icon", { class: {
15411
+ "trailing-icon": true,
15412
+ rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
15413
+ }, theme: this.theme, name: this.trailingIcon, margin: "none", size: this.trailingIcon === "action-arrow-down-small" ? "xxx-small" : this.iconSize, color: "currentColor" })))));
15414
+ }
15415
+ get element() { return getElement(this); }
15416
+ static get style() { return duetMenuBarItemCss; }
15417
+ static get cmpMeta() { return {
15418
+ "$flags$": 9,
15419
+ "$tagName$": "duet-menu-bar-item",
15420
+ "$members$": {
15421
+ "theme": [1025],
15422
+ "active": [1028],
15423
+ "url": [1],
15424
+ "leadingIcon": [1, "leading-icon"],
15425
+ "trailingIcon": [1, "trailing-icon"],
15426
+ "accessibleLabel": [1, "accessible-label"],
15427
+ "accessibleExpanded": [1540, "accessible-expanded"],
15428
+ "accessiblePopup": [1537, "accessible-popup"],
15429
+ "iconSize": [32],
15430
+ "setFocus": [64]
15431
+ },
15432
+ "$listeners$": undefined,
15433
+ "$lazyBundleId$": "-",
15434
+ "$attrsToReflect$": [["accessibleExpanded", "accessible-expanded"], ["accessiblePopup", "accessible-popup"]]
15435
+ }; }
15436
+ }
15437
+
15326
15438
  const duetMenuBarLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-menu-bar-link,*.sc-duet-menu-bar-link::after,*.sc-duet-menu-bar-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-menu-bar-link-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}/*!@.duet-menu-bar-link*/.duet-menu-bar-link.sc-duet-menu-bar-link{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\";color:inherit;text-align:center;text-decoration:none;white-space:nowrap}/*!@.duet-menu-bar-link:focus*/.duet-menu-bar-link.sc-duet-menu-bar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-menu-bar-link:focus, .duet-menu-bar-link:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-menu-bar-link .duet-menu-bar-link.sc-duet-menu-bar-link:focus,.duet-menu-bar-link.sc-duet-menu-bar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-menu-bar-link.duet-theme-turva*/.duet-menu-bar-link.duet-theme-turva.sc-duet-menu-bar-link{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}@media (min-width: 62em){/*!@.duet-menu-bar-link*/.duet-menu-bar-link.sc-duet-menu-bar-link{padding:0 16px}}@media (min-width: 76.25em){/*!@.duet-menu-bar-link*/.duet-menu-bar-link.sc-duet-menu-bar-link{padding:0 28px}}/*!@.duet-menu-bar-link.active*/.duet-menu-bar-link.active.sc-duet-menu-bar-link{color:rgb(0, 119, 179)}/*!@.duet-menu-bar-link.active::after*/.duet-menu-bar-link.active.sc-duet-menu-bar-link::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}@media (min-width: 62em){/*!@.duet-menu-bar-link.active::after*/.duet-menu-bar-link.active.sc-duet-menu-bar-link::after{z-index:auto;height:2px}}/*!@.duet-menu-bar-link.active.duet-theme-turva*/.duet-menu-bar-link.active.duet-theme-turva.sc-duet-menu-bar-link{color:rgb(198, 12, 48)}/*!@.duet-menu-bar-link.active.duet-theme-turva::after*/.duet-menu-bar-link.active.duet-theme-turva.sc-duet-menu-bar-link::after{background:rgb(198, 12, 48)}@media (min-width: 62em){/*!@.duet-menu-bar-link:hover*/.duet-menu-bar-link.sc-duet-menu-bar-link:hover{color:rgb(0, 119, 179)}/*!@.duet-menu-bar-link:hover.duet-theme-turva*/.duet-menu-bar-link.sc-duet-menu-bar-link:hover.duet-theme-turva{color:rgb(198, 12, 48)}}";
15327
15439
 
15328
15440
  class DuetMenuBarLink {
@@ -15379,7 +15491,7 @@ class DuetMenuBarLink {
15379
15491
  * Always the last one in the class.
15380
15492
  */
15381
15493
  render() {
15382
- return (hAsync(Host, null, hAsync("a", { class: {
15494
+ return (hAsync(Host, { role: "listitem" }, hAsync("a", { class: {
15383
15495
  "duet-menu-bar-link": true,
15384
15496
  "duet-theme-turva": this.theme === "turva",
15385
15497
  active: this.active,
@@ -15505,7 +15617,7 @@ class Teleport {
15505
15617
  }
15506
15618
  }
15507
15619
 
15508
- const duetModalCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-modal,*.sc-duet-modal::after,*.sc-duet-modal::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-modal-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@.duet-modal-overlay*/.duet-modal-overlay.sc-duet-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;background:rgba(0, 41, 77, 0.85);opacity:0;transition:300ms ease;transition-delay:200ms}/*!@.duet-modal-overlay.duet-theme-turva*/.duet-modal-overlay.duet-theme-turva.sc-duet-modal{background:rgba(23, 28, 58, 0.85)}/*!@.duet-modal-overlay.duet-modal-active*/.duet-modal-overlay.duet-modal-active.sc-duet-modal{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}/*!@.duet-modal-overlay.duet-disable-transitions*/.duet-modal-overlay.duet-disable-transitions.sc-duet-modal{transition:none}/*!@.duet-modal-overlay.duet-modal-slide-up*/.duet-modal-overlay.duet-modal-slide-up.sc-duet-modal{overflow:hidden}/*!@::slotted(img)*/.sc-duet-modal-s>img{width:100%}/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{padding:48px 16px}}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}/*!@.duet-modal-inner.duet-modal-slide-up::after*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:\"\";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}/*!@.duet-modal-inner.duet-modal-slide-up::after.small*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.small{max-width:545px}/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:100%}@media (min-width: 36em){/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:1110px}}@media (max-width: 35.9375em){/*!@.duet-modal-inner.large*/.duet-modal-inner.large.sc-duet-modal{padding-right:0;padding-left:0}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{padding:0;padding-top:28px}}/*!@.duet-modal*/.duet-modal.sc-duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}/*!@.duet-theme-turva .duet-modal*/.duet-theme-turva.sc-duet-modal .duet-modal.sc-duet-modal{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-modal-active .duet-modal*/.duet-modal-active.sc-duet-modal .duet-modal.sc-duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}/*!@.duet-modal-active .duet-modal.slide-up*/.duet-modal-active.sc-duet-modal .duet-modal.slide-up.sc-duet-modal{top:0;transition:top 600ms ease}/*!@.duet-disable-transitions .duet-modal*/.duet-disable-transitions.sc-duet-modal .duet-modal.sc-duet-modal{transition:none}/*!@.duet-modal.small*/.duet-modal.small.sc-duet-modal{max-width:545px}/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:100%}@media (min-width: 36em){/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:1110px}}/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{top:100vh;margin:0;border-radius:4px 4px 0 0;opacity:1;transition:top 600ms ease}@media (max-width: 35.9375em){/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{border-radius:16px 16px 0 0}}/*!@.duet-modal.duet-modal-has-sticky-header*/.duet-modal.duet-modal-has-sticky-header.sc-duet-modal{height:100%;overflow:auto}/*!@.duet-modal:focus*/.duet-modal.sc-duet-modal:focus{outline:0}/*!@.duet-modal-body,\n.duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{width:100%;padding:36px 28px}/*!@.duet-modal-body.duet-modal-gutter-none,\n.duet-modal-sticky-header.duet-modal-gutter-none*/.duet-modal-body.duet-modal-gutter-none.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-none.sc-duet-modal{padding:0 !important}/*!@.duet-modal-body.duet-modal-gutter-small,\n.duet-modal-sticky-header.duet-modal-gutter-small*/.duet-modal-body.duet-modal-gutter-small.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-small.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n.duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}@media (max-width: 22.5em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 28px}}@media (max-width: 35.9375em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}}@media (min-width: 36em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:28px 72px}}@media (min-width: 48em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 72px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:36px 72px}}@media (min-width: 76.25em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 48px 48px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 94px}/*!@.small .duet-modal-body,\n .small .duet-modal-sticky-header*/.small.sc-duet-modal .duet-modal-body.sc-duet-modal,.small.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{padding:36px 48px}}/*!@.duet-modal-header*/.duet-modal-header.sc-duet-modal{text-align:center}/*!@.duet-modal-sticky-header*/.duet-modal-sticky-header.sc-duet-modal{position:sticky;top:0;z-index:200;display:block;padding-bottom:12px;text-align:left;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-theme-turva .duet-modal-sticky-header*/.duet-theme-turva.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}/*!@.duet-modal-close*/.duet-modal-close.sc-duet-modal{position:absolute;top:12px;right:12px}/*!@.duet-modal-heading*/.duet-modal-heading.sc-duet-modal{width:100%;padding-right:60px;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}/*!@.duet-modal-heading.duet-p-0*/.duet-modal-heading.duet-p-0.sc-duet-modal{padding:0 !important}/*!@.duet-modal-heading.duet-m-0*/.duet-modal-heading.duet-m-0.sc-duet-modal{margin:0 !important}";
15620
+ const duetModalCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-modal,*.sc-duet-modal::after,*.sc-duet-modal::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-modal-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@.duet-modal-overlay*/.duet-modal-overlay.sc-duet-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;background:rgba(0, 41, 77, 0.3);opacity:0;transition:300ms ease;transition-delay:200ms}/*!@.duet-modal-overlay.duet-theme-turva*/.duet-modal-overlay.duet-theme-turva.sc-duet-modal{background:rgba(23, 28, 58, 0.3)}/*!@.duet-modal-overlay.duet-modal-active*/.duet-modal-overlay.duet-modal-active.sc-duet-modal{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}/*!@.duet-modal-overlay.duet-disable-transitions*/.duet-modal-overlay.duet-disable-transitions.sc-duet-modal{transition:none}/*!@.duet-modal-overlay.duet-modal-slide-up*/.duet-modal-overlay.duet-modal-slide-up.sc-duet-modal{overflow:hidden}/*!@::slotted(img)*/.sc-duet-modal-s>img{width:100%}/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{padding:48px 16px}}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}/*!@.duet-modal-inner.duet-modal-slide-up::after*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:\"\";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}/*!@.duet-modal-inner.duet-modal-slide-up::after.small*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.small{max-width:545px}/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:100%}@media (min-width: 36em){/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:1110px}}@media (max-width: 35.9375em){/*!@.duet-modal-inner.large*/.duet-modal-inner.large.sc-duet-modal{padding-right:0;padding-left:0}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{padding:0;padding-top:28px}}/*!@.duet-modal*/.duet-modal.sc-duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}/*!@.duet-theme-turva .duet-modal*/.duet-theme-turva.sc-duet-modal .duet-modal.sc-duet-modal{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-modal-active .duet-modal*/.duet-modal-active.sc-duet-modal .duet-modal.sc-duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}/*!@.duet-modal-active .duet-modal.slide-up*/.duet-modal-active.sc-duet-modal .duet-modal.slide-up.sc-duet-modal{top:0;transition:top 600ms ease}/*!@.duet-disable-transitions .duet-modal*/.duet-disable-transitions.sc-duet-modal .duet-modal.sc-duet-modal{transition:none}/*!@.duet-modal.small*/.duet-modal.small.sc-duet-modal{max-width:545px}/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:100%}@media (min-width: 36em){/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:1110px}}/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{top:100vh;margin:0;border-radius:4px 4px 0 0;opacity:1;transition:top 600ms ease}@media (max-width: 35.9375em){/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{border-radius:16px 16px 0 0}}/*!@.duet-modal.duet-modal-has-sticky-header*/.duet-modal.duet-modal-has-sticky-header.sc-duet-modal{height:100%;overflow:auto}/*!@.duet-modal:focus*/.duet-modal.sc-duet-modal:focus{outline:0}/*!@.duet-modal-body,\n.duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{width:100%;padding:36px 28px}/*!@.duet-modal-body.duet-modal-gutter-none,\n.duet-modal-sticky-header.duet-modal-gutter-none*/.duet-modal-body.duet-modal-gutter-none.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-none.sc-duet-modal{padding:0 !important}/*!@.duet-modal-body.duet-modal-gutter-small,\n.duet-modal-sticky-header.duet-modal-gutter-small*/.duet-modal-body.duet-modal-gutter-small.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-small.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n.duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}@media (max-width: 22.5em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 28px}}@media (max-width: 35.9375em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}}@media (min-width: 36em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:28px 72px}}@media (min-width: 48em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 72px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:36px 72px}}@media (min-width: 76.25em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 48px 48px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 94px}/*!@.small .duet-modal-body,\n .small .duet-modal-sticky-header*/.small.sc-duet-modal .duet-modal-body.sc-duet-modal,.small.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{padding:36px 48px}}/*!@.duet-modal-header*/.duet-modal-header.sc-duet-modal{text-align:center}/*!@.duet-modal-sticky-header*/.duet-modal-sticky-header.sc-duet-modal{position:sticky;top:0;z-index:200;display:block;padding-bottom:12px;text-align:left;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-theme-turva .duet-modal-sticky-header*/.duet-theme-turva.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}/*!@.duet-modal-close*/.duet-modal-close.sc-duet-modal{position:absolute;top:12px;right:12px}/*!@.duet-modal-heading*/.duet-modal-heading.sc-duet-modal{width:100%;padding-right:60px;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}/*!@.duet-modal-heading.duet-p-0*/.duet-modal-heading.duet-p-0.sc-duet-modal{padding:0 !important}/*!@.duet-modal-heading.duet-m-0*/.duet-modal-heading.duet-m-0.sc-duet-modal{margin:0 !important}";
15509
15621
 
15510
15622
  // The transition below is slightly higher than the actual CSS transition as VoiceOver on
15511
15623
  // iOS has otherwise problems moving the focus from modal back to the original element.
@@ -16046,7 +16158,7 @@ class DuetNav {
16046
16158
  }; }
16047
16159
  }
16048
16160
 
16049
- const duetNotificationCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-notification,*.sc-duet-notification::after,*.sc-duet-notification::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-notification-h{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-notification*/.duet-notification.sc-duet-notification{display:block;padding:16px;color:rgb(0, 41, 77);cursor:pointer;border-bottom:1px solid rgb(225, 227, 230);transition:300ms ease}/*!@:host(:last-of-type) .duet-notification*/.sc-duet-notification-h:last-of-type .duet-notification.sc-duet-notification{border-bottom:0}/*!@.duet-notification.duet-theme-turva*/.duet-notification.duet-theme-turva.sc-duet-notification{color:rgb(23, 28, 58);border-bottom-color:rgb(228, 228, 230)}/*!@.duet-notification.duet-notification-highlight*/.duet-notification.duet-notification-highlight.sc-duet-notification{font-weight:600;background:rgb(243, 249, 252)}/*!@.duet-notification.duet-notification-highlight.duet-theme-turva*/.duet-notification.duet-notification-highlight.duet-theme-turva.sc-duet-notification{background:rgb(252, 243, 244)}@media (min-width: 62em){/*!@.duet-notification:hover*/.duet-notification.sc-duet-notification:hover{background:rgb(243, 249, 252)}/*!@.duet-notification:hover.duet-theme-turva*/.duet-notification.sc-duet-notification:hover.duet-theme-turva{background:rgb(252, 243, 244)}}/*!@.duet-notification a*/.duet-notification.sc-duet-notification a.sc-duet-notification{text-decoration:none}/*!@.duet-notification a:focus*/.duet-notification.sc-duet-notification a.sc-duet-notification:focus{outline:0}/*!@:host(.user-is-tabbing) .duet-notification:focus-within*/.user-is-tabbing.sc-duet-notification-h .duet-notification.sc-duet-notification:focus-within{z-index:1;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva*/.user-is-tabbing.sc-duet-notification-h .duet-notification.sc-duet-notification:focus-within.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-notification-container*/.duet-notification-container.sc-duet-notification{position:relative;display:flex}/*!@.duet-notification-badge-container*/.duet-notification-badge-container.sc-duet-notification{position:relative;width:16px}/*!@.duet-notification-badge*/.duet-notification-badge.sc-duet-notification{position:absolute;top:6px;left:-2px;width:8px;height:8px;background:rgb(0, 119, 179);border-radius:50%}/*!@.duet-theme-turva .duet-notification-badge*/.duet-theme-turva.sc-duet-notification .duet-notification-badge.sc-duet-notification{background:rgb(198, 12, 48)}/*!@.duet-notification-content*/.duet-notification-content.sc-duet-notification{flex:1}/*!@.duet-notification-date*/.duet-notification-date.sc-duet-notification{position:absolute;top:2px;right:0;width:96px;font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(101, 119, 135);text-align:right;text-transform:uppercase}@media (max-width: 35.9375em){/*!@.duet-notification-date*/.duet-notification-date.sc-duet-notification{width:auto}}/*!@.duet-theme-turva .duet-notification-date*/.duet-theme-turva.sc-duet-notification .duet-notification-date.sc-duet-notification{color:rgb(68, 68, 69)}/*!@::slotted(duet-heading)*/.sc-duet-notification-s>duet-heading{padding-right:80px !important}/*!@::slotted(duet-paragraph)*/.sc-duet-notification-s>duet-paragraph{margin-bottom:2px !important}";
16161
+ const duetNotificationCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-notification,*.sc-duet-notification::after,*.sc-duet-notification::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-notification-h{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-notification*/.duet-notification.sc-duet-notification{display:block;padding:16px;color:rgb(0, 41, 77);cursor:pointer;border-bottom:1px solid rgb(225, 227, 230);transition:300ms ease}/*!@:host(:last-of-type) .duet-notification*/.sc-duet-notification-h:last-of-type .duet-notification.sc-duet-notification{border-bottom:0}/*!@.duet-notification.duet-theme-turva*/.duet-notification.duet-theme-turva.sc-duet-notification{color:rgb(23, 28, 58);border-bottom-color:rgb(228, 228, 230)}/*!@.duet-notification.duet-notification-highlight*/.duet-notification.duet-notification-highlight.sc-duet-notification{font-weight:600;background:rgb(243, 249, 252)}/*!@.duet-notification.duet-notification-highlight.duet-theme-turva*/.duet-notification.duet-notification-highlight.duet-theme-turva.sc-duet-notification{background:rgb(245, 245, 247)}@media (min-width: 62em){/*!@.duet-notification:hover*/.duet-notification.sc-duet-notification:hover{background:rgb(243, 249, 252)}/*!@.duet-notification:hover.duet-theme-turva*/.duet-notification.sc-duet-notification:hover.duet-theme-turva{background:rgb(245, 245, 247)}}/*!@.duet-notification a*/.duet-notification.sc-duet-notification a.sc-duet-notification{text-decoration:none}/*!@.duet-notification a:focus*/.duet-notification.sc-duet-notification a.sc-duet-notification:focus{outline:0}/*!@:host(.user-is-tabbing) .duet-notification:focus-within*/.user-is-tabbing.sc-duet-notification-h .duet-notification.sc-duet-notification:focus-within{z-index:1;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva*/.user-is-tabbing.sc-duet-notification-h .duet-notification.sc-duet-notification:focus-within.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-notification-container*/.duet-notification-container.sc-duet-notification{position:relative;display:flex}/*!@.duet-notification-badge-container*/.duet-notification-badge-container.sc-duet-notification{position:relative;width:16px}/*!@.duet-notification-badge*/.duet-notification-badge.sc-duet-notification{position:absolute;top:6px;left:-2px;width:8px;height:8px;background:rgb(0, 119, 179);border-radius:50%}/*!@.duet-theme-turva .duet-notification-badge*/.duet-theme-turva.sc-duet-notification .duet-notification-badge.sc-duet-notification{background:rgb(198, 12, 48)}/*!@.duet-notification-content*/.duet-notification-content.sc-duet-notification{flex:1}/*!@.duet-notification-date*/.duet-notification-date.sc-duet-notification{position:absolute;top:2px;right:0;width:96px;font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(101, 119, 135);text-align:right;text-transform:uppercase}@media (max-width: 35.9375em){/*!@.duet-notification-date*/.duet-notification-date.sc-duet-notification{width:auto}}/*!@.duet-theme-turva .duet-notification-date*/.duet-theme-turva.sc-duet-notification .duet-notification-date.sc-duet-notification{color:rgb(68, 68, 69)}/*!@::slotted(duet-heading)*/.sc-duet-notification-s>duet-heading{padding-right:80px !important}/*!@::slotted(duet-paragraph)*/.sc-duet-notification-s>duet-paragraph{margin-bottom:2px !important}";
16050
16162
 
16051
16163
  class DuetNotification {
16052
16164
  constructor(hostRef) {
@@ -18390,11 +18502,27 @@ class DuetPopupMenu {
18390
18502
  constructor(hostRef) {
18391
18503
  registerInstance(this, hostRef);
18392
18504
  this.duetToggle = createEvent$2(this, "duetToggle", 7);
18505
+ this.setOpenButton = (element) => {
18506
+ if (!element) {
18507
+ return;
18508
+ }
18509
+ try {
18510
+ const button = element;
18511
+ button.accessiblePopup = "true";
18512
+ button.accessibleExpanded = false;
18513
+ button.setAttribute("trailing-icon", "action-arrow-down-small");
18514
+ this.openButton = button;
18515
+ }
18516
+ catch (_e) { }
18517
+ };
18518
+ this.openButtonEventListener = () => {
18519
+ this.toggle();
18520
+ };
18393
18521
  this.updatePlacement = async () => {
18394
- if (!this.controller) {
18522
+ if (!this.openButton) {
18395
18523
  return;
18396
18524
  }
18397
- const coordinates = await computePosition(this.controller, this.menuElement, {
18525
+ const coordinates = await computePosition(this.openButton, this.menuElement, {
18398
18526
  middleware: [offset({ mainAxis: this.mainAxisOffset, crossAxis: this.crossAxisOffset }), flip()],
18399
18527
  placement: this.placement,
18400
18528
  strategy: this.position,
@@ -18423,6 +18551,15 @@ class DuetPopupMenu {
18423
18551
  }
18424
18552
  componentDidLoad() {
18425
18553
  }
18554
+ connectedCallback() {
18555
+ this.handleControllerChange(this.controller, null);
18556
+ }
18557
+ disconnectedCallback() {
18558
+ if (this.openButton) {
18559
+ this.openButton.removeEventListener("click", this.openButtonEventListener);
18560
+ this.openButton.removeAttribute("trailing-icon");
18561
+ }
18562
+ }
18426
18563
  /**
18427
18564
  * Component event handling.
18428
18565
  */
@@ -18430,7 +18567,7 @@ class DuetPopupMenu {
18430
18567
  if (this.open) {
18431
18568
  // When Esc is pressed the menu should be closed
18432
18569
  if (isEscapeKey(evt)) {
18433
- this.focusController();
18570
+ this.focusOpenButton();
18434
18571
  this.hide();
18435
18572
  }
18436
18573
  }
@@ -18468,7 +18605,7 @@ class DuetPopupMenu {
18468
18605
  }
18469
18606
  }
18470
18607
  handleClick(evt) {
18471
- const isClickOutside = evt.composedPath().every(node => node !== this.element && node !== this.controller);
18608
+ const isClickOutside = evt.composedPath().every(node => node !== this.element && node !== this.openButton);
18472
18609
  if (this.open && isClickOutside) {
18473
18610
  this.hide();
18474
18611
  }
@@ -18484,23 +18621,12 @@ class DuetPopupMenu {
18484
18621
  */
18485
18622
  async show() {
18486
18623
  this.open = true;
18487
- this.teleport.go();
18488
- if (this.accessibleRole === "menu") {
18489
- this.itemElements[0].setFocus();
18490
- }
18491
- this.duetToggle.emit({ open: this.open, component: "duet-popup-menu" });
18492
- this.updatePlacement();
18493
18624
  }
18494
18625
  /**
18495
18626
  * Hide.
18496
18627
  */
18497
18628
  async hide() {
18498
18629
  this.open = false;
18499
- this.duetToggle.emit({ open: this.open, component: "duet-popup-menu" });
18500
- if (this.accessibleRole === "menu") {
18501
- this.focusController();
18502
- }
18503
- this.teleport.resume(200);
18504
18630
  }
18505
18631
  /**
18506
18632
  * Toggle.
@@ -18513,9 +18639,53 @@ class DuetPopupMenu {
18513
18639
  this.show();
18514
18640
  }
18515
18641
  }
18516
- focusController() {
18517
- if (this.controller) {
18518
- focusElement(this.controller);
18642
+ handleControllerChange(newValue, oldValue) {
18643
+ if (!!newValue === !!oldValue) {
18644
+ return;
18645
+ }
18646
+ if (typeof this.controller === "string") {
18647
+ this.setOpenButton(document.getElementById(this.controller));
18648
+ if (this.openButton) {
18649
+ this.openButton.addEventListener("click", this.openButtonEventListener);
18650
+ }
18651
+ }
18652
+ else {
18653
+ this.setOpenButton(this.controller);
18654
+ }
18655
+ }
18656
+ handleOpenChange(newValue, oldValue) {
18657
+ if (!!newValue === !!oldValue) {
18658
+ return;
18659
+ }
18660
+ if (this.open && !oldValue) {
18661
+ if (this.openButton) {
18662
+ this.openButton.accessibleExpanded = true;
18663
+ }
18664
+ this.teleport.go(true);
18665
+ this.updatePlacement();
18666
+ setTimeout(() => {
18667
+ if (this.accessibleRole === "menu") {
18668
+ this.itemElements[0].setFocus();
18669
+ }
18670
+ this.duetToggle.emit({ open: this.open, component: "duet-popup-menu" });
18671
+ }, 200);
18672
+ }
18673
+ else if (!this.open && oldValue) {
18674
+ if (this.openButton) {
18675
+ this.openButton.accessibleExpanded = false;
18676
+ }
18677
+ setTimeout(() => {
18678
+ if (this.accessibleRole === "menu") {
18679
+ this.focusOpenButton();
18680
+ }
18681
+ this.duetToggle.emit({ open: this.open, component: "duet-popup-menu" });
18682
+ this.teleport.resume();
18683
+ }, 200);
18684
+ }
18685
+ }
18686
+ focusOpenButton() {
18687
+ if (this.open) {
18688
+ focusElement(this.openButton);
18519
18689
  }
18520
18690
  }
18521
18691
  get itemElements() {
@@ -18534,10 +18704,15 @@ class DuetPopupMenu {
18534
18704
  const positionStyles = {
18535
18705
  top: `${this.menuY}px`,
18536
18706
  left: `${this.menuX}px`,
18707
+ position: this.position,
18537
18708
  };
18538
- return (hAsync(Host, { class: this.position }, hAsync("div", { ref: element => (this.menuElement = element), style: positionStyles, class: { open: this.open, "duet-popup-menu-list": true, "duet-theme-turva": this.theme === "turva" }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, hAsync("slot", null))));
18709
+ return (hAsync(Host, null, hAsync("div", { ref: element => (this.menuElement = element), style: positionStyles, class: { open: this.open, "duet-popup-menu-list": true, "duet-theme-turva": this.theme === "turva" }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, hAsync("slot", null))));
18539
18710
  }
18540
18711
  get element() { return getElement(this); }
18712
+ static get watchers() { return {
18713
+ "controller": ["handleControllerChange"],
18714
+ "open": ["handleOpenChange"]
18715
+ }; }
18541
18716
  static get style() { return duetPopupMenuCss; }
18542
18717
  static get cmpMeta() { return {
18543
18718
  "$flags$": 9,
@@ -18546,9 +18721,9 @@ class DuetPopupMenu {
18546
18721
  "accessibleLabel": [1, "accessible-label"],
18547
18722
  "accessibleRole": [1, "accessible-role"],
18548
18723
  "theme": [1025],
18549
- "controller": [16],
18724
+ "controller": [1],
18550
18725
  "placement": [1],
18551
- "position": [1],
18726
+ "position": [1025],
18552
18727
  "mainAxisOffset": [2, "main-axis-offset"],
18553
18728
  "crossAxisOffset": [2, "cross-axis-offset"],
18554
18729
  "open": [32],
@@ -18597,6 +18772,7 @@ class DuetPopupMenuItem {
18597
18772
  this.theme = "";
18598
18773
  this.url = undefined;
18599
18774
  this.external = false;
18775
+ this.targetLanguage = undefined;
18600
18776
  this.value = undefined;
18601
18777
  this.leadingIcon = undefined;
18602
18778
  this.leadingIconColor = undefined;
@@ -18629,7 +18805,7 @@ class DuetPopupMenuItem {
18629
18805
  active: this.active,
18630
18806
  "duet-theme-turva": this.theme === "turva",
18631
18807
  };
18632
- return (hAsync(Host, null, hAsync(TagName, { ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "menuitem" ? -1 : 0, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"} ${this.accessibleRole}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("duet-icon", { name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { class: "duet-popup-menu-item-label" }, hAsync("slot", null)), this.trailingIcon && (hAsync("duet-icon", { name: this.trailingIcon, size: "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && hAsync("span", { class: "duet-popup-menu-item-trailing" }, this.trailingText))));
18808
+ return (hAsync(Host, { role: this.accessibleRole }, hAsync(TagName, { ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "menuitem" ? -1 : 0, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (hAsync("duet-icon", { name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { class: "duet-popup-menu-item-label" }, hAsync("slot", null)), (this.trailingIcon || this.active) && (hAsync("duet-icon", { name: this.active ? "messaging-checked-small" : this.trailingIcon, size: this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && hAsync("span", { class: "duet-popup-menu-item-trailing" }, this.trailingText))));
18633
18809
  }
18634
18810
  get element() { return getElement(this); }
18635
18811
  static get style() { return duetPopupMenuItemCss; }
@@ -18642,6 +18818,7 @@ class DuetPopupMenuItem {
18642
18818
  "theme": [1025],
18643
18819
  "url": [1],
18644
18820
  "external": [4],
18821
+ "targetLanguage": [1, "target-language"],
18645
18822
  "value": [1],
18646
18823
  "leadingIcon": [1, "leading-icon"],
18647
18824
  "leadingIconColor": [1, "leading-icon-color"],
@@ -20005,7 +20182,7 @@ class DuetShowMore {
20005
20182
  }; }
20006
20183
  }
20007
20184
 
20008
- const duetSlideoutCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-slideout,*.sc-duet-slideout::after,*.sc-duet-slideout::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-slideout-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;height:100%}/*!@::slotted(*)*/.sc-duet-slideout-s>*{position:relative;width:100%;visibility:hidden;opacity:0}/*!@:host([open]:not([open=false])) ::slotted(*)*/.sc-duet-slideout-h[open]:not([open=false]) .sc-duet-slideout-s>*{visibility:visible;opacity:1}/*!@:host(:not([open])) ::slotted(duet-slideout-panel)*/.sc-duet-slideout-h:not([open]) .sc-duet-slideout-s>duet-slideout-panel{display:none}/*!@.duet-slideout*/.duet-slideout.sc-duet-slideout{display:flex;align-items:center;height: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(0, 41, 77)}/*!@.duet-slideout.duet-theme-turva*/.duet-slideout.duet-theme-turva.sc-duet-slideout{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 .desktop-bg*/.duet-slideout.sc-duet-slideout .desktop-bg.sc-duet-slideout{display:none}@media (min-width: 62em){/*!@.duet-slideout .desktop-bg*/.duet-slideout.sc-duet-slideout .desktop-bg.sc-duet-slideout{position:fixed;top:0;left:0;z-index:400;display:block;width:100%;height:100%;visibility:hidden;background:rgba(0, 41, 77, 0.6);opacity:0;transition:600ms ease}/*!@.duet-slideout .desktop-bg:not(.hidden)*/.duet-slideout.sc-duet-slideout .desktop-bg.sc-duet-slideout:not(.hidden){visibility:visible;opacity:1;transition:600ms ease}}@media (min-width: 62em){/*!@.duet-slideout.duet-theme-turva .desktop-bg*/.duet-slideout.duet-theme-turva.sc-duet-slideout .desktop-bg.sc-duet-slideout{background:rgba(23, 28, 58, 0.6)}}/*!@.duet-slideout .dialog*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout{position:fixed;top:0;bottom:0;left:0;z-index:400;width:100%;height:100%;padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset}@media (min-width: 62em){/*!@.duet-slideout .dialog*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout{right:0;left:auto;width:500px;padding-bottom:0;transition:right 300ms ease;transition-delay:0s}}/*!@.duet-slideout .dialog .top-container.has-sticky-header-slot*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top-container.has-sticky-header-slot.sc-duet-slideout{position:sticky;top:0;z-index:200}/*!@.duet-slideout .dialog .top-container.has-sticky-header-slot .top*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top-container.has-sticky-header-slot.sc-duet-slideout .top.sc-duet-slideout{background:rgb(243, 249, 252)}/*!@.duet-slideout .dialog .top-container.has-sticky-header-slot .sticky-header*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top-container.has-sticky-header-slot.sc-duet-slideout .sticky-header.sc-duet-slideout{display:block}/*!@.duet-slideout .dialog .top*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px}/*!@.duet-slideout .dialog .top button*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout button.sc-duet-slideout{cursor:pointer}/*!@.duet-slideout .dialog .top button:focus*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout button.sc-duet-slideout:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-slideout .dialog .top duet-icon*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout duet-icon.sc-duet-slideout{padding:16px}/*!@.duet-slideout .dialog .sticky-header*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .sticky-header.sc-duet-slideout{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-slideout .dialog .items*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .items.sc-duet-slideout{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:0 1.5rem}/*!@.duet-slideout .dialog.hidden*/.duet-slideout.sc-duet-slideout .dialog.hidden.sc-duet-slideout{pointer-events:none;visibility:hidden}@media (min-width: 62em){/*!@.duet-slideout .dialog.hidden*/.duet-slideout.sc-duet-slideout .dialog.hidden.sc-duet-slideout{right:-500px;transition:300ms ease}}/*!@.duet-slideout.duet-theme-turva .dialog*/.duet-slideout.duet-theme-turva.sc-duet-slideout .dialog.sc-duet-slideout{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}/*!@.duet-slideout.duet-theme-turva button*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.sc-duet-slideout{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.duet-theme-turva button:focus*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.sc-duet-slideout:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-slideout.duet-theme-turva button.active*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.active.sc-duet-slideout{color:rgb(198, 12, 48)}/*!@.duet-slideout.duet-theme-turva button.active::after*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.active.sc-duet-slideout::after{background:rgb(198, 12, 48)}/*!@.duet-slideout.duet-theme-turva .has-sticky-header-slot .top*/.duet-slideout.duet-theme-turva.sc-duet-slideout .has-sticky-header-slot.sc-duet-slideout .top.sc-duet-slideout{background:rgb(245, 245, 247)}/*!@.duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header*/.duet-slideout.duet-theme-turva.sc-duet-slideout .has-sticky-header-slot.sc-duet-slideout .sticky-header.sc-duet-slideout{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}/*!@.duet-slideout.duet-theme-turva .dialog .top button:focus*/.duet-slideout.duet-theme-turva.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout button.sc-duet-slideout:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@slot*/slot.sc-duet-slideout{color:rgb(0, 41, 77)}/*!@.duet-theme-turva slot*/.duet-theme-turva.sc-duet-slideout slot.sc-duet-slideout{color:rgb(23, 28, 58)}";
20185
+ const duetSlideoutCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-slideout,*.sc-duet-slideout::after,*.sc-duet-slideout::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-slideout-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;height:100%}/*!@::slotted(*)*/.sc-duet-slideout-s>*{position:relative;width:100%;visibility:hidden;opacity:0}/*!@:host([open]:not([open=false])) ::slotted(*)*/.sc-duet-slideout-h[open]:not([open=false]) .sc-duet-slideout-s>*{visibility:visible;opacity:1}/*!@:host(:not([open])) ::slotted(duet-slideout-panel)*/.sc-duet-slideout-h:not([open]) .sc-duet-slideout-s>duet-slideout-panel{display:none}/*!@.duet-slideout*/.duet-slideout.sc-duet-slideout{display:flex;align-items:center;height: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(0, 41, 77)}/*!@.duet-slideout.duet-theme-turva*/.duet-slideout.duet-theme-turva.sc-duet-slideout{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 .desktop-bg*/.duet-slideout.sc-duet-slideout .desktop-bg.sc-duet-slideout{display:none}@media (min-width: 62em){/*!@.duet-slideout .desktop-bg*/.duet-slideout.sc-duet-slideout .desktop-bg.sc-duet-slideout{position:fixed;top:0;left:0;z-index:400;display:block;width:100%;height:100%;visibility:hidden;background:rgb(0, 41, 77);opacity:0;transition:600ms ease}/*!@.duet-slideout .desktop-bg:not(.hidden)*/.duet-slideout.sc-duet-slideout .desktop-bg.sc-duet-slideout:not(.hidden){visibility:visible;opacity:0.3;transition:600ms ease}}@media (min-width: 62em){/*!@.duet-slideout.duet-theme-turva .desktop-bg*/.duet-slideout.duet-theme-turva.sc-duet-slideout .desktop-bg.sc-duet-slideout{background:rgb(23, 28, 58)}}/*!@.duet-slideout .dialog*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout{position:fixed;top:0;bottom:0;left:0;z-index:400;width:100%;height:100%;padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset}@media (min-width: 62em){/*!@.duet-slideout .dialog*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout{right:0;left:auto;width:500px;padding-bottom:0;transition:right 300ms ease;transition-delay:0s}}/*!@.duet-slideout .dialog .top-container.has-sticky-header-slot*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top-container.has-sticky-header-slot.sc-duet-slideout{position:sticky;top:0;z-index:200}/*!@.duet-slideout .dialog .top-container.has-sticky-header-slot .top*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top-container.has-sticky-header-slot.sc-duet-slideout .top.sc-duet-slideout{background:rgb(243, 249, 252)}/*!@.duet-slideout .dialog .top-container.has-sticky-header-slot .sticky-header*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top-container.has-sticky-header-slot.sc-duet-slideout .sticky-header.sc-duet-slideout{display:block}/*!@.duet-slideout .dialog .top*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px}/*!@.duet-slideout .dialog .top button*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout button.sc-duet-slideout{cursor:pointer}/*!@.duet-slideout .dialog .top button:focus*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout button.sc-duet-slideout:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-slideout .dialog .top duet-icon*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout duet-icon.sc-duet-slideout{padding:16px}/*!@.duet-slideout .dialog .sticky-header*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .sticky-header.sc-duet-slideout{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-slideout .dialog .items*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .items.sc-duet-slideout{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:0 1.5rem}/*!@.duet-slideout .dialog.hidden*/.duet-slideout.sc-duet-slideout .dialog.hidden.sc-duet-slideout{pointer-events:none;visibility:hidden}@media (min-width: 62em){/*!@.duet-slideout .dialog.hidden*/.duet-slideout.sc-duet-slideout .dialog.hidden.sc-duet-slideout{right:-500px;transition:300ms ease}}/*!@.duet-slideout.duet-theme-turva .dialog*/.duet-slideout.duet-theme-turva.sc-duet-slideout .dialog.sc-duet-slideout{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}/*!@.duet-slideout.duet-theme-turva button*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.sc-duet-slideout{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.duet-theme-turva button:focus*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.sc-duet-slideout:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-slideout.duet-theme-turva button.active*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.active.sc-duet-slideout{color:rgb(198, 12, 48)}/*!@.duet-slideout.duet-theme-turva button.active::after*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.active.sc-duet-slideout::after{background:rgb(198, 12, 48)}/*!@.duet-slideout.duet-theme-turva .has-sticky-header-slot .top*/.duet-slideout.duet-theme-turva.sc-duet-slideout .has-sticky-header-slot.sc-duet-slideout .top.sc-duet-slideout{background:rgb(245, 245, 247)}/*!@.duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header*/.duet-slideout.duet-theme-turva.sc-duet-slideout .has-sticky-header-slot.sc-duet-slideout .sticky-header.sc-duet-slideout{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}/*!@.duet-slideout.duet-theme-turva .dialog .top button:focus*/.duet-slideout.duet-theme-turva.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout button.sc-duet-slideout:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@slot*/slot.sc-duet-slideout{color:rgb(0, 41, 77)}/*!@.duet-theme-turva slot*/.duet-theme-turva.sc-duet-slideout slot.sc-duet-slideout{color:rgb(23, 28, 58)}";
20009
20186
 
20010
20187
  /**
20011
20188
  * @slot sticky-header - Content will be fixed to the top of the modal when scrolling.
@@ -20878,7 +21055,7 @@ class DuetStepper {
20878
21055
  }; }
20879
21056
  }
20880
21057
 
20881
- const duetSubmenuBarCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-submenu-bar,*.sc-duet-submenu-bar::after,*.sc-duet-submenu-bar::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-submenu-bar-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}/*!@:host(:not([open])) ::slotted(duet-submenu-bar-dropdown)*/.sc-duet-submenu-bar-h:not([open]) .sc-duet-submenu-bar-s>duet-submenu-bar-dropdown{display:none}@media (min-width: 62em){/*!@:host(:not([open])) ::slotted(duet-submenu-bar-dropdown)*/.sc-duet-submenu-bar-h:not([open]) .sc-duet-submenu-bar-s>duet-submenu-bar-dropdown{display:inherit}}/*!@.duet-submenu-bar*/.duet-submenu-bar.sc-duet-submenu-bar{position:relative;z-index:1;background:rgb(243, 249, 252)}@media (min-width: 62em){/*!@.duet-submenu-bar*/.duet-submenu-bar.sc-duet-submenu-bar{border-bottom:1px solid rgb(205, 229, 241)}}/*!@.duet-submenu-bar button*/.duet-submenu-bar.sc-duet-submenu-bar button.sc-duet-submenu-bar{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 0;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 41, 77)}/*!@.duet-submenu-bar button.active .caret*/.duet-submenu-bar.sc-duet-submenu-bar button.active.sc-duet-submenu-bar .caret.sc-duet-submenu-bar{transform:rotate(180deg)}/*!@.duet-submenu-bar button:focus*/.duet-submenu-bar.sc-duet-submenu-bar button.sc-duet-submenu-bar:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-submenu-bar button .label*/.duet-submenu-bar.sc-duet-submenu-bar button.sc-duet-submenu-bar .label.sc-duet-submenu-bar{position:relative;display:flex;gap:8px;align-items:center;justify-content:center}@media (min-width: 62em){/*!@.duet-submenu-bar button*/.duet-submenu-bar.sc-duet-submenu-bar button.sc-duet-submenu-bar{display:none}}/*!@.duet-submenu-bar .menu-container*/.duet-submenu-bar.sc-duet-submenu-bar .menu-container.sc-duet-submenu-bar{position:absolute;z-index:399;width:100%}/*!@.duet-submenu-bar .menu-container.hidden*/.duet-submenu-bar.sc-duet-submenu-bar .menu-container.hidden.sc-duet-submenu-bar{max-height:0;overflow:hidden;visibility:hidden}@media (min-width: 62em){/*!@.duet-submenu-bar .menu-container, .duet-submenu-bar .menu-container.hidden*/.duet-submenu-bar.sc-duet-submenu-bar .menu-container.sc-duet-submenu-bar,.duet-submenu-bar.sc-duet-submenu-bar .menu-container.hidden.sc-duet-submenu-bar{position:static;z-index:auto;max-height:unset;overflow:visible;visibility:visible}}/*!@.duet-submenu-bar .items*/.duet-submenu-bar.sc-duet-submenu-bar .items.sc-duet-submenu-bar{width:100%;height:70vh;overflow-y:scroll;visibility:visible;background:rgb(243, 249, 252);border-bottom:1px solid rgb(207, 210, 212)}/*!@.duet-submenu-bar .items ::slotted(*)*/.duet-submenu-bar .items .sc-duet-submenu-bar-s>*{position:relative}/*!@.duet-submenu-bar .items.hidden*/.duet-submenu-bar.sc-duet-submenu-bar .items.hidden.sc-duet-submenu-bar{max-height:0;overflow:hidden;visibility:hidden;border-bottom:0 solid rgb(207, 210, 212)}/*!@.duet-submenu-bar .items .list-padding*/.duet-submenu-bar.sc-duet-submenu-bar .items.sc-duet-submenu-bar .list-padding.sc-duet-submenu-bar{padding-bottom:188px}@media (min-width: 62em){/*!@.duet-submenu-bar .items .list*/.duet-submenu-bar.sc-duet-submenu-bar .items.sc-duet-submenu-bar .list.sc-duet-submenu-bar{display:flex;align-items:center;justify-content:space-between;height:100%}/*!@.duet-submenu-bar .items, .duet-submenu-bar .items.hidden*/.duet-submenu-bar.sc-duet-submenu-bar .items.sc-duet-submenu-bar,.duet-submenu-bar.sc-duet-submenu-bar .items.hidden.sc-duet-submenu-bar{position:static;z-index:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;height:auto;max-height:unset;overflow:visible;visibility:visible;border:0}/*!@.duet-submenu-bar .items .list-padding*/.duet-submenu-bar.sc-duet-submenu-bar .items.sc-duet-submenu-bar .list-padding.sc-duet-submenu-bar{display:none;padding-bottom:0}}/*!@.duet-submenu-bar .mobile-background*/.duet-submenu-bar.sc-duet-submenu-bar .mobile-background.sc-duet-submenu-bar{position:absolute;width:100%;height:100%;background:rgba(0, 41, 77, 0.6)}@media (min-width: 62em){/*!@.duet-submenu-bar .mobile-background*/.duet-submenu-bar.sc-duet-submenu-bar .mobile-background.sc-duet-submenu-bar{display:none}}/*!@.duet-submenu-bar.duet-theme-turva*/.duet-submenu-bar.duet-theme-turva.sc-duet-submenu-bar{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}/*!@.duet-submenu-bar.duet-theme-turva button:focus*/.duet-submenu-bar.duet-theme-turva.sc-duet-submenu-bar button.sc-duet-submenu-bar:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-submenu-bar.duet-theme-turva .items*/.duet-submenu-bar.duet-theme-turva.sc-duet-submenu-bar .items.sc-duet-submenu-bar{background:rgb(245, 245, 247)}/*!@.duet-submenu-bar.duet-theme-turva .mobile-background*/.duet-submenu-bar.duet-theme-turva.sc-duet-submenu-bar .mobile-background.sc-duet-submenu-bar{background:rgba(23, 28, 58, 0.6)}/*!@.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow*/.duet-submenu-bar.duet-theme-turva.sc-duet-submenu-bar .shadow-container.sc-duet-submenu-bar .top-shadow.sc-duet-submenu-bar{box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){/*!@.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow*/.duet-submenu-bar.duet-theme-turva.sc-duet-submenu-bar .shadow-container.sc-duet-submenu-bar .top-shadow.sc-duet-submenu-bar{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}";
21058
+ const duetSubmenuBarCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-submenu-bar,*.sc-duet-submenu-bar::after,*.sc-duet-submenu-bar::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-submenu-bar-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}/*!@:host(:not([open])) ::slotted(duet-submenu-bar-dropdown)*/.sc-duet-submenu-bar-h:not([open]) .sc-duet-submenu-bar-s>duet-submenu-bar-dropdown{display:none}@media (min-width: 62em){/*!@:host(:not([open])) ::slotted(duet-submenu-bar-dropdown)*/.sc-duet-submenu-bar-h:not([open]) .sc-duet-submenu-bar-s>duet-submenu-bar-dropdown{display:inherit}}/*!@.duet-submenu-bar*/.duet-submenu-bar.sc-duet-submenu-bar{position:relative;z-index:1;background:rgb(243, 249, 252)}@media (min-width: 62em){/*!@.duet-submenu-bar*/.duet-submenu-bar.sc-duet-submenu-bar{border-bottom:1px solid rgb(205, 229, 241)}}/*!@.duet-submenu-bar button*/.duet-submenu-bar.sc-duet-submenu-bar button.sc-duet-submenu-bar{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 0;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 41, 77)}/*!@.duet-submenu-bar button.active .caret*/.duet-submenu-bar.sc-duet-submenu-bar button.active.sc-duet-submenu-bar .caret.sc-duet-submenu-bar{transform:rotate(180deg)}/*!@.duet-submenu-bar button:focus*/.duet-submenu-bar.sc-duet-submenu-bar button.sc-duet-submenu-bar:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-submenu-bar button .label*/.duet-submenu-bar.sc-duet-submenu-bar button.sc-duet-submenu-bar .label.sc-duet-submenu-bar{position:relative;display:flex;gap:8px;align-items:center;justify-content:center}@media (min-width: 62em){/*!@.duet-submenu-bar button*/.duet-submenu-bar.sc-duet-submenu-bar button.sc-duet-submenu-bar{display:none}}/*!@.duet-submenu-bar .menu-container*/.duet-submenu-bar.sc-duet-submenu-bar .menu-container.sc-duet-submenu-bar{position:absolute;z-index:399;width:100%}/*!@.duet-submenu-bar .menu-container.hidden*/.duet-submenu-bar.sc-duet-submenu-bar .menu-container.hidden.sc-duet-submenu-bar{max-height:0;overflow:hidden;visibility:hidden}@media (min-width: 62em){/*!@.duet-submenu-bar .menu-container, .duet-submenu-bar .menu-container.hidden*/.duet-submenu-bar.sc-duet-submenu-bar .menu-container.sc-duet-submenu-bar,.duet-submenu-bar.sc-duet-submenu-bar .menu-container.hidden.sc-duet-submenu-bar{position:static;z-index:auto;max-height:unset;overflow:visible;visibility:visible}}/*!@.duet-submenu-bar .items*/.duet-submenu-bar.sc-duet-submenu-bar .items.sc-duet-submenu-bar{width:100%;height:70vh;overflow-y:scroll;visibility:visible;background:rgb(243, 249, 252);border-bottom:1px solid rgb(207, 210, 212)}/*!@.duet-submenu-bar .items ::slotted(*)*/.duet-submenu-bar .items .sc-duet-submenu-bar-s>*{position:relative}/*!@.duet-submenu-bar .items.hidden*/.duet-submenu-bar.sc-duet-submenu-bar .items.hidden.sc-duet-submenu-bar{max-height:0;overflow:hidden;visibility:hidden;border-bottom:0 solid rgb(207, 210, 212)}/*!@.duet-submenu-bar .items .list-padding*/.duet-submenu-bar.sc-duet-submenu-bar .items.sc-duet-submenu-bar .list-padding.sc-duet-submenu-bar{padding-bottom:188px}@media (min-width: 62em){/*!@.duet-submenu-bar .items .list*/.duet-submenu-bar.sc-duet-submenu-bar .items.sc-duet-submenu-bar .list.sc-duet-submenu-bar{display:flex;align-items:center;justify-content:space-between;height:100%}/*!@.duet-submenu-bar .items, .duet-submenu-bar .items.hidden*/.duet-submenu-bar.sc-duet-submenu-bar .items.sc-duet-submenu-bar,.duet-submenu-bar.sc-duet-submenu-bar .items.hidden.sc-duet-submenu-bar{position:static;z-index:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;height:auto;max-height:unset;overflow:visible;visibility:visible;border:0}/*!@.duet-submenu-bar .items .list-padding*/.duet-submenu-bar.sc-duet-submenu-bar .items.sc-duet-submenu-bar .list-padding.sc-duet-submenu-bar{display:none;padding-bottom:0}}/*!@.duet-submenu-bar .mobile-background*/.duet-submenu-bar.sc-duet-submenu-bar .mobile-background.sc-duet-submenu-bar{position:absolute;width:100%;height:100%;background:rgb(0, 41, 77);opacity:0.3}@media (min-width: 62em){/*!@.duet-submenu-bar .mobile-background*/.duet-submenu-bar.sc-duet-submenu-bar .mobile-background.sc-duet-submenu-bar{display:none}}/*!@.duet-submenu-bar.duet-theme-turva*/.duet-submenu-bar.duet-theme-turva.sc-duet-submenu-bar{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}/*!@.duet-submenu-bar.duet-theme-turva button:focus*/.duet-submenu-bar.duet-theme-turva.sc-duet-submenu-bar button.sc-duet-submenu-bar:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-submenu-bar.duet-theme-turva .items*/.duet-submenu-bar.duet-theme-turva.sc-duet-submenu-bar .items.sc-duet-submenu-bar{background:rgb(245, 245, 247)}/*!@.duet-submenu-bar.duet-theme-turva .mobile-background*/.duet-submenu-bar.duet-theme-turva.sc-duet-submenu-bar .mobile-background.sc-duet-submenu-bar{background:rgb(23, 28, 58)}/*!@.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow*/.duet-submenu-bar.duet-theme-turva.sc-duet-submenu-bar .shadow-container.sc-duet-submenu-bar .top-shadow.sc-duet-submenu-bar{box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){/*!@.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow*/.duet-submenu-bar.duet-theme-turva.sc-duet-submenu-bar .shadow-container.sc-duet-submenu-bar .top-shadow.sc-duet-submenu-bar{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}";
20882
21059
 
20883
21060
  class DuetSubmenuBar {
20884
21061
  constructor(hostRef) {
@@ -22079,7 +22256,7 @@ class DuetToggle {
22079
22256
  }; }
22080
22257
  }
22081
22258
 
22082
- const duetToolbarCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-toolbar,*.sc-duet-toolbar::after,*.sc-duet-toolbar::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-toolbar-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}/*!@.duet-toolbar*/.duet-toolbar.sc-duet-toolbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255)}/*!@.duet-toolbar .container*/.duet-toolbar.sc-duet-toolbar .container.sc-duet-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;height:36px;margin:0 28px;border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-toolbar .list*/.duet-toolbar.sc-duet-toolbar .list.sc-duet-toolbar{display:flex;align-items:center;justify-content:space-between;height:100%;list-style-type:none}/*!@.duet-toolbar ::slotted(*)*/.duet-toolbar .sc-duet-toolbar-s>*{display:flex;align-items:center;justify-content:center;height:100%}/*!@.duet-toolbar.negative*/.duet-toolbar.negative.sc-duet-toolbar{background:rgb(0, 119, 179)}/*!@.duet-toolbar.negative .container*/.duet-toolbar.negative.sc-duet-toolbar .container.sc-duet-toolbar{border-bottom:0}/*!@.duet-toolbar.duet-theme-turva*/.duet-toolbar.duet-theme-turva.sc-duet-toolbar{background:rgb(255, 255, 255)}/*!@.duet-toolbar.duet-theme-turva .container*/.duet-toolbar.duet-theme-turva.sc-duet-toolbar .container.sc-duet-toolbar{border-bottom:1px solid rgb(228, 228, 230)}/*!@.duet-toolbar.duet-theme-turva.negative*/.duet-toolbar.duet-theme-turva.negative.sc-duet-toolbar{background:rgb(198, 12, 48)}/*!@.duet-toolbar.duet-theme-turva.negative .container*/.duet-toolbar.duet-theme-turva.negative.sc-duet-toolbar .container.sc-duet-toolbar{border-bottom:0}";
22259
+ const duetToolbarCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-toolbar,*.sc-duet-toolbar::after,*.sc-duet-toolbar::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-toolbar-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:100%}/*!@.duet-toolbar*/.duet-toolbar.sc-duet-toolbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255)}/*!@.duet-toolbar .container*/.duet-toolbar.sc-duet-toolbar .container.sc-duet-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;height:36px;margin:0 28px;border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-toolbar .list*/.duet-toolbar.sc-duet-toolbar .list.sc-duet-toolbar{display:flex;align-items:center;justify-content:space-between;height:100%;list-style-type:none}/*!@.duet-toolbar ::slotted(*)*/.duet-toolbar .sc-duet-toolbar-s>*{display:flex;align-items:center;justify-content:center;height:100%}/*!@.duet-toolbar.negative*/.duet-toolbar.negative.sc-duet-toolbar{background:rgb(0, 119, 179)}/*!@.duet-toolbar.negative .container*/.duet-toolbar.negative.sc-duet-toolbar .container.sc-duet-toolbar{border-bottom:0}/*!@.duet-toolbar.duet-theme-turva*/.duet-toolbar.duet-theme-turva.sc-duet-toolbar{background:rgb(255, 255, 255)}/*!@.duet-toolbar.duet-theme-turva .container*/.duet-toolbar.duet-theme-turva.sc-duet-toolbar .container.sc-duet-toolbar{border-bottom:1px solid rgb(228, 228, 230)}/*!@.duet-toolbar.duet-theme-turva.negative*/.duet-toolbar.duet-theme-turva.negative.sc-duet-toolbar{background:rgb(198, 12, 48)}/*!@.duet-toolbar.duet-theme-turva.negative .container*/.duet-toolbar.duet-theme-turva.negative.sc-duet-toolbar .container.sc-duet-toolbar{border-bottom:0}";
22083
22260
 
22084
22261
  /**
22085
22262
  * @slot left - Slot for content in left side.
@@ -22097,19 +22274,6 @@ class DuetToolbar {
22097
22274
  */
22098
22275
  componentWillLoad() {
22099
22276
  inheritGlobalTheme(this);
22100
- const children = Array.from(this.element.children);
22101
- for (const child of children) {
22102
- if (child.getAttribute("slot") === "left") {
22103
- for (const slotChild of Array.from(child.children)) {
22104
- slotChild.setAttribute("role", "listitem");
22105
- }
22106
- }
22107
- else if (child.getAttribute("slot") === "right") {
22108
- for (const slotChild of Array.from(child.children)) {
22109
- slotChild.setAttribute("role", "listitem");
22110
- }
22111
- }
22112
- }
22113
22277
  }
22114
22278
  /**
22115
22279
  * render() function
@@ -22184,7 +22348,7 @@ class DuetToolbarDropdown {
22184
22348
  itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
22185
22349
  }
22186
22350
  const variation = this.variation === "negative" ? "negative" : "white";
22187
- return (hAsync(Host, null, hAsync("div", { class: {
22351
+ return (hAsync(Host, { role: "listitem" }, hAsync("div", { class: {
22188
22352
  "duet-toolbar-dropdown": true,
22189
22353
  "duet-theme-turva": this.theme === "turva",
22190
22354
  [itemsAlign]: true,
@@ -22251,7 +22415,7 @@ class DuetToolbarDropdownLink {
22251
22415
  "duet-toolbar-dropdown-link": true,
22252
22416
  "duet-theme-turva": this.theme === "turva",
22253
22417
  active: this.active,
22254
- }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { class: "label" }, hAsync("slot", null)), this.active && (hAsync("duet-icon", { name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
22418
+ }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { class: "label" }, hAsync("slot", null)), this.active && (hAsync("duet-icon", { name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
22255
22419
  }
22256
22420
  get element() { return getElement(this); }
22257
22421
  static get style() { return duetToolbarDropdownLinkCss; }
@@ -22272,6 +22436,73 @@ class DuetToolbarDropdownLink {
22272
22436
  }; }
22273
22437
  }
22274
22438
 
22439
+ const duetToolbarItemCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-toolbar-item,*.sc-duet-toolbar-item::after,*.sc-duet-toolbar-item::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-toolbar-item-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}/*!@.duet-toolbar-item*/.duet-toolbar-item.sc-duet-toolbar-item{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;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, 77, 128);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}/*!@.duet-toolbar-item:focus*/.duet-toolbar-item.sc-duet-toolbar-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-toolbar-item:focus, .duet-toolbar-item:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-toolbar-item .duet-toolbar-item.sc-duet-toolbar-item:focus,.duet-toolbar-item.sc-duet-toolbar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-toolbar-item[aria-expanded=true] .trailing-icon.rotate*/.duet-toolbar-item[aria-expanded=true].sc-duet-toolbar-item .trailing-icon.rotate.sc-duet-toolbar-item{transform:rotate(180deg)}/*!@.duet-toolbar-item.negative*/.duet-toolbar-item.negative.sc-duet-toolbar-item{color:rgb(255, 255, 255)}/*!@.duet-toolbar-item.negative duet-icon*/.duet-toolbar-item.negative.sc-duet-toolbar-item duet-icon.sc-duet-toolbar-item{color:rgb(205, 229, 241)}/*!@.duet-toolbar-item.duet-theme-turva*/.duet-toolbar-item.duet-theme-turva.sc-duet-toolbar-item{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-toolbar-item.duet-theme-turva.negative*/.duet-toolbar-item.duet-theme-turva.negative.sc-duet-toolbar-item{color:rgb(255, 255, 255)}/*!@.duet-toolbar-item.duet-theme-turva.negative duet-icon*/.duet-toolbar-item.duet-theme-turva.negative.sc-duet-toolbar-item duet-icon.sc-duet-toolbar-item{color:rgb(244, 207, 214)}/*!@.duet-toolbar-item:hover*/.duet-toolbar-item.sc-duet-toolbar-item:hover{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}/*!@.duet-toolbar-item:hover.negative*/.duet-toolbar-item.sc-duet-toolbar-item:hover.negative{color:rgb(255, 255, 255);background:rgba(0, 41, 77, 0.2)}/*!@.duet-toolbar-item:hover.duet-theme-turva*/.duet-toolbar-item.sc-duet-toolbar-item:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}/*!@.duet-toolbar-item:hover.duet-theme-turva.negative*/.duet-toolbar-item.sc-duet-toolbar-item:hover.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}/*!@.duet-toolbar-item.active*/.duet-toolbar-item.active.sc-duet-toolbar-item{color:rgb(0, 41, 77)}/*!@.duet-toolbar-item.active.negative*/.duet-toolbar-item.active.negative.sc-duet-toolbar-item{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}/*!@.duet-toolbar-item.active.negative::after*/.duet-toolbar-item.active.negative.sc-duet-toolbar-item::after{display:none}/*!@.duet-toolbar-item.active::after*/.duet-toolbar-item.active.sc-duet-toolbar-item::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}/*!@.duet-toolbar-item.active::after.duet-theme-turva*/.duet-toolbar-item.active.sc-duet-toolbar-item::after.duet-theme-turva{background:rgb(198, 12, 48)}/*!@.duet-toolbar-item.active.duet-theme-turva*/.duet-toolbar-item.active.duet-theme-turva.sc-duet-toolbar-item{color:rgb(23, 28, 58)}/*!@.duet-toolbar-item.active.duet-theme-turva::after*/.duet-toolbar-item.active.duet-theme-turva.sc-duet-toolbar-item::after{background:rgb(198, 12, 48)}/*!@.duet-toolbar-item.active.duet-theme-turva.negative*/.duet-toolbar-item.active.duet-theme-turva.negative.sc-duet-toolbar-item{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}";
22440
+
22441
+ class DuetToolbarItem {
22442
+ constructor(hostRef) {
22443
+ registerInstance(this, hostRef);
22444
+ this.theme = "";
22445
+ this.variation = "default";
22446
+ this.active = false;
22447
+ this.url = undefined;
22448
+ this.leadingIcon = undefined;
22449
+ this.trailingIcon = undefined;
22450
+ this.accessibleLabel = undefined;
22451
+ this.accessibleExpanded = undefined;
22452
+ this.accessiblePopup = "false";
22453
+ }
22454
+ /**
22455
+ * Component lifecycle events.
22456
+ */
22457
+ componentWillLoad() {
22458
+ inheritGlobalTheme(this);
22459
+ }
22460
+ /**
22461
+ * Sets focus. Use this method instead of the global focus().
22462
+ */
22463
+ async setFocus(options) {
22464
+ setTimeout(() => this.itemElement.focus(options), 200);
22465
+ }
22466
+ /**
22467
+ * render() function
22468
+ * Always the last one in the class.
22469
+ */
22470
+ render() {
22471
+ const TagName = this.url ? "a" : "button";
22472
+ const variation = this.variation === "negative" ? "negative" : "white";
22473
+ return (hAsync(Host, { role: "listitem" }, hAsync(TagName, { ref: element => (this.itemElement = element), class: {
22474
+ "duet-toolbar-item": true,
22475
+ "duet-theme-turva": this.theme === "turva",
22476
+ active: this.active,
22477
+ [variation]: true,
22478
+ }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (hAsync("duet-icon", { size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", null), this.trailingIcon && (hAsync("duet-icon", { class: {
22479
+ "trailing-icon": true,
22480
+ rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
22481
+ }, theme: this.theme, name: this.trailingIcon, margin: "none", size: this.trailingIcon === "action-arrow-down-small" ? "xxx-small" : "x-small", color: "currentColor" })))));
22482
+ }
22483
+ get element() { return getElement(this); }
22484
+ static get style() { return duetToolbarItemCss; }
22485
+ static get cmpMeta() { return {
22486
+ "$flags$": 9,
22487
+ "$tagName$": "duet-toolbar-item",
22488
+ "$members$": {
22489
+ "theme": [1025],
22490
+ "variation": [1025],
22491
+ "active": [1028],
22492
+ "url": [1],
22493
+ "leadingIcon": [1, "leading-icon"],
22494
+ "trailingIcon": [1, "trailing-icon"],
22495
+ "accessibleLabel": [1, "accessible-label"],
22496
+ "accessibleExpanded": [1540, "accessible-expanded"],
22497
+ "accessiblePopup": [1537, "accessible-popup"],
22498
+ "setFocus": [64]
22499
+ },
22500
+ "$listeners$": undefined,
22501
+ "$lazyBundleId$": "-",
22502
+ "$attrsToReflect$": [["accessibleExpanded", "accessible-expanded"], ["accessiblePopup", "accessible-popup"]]
22503
+ }; }
22504
+ }
22505
+
22275
22506
  const duetToolbarLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-toolbar-link,*.sc-duet-toolbar-link::after,*.sc-duet-toolbar-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-toolbar-link-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}/*!@.duet-toolbar-link*/.duet-toolbar-link.sc-duet-toolbar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;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, 77, 128);text-align:center;text-decoration:none;white-space:nowrap}/*!@.duet-toolbar-link:focus*/.duet-toolbar-link.sc-duet-toolbar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-toolbar-link:focus, .duet-toolbar-link:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-toolbar-link .duet-toolbar-link.sc-duet-toolbar-link:focus,.duet-toolbar-link.sc-duet-toolbar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-toolbar-link.negative*/.duet-toolbar-link.negative.sc-duet-toolbar-link{color:rgb(255, 255, 255)}/*!@.duet-toolbar-link.negative duet-icon*/.duet-toolbar-link.negative.sc-duet-toolbar-link duet-icon.sc-duet-toolbar-link{color:rgb(205, 229, 241)}/*!@.duet-toolbar-link.duet-theme-turva*/.duet-toolbar-link.duet-theme-turva.sc-duet-toolbar-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-toolbar-link.duet-theme-turva.negative*/.duet-toolbar-link.duet-theme-turva.negative.sc-duet-toolbar-link{color:rgb(255, 255, 255)}/*!@.duet-toolbar-link.duet-theme-turva.negative duet-icon*/.duet-toolbar-link.duet-theme-turva.negative.sc-duet-toolbar-link duet-icon.sc-duet-toolbar-link{color:rgb(244, 207, 214)}/*!@.duet-toolbar-link:hover*/.duet-toolbar-link.sc-duet-toolbar-link:hover{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}/*!@.duet-toolbar-link:hover.negative*/.duet-toolbar-link.sc-duet-toolbar-link:hover.negative{color:rgb(255, 255, 255);background:rgba(0, 41, 77, 0.2)}/*!@.duet-toolbar-link:hover.duet-theme-turva*/.duet-toolbar-link.sc-duet-toolbar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}/*!@.duet-toolbar-link:hover.duet-theme-turva.negative*/.duet-toolbar-link.sc-duet-toolbar-link:hover.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}/*!@.duet-toolbar-link.active*/.duet-toolbar-link.active.sc-duet-toolbar-link{color:rgb(0, 41, 77)}/*!@.duet-toolbar-link.active.negative*/.duet-toolbar-link.active.negative.sc-duet-toolbar-link{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}/*!@.duet-toolbar-link.active.negative::after*/.duet-toolbar-link.active.negative.sc-duet-toolbar-link::after{display:none}/*!@.duet-toolbar-link.active::after*/.duet-toolbar-link.active.sc-duet-toolbar-link::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}/*!@.duet-toolbar-link.active::after.duet-theme-turva*/.duet-toolbar-link.active.sc-duet-toolbar-link::after.duet-theme-turva{background:rgb(198, 12, 48)}/*!@.duet-toolbar-link.active.duet-theme-turva*/.duet-toolbar-link.active.duet-theme-turva.sc-duet-toolbar-link{color:rgb(23, 28, 58)}/*!@.duet-toolbar-link.active.duet-theme-turva::after*/.duet-toolbar-link.active.duet-theme-turva.sc-duet-toolbar-link::after{background:rgb(198, 12, 48)}/*!@.duet-toolbar-link.active.duet-theme-turva.negative*/.duet-toolbar-link.active.duet-theme-turva.negative.sc-duet-toolbar-link{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}";
22276
22507
 
22277
22508
  class DuetToolbarLink {
@@ -22296,7 +22527,7 @@ class DuetToolbarLink {
22296
22527
  */
22297
22528
  render() {
22298
22529
  const variation = this.variation === "negative" ? "negative" : "white";
22299
- return (hAsync(Host, null, hAsync("a", { class: {
22530
+ return (hAsync(Host, { role: "listitem" }, hAsync("a", { class: {
22300
22531
  "duet-toolbar-link": true,
22301
22532
  "duet-theme-turva": this.theme === "turva",
22302
22533
  active: this.active,
@@ -24411,6 +24642,7 @@ registerComponents([
24411
24642
  DuetMenuBarButton,
24412
24643
  DuetMenuBarDropdown,
24413
24644
  DuetMenuBarDropdownLink,
24645
+ DuetMenuBarItem,
24414
24646
  DuetMenuBarLink,
24415
24647
  DuetModal,
24416
24648
  DuetMultiselect,
@@ -24455,6 +24687,7 @@ registerComponents([
24455
24687
  DuetToolbar,
24456
24688
  DuetToolbarDropdown,
24457
24689
  DuetToolbarDropdownLink,
24690
+ DuetToolbarItem,
24458
24691
  DuetToolbarLink,
24459
24692
  DuetTooltip,
24460
24693
  DuetTooltipButton,