@duetds/components 6.2.5 → 6.2.6

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 (503) hide show
  1. package/hydrate/index.js +255 -321
  2. package/lib/cjs/duet-action-button.cjs.entry.js +1 -1
  3. package/lib/cjs/duet-alert.cjs.entry.js +1 -1
  4. package/lib/cjs/duet-badge.cjs.entry.js +1 -1
  5. package/lib/cjs/duet-breadcrumb.cjs.entry.js +1 -1
  6. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +1 -1
  7. package/lib/cjs/duet-button_2.cjs.entry.js +1 -1
  8. package/lib/cjs/duet-caption_4.cjs.entry.js +1 -1
  9. package/lib/cjs/duet-card.cjs.entry.js +1 -1
  10. package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
  11. package/lib/cjs/duet-choice_2.cjs.entry.js +3 -3
  12. package/lib/cjs/duet-collapsible.cjs.entry.js +1 -1
  13. package/lib/cjs/duet-combobox.cjs.entry.js +1 -1
  14. package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
  15. package/lib/cjs/duet-date-picker.cjs.entry.js +2 -2
  16. package/lib/cjs/duet-divider_2.cjs.entry.js +1 -1
  17. package/lib/cjs/duet-editable-table_3.cjs.entry.js +1 -1
  18. package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
  19. package/lib/cjs/duet-fieldset.cjs.entry.js +2 -2
  20. package/lib/cjs/duet-footer.cjs.entry.js +1 -1
  21. package/lib/cjs/duet-grid_2.cjs.entry.js +1 -1
  22. package/lib/cjs/duet-header_2.cjs.entry.js +1 -1
  23. package/lib/cjs/duet-hero.cjs.entry.js +1 -1
  24. package/lib/cjs/duet-icon.cjs.entry.js +1 -1
  25. package/lib/cjs/duet-input_2.cjs.entry.js +1 -1
  26. package/lib/cjs/duet-layout.cjs.entry.js +1 -1
  27. package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
  28. package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +15 -2
  29. package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +26 -15
  30. package/lib/cjs/duet-menu-bar-link.cjs.entry.js +22 -3
  31. package/lib/cjs/duet-menu-bar.cjs.entry.js +4 -3
  32. package/lib/cjs/duet-modal.cjs.entry.js +2 -2
  33. package/lib/cjs/duet-multiselect.cjs.entry.js +1 -1
  34. package/lib/cjs/duet-nav.cjs.entry.js +2 -80
  35. package/lib/cjs/duet-notification_2.cjs.entry.js +1 -1
  36. package/lib/cjs/duet-number-input.cjs.entry.js +1 -1
  37. package/lib/cjs/duet-pagination_2.cjs.entry.js +1 -1
  38. package/lib/cjs/duet-progress.cjs.entry.js +1 -1
  39. package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
  40. package/lib/cjs/duet-range-slider.cjs.entry.js +1 -1
  41. package/lib/cjs/duet-scrollable_3.cjs.entry.js +1 -1
  42. package/lib/cjs/duet-section-layout.cjs.entry.js +1 -1
  43. package/lib/cjs/duet-select.cjs.entry.js +1 -1
  44. package/lib/cjs/duet-step_2.cjs.entry.js +1 -1
  45. package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +43 -0
  46. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +51 -0
  47. package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +37 -0
  48. package/lib/cjs/duet-submenu-bar.cjs.entry.js +35 -0
  49. package/lib/cjs/duet-textarea.cjs.entry.js +1 -1
  50. package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
  51. package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +1 -1
  52. package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +10 -15
  53. package/lib/cjs/duet-toolbar-link.cjs.entry.js +2 -2
  54. package/lib/cjs/duet-toolbar.cjs.entry.js +2 -2
  55. package/lib/cjs/duet-tooltip.cjs.entry.js +1 -1
  56. package/lib/cjs/duet-tray.cjs.entry.js +1 -1
  57. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
  58. package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
  59. package/lib/cjs/duet.cjs.js +2 -2
  60. package/lib/cjs/{focus-utils-18ea61a6.js → focus-utils-0d18f24e.js} +1 -1
  61. package/lib/cjs/{index-d2f05eb8.js → index-14a34a4b.js} +1 -1
  62. package/lib/cjs/loader.cjs.js +2 -2
  63. package/lib/collection/collection-manifest.json +6 -6
  64. package/lib/collection/components/duet-choice/duet-choice.css +6 -1
  65. package/lib/collection/components/duet-fieldset/duet-fieldset.css +2 -0
  66. package/lib/collection/components/duet-menu-bar/duet-menu-bar.css +8 -1
  67. package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +19 -1
  68. package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.css +4 -3
  69. package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js +31 -32
  70. package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.css +10 -2
  71. package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js +31 -0
  72. package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.css +47 -7
  73. package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js +38 -1
  74. package/lib/collection/components/duet-nav/duet-nav.css +5 -0
  75. package/lib/collection/components/duet-nav/duet-nav.js +0 -117
  76. package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.css +37 -0
  77. package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +63 -0
  78. package/lib/collection/components/{duet-menu-bar-menu-dropdown/duet-menu-bar-menu-dropdown.css → duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.css} +28 -18
  79. package/lib/collection/components/{duet-menu-bar-menu-dropdown/duet-menu-bar-menu-dropdown.js → duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js} +20 -37
  80. package/lib/collection/components/{duet-menu-bar-menu-dropdown-link/duet-menu-bar-menu-dropdown-link.css → duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.css} +6 -6
  81. package/lib/collection/components/{duet-menu-bar-menu-dropdown-link/duet-menu-bar-menu-dropdown-link.js → duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js} +6 -6
  82. package/lib/collection/components/{duet-menu-bar-menu-link/duet-menu-bar-menu-link.css → duet-submenu-bar-link/duet-submenu-bar-link.css} +5 -17
  83. package/lib/collection/components/{duet-menu-bar-menu-link/duet-menu-bar-menu-link.js → duet-submenu-bar-link/duet-submenu-bar-link.js} +5 -24
  84. package/lib/collection/components/duet-toolbar/duet-toolbar.css +1 -0
  85. package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.css +2 -3
  86. package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +15 -32
  87. package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +1 -1
  88. package/lib/dist-custom-elements/duet-action-button.js +1 -1
  89. package/lib/dist-custom-elements/duet-alert.js +1 -1
  90. package/lib/dist-custom-elements/duet-badge.js +1 -1
  91. package/lib/dist-custom-elements/duet-breadcrumb.js +2 -2
  92. package/lib/dist-custom-elements/duet-breadcrumbs.js +2 -2
  93. package/lib/dist-custom-elements/duet-button.js +1 -1
  94. package/lib/dist-custom-elements/duet-caption.js +1 -1
  95. package/lib/dist-custom-elements/duet-card.js +3 -3
  96. package/lib/dist-custom-elements/duet-checkbox.js +1 -1
  97. package/lib/dist-custom-elements/duet-choice-group.js +6 -6
  98. package/lib/dist-custom-elements/duet-choice.js +6 -6
  99. package/lib/dist-custom-elements/duet-collapsible.js +2 -2
  100. package/lib/dist-custom-elements/duet-combobox.js +2 -2
  101. package/lib/dist-custom-elements/duet-cookie-consent.js +6 -6
  102. package/lib/dist-custom-elements/duet-date-picker.js +8 -8
  103. package/lib/dist-custom-elements/duet-divider.js +1 -1
  104. package/lib/dist-custom-elements/duet-editable-table.js +1 -1
  105. package/lib/dist-custom-elements/duet-empty-state.js +1 -1
  106. package/lib/dist-custom-elements/duet-fieldset.js +1 -1
  107. package/lib/dist-custom-elements/duet-footer.js +4 -4
  108. package/lib/dist-custom-elements/duet-grid-item.js +1 -1
  109. package/lib/dist-custom-elements/duet-grid.js +1 -1
  110. package/lib/dist-custom-elements/duet-header.js +8 -8
  111. package/lib/dist-custom-elements/duet-heading.js +1 -1
  112. package/lib/dist-custom-elements/duet-hero.js +9 -9
  113. package/lib/dist-custom-elements/duet-icon.js +1 -1
  114. package/lib/dist-custom-elements/duet-input.js +1 -1
  115. package/lib/dist-custom-elements/duet-label.js +1 -1
  116. package/lib/dist-custom-elements/duet-layout.js +1 -1
  117. package/lib/dist-custom-elements/duet-link.js +1 -1
  118. package/lib/dist-custom-elements/duet-list-item.js +1 -1
  119. package/lib/dist-custom-elements/duet-list.js +1 -1
  120. package/lib/dist-custom-elements/duet-logo.js +1 -1
  121. package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +18 -4
  122. package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +28 -17
  123. package/lib/dist-custom-elements/duet-menu-bar-link.js +24 -4
  124. package/lib/dist-custom-elements/duet-menu-bar.js +6 -4
  125. package/lib/dist-custom-elements/duet-modal.js +7 -7
  126. package/lib/dist-custom-elements/duet-multiselect.js +8 -8
  127. package/lib/dist-custom-elements/duet-nav.js +3 -81
  128. package/lib/dist-custom-elements/duet-notification-drawer.js +4 -4
  129. package/lib/dist-custom-elements/duet-notification.js +2 -2
  130. package/lib/dist-custom-elements/duet-number-input.js +7 -7
  131. package/lib/dist-custom-elements/duet-pagination.js +7 -7
  132. package/lib/dist-custom-elements/duet-paragraph.js +1 -1
  133. package/lib/dist-custom-elements/duet-progress.js +1 -1
  134. package/lib/dist-custom-elements/duet-radio-group.js +6 -6
  135. package/lib/dist-custom-elements/duet-radio.js +1 -1
  136. package/lib/dist-custom-elements/duet-range-slider.js +2 -2
  137. package/lib/dist-custom-elements/duet-range-stepper.js +4 -4
  138. package/lib/dist-custom-elements/duet-scrollable.js +1 -1
  139. package/lib/dist-custom-elements/duet-section-layout.js +1 -1
  140. package/lib/dist-custom-elements/duet-select.js +1 -1
  141. package/lib/dist-custom-elements/duet-spacer.js +1 -1
  142. package/lib/dist-custom-elements/duet-spinner.js +1 -1
  143. package/lib/dist-custom-elements/duet-step.js +4 -4
  144. package/lib/dist-custom-elements/duet-stepper.js +2 -2
  145. package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.d.ts +11 -0
  146. package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +69 -0
  147. package/lib/dist-custom-elements/duet-submenu-bar-dropdown.d.ts +11 -0
  148. package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +75 -0
  149. package/lib/dist-custom-elements/{duet-menu-bar-menu-link.d.ts → duet-submenu-bar-link.d.ts} +4 -4
  150. package/lib/dist-custom-elements/duet-submenu-bar-link.js +61 -0
  151. package/lib/dist-custom-elements/{duet-menu-bar-menu.d.ts → duet-submenu-bar.d.ts} +4 -4
  152. package/lib/dist-custom-elements/duet-submenu-bar.js +51 -0
  153. package/lib/dist-custom-elements/duet-tab-group.js +8 -8
  154. package/lib/dist-custom-elements/duet-tab.js +1 -1
  155. package/lib/dist-custom-elements/duet-table.js +1 -1
  156. package/lib/dist-custom-elements/duet-textarea.js +8 -8
  157. package/lib/dist-custom-elements/duet-toggle.js +2 -2
  158. package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +2 -2
  159. package/lib/dist-custom-elements/duet-toolbar-dropdown.js +12 -17
  160. package/lib/dist-custom-elements/duet-toolbar-link.js +3 -3
  161. package/lib/dist-custom-elements/duet-toolbar.js +2 -2
  162. package/lib/dist-custom-elements/duet-tooltip.js +1 -1
  163. package/lib/dist-custom-elements/duet-tray.js +3 -3
  164. package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
  165. package/lib/dist-custom-elements/duet-upload.js +18 -18
  166. package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
  167. package/lib/dist-custom-elements/index.d.ts +4 -4
  168. package/lib/dist-custom-elements/index.js +5 -5
  169. package/lib/dist-custom-elements/{p-94eae3e6.js → p-0145dc9f.js} +1 -1
  170. package/lib/dist-custom-elements/{p-cab1e8a0.js → p-029208b5.js} +7 -7
  171. package/lib/dist-custom-elements/{p-d628dd87.js → p-076044f7.js} +3 -3
  172. package/lib/dist-custom-elements/{p-37dd7faf.js → p-0bc5bea3.js} +1 -1
  173. package/lib/dist-custom-elements/{p-eb6fc032.js → p-11621a52.js} +4 -4
  174. package/lib/dist-custom-elements/{p-9fef7d37.js → p-1c5a0ab0.js} +1 -1
  175. package/lib/dist-custom-elements/{p-10feffd3.js → p-2d3fc462.js} +1 -1
  176. package/lib/dist-custom-elements/{p-b5ea480c.js → p-2f9f54eb.js} +2 -2
  177. package/lib/dist-custom-elements/{p-d2402b45.js → p-31b3a82e.js} +3 -3
  178. package/lib/dist-custom-elements/{p-ad7292b3.js → p-3b1bc8f3.js} +3 -3
  179. package/lib/dist-custom-elements/{p-db135ec9.js → p-4905133d.js} +1 -1
  180. package/lib/dist-custom-elements/{p-a1212d29.js → p-49d5f105.js} +1 -1
  181. package/lib/dist-custom-elements/{p-fed8d27a.js → p-52471a7a.js} +2 -2
  182. package/lib/dist-custom-elements/{p-88d217a7.js → p-5846a06a.js} +2 -2
  183. package/lib/dist-custom-elements/{p-4115062c.js → p-626f0ed7.js} +1 -1
  184. package/lib/dist-custom-elements/{p-354f8a94.js → p-7b1b2eef.js} +1 -1
  185. package/lib/dist-custom-elements/{p-7958dc0c.js → p-88b72658.js} +6 -6
  186. package/lib/dist-custom-elements/{p-fddad5df.js → p-91098fd5.js} +1 -1
  187. package/lib/dist-custom-elements/{p-737dd784.js → p-9d08c707.js} +6 -6
  188. package/lib/dist-custom-elements/{p-14a163e6.js → p-a1724291.js} +1 -1
  189. package/lib/dist-custom-elements/{p-d34c42bc.js → p-a5f24f49.js} +1 -1
  190. package/lib/dist-custom-elements/{p-4447816d.js → p-ab04760e.js} +1 -1
  191. package/lib/dist-custom-elements/{p-82fec063.js → p-becb3aa3.js} +1 -1
  192. package/lib/dist-custom-elements/{p-65ee8608.js → p-cc5bc0c6.js} +3 -3
  193. package/lib/dist-custom-elements/{p-f7c0e5bf.js → p-ce42be86.js} +1 -1
  194. package/lib/dist-custom-elements/{p-25d4fffb.js → p-d188f26e.js} +1 -1
  195. package/lib/dist-custom-elements/{p-bd64a84d.js → p-db985827.js} +2 -2
  196. package/lib/dist-custom-elements/{p-af2e8de4.js → p-e4c2e7eb.js} +5 -5
  197. package/lib/dist-custom-elements/{p-0ef384ca.js → p-f079cc55.js} +1 -1
  198. package/lib/dist-custom-elements/{p-9245c901.js → p-f4d2face.js} +1 -1
  199. package/lib/dist-custom-elements/{p-0cc49790.js → p-fe5341bf.js} +1 -1
  200. package/lib/duet/duet.esm.js +1 -1
  201. package/lib/duet/duet.js +1 -1
  202. package/lib/duet/{p-f01d234f.system.entry.js → p-01a95d2f.system.entry.js} +1 -1
  203. package/lib/duet/{p-f7453c05.system.entry.js → p-06a4aee0.system.entry.js} +1 -1
  204. package/lib/duet/{p-0d218007.entry.js → p-07a46bc0.entry.js} +1 -1
  205. package/lib/duet/{p-f150740b.entry.js → p-0818ae38.entry.js} +1 -1
  206. package/lib/duet/{p-81e66ef1.entry.js → p-08f88403.entry.js} +1 -1
  207. package/lib/duet/{p-16b61523.system.entry.js → p-140c2b23.system.entry.js} +1 -1
  208. package/lib/duet/{p-0f8e4b6a.entry.js → p-16665db1.entry.js} +1 -1
  209. package/lib/duet/{p-0236fc28.system.entry.js → p-16803126.system.entry.js} +1 -1
  210. package/lib/duet/{p-f2bcb922.system.entry.js → p-18bdd586.system.entry.js} +1 -1
  211. package/lib/duet/{p-9101f9ed.entry.js → p-1bde084c.entry.js} +1 -1
  212. package/lib/duet/{p-696d99ff.system.entry.js → p-1c8bd070.system.entry.js} +1 -1
  213. package/lib/duet/p-1d75f8c8.system.entry.js +4 -0
  214. package/lib/duet/{p-daa20c36.system.entry.js → p-1f1ce7cb.system.entry.js} +1 -1
  215. package/lib/duet/{p-43750071.system.entry.js → p-250c73cb.system.entry.js} +1 -1
  216. package/lib/duet/p-25bbc964.system.entry.js +4 -0
  217. package/lib/duet/p-2821969c.system.entry.js +4 -0
  218. package/lib/duet/{p-10b1ea3e.system.entry.js → p-2ddfb202.system.entry.js} +1 -1
  219. package/lib/duet/{p-45b0469f.entry.js → p-2e21973b.entry.js} +1 -1
  220. package/lib/duet/{p-d16434dc.entry.js → p-321b7e1b.entry.js} +1 -1
  221. package/lib/duet/{p-e621c31c.system.entry.js → p-38c7c72f.system.entry.js} +1 -1
  222. package/lib/duet/{p-2f0f8b9e.system.entry.js → p-3d2b34f3.system.entry.js} +1 -1
  223. package/lib/duet/{p-bcd4a927.system.entry.js → p-3e4a074c.system.entry.js} +1 -1
  224. package/lib/duet/{p-c12ecca9.entry.js → p-3e4cfd2d.entry.js} +1 -1
  225. package/lib/duet/{p-60c70efa.entry.js → p-428f4378.entry.js} +1 -1
  226. package/lib/duet/{p-bc2c1014.entry.js → p-44fb0cd4.entry.js} +1 -1
  227. package/lib/duet/{p-c41bfab0.entry.js → p-453bb082.entry.js} +1 -1
  228. package/lib/duet/{p-f9afad76.system.entry.js → p-476affb5.system.entry.js} +1 -1
  229. package/lib/duet/{p-b293c2ff.entry.js → p-498a337c.entry.js} +1 -1
  230. package/lib/duet/p-49f74a78.system.entry.js +4 -0
  231. package/lib/duet/p-4afc265b.entry.js +4 -0
  232. package/lib/duet/{p-0d6723f5.entry.js → p-4bf9ce5d.entry.js} +1 -1
  233. package/lib/duet/{p-914c3280.system.entry.js → p-4d7701cf.system.entry.js} +1 -1
  234. package/lib/duet/{p-16cbd476.entry.js → p-4e5a7d50.entry.js} +1 -1
  235. package/lib/duet/{p-1184c37e.entry.js → p-4e669043.entry.js} +1 -1
  236. package/lib/duet/{p-5bffb89f.entry.js → p-52b1ae9c.entry.js} +1 -1
  237. package/lib/duet/{p-c3a0505e.system.entry.js → p-589d18c0.system.entry.js} +1 -1
  238. package/lib/duet/{p-9a14ca19.system.entry.js → p-5be0eb10.system.entry.js} +1 -1
  239. package/lib/duet/p-5d2799c7.system.entry.js +4 -0
  240. package/lib/duet/{p-acea52f5.entry.js → p-5d3d3ef4.entry.js} +1 -1
  241. package/lib/duet/p-5ffa7084.entry.js +4 -0
  242. package/lib/duet/p-61208b24.system.entry.js +4 -0
  243. package/lib/duet/p-665fc09a.entry.js +4 -0
  244. package/lib/duet/{p-00ee31e2.system.entry.js → p-6801edc9.system.entry.js} +1 -1
  245. package/lib/duet/{p-758c0528.system.entry.js → p-68802a44.system.entry.js} +1 -1
  246. package/lib/duet/p-6ba131a6.entry.js +4 -0
  247. package/lib/duet/{p-f678edf7.system.entry.js → p-6dcb5ddf.system.entry.js} +1 -1
  248. package/lib/duet/{p-b2c913ea.entry.js → p-71669602.entry.js} +1 -1
  249. package/lib/duet/p-71b48d4c.entry.js +4 -0
  250. package/lib/duet/p-73b840aa.entry.js +4 -0
  251. package/lib/duet/{p-6f2e72e2.system.entry.js → p-7758cfac.system.entry.js} +1 -1
  252. package/lib/duet/{p-a8d942ea.entry.js → p-79740f92.entry.js} +1 -1
  253. package/lib/duet/{p-6999702a.js → p-7aa97a75.js} +1 -1
  254. package/lib/duet/{p-ec635593.entry.js → p-7c171bac.entry.js} +1 -1
  255. package/lib/duet/{p-cf11b05b.entry.js → p-7d6c1aee.entry.js} +1 -1
  256. package/lib/duet/p-7e2dd844.system.entry.js +4 -0
  257. package/lib/duet/p-7e3dd6a8.system.entry.js +4 -0
  258. package/lib/duet/p-80b2336e.entry.js +4 -0
  259. package/lib/duet/{p-6db0f8c0.entry.js → p-80e9768b.entry.js} +1 -1
  260. package/lib/duet/{p-ef3f4213.entry.js → p-80ee2e1e.entry.js} +1 -1
  261. package/lib/duet/{p-0285e5d3.entry.js → p-821b780e.entry.js} +1 -1
  262. package/lib/duet/{p-ea8e5649.system.entry.js → p-86cc218e.system.entry.js} +2 -2
  263. package/lib/duet/{p-06c01b8a.system.entry.js → p-882e9987.system.entry.js} +1 -1
  264. package/lib/duet/{p-592bcdd4.entry.js → p-88cd99ba.entry.js} +1 -1
  265. package/lib/duet/{p-d58991bc.system.js → p-8b50f74e.system.js} +1 -1
  266. package/lib/duet/{p-8512b463.js → p-8bf3f0e9.js} +1 -1
  267. package/lib/duet/{p-89bf7be7.entry.js → p-92867eb0.entry.js} +1 -1
  268. package/lib/duet/{p-58de4753.system.entry.js → p-93825b5f.system.entry.js} +1 -1
  269. package/lib/duet/{p-b3046425.entry.js → p-9663117c.entry.js} +1 -1
  270. package/lib/duet/{p-5e134670.entry.js → p-96c274ff.entry.js} +1 -1
  271. package/lib/duet/p-98821736.entry.js +4 -0
  272. package/lib/duet/{p-8a47d599.system.entry.js → p-99577e5e.system.entry.js} +1 -1
  273. package/lib/duet/{p-948d492d.system.entry.js → p-9ab64b1c.system.entry.js} +1 -1
  274. package/lib/duet/{p-7e67fedc.system.entry.js → p-9adf9ec0.system.entry.js} +1 -1
  275. package/lib/duet/p-9b946c8f.system.entry.js +4 -0
  276. package/lib/duet/{p-b5dc8a8f.system.entry.js → p-9ba30a52.system.entry.js} +1 -1
  277. package/lib/duet/{p-e71a6257.system.js → p-9c0ae091.system.js} +1 -1
  278. package/lib/duet/{p-14e93ad6.system.entry.js → p-9f02fd3a.system.entry.js} +1 -1
  279. package/lib/duet/p-a03ec953.system.entry.js +4 -0
  280. package/lib/duet/{p-7fcbf80a.system.entry.js → p-a238f10c.system.entry.js} +1 -1
  281. package/lib/duet/p-a259e3da.system.entry.js +4 -0
  282. package/lib/duet/{p-855f9e2a.system.entry.js → p-a345635b.system.entry.js} +1 -1
  283. package/lib/duet/p-a5a7be5e.entry.js +4 -0
  284. package/lib/duet/{p-0426e86f.system.entry.js → p-a5af4cc5.system.entry.js} +1 -1
  285. package/lib/duet/{p-575e4d53.system.entry.js → p-b20f40db.system.entry.js} +1 -1
  286. package/lib/duet/{p-4644616b.entry.js → p-b21e895c.entry.js} +1 -1
  287. package/lib/duet/{p-90ea4509.system.entry.js → p-b31232db.system.entry.js} +1 -1
  288. package/lib/duet/{p-0169eb09.entry.js → p-b3fd554a.entry.js} +1 -1
  289. package/lib/duet/{p-61f8dd7f.system.entry.js → p-b5ee9c33.system.entry.js} +1 -1
  290. package/lib/duet/{p-d2ef832d.entry.js → p-b624c8ec.entry.js} +1 -1
  291. package/lib/duet/{p-ebc09697.system.entry.js → p-b68e7921.system.entry.js} +1 -1
  292. package/lib/duet/{p-dc51f077.entry.js → p-b8adb02e.entry.js} +1 -1
  293. package/lib/duet/{p-1b63c3bf.entry.js → p-bb33769c.entry.js} +1 -1
  294. package/lib/duet/{p-d971be46.entry.js → p-bfab9d81.entry.js} +1 -1
  295. package/lib/duet/{p-028da443.system.entry.js → p-c33cfdf4.system.entry.js} +1 -1
  296. package/lib/duet/p-c346b2c2.system.entry.js +4 -0
  297. package/lib/duet/{p-ac4c233b.entry.js → p-ccae1572.entry.js} +1 -1
  298. package/lib/duet/p-cdbad668.system.js +4 -0
  299. package/lib/duet/{p-9f60735a.system.entry.js → p-ce6d729c.system.entry.js} +1 -1
  300. package/lib/duet/{p-11c58a6b.entry.js → p-cf202e49.entry.js} +1 -1
  301. package/lib/duet/{p-0aae8ebf.entry.js → p-d3a8e2e6.entry.js} +1 -1
  302. package/lib/duet/{p-dfcbf758.system.entry.js → p-d3b1d4dc.system.entry.js} +1 -1
  303. package/lib/duet/{p-0fc0e90e.entry.js → p-d6045a19.entry.js} +1 -1
  304. package/lib/duet/{p-f6712ec8.system.entry.js → p-d64a3684.system.entry.js} +1 -1
  305. package/lib/duet/p-daa9f332.system.entry.js +4 -0
  306. package/lib/duet/{p-79c8d35c.system.entry.js → p-dd594b0c.system.entry.js} +1 -1
  307. package/lib/duet/{p-1a45eddb.system.entry.js → p-df2f8d6d.system.entry.js} +1 -1
  308. package/lib/duet/{p-c2c48bb2.entry.js → p-e2f77664.entry.js} +1 -1
  309. package/lib/duet/p-e651e225.entry.js +4 -0
  310. package/lib/duet/{p-c17cae49.entry.js → p-e6f8fb38.entry.js} +1 -1
  311. package/lib/duet/{p-0e1a3c6d.entry.js → p-e78f9d3b.entry.js} +1 -1
  312. package/lib/duet/{p-da803459.entry.js → p-e8da082b.entry.js} +1 -1
  313. package/lib/duet/{p-4e2db855.system.entry.js → p-e9259242.system.entry.js} +1 -1
  314. package/lib/duet/{p-1e442975.entry.js → p-ea769354.entry.js} +1 -1
  315. package/lib/duet/{p-f3d0d889.entry.js → p-efbe9082.entry.js} +1 -1
  316. package/lib/duet/{p-c5e54be9.entry.js → p-f17dd3be.entry.js} +1 -1
  317. package/lib/duet/{p-09e9e6e0.system.entry.js → p-f1d8bc66.system.entry.js} +1 -1
  318. package/lib/duet/p-f3f652cb.entry.js +4 -0
  319. package/lib/duet/{p-dd676f12.system.entry.js → p-f6665a9b.system.entry.js} +1 -1
  320. package/lib/duet/p-fb7e3c61.entry.js +4 -0
  321. package/lib/esm/duet-action-button.entry.js +1 -1
  322. package/lib/esm/duet-alert.entry.js +1 -1
  323. package/lib/esm/duet-badge.entry.js +1 -1
  324. package/lib/esm/duet-breadcrumb.entry.js +1 -1
  325. package/lib/esm/duet-breadcrumbs.entry.js +1 -1
  326. package/lib/esm/duet-button_2.entry.js +1 -1
  327. package/lib/esm/duet-caption_4.entry.js +1 -1
  328. package/lib/esm/duet-card.entry.js +1 -1
  329. package/lib/esm/duet-checkbox.entry.js +1 -1
  330. package/lib/esm/duet-choice_2.entry.js +3 -3
  331. package/lib/esm/duet-collapsible.entry.js +1 -1
  332. package/lib/esm/duet-combobox.entry.js +1 -1
  333. package/lib/esm/duet-cookie-consent.entry.js +1 -1
  334. package/lib/esm/duet-date-picker.entry.js +2 -2
  335. package/lib/esm/duet-divider_2.entry.js +1 -1
  336. package/lib/esm/duet-editable-table_3.entry.js +1 -1
  337. package/lib/esm/duet-empty-state.entry.js +1 -1
  338. package/lib/esm/duet-fieldset.entry.js +2 -2
  339. package/lib/esm/duet-footer.entry.js +1 -1
  340. package/lib/esm/duet-grid_2.entry.js +1 -1
  341. package/lib/esm/duet-header_2.entry.js +1 -1
  342. package/lib/esm/duet-hero.entry.js +1 -1
  343. package/lib/esm/duet-icon.entry.js +1 -1
  344. package/lib/esm/duet-input_2.entry.js +1 -1
  345. package/lib/esm/duet-layout.entry.js +1 -1
  346. package/lib/esm/duet-list_2.entry.js +1 -1
  347. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +15 -2
  348. package/lib/esm/duet-menu-bar-dropdown.entry.js +26 -15
  349. package/lib/esm/duet-menu-bar-link.entry.js +22 -3
  350. package/lib/esm/duet-menu-bar.entry.js +4 -3
  351. package/lib/esm/duet-modal.entry.js +2 -2
  352. package/lib/esm/duet-multiselect.entry.js +1 -1
  353. package/lib/esm/duet-nav.entry.js +2 -80
  354. package/lib/esm/duet-notification_2.entry.js +1 -1
  355. package/lib/esm/duet-number-input.entry.js +1 -1
  356. package/lib/esm/duet-pagination_2.entry.js +1 -1
  357. package/lib/esm/duet-progress.entry.js +1 -1
  358. package/lib/esm/duet-radio_2.entry.js +1 -1
  359. package/lib/esm/duet-range-slider.entry.js +1 -1
  360. package/lib/esm/duet-scrollable_3.entry.js +1 -1
  361. package/lib/esm/duet-section-layout.entry.js +1 -1
  362. package/lib/esm/duet-select.entry.js +1 -1
  363. package/lib/esm/duet-step_2.entry.js +1 -1
  364. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +39 -0
  365. package/lib/esm/duet-submenu-bar-dropdown.entry.js +47 -0
  366. package/lib/esm/duet-submenu-bar-link.entry.js +33 -0
  367. package/lib/esm/duet-submenu-bar.entry.js +31 -0
  368. package/lib/esm/duet-textarea.entry.js +1 -1
  369. package/lib/esm/duet-toggle.entry.js +1 -1
  370. package/lib/esm/duet-toolbar-dropdown-link.entry.js +1 -1
  371. package/lib/esm/duet-toolbar-dropdown.entry.js +10 -15
  372. package/lib/esm/duet-toolbar-link.entry.js +2 -2
  373. package/lib/esm/duet-toolbar.entry.js +2 -2
  374. package/lib/esm/duet-tooltip.entry.js +1 -1
  375. package/lib/esm/duet-tray.entry.js +1 -1
  376. package/lib/esm/duet-upload-aria-status.entry.js +1 -1
  377. package/lib/esm/duet-visually-hidden.entry.js +1 -1
  378. package/lib/esm/duet.js +2 -2
  379. package/lib/esm/{focus-utils-abaea1e6.js → focus-utils-25584abb.js} +1 -1
  380. package/lib/esm/{index-4df60498.js → index-f74e4d6a.js} +1 -1
  381. package/lib/esm/loader.js +2 -2
  382. package/lib/esm-es5/duet-action-button.entry.js +1 -1
  383. package/lib/esm-es5/duet-alert.entry.js +1 -1
  384. package/lib/esm-es5/duet-badge.entry.js +1 -1
  385. package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
  386. package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
  387. package/lib/esm-es5/duet-button_2.entry.js +1 -1
  388. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  389. package/lib/esm-es5/duet-card.entry.js +1 -1
  390. package/lib/esm-es5/duet-checkbox.entry.js +1 -1
  391. package/lib/esm-es5/duet-choice_2.entry.js +1 -1
  392. package/lib/esm-es5/duet-collapsible.entry.js +1 -1
  393. package/lib/esm-es5/duet-combobox.entry.js +1 -1
  394. package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
  395. package/lib/esm-es5/duet-date-picker.entry.js +1 -1
  396. package/lib/esm-es5/duet-divider_2.entry.js +1 -1
  397. package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
  398. package/lib/esm-es5/duet-empty-state.entry.js +1 -1
  399. package/lib/esm-es5/duet-fieldset.entry.js +1 -1
  400. package/lib/esm-es5/duet-footer.entry.js +1 -1
  401. package/lib/esm-es5/duet-grid_2.entry.js +2 -2
  402. package/lib/esm-es5/duet-header_2.entry.js +1 -1
  403. package/lib/esm-es5/duet-hero.entry.js +1 -1
  404. package/lib/esm-es5/duet-icon.entry.js +1 -1
  405. package/lib/esm-es5/duet-input_2.entry.js +1 -1
  406. package/lib/esm-es5/duet-layout.entry.js +1 -1
  407. package/lib/esm-es5/duet-list_2.entry.js +1 -1
  408. package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js +1 -1
  409. package/lib/esm-es5/duet-menu-bar-dropdown.entry.js +1 -1
  410. package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
  411. package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
  412. package/lib/esm-es5/duet-modal.entry.js +1 -1
  413. package/lib/esm-es5/duet-multiselect.entry.js +1 -1
  414. package/lib/esm-es5/duet-nav.entry.js +1 -1
  415. package/lib/esm-es5/duet-notification_2.entry.js +1 -1
  416. package/lib/esm-es5/duet-number-input.entry.js +2 -2
  417. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  418. package/lib/esm-es5/duet-progress.entry.js +1 -1
  419. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  420. package/lib/esm-es5/duet-range-slider.entry.js +1 -1
  421. package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
  422. package/lib/esm-es5/duet-section-layout.entry.js +1 -1
  423. package/lib/esm-es5/duet-select.entry.js +1 -1
  424. package/lib/esm-es5/duet-step_2.entry.js +1 -1
  425. package/lib/esm-es5/duet-submenu-bar-dropdown-link.entry.js +4 -0
  426. package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js +4 -0
  427. package/lib/esm-es5/duet-submenu-bar-link.entry.js +4 -0
  428. package/lib/esm-es5/duet-submenu-bar.entry.js +4 -0
  429. package/lib/esm-es5/duet-textarea.entry.js +1 -1
  430. package/lib/esm-es5/duet-toggle.entry.js +1 -1
  431. package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
  432. package/lib/esm-es5/duet-toolbar-dropdown.entry.js +1 -1
  433. package/lib/esm-es5/duet-toolbar-link.entry.js +1 -1
  434. package/lib/esm-es5/duet-toolbar.entry.js +1 -1
  435. package/lib/esm-es5/duet-tooltip.entry.js +1 -1
  436. package/lib/esm-es5/duet-tray.entry.js +1 -1
  437. package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
  438. package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
  439. package/lib/esm-es5/duet.js +1 -1
  440. package/lib/esm-es5/focus-utils-25584abb.js +4 -0
  441. package/lib/esm-es5/{index-4df60498.js → index-f74e4d6a.js} +1 -1
  442. package/lib/esm-es5/loader.js +1 -1
  443. package/lib/types/components/duet-menu-bar/duet-menu-bar.d.ts +4 -0
  444. package/lib/types/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.d.ts +2 -16
  445. package/lib/types/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.d.ts +5 -0
  446. package/lib/types/components/duet-menu-bar-link/duet-menu-bar-link.d.ts +5 -0
  447. package/lib/types/components/duet-nav/duet-nav.d.ts +0 -18
  448. package/lib/types/components/duet-submenu-bar/duet-submenu-bar.d.ts +24 -0
  449. package/lib/types/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.d.ts +34 -0
  450. package/lib/types/components/{duet-menu-bar-menu-dropdown-link/duet-menu-bar-menu-dropdown-link.d.ts → duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.d.ts} +1 -1
  451. package/lib/types/components/{duet-menu-bar-menu-link/duet-menu-bar-menu-link.d.ts → duet-submenu-bar-link/duet-submenu-bar-link.d.ts} +1 -5
  452. package/lib/types/components/duet-toolbar-dropdown/duet-toolbar-dropdown.d.ts +1 -16
  453. package/lib/types/components.d.ts +158 -194
  454. package/package.json +5 -5
  455. package/lib/cjs/duet-menu-bar-menu-dropdown-link.cjs.entry.js +0 -43
  456. package/lib/cjs/duet-menu-bar-menu-dropdown.cjs.entry.js +0 -56
  457. package/lib/cjs/duet-menu-bar-menu-link.cjs.entry.js +0 -38
  458. package/lib/cjs/duet-menu-bar-menu.cjs.entry.js +0 -56
  459. package/lib/collection/components/duet-menu-bar-menu/duet-menu-bar-menu.css +0 -113
  460. package/lib/collection/components/duet-menu-bar-menu/duet-menu-bar-menu.js +0 -141
  461. package/lib/dist-custom-elements/duet-menu-bar-menu-dropdown-link.d.ts +0 -11
  462. package/lib/dist-custom-elements/duet-menu-bar-menu-dropdown-link.js +0 -69
  463. package/lib/dist-custom-elements/duet-menu-bar-menu-dropdown.d.ts +0 -11
  464. package/lib/dist-custom-elements/duet-menu-bar-menu-dropdown.js +0 -80
  465. package/lib/dist-custom-elements/duet-menu-bar-menu-link.js +0 -63
  466. package/lib/dist-custom-elements/duet-menu-bar-menu.js +0 -74
  467. package/lib/duet/p-0c519c1f.system.entry.js +0 -4
  468. package/lib/duet/p-14cca806.entry.js +0 -4
  469. package/lib/duet/p-1833941e.entry.js +0 -4
  470. package/lib/duet/p-27a1c897.entry.js +0 -4
  471. package/lib/duet/p-2c5b761d.entry.js +0 -4
  472. package/lib/duet/p-2cbe5fe4.entry.js +0 -4
  473. package/lib/duet/p-326d3440.system.entry.js +0 -4
  474. package/lib/duet/p-394efc25.system.entry.js +0 -4
  475. package/lib/duet/p-400f8e9d.system.entry.js +0 -4
  476. package/lib/duet/p-4c96e54d.entry.js +0 -4
  477. package/lib/duet/p-4d1a5b9e.system.entry.js +0 -4
  478. package/lib/duet/p-5214682e.system.entry.js +0 -4
  479. package/lib/duet/p-5b00d0cf.system.entry.js +0 -4
  480. package/lib/duet/p-63cb7308.system.entry.js +0 -4
  481. package/lib/duet/p-7ccf8ef9.entry.js +0 -4
  482. package/lib/duet/p-81313736.entry.js +0 -4
  483. package/lib/duet/p-8681c6e0.entry.js +0 -4
  484. package/lib/duet/p-8f6cf5d1.entry.js +0 -4
  485. package/lib/duet/p-b180a4e2.system.entry.js +0 -4
  486. package/lib/duet/p-b2688afc.system.entry.js +0 -4
  487. package/lib/duet/p-b821b721.system.entry.js +0 -4
  488. package/lib/duet/p-c4932f05.entry.js +0 -4
  489. package/lib/duet/p-d0f1d25f.system.entry.js +0 -4
  490. package/lib/duet/p-dbddb719.entry.js +0 -4
  491. package/lib/duet/p-dc18b76c.system.entry.js +0 -4
  492. package/lib/duet/p-f9133dc5.system.js +0 -4
  493. package/lib/esm/duet-menu-bar-menu-dropdown-link.entry.js +0 -39
  494. package/lib/esm/duet-menu-bar-menu-dropdown.entry.js +0 -52
  495. package/lib/esm/duet-menu-bar-menu-link.entry.js +0 -34
  496. package/lib/esm/duet-menu-bar-menu.entry.js +0 -52
  497. package/lib/esm-es5/duet-menu-bar-menu-dropdown-link.entry.js +0 -4
  498. package/lib/esm-es5/duet-menu-bar-menu-dropdown.entry.js +0 -4
  499. package/lib/esm-es5/duet-menu-bar-menu-link.entry.js +0 -4
  500. package/lib/esm-es5/duet-menu-bar-menu.entry.js +0 -4
  501. package/lib/esm-es5/focus-utils-abaea1e6.js +0 -4
  502. package/lib/types/components/duet-menu-bar-menu/duet-menu-bar-menu.d.ts +0 -49
  503. package/lib/types/components/duet-menu-bar-menu-dropdown/duet-menu-bar-menu-dropdown.d.ts +0 -49
package/hydrate/index.js CHANGED
@@ -7335,7 +7335,7 @@ const FocusGuard = ({ moveFocusTo }) => {
7335
7335
  return hAsync("div", { class: "duet-focus-guard", "aria-hidden": "true", tabIndex: 0, onFocus: () => focusElement(moveFocusTo) });
7336
7336
  };
7337
7337
 
7338
- const duetChoiceCss = "*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-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;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-choice-h:last-child,.sc-duet-choice-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100% !important}.duet-m-0.sc-duet-choice-h{margin:0 !important}.duet-fixed.sc-duet-choice-h{width:auto !important}.vertical.sc-duet-choice-h{margin-right:0 !important}.horizontal.sc-duet-choice-h{margin-bottom:0 !important}@media (min-width: 48em){.horizontal-responsive.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive.sc-duet-choice-h:last-child,.horizontal-responsive.sc-duet-choice-h:last-of-type{margin-right:0 !important}}.sc-duet-choice-h:last-child:not(:only-child){margin-right:0 !important}.duet-choice-card.sc-duet-choice{position:relative;display:block;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:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:#00294d !important;text-align:left;background:white;border-width:2px}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0 !important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0 !important}.duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a !important}.duet-choice-card-flextainer.sc-duet-choice{display:flex}.duet-choice-label.sc-duet-choice{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:1rem;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:1rem;font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:2px solid #e1e3e6;border-radius:4px;transition:background-color 150ms ease}.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-icon.sc-duet-choice,.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-text.sc-duet-choice{align-self:flex-start;margin-top:0.25rem}.duet-choice-label.sc-duet-choice>div.sc-duet-choice:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-top-right-radius:0;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:#e4e4e6}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:#e4e4e6}.duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:#909599}.duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-checkmark-container.sc-duet-choice{border-color:#909599}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:#747475}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-checkmark-container.sc-duet-choice{border-color:#747475}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:#747475}.duet-choice-label.sc-duet-choice:active{opacity:0.75;transition:none !important}.checked.sc-duet-choice .duet-choice-label.sc-duet-choice{color:#0077b3 !important;background:#f3f9fc;border-color:#0077b3 !important}.checked.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#0077b3}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-choice-label.sc-duet-choice{color:#171c3a !important;background:#f5f5f7;border-color:#171c3a !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#c60c30}.checked.collapsible.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}input.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:#657787 !important;cursor:default !important;background:#f5f8fa !important;border-color:#e1e3e6 !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:#657787 !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:#747475 !important;background:#f5f5f7 !important;border-color:#e4e4e6 !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:#747475 !important}.checked.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:#e1e3e6 !important;border-color:#e1e3e6 !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:#e4e4e6 !important;border-color:#e4e4e6 !important}.duet-checkmark-container.sc-duet-choice{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid #909599;border-radius:4px;transition:border 300ms ease}.duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#747475}.checked.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#0077b3;border-color:#0077b3;transition:none}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#171c3a;border-color:#171c3a !important}.duet-checkmark-container.duet-checkmark-radio.sc-duet-choice{border-radius:50%}[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#cfd2d4 !important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#cfcfd1 !important}.checked.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#cfd2d4 !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#cfcfd1 !important}.duet-checkmark.sc-duet-choice{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid white;border-right:2px solid white;opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon.sc-duet-choice{position:relative}.duet-choice-card-icon.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-section-hidden.sc-duet-choice{display:none}.duet-choice-card-info.duet-choice-card-collapsed.sc-duet-choice,.duet-choice-card-collapsed.duet-choice-card-collapsible.sc-duet-choice{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:28px !important;position:relative;z-index:200;width:100%;font-weight:400;color:#00294d;border:2px solid #e1e3e6;border-top:0;border-radius:0 0 4px 4px}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:#171c3a;border-color:#171c3a}.checked.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.checked.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info-expanded.sc-duet-choice,.duet-choice-card-collapsible-expanded.sc-duet-choice{display:block}.duet-choice-card-collapsible.sc-duet-choice{background:white;border:2px solid #0077b3;border-top:0}.duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{background:white;border-color:#171c3a}.duet-choice-card-collapsible-disabled.sc-duet-choice{background:#f5f8fa;border-color:#e1e3e6}.duet-choice-card-collapsible-disabled.duet-theme-turva.sc-duet-choice{background:#f5f5f7;border-color:#e4e4e6}.duet-choice-card-info.sc-duet-choice{font-size:0.875rem;line-height:1.5;background:#f5f8fa;transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva.sc-duet-choice{background:#f5f5f7;border-color:#e4e4e6}.duet-choice-info-toggle.sc-duet-choice{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;cursor:pointer;background:white;border:2px solid #e1e3e6;border-left:0 none;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:#f5f8fa;border-bottom-color:transparent;border-bottom-right-radius:0}.duet-choice-info-toggle[disabled].sc-duet-choice{pointer-events:none;background:#f5f8fa !important;border-color:#e1e3e6 !important}.duet-choice-info-toggle[disabled].sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#909599 !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice{background:#f5f5f7 !important;border-color:#e4e4e6 !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#747475 !important}.duet-choice-info-toggle.sc-duet-choice:focus{outline:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-choice-info-toggle.sc-duet-choice{border-left-color:#909599}.checked.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:#0077b3 !important}.duet-choice-info-toggle.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#0077b3}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#c60c30}.duet-choice-input.sc-duet-choice{position:absolute !important;width:100%;height:100%;opacity:0}";
7338
+ const duetChoiceCss = "*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-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;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-choice-h:last-child,.sc-duet-choice-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100% !important}.duet-m-0.sc-duet-choice-h{margin:0 !important}.duet-fixed.sc-duet-choice-h{width:auto !important}.vertical.sc-duet-choice-h{margin-right:0 !important}.horizontal.sc-duet-choice-h{margin-bottom:0 !important}@media (min-width: 48em){.horizontal-responsive.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive.sc-duet-choice-h:last-child,.horizontal-responsive.sc-duet-choice-h:last-of-type{margin-right:0 !important}}.sc-duet-choice-h:last-child:not(:only-child){margin-right:0 !important}.duet-choice-card.sc-duet-choice{position:relative;display:block;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:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:#00294d !important;text-align:left;background:white;border-width:2px}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0 !important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0 !important}.duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a !important}.duet-choice-card-flextainer.sc-duet-choice{display:flex}.duet-choice-label.sc-duet-choice{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:1rem;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:1rem;font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:2px solid #e1e3e6;border-radius:4px;transition:background-color 150ms ease}.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-icon.sc-duet-choice,.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-text.sc-duet-choice{align-self:flex-start;margin-top:0.25rem}.duet-choice-label.sc-duet-choice>div.sc-duet-choice:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-top-right-radius:0;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:#e4e4e6}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:#e4e4e6}.duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:#909599}.duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-checkmark-container.sc-duet-choice{border-color:#909599}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:#747475}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-checkmark-container.sc-duet-choice{border-color:#747475}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:#747475}.duet-choice-label.sc-duet-choice:active{opacity:0.75;transition:none !important}.checked.sc-duet-choice .duet-choice-label.sc-duet-choice{color:#0077b3 !important;background:#f3f9fc;border-color:#0077b3 !important}.checked.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#0077b3}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-choice-label.sc-duet-choice{color:#171c3a !important;background:#f5f5f7;border-color:#171c3a !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#c60c30}.checked.collapsible.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}input.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:#657787 !important;cursor:default !important;background:#f5f8fa !important;border-color:#e1e3e6 !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:#657787 !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:#747475 !important;background:#f5f5f7 !important;border-color:#e4e4e6 !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:#747475 !important}.checked.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:#e1e3e6 !important;border-color:#e1e3e6 !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:#e4e4e6 !important;border-color:#e4e4e6 !important}.duet-checkmark-container.sc-duet-choice{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid #909599;border-radius:4px;transition:border 300ms ease}.duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#747475}.checked.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#0077b3;border-color:#0077b3;transition:none}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#171c3a;border-color:#171c3a !important}.duet-checkmark-container.duet-checkmark-radio.sc-duet-choice{border-radius:50%}[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#cfd2d4 !important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#cfcfd1 !important}.checked.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#cfd2d4 !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#cfcfd1 !important}.duet-checkmark.sc-duet-choice{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid white;border-right:2px solid white;opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon.sc-duet-choice{position:relative}.duet-choice-card-icon.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-section-hidden.sc-duet-choice{display:none}.duet-choice-card-info.duet-choice-card-collapsed.sc-duet-choice,.duet-choice-card-collapsed.duet-choice-card-collapsible.sc-duet-choice{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:20px !important;position:relative;z-index:200;width:100%;font-weight:400;color:#00294d;border:2px solid #e1e3e6;border-top:0;border-radius:0 0 4px 4px}@media (min-width: 36em){.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:28px !important}}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:#171c3a;border-color:#171c3a}.checked.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.checked.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info-expanded.sc-duet-choice,.duet-choice-card-collapsible-expanded.sc-duet-choice{display:block}.duet-choice-card-collapsible.sc-duet-choice{background:white;border:2px solid #0077b3;border-top:0}.duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{background:white;border-color:#171c3a}.duet-choice-card-collapsible-disabled.sc-duet-choice{background:#f5f8fa;border-color:#e1e3e6}.duet-choice-card-collapsible-disabled.duet-theme-turva.sc-duet-choice{background:#f5f5f7;border-color:#e4e4e6}.duet-choice-card-info.sc-duet-choice{font-size:0.875rem;line-height:1.5;background:#f5f8fa;transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva.sc-duet-choice{background:#f5f5f7;border-color:#e4e4e6}.duet-choice-info-toggle.sc-duet-choice{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;cursor:pointer;background:white;border:2px solid #e1e3e6;border-left:0 none;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:#f5f8fa;border-bottom-color:transparent;border-bottom-right-radius:0}.duet-choice-info-toggle[disabled].sc-duet-choice{pointer-events:none;background:#f5f8fa !important;border-color:#e1e3e6 !important}.duet-choice-info-toggle[disabled].sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#909599 !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice{background:#f5f5f7 !important;border-color:#e4e4e6 !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#747475 !important}.duet-choice-info-toggle.sc-duet-choice:focus{outline:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-choice-info-toggle.sc-duet-choice{border-left-color:#909599}.checked.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:#0077b3 !important}.duet-choice-info-toggle.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#0077b3}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#c60c30}.duet-choice-input.sc-duet-choice{position:absolute !important;width:100%;height:100%;opacity:0}";
7339
7339
 
7340
7340
  /**
7341
7341
  * @slot unnamed default slot - The component’s primary content. All child nodes that do not have a slot attribute defined are inserted into this primary slot.
@@ -9814,7 +9814,7 @@ class DuetEmptyState {
9814
9814
  }; }
9815
9815
  }
9816
9816
 
9817
- const duetFieldsetCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-fieldset,*.sc-duet-fieldset::after,*.sc-duet-fieldset::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-fieldset-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:block;width:100%}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-fieldset-h{margin:0 !important}/*!@fieldset*/fieldset.sc-duet-fieldset{border:0}/*!@legend*/legend.sc-duet-fieldset{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}/*!@.duet-legend-wrapper*/.duet-legend-wrapper.sc-duet-fieldset{position:relative;display:block;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:600;line-height:1.5;color:#00294d;text-align:left;background:transparent}/*!@.duet-theme-turva .duet-legend-wrapper*/.duet-theme-turva.sc-duet-fieldset .duet-legend-wrapper.sc-duet-fieldset{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}/*!@.duet-fieldset-label*/.duet-fieldset-label.sc-duet-fieldset{margin-bottom:12px !important;margin-top:8px}/*!@.duet-legend-has-caption .duet-fieldset-label*/.duet-legend-has-caption.sc-duet-fieldset .duet-fieldset-label.sc-duet-fieldset{margin-bottom:6px !important}/*!@.duet-legend-has-tooltip .duet-fieldset-label*/.duet-legend-has-tooltip.sc-duet-fieldset .duet-fieldset-label.sc-duet-fieldset{padding-right:36px}@media (min-width: 48em){/*!@.duet-legend-has-tooltip .duet-fieldset-label*/.duet-legend-has-tooltip.sc-duet-fieldset .duet-fieldset-label.sc-duet-fieldset{margin-bottom:3px !important;padding-right:0}}@media (min-width: 48em){/*!@.duet-legend-has-tooltip.duet-legend-has-caption .duet-fieldset-label*/.duet-legend-has-tooltip.duet-legend-has-caption.sc-duet-fieldset .duet-fieldset-label.sc-duet-fieldset{margin-bottom:-3px !important}}/*!@.duet-fieldset-caption*/.duet-fieldset-caption.sc-duet-fieldset{margin-bottom:12px !important}/*!@.duet-fieldset-help*/.duet-fieldset-help.sc-duet-fieldset{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:#de2362;border-radius:4px}/*!@.duet-fieldset-help span*/.duet-fieldset-help.sc-duet-fieldset span.sc-duet-fieldset{display:block;margin-top:12px}/*!@.duet-theme-turva .duet-fieldset-help*/.duet-theme-turva.sc-duet-fieldset .duet-fieldset-help.sc-duet-fieldset{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#e02a0d}/*!@::slotted(duet-tooltip)*/.sc-duet-fieldset-s>duet-tooltip{position:absolute;top:4px;right:0}@media (min-width: 48em){/*!@::slotted(duet-tooltip)*/.sc-duet-fieldset-s>duet-tooltip{position:relative;right:auto}}/*!@.duet-legend-hidden*/.duet-legend-hidden.sc-duet-fieldset{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
9817
+ const duetFieldsetCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-fieldset,*.sc-duet-fieldset::after,*.sc-duet-fieldset::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-fieldset-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:block;width:100%}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-fieldset-h{margin:0 !important}/*!@fieldset*/fieldset.sc-duet-fieldset{width:100%;min-width:0;border:0}/*!@legend*/legend.sc-duet-fieldset{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}/*!@.duet-legend-wrapper*/.duet-legend-wrapper.sc-duet-fieldset{position:relative;display:block;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:600;line-height:1.5;color:#00294d;text-align:left;background:transparent}/*!@.duet-theme-turva .duet-legend-wrapper*/.duet-theme-turva.sc-duet-fieldset .duet-legend-wrapper.sc-duet-fieldset{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}/*!@.duet-fieldset-label*/.duet-fieldset-label.sc-duet-fieldset{margin-bottom:12px !important;margin-top:8px}/*!@.duet-legend-has-caption .duet-fieldset-label*/.duet-legend-has-caption.sc-duet-fieldset .duet-fieldset-label.sc-duet-fieldset{margin-bottom:6px !important}/*!@.duet-legend-has-tooltip .duet-fieldset-label*/.duet-legend-has-tooltip.sc-duet-fieldset .duet-fieldset-label.sc-duet-fieldset{padding-right:36px}@media (min-width: 48em){/*!@.duet-legend-has-tooltip .duet-fieldset-label*/.duet-legend-has-tooltip.sc-duet-fieldset .duet-fieldset-label.sc-duet-fieldset{margin-bottom:3px !important;padding-right:0}}@media (min-width: 48em){/*!@.duet-legend-has-tooltip.duet-legend-has-caption .duet-fieldset-label*/.duet-legend-has-tooltip.duet-legend-has-caption.sc-duet-fieldset .duet-fieldset-label.sc-duet-fieldset{margin-bottom:-3px !important}}/*!@.duet-fieldset-caption*/.duet-fieldset-caption.sc-duet-fieldset{margin-bottom:12px !important}/*!@.duet-fieldset-help*/.duet-fieldset-help.sc-duet-fieldset{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:#de2362;border-radius:4px}/*!@.duet-fieldset-help span*/.duet-fieldset-help.sc-duet-fieldset span.sc-duet-fieldset{display:block;margin-top:12px}/*!@.duet-theme-turva .duet-fieldset-help*/.duet-theme-turva.sc-duet-fieldset .duet-fieldset-help.sc-duet-fieldset{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#e02a0d}/*!@::slotted(duet-tooltip)*/.sc-duet-fieldset-s>duet-tooltip{position:absolute;top:4px;right:0}@media (min-width: 48em){/*!@::slotted(duet-tooltip)*/.sc-duet-fieldset-s>duet-tooltip{position:relative;right:auto}}/*!@.duet-legend-hidden*/.duet-legend-hidden.sc-duet-fieldset{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
9818
9818
 
9819
9819
  /**
9820
9820
  * @slot unnamed default slot - The component’s primary content. All child nodes that do not have a slot attribute defined are inserted into this primary slot.
@@ -11029,63 +11029,6 @@ class DuetHeader {
11029
11029
  }; }
11030
11030
  }
11031
11031
 
11032
- const duetMenuBarMenuDropdownCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-menu-bar-menu-dropdown,*.sc-duet-menu-bar-menu-dropdown::after,*.sc-duet-menu-bar-menu-dropdown::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-menu-dropdown-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-menu-dropdown*/.duet-menu-bar-menu-dropdown.sc-duet-menu-bar-menu-dropdown{position:relative;height:100%}/*!@.duet-menu-bar-menu-dropdown button*/.duet-menu-bar-menu-dropdown.sc-duet-menu-bar-menu-dropdown button.sc-duet-menu-bar-menu-dropdown{position:relative;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;height:100%;padding:0 0.75rem 0 1.5rem;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:600;line-height:1.25;color:#00294d;text-align:center;text-decoration:none;cursor:pointer}/*!@.duet-menu-bar-menu-dropdown button .label*/.duet-menu-bar-menu-dropdown.sc-duet-menu-bar-menu-dropdown button.sc-duet-menu-bar-menu-dropdown .label.sc-duet-menu-bar-menu-dropdown{display:flex;gap:5px;align-items:center;justify-content:center}/*!@.duet-menu-bar-menu-dropdown button:hover*/.duet-menu-bar-menu-dropdown.sc-duet-menu-bar-menu-dropdown button.sc-duet-menu-bar-menu-dropdown:hover{color:#004d80;background:#e6f2f8}/*!@.duet-menu-bar-menu-dropdown button.active*/.duet-menu-bar-menu-dropdown.sc-duet-menu-bar-menu-dropdown button.active.sc-duet-menu-bar-menu-dropdown{color:#0077b3}/*!@.duet-menu-bar-menu-dropdown button.active .caret*/.duet-menu-bar-menu-dropdown.sc-duet-menu-bar-menu-dropdown button.active.sc-duet-menu-bar-menu-dropdown .caret.sc-duet-menu-bar-menu-dropdown{transform:rotate(180deg)}/*!@.duet-menu-bar-menu-dropdown button.active::after*/.duet-menu-bar-menu-dropdown.sc-duet-menu-bar-menu-dropdown button.active.sc-duet-menu-bar-menu-dropdown::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:\"\";background:#0077b3;transition:300ms ease;transform:translateY(2px)}/*!@.duet-theme-turva .duet-menu-bar-menu-dropdown button.active::after*/.duet-theme-turva.sc-duet-menu-bar-menu-dropdown .duet-menu-bar-menu-dropdown.sc-duet-menu-bar-menu-dropdown button.active.sc-duet-menu-bar-menu-dropdown::after{background:#c60c30}/*!@.duet-menu-bar-menu-dropdown .items*/.duet-menu-bar-menu-dropdown.sc-duet-menu-bar-menu-dropdown .items.sc-duet-menu-bar-menu-dropdown{position:absolute;top:101%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:auto;min-width:320px;color:#00294d;background:white;border-radius:0 0 4px 4px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}/*!@.duet-menu-bar-menu-dropdown .items.hidden*/.duet-menu-bar-menu-dropdown.sc-duet-menu-bar-menu-dropdown .items.hidden.sc-duet-menu-bar-menu-dropdown{display:none}/*!@.duet-menu-bar-menu-dropdown.duet-theme-turva button*/.duet-menu-bar-menu-dropdown.duet-theme-turva.sc-duet-menu-bar-menu-dropdown button.sc-duet-menu-bar-menu-dropdown{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}/*!@.duet-menu-bar-menu-dropdown.duet-theme-turva button:hover*/.duet-menu-bar-menu-dropdown.duet-theme-turva.sc-duet-menu-bar-menu-dropdown button.sc-duet-menu-bar-menu-dropdown:hover{color:#940925;background:#e4e4e6}/*!@.duet-menu-bar-menu-dropdown.duet-theme-turva button.active*/.duet-menu-bar-menu-dropdown.duet-theme-turva.sc-duet-menu-bar-menu-dropdown button.active.sc-duet-menu-bar-menu-dropdown{color:#c60c30}/*!@.duet-menu-bar-menu-dropdown.duet-theme-turva button.active::after*/.duet-menu-bar-menu-dropdown.duet-theme-turva.sc-duet-menu-bar-menu-dropdown button.active.sc-duet-menu-bar-menu-dropdown::after{background:#c60c30}/*!@.duet-menu-bar-menu-dropdown.duet-theme-turva .items*/.duet-menu-bar-menu-dropdown.duet-theme-turva.sc-duet-menu-bar-menu-dropdown .items.sc-duet-menu-bar-menu-dropdown{background:#f5f5f7}";
11033
-
11034
- class DuetHeaderMenuDropdown {
11035
- constructor(hostRef) {
11036
- registerInstance(this, hostRef);
11037
- this.duetMenuBarMenuDropdownEvent = createEvent$2(this, "duetMenuBarMenuDropdownEvent", 7);
11038
- this.toggleMenu = (e) => {
11039
- const toggle = !this.open;
11040
- this.open = toggle;
11041
- this.duetMenuBarMenuDropdownEvent.emit({
11042
- originalEvent: e,
11043
- data: { element: this.element, open: this.open },
11044
- component: "duet-menu-bar-menu-dropdown",
11045
- });
11046
- };
11047
- this.onClick = (e) => {
11048
- this.toggleMenu(e);
11049
- e.stopImmediatePropagation();
11050
- };
11051
- this.theme = "";
11052
- this.open = false;
11053
- this.icon = undefined;
11054
- }
11055
- /**
11056
- * Component lifecycle events.
11057
- */
11058
- componentWillLoad() {
11059
- inheritGlobalTheme(this);
11060
- }
11061
- /**
11062
- * render() function
11063
- * Always the last one in the class.
11064
- */
11065
- render() {
11066
- return (hAsync(Host, null, hAsync("div", { class: { "duet-menu-bar-menu-dropdown": true, "duet-theme-turva": this.theme === "turva", active: this.open } }, hAsync("button", { "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
11067
- active: this.open,
11068
- }, onClick: this.onClick }, this.icon && hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), hAsync("div", { class: "label" }, hAsync("slot", { name: "label" }), hAsync("duet-icon", { class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small" }))), hAsync("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
11069
- items: true,
11070
- hidden: !this.open,
11071
- } }, hAsync("slot", null)))));
11072
- }
11073
- get element() { return getElement(this); }
11074
- static get style() { return duetMenuBarMenuDropdownCss; }
11075
- static get cmpMeta() { return {
11076
- "$flags$": 9,
11077
- "$tagName$": "duet-menu-bar-menu-dropdown",
11078
- "$members$": {
11079
- "theme": [1025],
11080
- "open": [1540],
11081
- "icon": [1537]
11082
- },
11083
- "$listeners$": undefined,
11084
- "$lazyBundleId$": "-",
11085
- "$attrsToReflect$": [["open", "open"], ["icon", "icon"]]
11086
- }; }
11087
- }
11088
-
11089
11032
  const duetHeadingCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-heading,*.sc-duet-heading::after,*.sc-duet-heading::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-heading-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}/*!@.duet-heading*/.duet-heading.sc-duet-heading{margin-bottom:16px !important;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-style:normal;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.25;color:#00294d;text-decoration:none;letter-spacing:-0.01rem;word-break:break-word}@media (min-width: 36em){/*!@.duet-heading*/.duet-heading.sc-duet-heading{margin-bottom:20px !important}}/*!@.duet-heading.duet-theme-turva*/.duet-heading.duet-theme-turva.sc-duet-heading{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:italic;font-weight:700;color:#171c3a}/*!@.duet-heading.duet-heading-border*/.duet-heading.duet-heading-border.sc-duet-heading{padding-bottom:20px;border-bottom:1px solid #e1e3e6}/*!@.duet-heading.duet-heading-border.duet-heading-border-solid*/.duet-heading.duet-heading-border.duet-heading-border-solid.sc-duet-heading{border-bottom-color:#657787}/*!@.duet-heading.duet-heading-hyphenate*/.duet-heading.duet-heading-hyphenate.sc-duet-heading{-webkit-hyphens:auto;hyphens:auto}/*!@.duet-heading.h0*/.duet-heading.h0.sc-duet-heading{font-size:9.4vw}/*!@.duet-heading.h0.duet-p-0*/.duet-heading.h0.duet-p-0.sc-duet-heading{padding:0 !important}/*!@.duet-heading.h0.duet-m-0*/.duet-heading.h0.duet-m-0.sc-duet-heading{margin:0 !important}@media (max-width: 31.914893617rem){/*!@.duet-heading.h0*/.duet-heading.h0.sc-duet-heading{font-size:3rem}}@media (min-width: 47.8723404255rem){/*!@.duet-heading.h0*/.duet-heading.h0.sc-duet-heading{font-size:4.5rem}}@media (max-width: 22.5em){/*!@.duet-heading.h0*/.duet-heading.h0.sc-duet-heading{font-size:2.25rem}}/*!@.duet-heading.h1*/.duet-heading.h1.sc-duet-heading{font-size:7vw}/*!@.duet-heading.h1.duet-p-0*/.duet-heading.h1.duet-p-0.sc-duet-heading{padding:0 !important}/*!@.duet-heading.h1.duet-m-0*/.duet-heading.h1.duet-m-0.sc-duet-heading{margin:0 !important}@media (max-width: 32.1428571429rem){/*!@.duet-heading.h1*/.duet-heading.h1.sc-duet-heading{font-size:2.25rem}}@media (min-width: 42.8571428571rem){/*!@.duet-heading.h1*/.duet-heading.h1.sc-duet-heading{font-size:3rem}}@media (max-width: 22.5em){/*!@.duet-heading.h1*/.duet-heading.h1.sc-duet-heading{font-size:1.5rem}}/*!@.duet-heading.h2*/.duet-heading.h2.sc-duet-heading{font-size:5.8vw}/*!@.duet-heading.h2.duet-p-0*/.duet-heading.h2.duet-p-0.sc-duet-heading{padding:0 !important}/*!@.duet-heading.h2.duet-m-0*/.duet-heading.h2.duet-m-0.sc-duet-heading{margin:0 !important}@media (max-width: 25.8620689655rem){/*!@.duet-heading.h2*/.duet-heading.h2.sc-duet-heading{font-size:1.5rem}}@media (min-width: 38.7931034483rem){/*!@.duet-heading.h2*/.duet-heading.h2.sc-duet-heading{font-size:2.25rem}}/*!@.duet-heading.h2.duet-theme-turva*/.duet-heading.h2.duet-theme-turva.sc-duet-heading{font-style:normal}@media (max-width: 22.5em){/*!@.duet-heading.h2*/.duet-heading.h2.sc-duet-heading{font-size:1.375rem}}/*!@.duet-heading.h3*/.duet-heading.h3.sc-duet-heading{margin-bottom:12px !important;font-size:4.2vw}/*!@.duet-heading.h3.duet-p-0*/.duet-heading.h3.duet-p-0.sc-duet-heading{padding:0 !important}/*!@.duet-heading.h3.duet-m-0*/.duet-heading.h3.duet-m-0.sc-duet-heading{margin:0 !important}@media (max-width: 29.7619047619rem){/*!@.duet-heading.h3*/.duet-heading.h3.sc-duet-heading{font-size:1.25rem}}@media (min-width: 35.7142857143rem){/*!@.duet-heading.h3*/.duet-heading.h3.sc-duet-heading{font-size:1.5rem}}/*!@.duet-heading.h3.duet-theme-turva*/.duet-heading.h3.duet-theme-turva.sc-duet-heading{font-style:normal}/*!@.duet-heading.h3.duet-heading-border*/.duet-heading.h3.duet-heading-border.sc-duet-heading{padding-bottom:20px}/*!@.duet-heading.h4*/.duet-heading.h4.sc-duet-heading{margin-bottom:8px !important;font-size:4vw;letter-spacing:0}/*!@.duet-heading.h4.duet-p-0*/.duet-heading.h4.duet-p-0.sc-duet-heading{padding:0 !important}/*!@.duet-heading.h4.duet-m-0*/.duet-heading.h4.duet-m-0.sc-duet-heading{margin:0 !important}@media (max-width: 27.5rem){/*!@.duet-heading.h4*/.duet-heading.h4.sc-duet-heading{font-size:1.1rem}}@media (min-width: 31.25rem){/*!@.duet-heading.h4*/.duet-heading.h4.sc-duet-heading{font-size:1.25rem}}/*!@.duet-heading.h4.duet-theme-turva*/.duet-heading.h4.duet-theme-turva.sc-duet-heading{font-style:normal;font-weight:700}/*!@.duet-heading.h4.duet-heading-border*/.duet-heading.h4.duet-heading-border.sc-duet-heading{padding-bottom:20px}/*!@.duet-heading.h5*/.duet-heading.h5.sc-duet-heading{margin-bottom:8px !important;font-size:4vw;font-weight:600;letter-spacing:0}/*!@.duet-heading.h5.duet-p-0*/.duet-heading.h5.duet-p-0.sc-duet-heading{padding:0 !important}/*!@.duet-heading.h5.duet-m-0*/.duet-heading.h5.duet-m-0.sc-duet-heading{margin:0 !important}@media (max-width: 27.5rem){/*!@.duet-heading.h5*/.duet-heading.h5.sc-duet-heading{font-size:1.1rem}}@media (min-width: 28.4090909091rem){/*!@.duet-heading.h5*/.duet-heading.h5.sc-duet-heading{font-size:1.1363636364rem}}/*!@.duet-heading.h5.duet-theme-turva*/.duet-heading.h5.duet-theme-turva.sc-duet-heading{font-style:normal;font-weight:700}/*!@.duet-heading.h5.duet-heading-border*/.duet-heading.h5.duet-heading-border.sc-duet-heading{padding-bottom:16px}/*!@.duet-heading.h6*/.duet-heading.h6.sc-duet-heading{margin-bottom:8px !important;font-size:1rem;font-weight:600;letter-spacing:0}/*!@.duet-heading.h6.duet-p-0*/.duet-heading.h6.duet-p-0.sc-duet-heading{padding:0 !important}/*!@.duet-heading.h6.duet-m-0*/.duet-heading.h6.duet-m-0.sc-duet-heading{margin:0 !important}/*!@.duet-heading.h6.duet-theme-turva*/.duet-heading.h6.duet-theme-turva.sc-duet-heading{font-style:normal;font-weight:700}/*!@.duet-heading.h6.duet-heading-border*/.duet-heading.h6.duet-heading-border.sc-duet-heading{padding-bottom:16px}/*!@.duet-heading.duet-normal, .duet-heading.duet-theme-turva.duet-normal*/.duet-heading.duet-normal.sc-duet-heading,.duet-heading.duet-theme-turva.duet-normal.sc-duet-heading{font-style:normal !important;font-weight:400 !important}/*!@.duet-heading.duet-semibold, .duet-heading.duet-theme-turva.duet-semibold*/.duet-heading.duet-semibold.sc-duet-heading,.duet-heading.duet-theme-turva.duet-semibold.sc-duet-heading{font-style:normal !important;font-weight:600 !important}";
11090
11033
 
11091
11034
  class DuetHeading {
@@ -12189,7 +12132,7 @@ class DuetLogo {
12189
12132
  }; }
12190
12133
  }
12191
12134
 
12192
- 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;display:flex;align-items:center;justify-content:space-between;width:100%;height:5rem;padding:0 28px;background:white;border-top:1px solid #e1e3e6;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}/*!@.duet-menu-bar > **/.duet-menu-bar.sc-duet-menu-bar>*.sc-duet-menu-bar{display:flex;align-items:center;justify-content:center;height:100%}/*!@.duet-menu-bar > :first-child*/.duet-menu-bar.sc-duet-menu-bar>.sc-duet-menu-bar:first-child{flex-basis:0;flex-grow:1;justify-content:flex-start}/*!@.duet-menu-bar > :last-child*/.duet-menu-bar.sc-duet-menu-bar>.sc-duet-menu-bar:last-child{flex-basis:0;flex-grow:1;justify-content:flex-end}/*!@.duet-menu-bar ::slotted(*)*/.duet-menu-bar .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:white}";
12135
+ 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:1;display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;height:5rem;padding:0 8px 0 20px;background:white;border-top:1px solid #e1e3e6;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}@media ((min-width: 62em)){/*!@.duet-menu-bar*/.duet-menu-bar.sc-duet-menu-bar{padding:0 28px}}/*!@.duet-menu-bar > **/.duet-menu-bar.sc-duet-menu-bar>*.sc-duet-menu-bar{display:flex;align-items:center;justify-content:center;height:100%}/*!@.duet-menu-bar > :first-child*/.duet-menu-bar.sc-duet-menu-bar>.sc-duet-menu-bar:first-child{flex-basis:0;flex-grow:1;justify-content:flex-start}/*!@.duet-menu-bar > :last-child*/.duet-menu-bar.sc-duet-menu-bar>.sc-duet-menu-bar:last-child{flex-basis:0;flex-grow:1;justify-content:flex-end}/*!@.duet-menu-bar ::slotted(*)*/.duet-menu-bar .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:white}";
12193
12136
 
12194
12137
  /**
12195
12138
  * @slot center - Slot for content in center.
@@ -12216,6 +12159,7 @@ class DuetMenuBar$1 {
12216
12159
  };
12217
12160
  this.logoSize = "large";
12218
12161
  this.theme = "";
12162
+ this.logoHref = undefined;
12219
12163
  }
12220
12164
  /**
12221
12165
  * Component lifecycle events.
@@ -12248,7 +12192,7 @@ class DuetMenuBar$1 {
12248
12192
  * Always the last one in the class.
12249
12193
  */
12250
12194
  render() {
12251
- return (hAsync(Host, null, hAsync("div", { class: { "duet-menu-bar": true, "duet-theme-turva": this.theme === "turva" }, role: "menubar" }, hAsync("duet-logo", { size: this.logoSize, margin: "none" }), hAsync("slot", { name: "center" }), hAsync("slot", { name: "right" }))));
12195
+ return (hAsync(Host, null, hAsync("div", { class: { "duet-menu-bar": true, "duet-theme-turva": this.theme === "turva" }, role: "menubar" }, hAsync("duet-logo", { size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref }), hAsync("slot", { name: "center" }), hAsync("slot", { name: "right" }))));
12252
12196
  }
12253
12197
  get element() { return getElement(this); }
12254
12198
  static get style() { return duetMenuBarCss; }
@@ -12257,6 +12201,7 @@ class DuetMenuBar$1 {
12257
12201
  "$tagName$": "duet-menu-bar",
12258
12202
  "$members$": {
12259
12203
  "theme": [1025],
12204
+ "logoHref": [1025, "logo-href"],
12260
12205
  "logoSize": [32]
12261
12206
  },
12262
12207
  "$listeners$": undefined,
@@ -12265,41 +12210,11 @@ class DuetMenuBar$1 {
12265
12210
  }; }
12266
12211
  }
12267
12212
 
12268
- const duetNavCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-nav,*.sc-duet-nav::after,*.sc-duet-nav::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-nav-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}";
12213
+ const duetNavCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-nav,*.sc-duet-nav::after,*.sc-duet-nav::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-nav-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}/*!@nav*/nav.sc-duet-nav{max-width:1440px;margin:0 auto}";
12269
12214
 
12270
12215
  class DuetMenuBar {
12271
12216
  constructor(hostRef) {
12272
12217
  registerInstance(this, hostRef);
12273
- this.getToolbarDropdowns = () => this.element.querySelectorAll("duet-toolbar-dropdown");
12274
- this.getMenuBarMenus = () => this.element.querySelectorAll("duet-menu-bar-menu");
12275
- this.getActiveMenu = () => this.element.querySelector("duet-menu-bar-menu[active]");
12276
- this.getActiveTool = () => this.element.querySelector("duet-toolbar-link[active],duet-toolbar-dropdown[active]");
12277
- this.getMenuBarMenuDropdowns = () => this.element.querySelectorAll("duet-menu-bar-menu-dropdown");
12278
- this.getMenuBarDropdowns = () => this.element.querySelectorAll("duet-menu-bar-dropdown");
12279
- this.toggleActiveMenu = (active) => {
12280
- const activeMenu = this.getActiveMenu();
12281
- if (activeMenu) {
12282
- activeMenu.setAttribute("active", active ? "true" : "false");
12283
- }
12284
- };
12285
- this.toggleActiveTool = (active) => {
12286
- const activeTool = this.getActiveTool();
12287
- if (activeTool) {
12288
- activeTool.setAttribute("active", active ? "true" : "false");
12289
- }
12290
- };
12291
- this.close = (elementGetter, elementToKeepOpen) => {
12292
- elementGetter().forEach(element => {
12293
- if (elementToKeepOpen) {
12294
- if (element !== elementToKeepOpen) {
12295
- element.setAttribute("open", "false");
12296
- }
12297
- }
12298
- else {
12299
- element.setAttribute("open", "false");
12300
- }
12301
- });
12302
- };
12303
12218
  this.theme = "";
12304
12219
  }
12305
12220
  /**
@@ -12308,54 +12223,6 @@ class DuetMenuBar {
12308
12223
  componentWillLoad() {
12309
12224
  inheritGlobalTheme(this);
12310
12225
  }
12311
- handleToolbarDropdownEvent(e) {
12312
- if (e.detail.data.element) {
12313
- if (e.detail.data.open) {
12314
- this.close(this.getMenuBarMenus);
12315
- this.close(this.getToolbarDropdowns, e.detail.data.element);
12316
- this.close(this.getMenuBarMenuDropdowns);
12317
- this.close(this.getMenuBarDropdowns);
12318
- }
12319
- this.toggleActiveMenu(true);
12320
- this.toggleActiveTool(!e.detail.data.open);
12321
- }
12322
- }
12323
- handleMenuEvent(e) {
12324
- if (e.detail.data.element) {
12325
- if (e.detail.data.open) {
12326
- this.close(this.getMenuBarMenus, e.detail.data.element);
12327
- this.close(this.getToolbarDropdowns);
12328
- this.close(this.getMenuBarMenuDropdowns);
12329
- this.close(this.getMenuBarDropdowns);
12330
- }
12331
- this.toggleActiveMenu(!e.detail.data.open);
12332
- this.toggleActiveTool(true);
12333
- }
12334
- }
12335
- handleMenuDropdownEvent(e) {
12336
- if (e.detail.data.element && e.detail.data.open) {
12337
- this.close(this.getMenuBarMenuDropdowns, e.detail.data.element);
12338
- this.close(this.getMenuBarDropdowns);
12339
- }
12340
- }
12341
- handleDropdownEvent(e) {
12342
- if (e.detail.data.element && e.detail.data.open) {
12343
- this.close(this.getMenuBarDropdowns, e.detail.data.element);
12344
- this.close(this.getToolbarDropdowns);
12345
- this.close(this.getMenuBarMenus);
12346
- this.close(this.getMenuBarMenuDropdowns);
12347
- }
12348
- this.toggleActiveMenu(!e.detail.data.open);
12349
- this.toggleActiveTool(true);
12350
- }
12351
- handleFocus() {
12352
- this.toggleActiveMenu(true);
12353
- this.toggleActiveTool(true);
12354
- this.close(this.getToolbarDropdowns);
12355
- this.close(this.getMenuBarMenus);
12356
- this.close(this.getMenuBarMenuDropdowns);
12357
- this.close(this.getMenuBarDropdowns);
12358
- }
12359
12226
  /**
12360
12227
  * render() function
12361
12228
  * Always the last one in the class.
@@ -12371,35 +12238,41 @@ class DuetMenuBar {
12371
12238
  "$members$": {
12372
12239
  "theme": [1025]
12373
12240
  },
12374
- "$listeners$": [[0, "duetToolbarDropdownEvent", "handleToolbarDropdownEvent"], [0, "duetMenuBarMenuEvent", "handleMenuEvent"], [0, "duetMenuBarMenuDropdownEvent", "handleMenuDropdownEvent"], [0, "duetMenuBarDropdownEvent", "handleDropdownEvent"], [4, "click", "handleFocus"], [4, "focus", "handleFocus"]],
12241
+ "$listeners$": undefined,
12375
12242
  "$lazyBundleId$": "-",
12376
12243
  "$attrsToReflect$": []
12377
12244
  }; }
12378
12245
  }
12379
12246
 
12380
- const duetMenuBarDropdownCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-menu-bar-dropdown,*.sc-duet-menu-bar-dropdown::after,*.sc-duet-menu-bar-dropdown::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-dropdown-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-dropdown*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown{position:relative;height:100%}/*!@.duet-menu-bar-dropdown button*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;min-height:5rem;padding:0 12px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:#004d80;text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){/*!@.duet-menu-bar-dropdown button*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown{padding:0 20px}}@media (min-width: 64.0625em){/*!@.duet-menu-bar-dropdown button*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown{padding:0 28px}}/*!@.duet-menu-bar-dropdown button .label*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown .label.sc-duet-menu-bar-dropdown{display:flex;gap:0.5rem;align-items:center;justify-content:center}/*!@.duet-menu-bar-dropdown button:hover*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown:hover{color:#0077b3}/*!@.duet-menu-bar-dropdown button.active*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown{color:#0077b3}/*!@.duet-menu-bar-dropdown button.active .caret*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown .caret.sc-duet-menu-bar-dropdown{transform:rotate(180deg)}/*!@.duet-theme-turva .duet-menu-bar-dropdown button.active*/.duet-theme-turva.sc-duet-menu-bar-dropdown .duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown{color:#c60c30}/*!@.duet-menu-bar-dropdown button.active::after*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:\"\";background:#0077b3;transition:300ms ease;transform:translateY(2px)}/*!@.duet-theme-turva .duet-menu-bar-dropdown button.active::after*/.duet-theme-turva.sc-duet-menu-bar-dropdown .duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown::after{background:#c60c30}/*!@.duet-menu-bar-dropdown .items*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown .items.sc-duet-menu-bar-dropdown{position:absolute;right:0%;left:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:225px;padding:1rem 0;color:#00294d;background:#f3f9fc;border-radius:0 0 8px 8px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}/*!@.duet-menu-bar-dropdown .items.hidden*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown .items.hidden.sc-duet-menu-bar-dropdown{display:none}/*!@.duet-menu-bar-dropdown.duet-theme-turva button*/.duet-menu-bar-dropdown.duet-theme-turva.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#940925}/*!@.duet-menu-bar-dropdown.duet-theme-turva button:hover*/.duet-menu-bar-dropdown.duet-theme-turva.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown:hover{color:#c60c30}/*!@.duet-menu-bar-dropdown.duet-theme-turva button.active*/.duet-menu-bar-dropdown.duet-theme-turva.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown{color:#c60c30}/*!@.duet-menu-bar-dropdown.duet-theme-turva button.active::after*/.duet-menu-bar-dropdown.duet-theme-turva.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown::after{background:#c60c30}/*!@.duet-menu-bar-dropdown.duet-theme-turva .items*/.duet-menu-bar-dropdown.duet-theme-turva.sc-duet-menu-bar-dropdown .items.sc-duet-menu-bar-dropdown{background:#f5f5f7}";
12247
+ const duetMenuBarDropdownCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-menu-bar-dropdown,*.sc-duet-menu-bar-dropdown::after,*.sc-duet-menu-bar-dropdown::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-dropdown-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-dropdown*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown{position:relative;height:100%}/*!@.duet-menu-bar-dropdown button*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;min-height:5rem;padding:0 12px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:#004d80;text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){/*!@.duet-menu-bar-dropdown button*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown{padding:0 20px}}@media (min-width: 64.0625em){/*!@.duet-menu-bar-dropdown button*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown{padding:0 28px}}/*!@.duet-menu-bar-dropdown button:hover*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown:hover{color:#0077b3}/*!@.duet-menu-bar-dropdown button .label*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown .label.sc-duet-menu-bar-dropdown{display:flex;gap:0.5rem;align-items:center;justify-content:center}/*!@.duet-menu-bar-dropdown button.active*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown{color:#0077b3}/*!@.duet-menu-bar-dropdown button.active .caret*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown .caret.sc-duet-menu-bar-dropdown{transform:rotate(180deg)}/*!@.duet-theme-turva .duet-menu-bar-dropdown button.active*/.duet-theme-turva.sc-duet-menu-bar-dropdown .duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown{color:#c60c30}/*!@.duet-menu-bar-dropdown button.active::after*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:\"\";background:#0077b3;transition:300ms ease;transform:translateY(2px)}/*!@.duet-theme-turva .duet-menu-bar-dropdown button.active::after*/.duet-theme-turva.sc-duet-menu-bar-dropdown .duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown::after{background:#c60c30}/*!@.duet-menu-bar-dropdown .items*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown .items.sc-duet-menu-bar-dropdown{position:absolute;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:225px;padding:1rem 0;color:#00294d;background:#f3f9fc;border-radius:0 0 8px 8px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}/*!@.duet-menu-bar-dropdown .items.hidden*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown .items.hidden.sc-duet-menu-bar-dropdown{display:none}/*!@.duet-menu-bar-dropdown.duet-theme-turva button*/.duet-menu-bar-dropdown.duet-theme-turva.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#940925}/*!@.duet-menu-bar-dropdown.duet-theme-turva button:hover*/.duet-menu-bar-dropdown.duet-theme-turva.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown:hover{color:#c60c30}/*!@.duet-menu-bar-dropdown.duet-theme-turva button.active*/.duet-menu-bar-dropdown.duet-theme-turva.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown{color:#c60c30}/*!@.duet-menu-bar-dropdown.duet-theme-turva button.active::after*/.duet-menu-bar-dropdown.duet-theme-turva.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown::after{background:#c60c30}/*!@.duet-menu-bar-dropdown.duet-theme-turva .items*/.duet-menu-bar-dropdown.duet-theme-turva.sc-duet-menu-bar-dropdown .items.sc-duet-menu-bar-dropdown{background:#f5f5f7}";
12381
12248
 
12382
12249
  class DuetMenuBarDropdown {
12383
12250
  constructor(hostRef) {
12384
12251
  registerInstance(this, hostRef);
12385
- this.duetMenuBarDropdownEvent = createEvent$2(this, "duetMenuBarDropdownEvent", 7);
12386
- this.toggleMenu = (e) => {
12387
- const toggle = !this.open;
12388
- this.open = toggle;
12389
- this.duetMenuBarDropdownEvent.emit({
12390
- originalEvent: e,
12391
- data: { element: this.element, open: this.open },
12392
- component: "duet-menu-bar-dropdown",
12393
- });
12252
+ this.onClick = () => {
12253
+ this.open = !this.open;
12394
12254
  };
12395
- this.onClick = (e) => {
12396
- this.toggleMenu(e);
12397
- e.stopImmediatePropagation();
12255
+ this.getVariant = () => {
12256
+ const slot = this.element.parentElement.getAttribute("slot");
12257
+ switch (slot) {
12258
+ case "center":
12259
+ return "right";
12260
+ case "right":
12261
+ return "right";
12262
+ default:
12263
+ return "right";
12264
+ }
12398
12265
  };
12399
12266
  this.theme = "";
12400
12267
  this.open = false;
12401
12268
  this.icon = undefined;
12402
12269
  }
12270
+ handleFocus(e) {
12271
+ const isClickOutside = e.composedPath().every(node => node !== this.element);
12272
+ if (isClickOutside) {
12273
+ this.open = false;
12274
+ }
12275
+ }
12403
12276
  /**
12404
12277
  * Component lifecycle events.
12405
12278
  */
@@ -12411,7 +12284,12 @@ class DuetMenuBarDropdown {
12411
12284
  * Always the last one in the class.
12412
12285
  */
12413
12286
  render() {
12414
- return (hAsync(Host, null, hAsync("div", { class: { "duet-menu-bar-dropdown": true, "duet-theme-turva": this.theme === "turva", active: this.open } }, hAsync("button", { "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
12287
+ return (hAsync(Host, null, hAsync("div", { class: {
12288
+ "duet-menu-bar-dropdown": true,
12289
+ "duet-theme-turva": this.theme === "turva",
12290
+ active: this.open,
12291
+ [`duet-menu-bar-dropdown--slot-${this.getVariant()}`]: true,
12292
+ } }, hAsync("button", { "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
12415
12293
  active: this.open,
12416
12294
  }, onClick: this.onClick }, this.icon && hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), hAsync("div", { class: "label" }, hAsync("slot", { name: "label" }), hAsync("duet-icon", { class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small" }))), hAsync("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
12417
12295
  items: true,
@@ -12428,20 +12306,32 @@ class DuetMenuBarDropdown {
12428
12306
  "open": [1540],
12429
12307
  "icon": [1537]
12430
12308
  },
12431
- "$listeners$": undefined,
12309
+ "$listeners$": [[8, "click", "handleFocus"]],
12432
12310
  "$lazyBundleId$": "-",
12433
12311
  "$attrsToReflect$": [["open", "open"], ["icon", "icon"]]
12434
12312
  }; }
12435
12313
  }
12436
12314
 
12437
- const duetMenuBarDropdownLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-menu-bar-dropdown-link,*.sc-duet-menu-bar-dropdown-link::after,*.sc-duet-menu-bar-dropdown-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-dropdown-link-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}/*!@.duet-menu-bar-dropdown-link*/.duet-menu-bar-dropdown-link.sc-duet-menu-bar-dropdown-link{display:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 20px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:#00294d;text-align:center;text-decoration:none}/*!@.duet-menu-bar-dropdown-link.duet-theme-turva*/.duet-menu-bar-dropdown-link.duet-theme-turva.sc-duet-menu-bar-dropdown-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:#171c3a}/*!@.duet-menu-bar-dropdown-link:hover*/.duet-menu-bar-dropdown-link.sc-duet-menu-bar-dropdown-link:hover{background:#e6f2f8}/*!@.duet-menu-bar-dropdown-link:hover.duet-theme-turva*/.duet-menu-bar-dropdown-link.sc-duet-menu-bar-dropdown-link:hover.duet-theme-turva{background:#e4e4e6}";
12315
+ const duetMenuBarDropdownLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-menu-bar-dropdown-link,*.sc-duet-menu-bar-dropdown-link::after,*.sc-duet-menu-bar-dropdown-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-dropdown-link-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}/*!@.duet-menu-bar-dropdown-link*/.duet-menu-bar-dropdown-link.sc-duet-menu-bar-dropdown-link{display:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 20px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:#00294d;text-align:center;text-decoration:none}/*!@.duet-menu-bar-dropdown-link.duet-theme-turva*/.duet-menu-bar-dropdown-link.duet-theme-turva.sc-duet-menu-bar-dropdown-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:#171c3a}/*!@.duet-menu-bar-dropdown-link--slot-right:hover*/.duet-menu-bar-dropdown-link--slot-right.sc-duet-menu-bar-dropdown-link:hover{background:#e6f2f8}/*!@.duet-menu-bar-dropdown-link--slot-right:hover.duet-theme-turva*/.duet-menu-bar-dropdown-link--slot-right.sc-duet-menu-bar-dropdown-link:hover.duet-theme-turva{background:#e4e4e6}/*!@.duet-menu-bar-dropdown-link--slot-below:hover*/.duet-menu-bar-dropdown-link--slot-below.sc-duet-menu-bar-dropdown-link:hover{color:#004d80;background:#f3f9fc}/*!@.duet-menu-bar-dropdown-link--slot-below:hover.duet-theme-turva*/.duet-menu-bar-dropdown-link--slot-below.sc-duet-menu-bar-dropdown-link:hover.duet-theme-turva{color:#940925;background:#e4e4e6}";
12438
12316
 
12439
12317
  class DuetMenuBarDropdownLink {
12440
12318
  constructor(hostRef) {
12441
12319
  registerInstance(this, hostRef);
12320
+ this.getVariant = () => {
12321
+ const slot = this.element.parentElement.parentElement.getAttribute("slot");
12322
+ switch (slot) {
12323
+ case "center":
12324
+ return "right";
12325
+ case "right":
12326
+ return "right";
12327
+ default:
12328
+ return "right";
12329
+ }
12330
+ };
12442
12331
  this.theme = "";
12443
12332
  this.href = "#";
12444
12333
  this.icon = undefined;
12334
+ this.caret = false;
12445
12335
  }
12446
12336
  /**
12447
12337
  * Component lifecycle events.
@@ -12456,6 +12346,7 @@ class DuetMenuBarDropdownLink {
12456
12346
  render() {
12457
12347
  return (hAsync(Host, null, hAsync("a", { class: {
12458
12348
  "duet-menu-bar-dropdown-link": true,
12349
+ [`duet-menu-bar-dropdown-link--slot-${this.getVariant()}`]: true,
12459
12350
  "duet-theme-turva": this.theme === "turva",
12460
12351
  }, href: this.href, role: "menuitem" }, this.icon && hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("slot", null))));
12461
12352
  }
@@ -12467,7 +12358,8 @@ class DuetMenuBarDropdownLink {
12467
12358
  "$members$": {
12468
12359
  "theme": [1025],
12469
12360
  "href": [1025],
12470
- "icon": [1537]
12361
+ "icon": [1537],
12362
+ "caret": [1028]
12471
12363
  },
12472
12364
  "$listeners$": undefined,
12473
12365
  "$lazyBundleId$": "-",
@@ -12475,111 +12367,28 @@ class DuetMenuBarDropdownLink {
12475
12367
  }; }
12476
12368
  }
12477
12369
 
12478
- 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\";font-size:0.875rem;font-weight:400;line-height:1.25;color:#004d80;text-align:center;text-decoration:none}@media (min-width: 62em){/*!@.duet-menu-bar-link*/.duet-menu-bar-link.sc-duet-menu-bar-link{padding:0 20px}}@media (min-width: 64.0625em){/*!@.duet-menu-bar-link*/.duet-menu-bar-link.sc-duet-menu-bar-link{padding:0 28px}}/*!@.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\";color:#940925}/*!@.duet-menu-bar-link:hover*/.duet-menu-bar-link.sc-duet-menu-bar-link:hover{color:#0077b3}/*!@.duet-menu-bar-link:hover.duet-theme-turva*/.duet-menu-bar-link.sc-duet-menu-bar-link:hover.duet-theme-turva{color:#c60c30}";
12370
+ 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\";text-align:center;text-decoration:none}@media (min-width: 62em){/*!@.duet-menu-bar-link*/.duet-menu-bar-link.sc-duet-menu-bar-link{padding:0 20px}}@media (min-width: 64.0625em){/*!@.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:#0077b3}/*!@.duet-theme-turva .duet-menu-bar-link.active*/.duet-theme-turva.sc-duet-menu-bar-link .duet-menu-bar-link.active.sc-duet-menu-bar-link{color:#c60c30}/*!@.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;display:block;width:100%;height:2px;content:\"\";background:#0077b3;transition:300ms ease;transform:translateY(2px)}/*!@.duet-menu-bar-link--slot-center*/.duet-menu-bar-link--slot-center.sc-duet-menu-bar-link{font-size:1rem;font-weight:600;line-height:1.25;color:#00294d}/*!@.duet-menu-bar-link--slot-center.duet-theme-turva*/.duet-menu-bar-link--slot-center.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\";color:#940925}/*!@.duet-menu-bar-link--slot-center.active.duet-theme-turva::after*/.duet-menu-bar-link--slot-center.active.duet-theme-turva.sc-duet-menu-bar-link::after{background:#c60c30}/*!@.duet-menu-bar-link--slot-center:hover*/.duet-menu-bar-link--slot-center.sc-duet-menu-bar-link:hover{color:#0077b3}/*!@.duet-menu-bar-link--slot-center:hover.duet-theme-turva*/.duet-menu-bar-link--slot-center.sc-duet-menu-bar-link:hover.duet-theme-turva{color:#c60c30}/*!@.duet-menu-bar-link--slot-right*/.duet-menu-bar-link--slot-right.sc-duet-menu-bar-link{font-size:0.875rem;font-weight:400;line-height:1.25;color:#004d80}/*!@.duet-menu-bar-link--slot-right.duet-theme-turva*/.duet-menu-bar-link--slot-right.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\";color:#940925}/*!@.duet-menu-bar-link--slot-right:hover*/.duet-menu-bar-link--slot-right.sc-duet-menu-bar-link:hover{color:#0077b3}/*!@.duet-menu-bar-link--slot-right:hover.duet-theme-turva*/.duet-menu-bar-link--slot-right.sc-duet-menu-bar-link:hover.duet-theme-turva{color:#c60c30}";
12479
12371
 
12480
12372
  class DuetMenuBarLink {
12481
12373
  constructor(hostRef) {
12482
12374
  registerInstance(this, hostRef);
12483
- this.theme = "";
12484
- this.href = "#";
12485
- this.icon = undefined;
12486
- }
12487
- /**
12488
- * Component lifecycle events.
12489
- */
12490
- componentWillLoad() {
12491
- inheritGlobalTheme(this);
12492
- }
12493
- /**
12494
- * render() function
12495
- * Always the last one in the class.
12496
- */
12497
- render() {
12498
- return (hAsync(Host, null, hAsync("a", { class: { "duet-menu-bar-link": true, "duet-theme-turva": this.theme === "turva" }, href: this.href }, this.icon && hAsync("duet-icon", { size: "x-small", name: this.icon, margin: "none" }), hAsync("slot", null))));
12499
- }
12500
- get element() { return getElement(this); }
12501
- static get style() { return duetMenuBarLinkCss; }
12502
- static get cmpMeta() { return {
12503
- "$flags$": 9,
12504
- "$tagName$": "duet-menu-bar-link",
12505
- "$members$": {
12506
- "theme": [1025],
12507
- "href": [1025],
12508
- "icon": [1537]
12509
- },
12510
- "$listeners$": undefined,
12511
- "$lazyBundleId$": "-",
12512
- "$attrsToReflect$": [["icon", "icon"]]
12513
- }; }
12514
- }
12515
-
12516
- const duetMenuBarMenuCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-menu-bar-menu,*.sc-duet-menu-bar-menu::after,*.sc-duet-menu-bar-menu::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-menu-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-menu*/.duet-menu-bar-menu.sc-duet-menu-bar-menu{height:100%}/*!@.duet-menu-bar-menu button*/.duet-menu-bar-menu.sc-duet-menu-bar-menu button.sc-duet-menu-bar-menu{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;min-height:5rem;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:1rem;font-weight:600;line-height:1.25;color:#00294d;text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){/*!@.duet-menu-bar-menu button*/.duet-menu-bar-menu.sc-duet-menu-bar-menu button.sc-duet-menu-bar-menu{padding:0 20px}}@media (min-width: 64.0625em){/*!@.duet-menu-bar-menu button*/.duet-menu-bar-menu.sc-duet-menu-bar-menu button.sc-duet-menu-bar-menu{padding:0 28px}}/*!@.duet-menu-bar-menu button:hover*/.duet-menu-bar-menu.sc-duet-menu-bar-menu button.sc-duet-menu-bar-menu:hover{color:#0077b3}/*!@.duet-menu-bar-menu button.active*/.duet-menu-bar-menu.sc-duet-menu-bar-menu button.active.sc-duet-menu-bar-menu{color:#0077b3}/*!@.duet-theme-turva .duet-menu-bar-menu button.active*/.duet-theme-turva.sc-duet-menu-bar-menu .duet-menu-bar-menu.sc-duet-menu-bar-menu button.active.sc-duet-menu-bar-menu{color:#c60c30}/*!@.duet-menu-bar-menu button.active::after*/.duet-menu-bar-menu.sc-duet-menu-bar-menu button.active.sc-duet-menu-bar-menu::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:\"\";background:#0077b3;transition:300ms ease;transform:translateY(2px)}/*!@.duet-theme-turva .duet-menu-bar-menu button.active::after*/.duet-theme-turva.sc-duet-menu-bar-menu .duet-menu-bar-menu.sc-duet-menu-bar-menu button.active.sc-duet-menu-bar-menu::after{background:#c60c30}/*!@.duet-menu-bar-menu .items*/.duet-menu-bar-menu.sc-duet-menu-bar-menu .items.sc-duet-menu-bar-menu{position:absolute;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:4rem;color:#00294d;background:#f3f9fc;border-bottom:1px solid #cde5f1;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset}/*!@.duet-menu-bar-menu .items.hidden*/.duet-menu-bar-menu.sc-duet-menu-bar-menu .items.hidden.sc-duet-menu-bar-menu{display:none}/*!@.duet-menu-bar-menu.duet-theme-turva button*/.duet-menu-bar-menu.duet-theme-turva.sc-duet-menu-bar-menu button.sc-duet-menu-bar-menu{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}/*!@.duet-menu-bar-menu.duet-theme-turva button:hover*/.duet-menu-bar-menu.duet-theme-turva.sc-duet-menu-bar-menu button.sc-duet-menu-bar-menu:hover{color:#c60c30}/*!@.duet-menu-bar-menu.duet-theme-turva button.active*/.duet-menu-bar-menu.duet-theme-turva.sc-duet-menu-bar-menu button.active.sc-duet-menu-bar-menu{color:#c60c30}/*!@.duet-menu-bar-menu.duet-theme-turva button.active::after*/.duet-menu-bar-menu.duet-theme-turva.sc-duet-menu-bar-menu button.active.sc-duet-menu-bar-menu::after{background:#c60c30}/*!@.duet-menu-bar-menu.duet-theme-turva .items*/.duet-menu-bar-menu.duet-theme-turva.sc-duet-menu-bar-menu .items.sc-duet-menu-bar-menu{background:#f5f5f7}";
12517
-
12518
- class DuetMenuBarMenu {
12519
- constructor(hostRef) {
12520
- registerInstance(this, hostRef);
12521
- this.duetMenuBarMenuEvent = createEvent$2(this, "duetMenuBarMenuEvent", 7);
12522
- this.toggleMenu = (e) => {
12523
- const toggle = !this.open;
12524
- this.open = toggle;
12525
- this.duetMenuBarMenuEvent.emit({
12526
- originalEvent: e,
12527
- data: { element: this.element, open: this.open },
12528
- component: "duet-menu-bar-menu",
12529
- });
12530
- };
12531
- this.onClick = (e) => {
12532
- this.toggleMenu(e);
12533
- e.stopImmediatePropagation();
12375
+ this.getVariant = () => {
12376
+ const slot = this.element.parentElement.getAttribute("slot");
12377
+ switch (slot) {
12378
+ case "center":
12379
+ return "center";
12380
+ case "right":
12381
+ return "right";
12382
+ case "below":
12383
+ return "below";
12384
+ default:
12385
+ return "center";
12386
+ }
12534
12387
  };
12535
12388
  this.theme = "";
12536
12389
  this.active = false;
12537
- this.open = false;
12538
- }
12539
- /**
12540
- * Component lifecycle events.
12541
- */
12542
- componentWillLoad() {
12543
- inheritGlobalTheme(this);
12544
- }
12545
- /**
12546
- * render() function
12547
- * Always the last one in the class.
12548
- */
12549
- render() {
12550
- return (hAsync(Host, null, hAsync("div", { class: { "duet-menu-bar-menu": true, "duet-theme-turva": this.theme === "turva", active: this.active } }, hAsync("button", { "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
12551
- active: this.active || this.open,
12552
- }, onClick: this.onClick }, hAsync("slot", { name: "label" })), hAsync("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
12553
- items: true,
12554
- hidden: !this.open,
12555
- } }, hAsync("slot", null)))));
12556
- }
12557
- get element() { return getElement(this); }
12558
- static get style() { return duetMenuBarMenuCss; }
12559
- static get cmpMeta() { return {
12560
- "$flags$": 9,
12561
- "$tagName$": "duet-menu-bar-menu",
12562
- "$members$": {
12563
- "theme": [1025],
12564
- "active": [1028],
12565
- "open": [1540]
12566
- },
12567
- "$listeners$": undefined,
12568
- "$lazyBundleId$": "-",
12569
- "$attrsToReflect$": [["open", "open"]]
12570
- }; }
12571
- }
12572
-
12573
- const duetMenuBarMenuDropdownLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-menu-bar-menu-dropdown-link,*.sc-duet-menu-bar-menu-dropdown-link::after,*.sc-duet-menu-bar-menu-dropdown-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-menu-dropdown-link-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}/*!@.duet-menu-bar-menu-dropdown-link*/.duet-menu-bar-menu-dropdown-link.sc-duet-menu-bar-menu-dropdown-link{display:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start;height:100%;padding:0.675rem 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:#00294d;text-align:center;text-decoration:none}/*!@.duet-menu-bar-menu-dropdown-link.duet-theme-turva*/.duet-menu-bar-menu-dropdown-link.duet-theme-turva.sc-duet-menu-bar-menu-dropdown-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:#171c3a}/*!@.duet-menu-bar-menu-dropdown-link:hover*/.duet-menu-bar-menu-dropdown-link.sc-duet-menu-bar-menu-dropdown-link:hover{color:#004d80;background:#f3f9fc}/*!@.duet-menu-bar-menu-dropdown-link:hover.duet-theme-turva*/.duet-menu-bar-menu-dropdown-link.sc-duet-menu-bar-menu-dropdown-link:hover.duet-theme-turva{color:#940925;background:#e4e4e6}/*!@.duet-menu-bar-menu-dropdown-link.highlight*/.duet-menu-bar-menu-dropdown-link.highlight.sc-duet-menu-bar-menu-dropdown-link{color:#0077b3}/*!@.duet-menu-bar-menu-dropdown-link.highlight.duet-theme-turva*/.duet-menu-bar-menu-dropdown-link.highlight.duet-theme-turva.sc-duet-menu-bar-menu-dropdown-link{color:#c60c30}";
12574
-
12575
- class DuetMenuBarMenuDropdownLink {
12576
- constructor(hostRef) {
12577
- registerInstance(this, hostRef);
12578
- this.theme = "";
12579
12390
  this.href = "#";
12580
12391
  this.icon = undefined;
12581
- this.caret = false;
12582
- this.highlight = false;
12583
12392
  }
12584
12393
  /**
12585
12394
  * Component lifecycle events.
@@ -12593,57 +12402,17 @@ class DuetMenuBarMenuDropdownLink {
12593
12402
  */
12594
12403
  render() {
12595
12404
  return (hAsync(Host, null, hAsync("a", { class: {
12596
- "duet-menu-bar-menu-dropdown-link": true,
12405
+ "duet-menu-bar-link": true,
12597
12406
  "duet-theme-turva": this.theme === "turva",
12598
- highlight: this.highlight,
12599
- }, href: this.href, role: "menuitem" }, this.icon && hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), hAsync("slot", null), this.caret && hAsync("duet-icon", { name: "action-arrow-right-small", size: "xxx-small", margin: "none" }))));
12600
- }
12601
- get element() { return getElement(this); }
12602
- static get style() { return duetMenuBarMenuDropdownLinkCss; }
12603
- static get cmpMeta() { return {
12604
- "$flags$": 9,
12605
- "$tagName$": "duet-menu-bar-menu-dropdown-link",
12606
- "$members$": {
12607
- "theme": [1025],
12608
- "href": [1025],
12609
- "icon": [1537],
12610
- "caret": [1028],
12611
- "highlight": [1028]
12612
- },
12613
- "$listeners$": undefined,
12614
- "$lazyBundleId$": "-",
12615
- "$attrsToReflect$": [["icon", "icon"]]
12616
- }; }
12617
- }
12618
-
12619
- const duetMenuBarMenuLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-menu-bar-menu-link,*.sc-duet-menu-bar-menu-link::after,*.sc-duet-menu-bar-menu-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-menu-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-menu-link*/.duet-menu-bar-menu-link.sc-duet-menu-bar-menu-link{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;height:100%;padding:0 1.5rem;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:600;line-height:1.25;color:#00294d;text-align:center;text-decoration:none}/*!@.duet-menu-bar-menu-link.duet-theme-turva*/.duet-menu-bar-menu-link.duet-theme-turva.sc-duet-menu-bar-menu-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:#171c3a}/*!@.duet-menu-bar-menu-link:hover*/.duet-menu-bar-menu-link.sc-duet-menu-bar-menu-link:hover{color:#004d80;background:#e6f2f8}/*!@.duet-menu-bar-menu-link:hover.duet-theme-turva*/.duet-menu-bar-menu-link.sc-duet-menu-bar-menu-link:hover.duet-theme-turva{color:#940925;background:#e4e4e6}/*!@.duet-menu-bar-menu-link.active*/.duet-menu-bar-menu-link.active.sc-duet-menu-bar-menu-link{color:#0077b3}/*!@.duet-menu-bar-menu-link.active.duet-theme-turva*/.duet-menu-bar-menu-link.active.duet-theme-turva.sc-duet-menu-bar-menu-link{color:#c60c30}/*!@.duet-menu-bar-menu-link.active.active:hover*/.duet-menu-bar-menu-link.active.active.sc-duet-menu-bar-menu-link:hover{color:#004d80}/*!@.duet-menu-bar-menu-link.active.active:hover.duet-theme-turva*/.duet-menu-bar-menu-link.active.active.sc-duet-menu-bar-menu-link:hover.duet-theme-turva{color:#940925}";
12620
-
12621
- class DuetMenuBarMenuLink {
12622
- constructor(hostRef) {
12623
- registerInstance(this, hostRef);
12624
- this.theme = "";
12625
- this.active = false;
12626
- this.href = "#";
12627
- this.icon = undefined;
12628
- }
12629
- /**
12630
- * Component lifecycle events.
12631
- */
12632
- componentWillLoad() {
12633
- inheritGlobalTheme(this);
12634
- }
12635
- /**
12636
- * render() function
12637
- * Always the last one in the class.
12638
- */
12639
- render() {
12640
- return (hAsync(Host, null, hAsync("a", { class: { "duet-menu-bar-menu-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, role: "menuitem" }, this.icon && hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), hAsync("slot", null))));
12407
+ active: this.active,
12408
+ [`duet-menu-bar-link--slot-${this.getVariant()}`]: true,
12409
+ }, href: this.href }, this.icon && hAsync("duet-icon", { size: "x-small", name: this.icon, margin: "none" }), hAsync("slot", null))));
12641
12410
  }
12642
12411
  get element() { return getElement(this); }
12643
- static get style() { return duetMenuBarMenuLinkCss; }
12412
+ static get style() { return duetMenuBarLinkCss; }
12644
12413
  static get cmpMeta() { return {
12645
12414
  "$flags$": 9,
12646
- "$tagName$": "duet-menu-bar-menu-link",
12415
+ "$tagName$": "duet-menu-bar-link",
12647
12416
  "$members$": {
12648
12417
  "theme": [1025],
12649
12418
  "active": [1028],
@@ -15337,6 +15106,176 @@ class DuetStepper {
15337
15106
  }; }
15338
15107
  }
15339
15108
 
15109
+ 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%}/*!@.duet-submenu-bar*/.duet-submenu-bar.sc-duet-submenu-bar{z-index:1;display:flex;align-items:center;justify-content:center;background:#f3f9fc;border-bottom:1px solid #cde5f1}/*!@.duet-submenu-bar.duet-theme-turva*/.duet-submenu-bar.duet-theme-turva.sc-duet-submenu-bar{background:#f5f5f7;border-bottom:1px solid #e4e4e6}";
15110
+
15111
+ class DuetSubmenuBar {
15112
+ constructor(hostRef) {
15113
+ registerInstance(this, hostRef);
15114
+ this.theme = "";
15115
+ }
15116
+ /**
15117
+ * Component lifecycle events.
15118
+ */
15119
+ componentWillLoad() {
15120
+ inheritGlobalTheme(this);
15121
+ }
15122
+ /**
15123
+ * render() function
15124
+ * Always the last one in the class.
15125
+ */
15126
+ render() {
15127
+ return (hAsync(Host, null, hAsync("div", { class: { "duet-submenu-bar": true, "duet-theme-turva": this.theme === "turva" }, role: "menubar" }, hAsync("slot", null))));
15128
+ }
15129
+ get element() { return getElement(this); }
15130
+ static get style() { return duetSubmenuBarCss; }
15131
+ static get cmpMeta() { return {
15132
+ "$flags$": 9,
15133
+ "$tagName$": "duet-submenu-bar",
15134
+ "$members$": {
15135
+ "theme": [1025]
15136
+ },
15137
+ "$listeners$": undefined,
15138
+ "$lazyBundleId$": "-",
15139
+ "$attrsToReflect$": []
15140
+ }; }
15141
+ }
15142
+
15143
+ const duetSubmenuBarDropdownCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-submenu-bar-dropdown,*.sc-duet-submenu-bar-dropdown::after,*.sc-duet-submenu-bar-dropdown::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-dropdown-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}/*!@.duet-submenu-bar-dropdown*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown{position:relative;height:100%}/*!@.duet-submenu-bar-dropdown button*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown{position:relative;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;height:100%;padding:12px 1.5rem;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:600;line-height:1.25;color:#00294d;text-align:center;text-decoration:none;cursor:pointer}/*!@.duet-submenu-bar-dropdown button .label*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown .label.sc-duet-submenu-bar-dropdown{display:flex;gap:5px;align-items:center;justify-content:center}/*!@.duet-submenu-bar-dropdown button .caret*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown .caret.sc-duet-submenu-bar-dropdown{position:absolute;right:12px}/*!@.duet-submenu-bar-dropdown button:hover*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown:hover{color:#004d80;background:#e6f2f8}/*!@.duet-submenu-bar-dropdown button:hover.active*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown:hover.active{color:#0077b3}/*!@.duet-submenu-bar-dropdown button.active*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown{color:#0077b3}/*!@.duet-submenu-bar-dropdown button.active .caret*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown .caret.sc-duet-submenu-bar-dropdown{transform:rotate(180deg)}/*!@.duet-theme-turva .duet-submenu-bar-dropdown button.active*/.duet-theme-turva.sc-duet-submenu-bar-dropdown .duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown{color:#c60c30}/*!@.duet-submenu-bar-dropdown button.active::after*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:\"\";background:#0077b3;transition:300ms ease;transform:translateY(2px)}/*!@.duet-theme-turva .duet-submenu-bar-dropdown button.active::after*/.duet-theme-turva.sc-duet-submenu-bar-dropdown .duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown::after{background:#c60c30}/*!@.duet-submenu-bar-dropdown .items*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown .items.sc-duet-submenu-bar-dropdown{position:absolute;top:101%;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:320px;color:#00294d;background:white;border-radius:0 0 4px 4px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}/*!@.duet-submenu-bar-dropdown .items.hidden*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown .items.hidden.sc-duet-submenu-bar-dropdown{display:none}/*!@.duet-submenu-bar-dropdown.duet-theme-turva button*/.duet-submenu-bar-dropdown.duet-theme-turva.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}/*!@.duet-submenu-bar-dropdown.duet-theme-turva button:hover*/.duet-submenu-bar-dropdown.duet-theme-turva.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown:hover{color:#940925;background:#e4e4e6}/*!@.duet-submenu-bar-dropdown.duet-theme-turva button.active*/.duet-submenu-bar-dropdown.duet-theme-turva.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown{color:#c60c30}/*!@.duet-submenu-bar-dropdown.duet-theme-turva button.active::after*/.duet-submenu-bar-dropdown.duet-theme-turva.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown::after{background:#c60c30}/*!@.duet-submenu-bar-dropdown.duet-theme-turva .items*/.duet-submenu-bar-dropdown.duet-theme-turva.sc-duet-submenu-bar-dropdown .items.sc-duet-submenu-bar-dropdown{background:#f5f5f7}";
15144
+
15145
+ class DuetSubmenuBarDropdown {
15146
+ constructor(hostRef) {
15147
+ registerInstance(this, hostRef);
15148
+ this.onClick = () => {
15149
+ this.open = !this.open;
15150
+ };
15151
+ this.theme = "";
15152
+ this.open = false;
15153
+ this.icon = undefined;
15154
+ }
15155
+ handleFocus(e) {
15156
+ const isClickOutside = e.composedPath().every(node => node !== this.element);
15157
+ if (isClickOutside) {
15158
+ this.open = false;
15159
+ }
15160
+ }
15161
+ /**
15162
+ * Component lifecycle events.
15163
+ */
15164
+ componentWillLoad() {
15165
+ inheritGlobalTheme(this);
15166
+ }
15167
+ /**
15168
+ * render() function
15169
+ * Always the last one in the class.
15170
+ */
15171
+ render() {
15172
+ return (hAsync(Host, null, hAsync("div", { class: { "duet-submenu-bar-dropdown": true, "duet-theme-turva": this.theme === "turva", active: this.open } }, hAsync("button", { "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
15173
+ active: this.open,
15174
+ }, onClick: this.onClick }, this.icon && hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), hAsync("div", { class: "label" }, hAsync("slot", { name: "label" }), hAsync("duet-icon", { class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small" }))), hAsync("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
15175
+ items: true,
15176
+ hidden: !this.open,
15177
+ } }, hAsync("slot", null)))));
15178
+ }
15179
+ get element() { return getElement(this); }
15180
+ static get style() { return duetSubmenuBarDropdownCss; }
15181
+ static get cmpMeta() { return {
15182
+ "$flags$": 9,
15183
+ "$tagName$": "duet-submenu-bar-dropdown",
15184
+ "$members$": {
15185
+ "theme": [1025],
15186
+ "open": [1540],
15187
+ "icon": [1537]
15188
+ },
15189
+ "$listeners$": [[8, "click", "handleFocus"]],
15190
+ "$lazyBundleId$": "-",
15191
+ "$attrsToReflect$": [["open", "open"], ["icon", "icon"]]
15192
+ }; }
15193
+ }
15194
+
15195
+ const duetSubmenuBarDropdownLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-submenu-bar-dropdown-link,*.sc-duet-submenu-bar-dropdown-link::after,*.sc-duet-submenu-bar-dropdown-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-submenu-bar-dropdown-link-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}/*!@.duet-submenu-bar-dropdown-link*/.duet-submenu-bar-dropdown-link.sc-duet-submenu-bar-dropdown-link{display:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start;height:100%;padding:0.675rem 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:#00294d;text-align:center;text-decoration:none}/*!@.duet-submenu-bar-dropdown-link.duet-theme-turva*/.duet-submenu-bar-dropdown-link.duet-theme-turva.sc-duet-submenu-bar-dropdown-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:#171c3a}/*!@.duet-submenu-bar-dropdown-link:hover*/.duet-submenu-bar-dropdown-link.sc-duet-submenu-bar-dropdown-link:hover{color:#004d80;background:#f3f9fc}/*!@.duet-submenu-bar-dropdown-link:hover.duet-theme-turva*/.duet-submenu-bar-dropdown-link.sc-duet-submenu-bar-dropdown-link:hover.duet-theme-turva{color:#940925;background:#e4e4e6}/*!@.duet-submenu-bar-dropdown-link.highlight*/.duet-submenu-bar-dropdown-link.highlight.sc-duet-submenu-bar-dropdown-link{color:#0077b3}/*!@.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva*/.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva.sc-duet-submenu-bar-dropdown-link{color:#c60c30}";
15196
+
15197
+ class DuetSubmenuBarDropdownLink {
15198
+ constructor(hostRef) {
15199
+ registerInstance(this, hostRef);
15200
+ this.theme = "";
15201
+ this.href = "#";
15202
+ this.icon = undefined;
15203
+ this.caret = false;
15204
+ this.highlight = false;
15205
+ }
15206
+ /**
15207
+ * Component lifecycle events.
15208
+ */
15209
+ componentWillLoad() {
15210
+ inheritGlobalTheme(this);
15211
+ }
15212
+ /**
15213
+ * render() function
15214
+ * Always the last one in the class.
15215
+ */
15216
+ render() {
15217
+ return (hAsync(Host, null, hAsync("a", { class: {
15218
+ "duet-submenu-bar-dropdown-link": true,
15219
+ "duet-theme-turva": this.theme === "turva",
15220
+ highlight: this.highlight,
15221
+ }, href: this.href, role: "menuitem" }, this.icon && hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("slot", null), this.caret && hAsync("duet-icon", { name: "action-arrow-right-small", size: "xxx-small", margin: "none" }))));
15222
+ }
15223
+ get element() { return getElement(this); }
15224
+ static get style() { return duetSubmenuBarDropdownLinkCss; }
15225
+ static get cmpMeta() { return {
15226
+ "$flags$": 9,
15227
+ "$tagName$": "duet-submenu-bar-dropdown-link",
15228
+ "$members$": {
15229
+ "theme": [1025],
15230
+ "href": [1025],
15231
+ "icon": [1537],
15232
+ "caret": [1028],
15233
+ "highlight": [1028]
15234
+ },
15235
+ "$listeners$": undefined,
15236
+ "$lazyBundleId$": "-",
15237
+ "$attrsToReflect$": [["icon", "icon"]]
15238
+ }; }
15239
+ }
15240
+
15241
+ const duetSubmenuBarLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-submenu-bar-link,*.sc-duet-submenu-bar-link::after,*.sc-duet-submenu-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-submenu-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-submenu-bar-link*/.duet-submenu-bar-link.sc-duet-submenu-bar-link{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;height:100%;padding:12px 1.5rem;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:600;line-height:1.25;color:#00294d;text-align:center;text-decoration:none}/*!@.duet-submenu-bar-link.duet-theme-turva*/.duet-submenu-bar-link.duet-theme-turva.sc-duet-submenu-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\";color:#171c3a}/*!@.duet-submenu-bar-link:hover*/.duet-submenu-bar-link.sc-duet-submenu-bar-link:hover{color:#004d80;background:#e6f2f8}/*!@.duet-submenu-bar-link:hover.duet-theme-turva*/.duet-submenu-bar-link.sc-duet-submenu-bar-link:hover.duet-theme-turva{color:#940925;background:#e4e4e6}";
15242
+
15243
+ class DuetSubmenuBarLink {
15244
+ constructor(hostRef) {
15245
+ registerInstance(this, hostRef);
15246
+ this.theme = "";
15247
+ this.href = "#";
15248
+ this.icon = undefined;
15249
+ }
15250
+ /**
15251
+ * Component lifecycle events.
15252
+ */
15253
+ componentWillLoad() {
15254
+ inheritGlobalTheme(this);
15255
+ }
15256
+ /**
15257
+ * render() function
15258
+ * Always the last one in the class.
15259
+ */
15260
+ render() {
15261
+ return (hAsync(Host, null, hAsync("a", { class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva" }, href: this.href, role: "menuitem" }, this.icon && hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), hAsync("slot", null))));
15262
+ }
15263
+ get element() { return getElement(this); }
15264
+ static get style() { return duetSubmenuBarLinkCss; }
15265
+ static get cmpMeta() { return {
15266
+ "$flags$": 9,
15267
+ "$tagName$": "duet-submenu-bar-link",
15268
+ "$members$": {
15269
+ "theme": [1025],
15270
+ "href": [1025],
15271
+ "icon": [1537]
15272
+ },
15273
+ "$listeners$": undefined,
15274
+ "$lazyBundleId$": "-",
15275
+ "$attrsToReflect$": [["icon", "icon"]]
15276
+ }; }
15277
+ }
15278
+
15340
15279
  const duetTabCss = ".sc-duet-tab-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-tab.sc-duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected.sc-duet-tab{display:block}";
15341
15280
 
15342
15281
  class DuetTab {
@@ -15960,7 +15899,7 @@ class DuetToggle {
15960
15899
  }; }
15961
15900
  }
15962
15901
 
15963
- 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{display:flex;align-items:center;justify-content:space-between;width:100%;height:36px;padding:0 28px;background:white}/*!@.duet-toolbar ::slotted(*)*/.duet-toolbar .sc-duet-toolbar-s>*{display:flex;align-items:center;justify-content:center;height:100%}/*!@.duet-toolbar.duet-theme-turva*/.duet-toolbar.duet-theme-turva.sc-duet-toolbar{background:white}";
15902
+ 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{z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;height:36px;padding:0 28px;background:white}/*!@.duet-toolbar ::slotted(*)*/.duet-toolbar .sc-duet-toolbar-s>*{display:flex;align-items:center;justify-content:center;height:100%}/*!@.duet-toolbar.duet-theme-turva*/.duet-toolbar.duet-theme-turva.sc-duet-toolbar{background:white}";
15964
15903
 
15965
15904
  /**
15966
15905
  * @slot left - Slot for content in left side.
@@ -15998,30 +15937,25 @@ class DuetToolbar {
15998
15937
  }; }
15999
15938
  }
16000
15939
 
16001
- const duetToolbarDropdownCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-toolbar-dropdown,*.sc-duet-toolbar-dropdown::after,*.sc-duet-toolbar-dropdown::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-dropdown-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-dropdown*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown{position:relative;z-index:1;height:100%}/*!@.duet-toolbar-dropdown button*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown{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:#004d80;text-align:center;text-decoration:none;cursor:pointer}/*!@.duet-toolbar-dropdown button .label*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown .label.sc-duet-toolbar-dropdown{display:flex;gap:0.5rem;align-items:center;justify-content:center}/*!@.duet-toolbar-dropdown button:hover*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown:hover{color:#00294d;background:#f3f9fc}/*!@.duet-toolbar-dropdown button.open .caret*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.open.sc-duet-toolbar-dropdown .caret.sc-duet-toolbar-dropdown{transform:rotate(180deg)}/*!@.duet-toolbar-dropdown button.active, .duet-toolbar-dropdown button.open*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.active.sc-duet-toolbar-dropdown,.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.open.sc-duet-toolbar-dropdown{color:#00294d}/*!@.duet-toolbar-dropdown button.active::after, .duet-toolbar-dropdown button.open::after*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.active.sc-duet-toolbar-dropdown::after,.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.open.sc-duet-toolbar-dropdown::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:#0077b3;transition:300ms ease;transform:translateY(1px)}/*!@.duet-toolbar-dropdown .items*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown .items.sc-duet-toolbar-dropdown{position:absolute;top:102%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:175px;padding:1rem 0;color:#00294d;background:#f3f9fc;border-radius:0 0 8px 8px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}/*!@.duet-toolbar-dropdown .items.hidden*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown .items.hidden.sc-duet-toolbar-dropdown{display:none}/*!@.duet-toolbar-dropdown.right .items*/.duet-toolbar-dropdown.right.sc-duet-toolbar-dropdown .items.sc-duet-toolbar-dropdown{right:auto;left:0%}/*!@.duet-toolbar-dropdown.duet-theme-turva button*/.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#940925}/*!@.duet-toolbar-dropdown.duet-theme-turva button:hover*/.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown:hover{color:#171c3a;background:#f5f5f7}/*!@.duet-toolbar-dropdown.duet-theme-turva button.active*/.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.active.sc-duet-toolbar-dropdown{color:#171c3a}/*!@.duet-toolbar-dropdown.duet-theme-turva button.active::after*/.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.active.sc-duet-toolbar-dropdown::after{background:#c60c30}/*!@.duet-toolbar-dropdown.duet-theme-turva .items*/.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown .items.sc-duet-toolbar-dropdown{background:#f5f5f7}";
15940
+ const duetToolbarDropdownCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-toolbar-dropdown,*.sc-duet-toolbar-dropdown::after,*.sc-duet-toolbar-dropdown::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-dropdown-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-dropdown*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown{position:relative;height:100%}/*!@.duet-toolbar-dropdown button*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown{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:#004d80;text-align:center;text-decoration:none;cursor:pointer}/*!@.duet-toolbar-dropdown button .label*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown .label.sc-duet-toolbar-dropdown{display:flex;gap:0.5rem;align-items:center;justify-content:center}/*!@.duet-toolbar-dropdown button:hover*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown:hover{color:#00294d;background:#f3f9fc}/*!@.duet-toolbar-dropdown button.open .caret*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.open.sc-duet-toolbar-dropdown .caret.sc-duet-toolbar-dropdown{transform:rotate(180deg)}/*!@.duet-toolbar-dropdown button.active, .duet-toolbar-dropdown button.open*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.active.sc-duet-toolbar-dropdown,.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.open.sc-duet-toolbar-dropdown{color:#00294d}/*!@.duet-toolbar-dropdown button.active::after, .duet-toolbar-dropdown button.open::after*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.active.sc-duet-toolbar-dropdown::after,.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.open.sc-duet-toolbar-dropdown::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:#0077b3;transition:300ms ease;transform:translateY(1px)}/*!@.duet-toolbar-dropdown .items*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown .items.sc-duet-toolbar-dropdown{position:absolute;top:102%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:175px;padding:1rem 0;color:#00294d;background:#f3f9fc;border-radius:0 0 8px 8px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}/*!@.duet-toolbar-dropdown .items.hidden*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown .items.hidden.sc-duet-toolbar-dropdown{display:none}/*!@.duet-toolbar-dropdown.right .items*/.duet-toolbar-dropdown.right.sc-duet-toolbar-dropdown .items.sc-duet-toolbar-dropdown{right:auto;left:0%}/*!@.duet-toolbar-dropdown.duet-theme-turva button*/.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#940925}/*!@.duet-toolbar-dropdown.duet-theme-turva button:hover*/.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown:hover{color:#171c3a;background:#f5f5f7}/*!@.duet-toolbar-dropdown.duet-theme-turva button.active, .duet-toolbar-dropdown.duet-theme-turva button.open*/.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.active.sc-duet-toolbar-dropdown,.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.open.sc-duet-toolbar-dropdown{color:#171c3a}/*!@.duet-toolbar-dropdown.duet-theme-turva button.active::after, .duet-toolbar-dropdown.duet-theme-turva button.open::after*/.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.active.sc-duet-toolbar-dropdown::after,.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.open.sc-duet-toolbar-dropdown::after{background:#c60c30}/*!@.duet-toolbar-dropdown.duet-theme-turva .items*/.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown .items.sc-duet-toolbar-dropdown{background:#f5f5f7}";
16002
15941
 
16003
15942
  class DuetToolbarDropdown {
16004
15943
  constructor(hostRef) {
16005
15944
  registerInstance(this, hostRef);
16006
- this.duetToolbarDropdownEvent = createEvent$2(this, "duetToolbarDropdownEvent", 7);
16007
- this.toggleMenu = (e) => {
16008
- const toggle = !this.open;
16009
- this.open = toggle;
16010
- this.duetToolbarDropdownEvent.emit({
16011
- originalEvent: e,
16012
- data: { element: this.element, open: this.open },
16013
- component: "duet-toolbar-dropdown",
16014
- });
16015
- };
16016
- this.onClick = (e) => {
16017
- this.toggleMenu(e);
16018
- e.stopImmediatePropagation();
15945
+ this.onClick = () => {
15946
+ this.open = !this.open;
16019
15947
  };
16020
15948
  this.theme = "";
16021
15949
  this.active = false;
16022
15950
  this.open = false;
16023
15951
  this.icon = undefined;
16024
15952
  }
15953
+ handleFocus(e) {
15954
+ const isClickOutside = e.composedPath().every(node => node !== this.element);
15955
+ if (isClickOutside) {
15956
+ this.open = false;
15957
+ }
15958
+ }
16025
15959
  /**
16026
15960
  * Component lifecycle events.
16027
15961
  */
@@ -16060,7 +15994,7 @@ class DuetToolbarDropdown {
16060
15994
  "open": [1540],
16061
15995
  "icon": [1537]
16062
15996
  },
16063
- "$listeners$": undefined,
15997
+ "$listeners$": [[8, "click", "handleFocus"]],
16064
15998
  "$lazyBundleId$": "-",
16065
15999
  "$attrsToReflect$": [["active", "active"], ["open", "open"], ["icon", "icon"]]
16066
16000
  }; }
@@ -16131,7 +16065,7 @@ class DuetToolbarLink {
16131
16065
  * Always the last one in the class.
16132
16066
  */
16133
16067
  render() {
16134
- return (hAsync(Host, null, hAsync("a", { class: { "duet-toolbar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href }, this.icon && hAsync("duet-icon", { size: "x-small", name: this.icon, margin: "none" }), hAsync("slot", null))));
16068
+ return (hAsync(Host, null, hAsync("a", { class: { "duet-toolbar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href }, this.icon && (hAsync("duet-icon", { size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", null))));
16135
16069
  }
16136
16070
  get element() { return getElement(this); }
16137
16071
  static get style() { return duetToolbarLinkCss; }
@@ -17837,7 +17771,6 @@ registerComponents([
17837
17771
  DuetGrid,
17838
17772
  DuetGridItem,
17839
17773
  DuetHeader,
17840
- DuetHeaderMenuDropdown,
17841
17774
  DuetHeading,
17842
17775
  DuetHero,
17843
17776
  DuetIcon,
@@ -17853,9 +17786,6 @@ registerComponents([
17853
17786
  DuetMenuBarDropdown,
17854
17787
  DuetMenuBarDropdownLink,
17855
17788
  DuetMenuBarLink,
17856
- DuetMenuBarMenu,
17857
- DuetMenuBarMenuDropdownLink,
17858
- DuetMenuBarMenuLink,
17859
17789
  DuetModal,
17860
17790
  DuetMultiselect,
17861
17791
  DuetNotification,
@@ -17875,6 +17805,10 @@ registerComponents([
17875
17805
  DuetSpinner,
17876
17806
  DuetStep,
17877
17807
  DuetStepper,
17808
+ DuetSubmenuBar,
17809
+ DuetSubmenuBarDropdown,
17810
+ DuetSubmenuBarDropdownLink,
17811
+ DuetSubmenuBarLink,
17878
17812
  DuetTab,
17879
17813
  DuetTabGroup,
17880
17814
  DuetTable,