@duetds/components 5.4.2 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (248) hide show
  1. package/hydrate/index.js +27 -8
  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 +4 -3
  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 +2 -2
  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 +1 -1
  20. package/lib/cjs/duet-footer.cjs.entry.js +10 -2
  21. package/lib/cjs/duet-grid_2.cjs.entry.js +1 -1
  22. package/lib/cjs/duet-header_2.cjs.entry.js +13 -5
  23. package/lib/cjs/duet-hero.cjs.entry.js +3 -2
  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-modal.cjs.entry.js +2 -2
  29. package/lib/cjs/duet-notification_2.cjs.entry.js +1 -1
  30. package/lib/cjs/duet-number-input.cjs.entry.js +1 -1
  31. package/lib/cjs/duet-pagination_2.cjs.entry.js +1 -1
  32. package/lib/cjs/duet-progress.cjs.entry.js +1 -1
  33. package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
  34. package/lib/cjs/duet-range-slider.cjs.entry.js +1 -1
  35. package/lib/cjs/duet-scrollable_3.cjs.entry.js +1 -1
  36. package/lib/cjs/duet-select.cjs.entry.js +1 -1
  37. package/lib/cjs/duet-step_2.cjs.entry.js +1 -1
  38. package/lib/cjs/duet-textarea.cjs.entry.js +1 -1
  39. package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
  40. package/lib/cjs/duet-tooltip.cjs.entry.js +1 -1
  41. package/lib/cjs/duet-tray.cjs.entry.js +1 -1
  42. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
  43. package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
  44. package/lib/cjs/duet.cjs.js +1 -1
  45. package/lib/cjs/{focus-utils-9226aef7.js → focus-utils-fed98b6a.js} +1 -1
  46. package/lib/cjs/{index-60a8ec8a.js → index-b5a163e2.js} +1 -1
  47. package/lib/cjs/loader.cjs.js +1 -1
  48. package/lib/collection/components/duet-footer/duet-footer.js +28 -2
  49. package/lib/collection/components/duet-header/duet-header.js +30 -4
  50. package/lib/collection/components/duet-heading/duet-heading.css +4 -0
  51. package/lib/collection/components/duet-heading/duet-heading.js +4 -3
  52. package/lib/collection/components/duet-hero/duet-hero.js +4 -2
  53. package/lib/custom-elements-bundle/index.js +27 -9
  54. package/lib/duet/duet.esm.js +1 -1
  55. package/lib/duet/duet.js +1 -1
  56. package/lib/duet/{p-46d9a853.entry.js → p-043ca8c2.entry.js} +1 -1
  57. package/lib/duet/{p-2ac07ac9.entry.js → p-092249a4.entry.js} +1 -1
  58. package/lib/duet/{p-64cbe9b7.system.entry.js → p-09c538d2.system.entry.js} +1 -1
  59. package/lib/duet/{p-817ef07d.system.entry.js → p-0d51a865.system.entry.js} +1 -1
  60. package/lib/duet/{p-590e8508.entry.js → p-106412f9.entry.js} +1 -1
  61. package/lib/duet/{p-675d713b.entry.js → p-106d0e6c.entry.js} +1 -1
  62. package/lib/duet/{p-fe03f359.system.js → p-109762c2.system.js} +1 -1
  63. package/lib/duet/{p-33a0c070.system.entry.js → p-17abdfb4.system.entry.js} +2 -2
  64. package/lib/duet/{p-6e3f764f.system.entry.js → p-1922b678.system.entry.js} +1 -1
  65. package/lib/duet/{p-62303524.system.entry.js → p-195a7974.system.entry.js} +1 -1
  66. package/lib/duet/{p-56a80c32.system.entry.js → p-1a14638c.system.entry.js} +1 -1
  67. package/lib/duet/{p-79948b47.system.entry.js → p-1d5bd920.system.entry.js} +1 -1
  68. package/lib/duet/{p-97631cdc.entry.js → p-1d795d20.entry.js} +1 -1
  69. package/lib/duet/{p-e5b22358.entry.js → p-21bb7a14.entry.js} +1 -1
  70. package/lib/duet/{p-6f1d6649.entry.js → p-233768f0.entry.js} +1 -1
  71. package/lib/duet/{p-b2ac632f.system.entry.js → p-23c58827.system.entry.js} +1 -1
  72. package/lib/duet/{p-c9f244f6.entry.js → p-256578d4.entry.js} +1 -1
  73. package/lib/duet/{p-bec4d094.system.entry.js → p-2a124811.system.entry.js} +1 -1
  74. package/lib/duet/{p-ffadc9ea.system.entry.js → p-2f25b72e.system.entry.js} +1 -1
  75. package/lib/duet/{p-65821960.entry.js → p-3573ed90.entry.js} +1 -1
  76. package/lib/duet/{p-63aea0dc.system.entry.js → p-3a02d67d.system.entry.js} +1 -1
  77. package/lib/duet/{p-84310e48.system.entry.js → p-3a143c07.system.entry.js} +1 -1
  78. package/lib/duet/{p-440e2c47.entry.js → p-3e354012.entry.js} +1 -1
  79. package/lib/duet/{p-97130a4c.entry.js → p-421888a7.entry.js} +1 -1
  80. package/lib/duet/{p-f661ebf9.system.entry.js → p-43db1cad.system.entry.js} +1 -1
  81. package/lib/duet/{p-98ca5a08.system.entry.js → p-4978446c.system.entry.js} +2 -2
  82. package/lib/duet/{p-f2dce86d.entry.js → p-49e26895.entry.js} +1 -1
  83. package/lib/duet/{p-8bf92f1e.system.entry.js → p-4c0fbc6b.system.entry.js} +1 -1
  84. package/lib/duet/{p-e358c599.entry.js → p-504eb2f5.entry.js} +1 -1
  85. package/lib/duet/{p-ea12c081.system.entry.js → p-50e695ce.system.entry.js} +1 -1
  86. package/lib/duet/p-53ebaffb.js +4 -0
  87. package/lib/duet/{p-ef2f6881.entry.js → p-597286df.entry.js} +1 -1
  88. package/lib/duet/{p-309e3417.system.js → p-5a8745fb.system.js} +1 -1
  89. package/lib/duet/{p-67734fad.entry.js → p-5cff11a9.entry.js} +1 -1
  90. package/lib/duet/{p-faf6cfe8.entry.js → p-5eb3e636.entry.js} +1 -1
  91. package/lib/duet/p-63d2755a.entry.js +4 -0
  92. package/lib/duet/{p-80d16341.system.entry.js → p-70fe3594.system.entry.js} +1 -1
  93. package/lib/duet/{p-838ef01e.system.entry.js → p-778cd181.system.entry.js} +1 -1
  94. package/lib/duet/{p-48a036c1.system.entry.js → p-79598c60.system.entry.js} +1 -1
  95. package/lib/duet/{p-7dfc475d.entry.js → p-7a6bb638.entry.js} +1 -1
  96. package/lib/duet/p-7b84c937.system.entry.js +4 -0
  97. package/lib/duet/{p-aefb80e3.entry.js → p-7ca14550.entry.js} +1 -1
  98. package/lib/duet/{p-9205c79a.system.entry.js → p-7da9836a.system.entry.js} +1 -1
  99. package/lib/duet/{p-7d0051ea.entry.js → p-875bd47c.entry.js} +1 -1
  100. package/lib/duet/{p-c694e7fb.system.entry.js → p-875c8319.system.entry.js} +1 -1
  101. package/lib/duet/{p-12606a4b.entry.js → p-88e55b15.entry.js} +1 -1
  102. package/lib/duet/{p-d3d6e75d.entry.js → p-8a5ff071.entry.js} +1 -1
  103. package/lib/duet/{p-2b155bd9.entry.js → p-8be00ca5.entry.js} +1 -1
  104. package/lib/duet/{p-07a2ad03.entry.js → p-8f397d81.entry.js} +1 -1
  105. package/lib/duet/{p-9df52009.system.entry.js → p-9195b70c.system.entry.js} +1 -1
  106. package/lib/duet/p-93fba18a.system.entry.js +4 -0
  107. package/lib/duet/{p-67ed94fa.system.entry.js → p-94760006.system.entry.js} +1 -1
  108. package/lib/duet/{p-70e567e9.entry.js → p-9589ebe4.entry.js} +1 -1
  109. package/lib/duet/{p-e3017ffc.entry.js → p-975e2007.entry.js} +1 -1
  110. package/lib/duet/{p-9c9fbda5.system.entry.js → p-97f307cd.system.entry.js} +1 -1
  111. package/lib/duet/{p-5f528fa2.entry.js → p-993a34d1.entry.js} +1 -1
  112. package/lib/duet/{p-526e6d8e.system.entry.js → p-9a9b4340.system.entry.js} +1 -1
  113. package/lib/duet/{p-89f50fd8.system.js → p-a20a9164.system.js} +1 -1
  114. package/lib/duet/{p-f2831cda.system.entry.js → p-a399d48f.system.entry.js} +1 -1
  115. package/lib/duet/{p-6255147e.system.entry.js → p-a5e6dfcb.system.entry.js} +1 -1
  116. package/lib/duet/{p-6c5d3def.entry.js → p-a61cf42c.entry.js} +1 -1
  117. package/lib/duet/{p-77e3591e.entry.js → p-ad876c3d.entry.js} +1 -1
  118. package/lib/duet/{p-b004cbd3.entry.js → p-ade00e73.entry.js} +1 -1
  119. package/lib/duet/{p-c383ceb4.system.entry.js → p-b13d93c1.system.entry.js} +1 -1
  120. package/lib/duet/{p-56f17656.entry.js → p-b3a0c0f1.entry.js} +1 -1
  121. package/lib/duet/{p-28f87990.entry.js → p-b98f485a.entry.js} +1 -1
  122. package/lib/duet/{p-f6f30fb7.system.entry.js → p-c570ce3f.system.entry.js} +2 -2
  123. package/lib/duet/{p-ac86999f.system.entry.js → p-c7fbbd1f.system.entry.js} +1 -1
  124. package/lib/duet/{p-fdb0277c.system.entry.js → p-c8eb26ba.system.entry.js} +1 -1
  125. package/lib/duet/p-c8fedd4c.entry.js +4 -0
  126. package/lib/duet/{p-dfd9a9ff.entry.js → p-cb471360.entry.js} +1 -1
  127. package/lib/duet/{p-46b83696.system.entry.js → p-cb9d3224.system.entry.js} +1 -1
  128. package/lib/duet/p-cbddc309.entry.js +4 -0
  129. package/lib/duet/{p-30fc343d.system.entry.js → p-cc5f2e90.system.entry.js} +1 -1
  130. package/lib/duet/{p-322676e3.system.entry.js → p-cd3a4678.system.entry.js} +1 -1
  131. package/lib/duet/{p-6e64cd02.js → p-cddb4ef2.js} +1 -1
  132. package/lib/duet/{p-5ea398eb.entry.js → p-ce47e5bc.entry.js} +1 -1
  133. package/lib/duet/{p-b70f2ae2.system.entry.js → p-cec7594d.system.entry.js} +1 -1
  134. package/lib/duet/{p-4dd79e38.system.entry.js → p-d67546f5.system.entry.js} +1 -1
  135. package/lib/duet/{p-b28e6872.system.entry.js → p-d6fe977f.system.entry.js} +1 -1
  136. package/lib/duet/{p-a03485f8.entry.js → p-d856ba7e.entry.js} +1 -1
  137. package/lib/duet/{p-a91bb73d.entry.js → p-dd922800.entry.js} +1 -1
  138. package/lib/duet/{p-bf8f3b14.entry.js → p-dfbcbdd7.entry.js} +1 -1
  139. package/lib/duet/{p-0dbd00e1.system.entry.js → p-e3ab2e26.system.entry.js} +1 -1
  140. package/lib/duet/{p-5a5117d4.entry.js → p-e8fcf8bf.entry.js} +1 -1
  141. package/lib/duet/{p-8e1cf2fb.system.entry.js → p-ee412ace.system.entry.js} +1 -1
  142. package/lib/duet/{p-6ab6ce4f.system.entry.js → p-efa828e5.system.entry.js} +1 -1
  143. package/lib/duet/{p-bc24eeda.entry.js → p-efd9868c.entry.js} +1 -1
  144. package/lib/duet/{p-451adbf4.entry.js → p-f8ae0ada.entry.js} +1 -1
  145. package/lib/esm/duet-action-button.entry.js +1 -1
  146. package/lib/esm/duet-alert.entry.js +1 -1
  147. package/lib/esm/duet-badge.entry.js +1 -1
  148. package/lib/esm/duet-breadcrumb.entry.js +1 -1
  149. package/lib/esm/duet-breadcrumbs.entry.js +1 -1
  150. package/lib/esm/duet-button_2.entry.js +1 -1
  151. package/lib/esm/duet-caption_4.entry.js +4 -3
  152. package/lib/esm/duet-card.entry.js +1 -1
  153. package/lib/esm/duet-checkbox.entry.js +1 -1
  154. package/lib/esm/duet-choice_2.entry.js +2 -2
  155. package/lib/esm/duet-collapsible.entry.js +1 -1
  156. package/lib/esm/duet-combobox.entry.js +1 -1
  157. package/lib/esm/duet-cookie-consent.entry.js +1 -1
  158. package/lib/esm/duet-date-picker.entry.js +2 -2
  159. package/lib/esm/duet-divider_2.entry.js +1 -1
  160. package/lib/esm/duet-editable-table_3.entry.js +1 -1
  161. package/lib/esm/duet-empty-state.entry.js +1 -1
  162. package/lib/esm/duet-fieldset.entry.js +1 -1
  163. package/lib/esm/duet-footer.entry.js +10 -2
  164. package/lib/esm/duet-grid_2.entry.js +1 -1
  165. package/lib/esm/duet-header_2.entry.js +13 -5
  166. package/lib/esm/duet-hero.entry.js +3 -2
  167. package/lib/esm/duet-icon.entry.js +1 -1
  168. package/lib/esm/duet-input_2.entry.js +1 -1
  169. package/lib/esm/duet-layout.entry.js +1 -1
  170. package/lib/esm/duet-list_2.entry.js +1 -1
  171. package/lib/esm/duet-modal.entry.js +2 -2
  172. package/lib/esm/duet-notification_2.entry.js +1 -1
  173. package/lib/esm/duet-number-input.entry.js +1 -1
  174. package/lib/esm/duet-pagination_2.entry.js +1 -1
  175. package/lib/esm/duet-progress.entry.js +1 -1
  176. package/lib/esm/duet-radio_2.entry.js +1 -1
  177. package/lib/esm/duet-range-slider.entry.js +1 -1
  178. package/lib/esm/duet-scrollable_3.entry.js +1 -1
  179. package/lib/esm/duet-select.entry.js +1 -1
  180. package/lib/esm/duet-step_2.entry.js +1 -1
  181. package/lib/esm/duet-textarea.entry.js +1 -1
  182. package/lib/esm/duet-toggle.entry.js +1 -1
  183. package/lib/esm/duet-tooltip.entry.js +1 -1
  184. package/lib/esm/duet-tray.entry.js +1 -1
  185. package/lib/esm/duet-upload-aria-status.entry.js +1 -1
  186. package/lib/esm/duet-visually-hidden.entry.js +1 -1
  187. package/lib/esm/duet.js +1 -1
  188. package/lib/esm/{focus-utils-8dc04c1c.js → focus-utils-4accac91.js} +1 -1
  189. package/lib/esm/{index-e1964887.js → index-3846de98.js} +1 -1
  190. package/lib/esm/loader.js +1 -1
  191. package/lib/esm-es5/duet-action-button.entry.js +1 -1
  192. package/lib/esm-es5/duet-alert.entry.js +1 -1
  193. package/lib/esm-es5/duet-badge.entry.js +1 -1
  194. package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
  195. package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
  196. package/lib/esm-es5/duet-button_2.entry.js +1 -1
  197. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  198. package/lib/esm-es5/duet-card.entry.js +1 -1
  199. package/lib/esm-es5/duet-checkbox.entry.js +1 -1
  200. package/lib/esm-es5/duet-choice_2.entry.js +1 -1
  201. package/lib/esm-es5/duet-collapsible.entry.js +1 -1
  202. package/lib/esm-es5/duet-combobox.entry.js +1 -1
  203. package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
  204. package/lib/esm-es5/duet-date-picker.entry.js +1 -1
  205. package/lib/esm-es5/duet-divider_2.entry.js +1 -1
  206. package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
  207. package/lib/esm-es5/duet-empty-state.entry.js +1 -1
  208. package/lib/esm-es5/duet-fieldset.entry.js +1 -1
  209. package/lib/esm-es5/duet-footer.entry.js +1 -1
  210. package/lib/esm-es5/duet-grid_2.entry.js +1 -1
  211. package/lib/esm-es5/duet-header_2.entry.js +1 -1
  212. package/lib/esm-es5/duet-hero.entry.js +1 -1
  213. package/lib/esm-es5/duet-icon.entry.js +1 -1
  214. package/lib/esm-es5/duet-input_2.entry.js +1 -1
  215. package/lib/esm-es5/duet-layout.entry.js +1 -1
  216. package/lib/esm-es5/duet-list_2.entry.js +1 -1
  217. package/lib/esm-es5/duet-modal.entry.js +1 -1
  218. package/lib/esm-es5/duet-notification_2.entry.js +1 -1
  219. package/lib/esm-es5/duet-number-input.entry.js +1 -1
  220. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  221. package/lib/esm-es5/duet-progress.entry.js +1 -1
  222. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  223. package/lib/esm-es5/duet-range-slider.entry.js +1 -1
  224. package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
  225. package/lib/esm-es5/duet-select.entry.js +1 -1
  226. package/lib/esm-es5/duet-step_2.entry.js +1 -1
  227. package/lib/esm-es5/duet-textarea.entry.js +2 -2
  228. package/lib/esm-es5/duet-toggle.entry.js +1 -1
  229. package/lib/esm-es5/duet-tooltip.entry.js +1 -1
  230. package/lib/esm-es5/duet-tray.entry.js +1 -1
  231. package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
  232. package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
  233. package/lib/esm-es5/duet.js +1 -1
  234. package/lib/esm-es5/{focus-utils-8dc04c1c.js → focus-utils-4accac91.js} +1 -1
  235. package/lib/esm-es5/{index-e1964887.js → index-3846de98.js} +1 -1
  236. package/lib/esm-es5/loader.js +1 -1
  237. package/lib/types/components/duet-footer/duet-footer.d.ts +11 -0
  238. package/lib/types/components/duet-header/duet-header.d.ts +11 -0
  239. package/lib/types/components/duet-heading/duet-heading.d.ts +2 -2
  240. package/lib/types/components/duet-hero/duet-hero.d.ts +2 -0
  241. package/lib/types/components.d.ts +10 -2
  242. package/package.json +6 -6
  243. package/lib/duet/p-21321528.system.entry.js +0 -4
  244. package/lib/duet/p-5c1646f2.entry.js +0 -4
  245. package/lib/duet/p-99bf8545.js +0 -4
  246. package/lib/duet/p-a806d616.entry.js +0 -4
  247. package/lib/duet/p-c918ce45.system.entry.js +0 -4
  248. package/lib/duet/p-f30eb0fd.entry.js +0 -4
package/hydrate/index.js CHANGED
@@ -10235,6 +10235,7 @@ class DuetFooter {
10235
10235
  this.duetMenuClick = createEvent$2(this, "duetMenuClick", 7);
10236
10236
  this.duetItemClick = createEvent$2(this, "duetItemClick", 7);
10237
10237
  this.duetAnalytics = createEvent$2(this, "duetAnalytics", 7);
10238
+ this.duetEvent = createEvent$2(this, "duetEvent", 7);
10238
10239
  /**
10239
10240
  * State() variables
10240
10241
  * Inlined decorator, alphabetical order.
@@ -10303,6 +10304,13 @@ class DuetFooter {
10303
10304
  this.handleClick(e);
10304
10305
  this.duetItemClick.emit(e);
10305
10306
  };
10307
+ this.emitDuetEvent = (ev, data) => {
10308
+ this.duetEvent.emit({
10309
+ component: "duet-footer",
10310
+ data,
10311
+ originalEvent: ev,
10312
+ });
10313
+ };
10306
10314
  }
10307
10315
  /**
10308
10316
  * Component lifecycle events.
@@ -10332,7 +10340,7 @@ class DuetFooter {
10332
10340
  "duet-footer-simple": this.variation === "simple",
10333
10341
  } }, hAsync("div", { class: "duet-footer-wrapper" }, hAsync("div", { class: "duet-footer-top", part: "top" }, this.variation !== "simple" && (hAsync("duet-logo", { href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), this.processedItems &&
10334
10342
  this.variation !== "simple" &&
10335
- this.processedItems.map(item => (hAsync("a", { class: "duet-footer-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, item) }, hAsync("div", { class: "duet-footer-icon" }, hAsync("duet-icon", { size: "medium", margin: "none", name: item.icon, color: "currentColor" })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), hAsync("div", { class: "duet-footer-arrow" }, item.external ? (hAsync("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" })) : (hAsync("duet-icon", { icon: actionArrowRight.svg, size: "auto", margin: "none", color: "currentColor" }))))))), hAsync("slot", { name: "extra" }), hAsync("p", { class: "duet-footer-menu", part: "menu" }, hAsync("span", { class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), hAsync("div", { class: "duet-footer-menu-links" }, this.processedMenu && (hAsync(Fragment, null, this.processedMenu.map(item => (hAsync("a", { href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item) }, item.label, item.external && (hAsync(Fragment, null, hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), hAsync("div", { class: "duet-footer-external" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), hAsync("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), hAsync("p", { class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
10343
+ this.processedItems.map(item => (hAsync("a", { class: "duet-footer-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, hAsync("div", { class: "duet-footer-icon" }, hAsync("duet-icon", { size: "medium", margin: "none", name: item.icon, color: "currentColor" })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), hAsync("div", { class: "duet-footer-arrow" }, item.external ? (hAsync("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" })) : (hAsync("duet-icon", { icon: actionArrowRight.svg, size: "auto", margin: "none", color: "currentColor" }))))))), hAsync("slot", { name: "extra" }), hAsync("p", { class: "duet-footer-menu", part: "menu" }, hAsync("span", { class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), hAsync("div", { class: "duet-footer-menu-links" }, this.processedMenu && (hAsync(Fragment, null, this.processedMenu.map(item => (hAsync("a", { href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (hAsync(Fragment, null, hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), hAsync("div", { class: "duet-footer-external" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), hAsync("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), hAsync("p", { class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
10336
10344
  }
10337
10345
  get element() { return getElement(this); }
10338
10346
  static get watchers() { return {
@@ -10875,6 +10883,7 @@ class DuetHeader {
10875
10883
  this.duetSkipClick = createEvent$2(this, "duetSkipClick", 7);
10876
10884
  this.duetAnalytics = createEvent$2(this, "duetAnalytics", 7);
10877
10885
  this.duetMobileNavToggle = createEvent$2(this, "duetMobileNavToggle", 7);
10886
+ this.duetEvent = createEvent$2(this, "duetEvent", 7);
10878
10887
  /**
10879
10888
  * Own Properties
10880
10889
  */
@@ -11174,6 +11183,13 @@ class DuetHeader {
11174
11183
  }, 300);
11175
11184
  }
11176
11185
  };
11186
+ this.emitDuetEvent = (ev, data) => {
11187
+ this.duetEvent.emit({
11188
+ component: "duet-header",
11189
+ data,
11190
+ originalEvent: ev,
11191
+ });
11192
+ };
11177
11193
  }
11178
11194
  /**
11179
11195
  * Component lifecycle events.
@@ -11393,7 +11409,7 @@ class DuetHeader {
11393
11409
  !this.openMenu &&
11394
11410
  item.items &&
11395
11411
  !item.items.some(s => s.active === true)),
11396
- }, href: item.href || "#", id: item.id || `header-item-${itemIndex}`, onClick: event => this.handleItemClick(event, item) }, item.label, item.badge && hAsync("div", { class: "duet-header-badge" })), item.items &&
11412
+ }, href: item.href || "#", id: item.id || `header-item-${itemIndex}`, onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.badge && hAsync("div", { class: "duet-header-badge" })), item.items &&
11397
11413
  item.items
11398
11414
  .filter(secondLevelitem => secondLevelitem.items && secondLevelitem.items.length > 0)
11399
11415
  .map((secondLevelItem, secondLevelItemIndex) => {
@@ -11407,7 +11423,7 @@ class DuetHeader {
11407
11423
  secondLevelItem.items.map(thirdLevelItem => (hAsync("a", { class: {
11408
11424
  "duet-header-item": true,
11409
11425
  active: thirdLevelItem.active === true,
11410
- }, role: "menuitem", href: thirdLevelItem.href || "#", id: thirdLevelItem.id, onClick: event => this.handleItemClick(event, thirdLevelItem), onKeyDown: ev => this.handleArrowKeys(ev), target: thirdLevelItem.external ? "_blank" : "_self" }, thirdLevelItem.icon && (hAsync("div", { class: "duet-header-icon" }, hAsync("duet-icon", { margin: "none", size: "medium", name: thirdLevelItem.icon, color: "currentColor" }))), hAsync("span", null, thirdLevelItem.label), thirdLevelItem.badge && hAsync("div", { class: "duet-header-badge" })))))));
11426
+ }, role: "menuitem", href: thirdLevelItem.href || "#", id: thirdLevelItem.id, onClick: event => this.handleItemClick(event, thirdLevelItem), onKeyDown: ev => this.handleArrowKeys(ev), onMouseEnter: event => this.emitDuetEvent(event, thirdLevelItem), onTouchStart: event => this.emitDuetEvent(event, thirdLevelItem), target: thirdLevelItem.external ? "_blank" : "_self" }, thirdLevelItem.icon && (hAsync("div", { class: "duet-header-icon" }, hAsync("duet-icon", { margin: "none", size: "medium", name: thirdLevelItem.icon, color: "currentColor" }))), hAsync("span", null, thirdLevelItem.label), thirdLevelItem.badge && hAsync("div", { class: "duet-header-badge" })))))));
11411
11427
  }))))), hAsync("div", { class: "duet-header-bottom-utils" }, hAsync("slot", { name: "utility" })), hAsync("div", { class: "duet-header-utils" }, !itemsHaveSubItems && contactDropdown(), languageDropdown(), !itemsHaveSubItems && (hAsync(Fragment, null, processedUserWithLink(), processedUserWithoutLink())), processedSearch(), processedSession())))));
11412
11428
  // multi level variation
11413
11429
  if (itemsHaveSubItems) {
@@ -11423,13 +11439,13 @@ class DuetHeader {
11423
11439
  "duet-header": true,
11424
11440
  "duet-theme-turva": this.theme === "turva",
11425
11441
  "duet-header-inactive": !this.processedItems,
11426
- }, part: "header" }, hAsync("div", { class: "duet-header-top" }, skipToLabel(), hAsync("div", { class: "logo-and-segment" }, hAsync("div", null, largeLogo()), this.processedItems && (hAsync(DuetHeaderDropdown, { id: segmentId, label: activeSegment.label, active: this.isSegmentOpen, isOpen: this.isSegmentOpen, badge: false, toggleRef: el => (this.segmentItemsButtonEl = el), itemsRef: el => (this.segmentItemsEl = el), onToggle: event => this.toggleMenu(event, "segment") }, this.processedItems.map(item => (hAsync("a", { class: { active: activeSegment === item }, role: "menuitem", href: item.href || "#", id: item.id, onClick: event => this.handleItemClick(event, item), onKeyDown: ev => this.handleArrowKeys(ev), target: item.external ? "_blank" : "_self" }, item.icon && (hAsync("div", { class: "duet-header-icon" }, hAsync("duet-icon", { margin: "none", size: "x-small", name: item.icon, color: "currentColor" }))), hAsync("span", null, item.label), item.badge && hAsync("div", { class: "duet-header-badge" }))))))), hAsync("nav", { class: "duet-header-multi-level-nav" }, activeSegment.items &&
11442
+ }, part: "header" }, hAsync("div", { class: "duet-header-top" }, skipToLabel(), hAsync("div", { class: "logo-and-segment" }, hAsync("div", null, largeLogo()), this.processedItems && (hAsync(DuetHeaderDropdown, { id: segmentId, label: activeSegment.label, active: this.isSegmentOpen, isOpen: this.isSegmentOpen, badge: false, toggleRef: el => (this.segmentItemsButtonEl = el), itemsRef: el => (this.segmentItemsEl = el), onToggle: event => this.toggleMenu(event, "segment") }, this.processedItems.map(item => (hAsync("a", { class: { active: activeSegment === item }, role: "menuitem", href: item.href || "#", id: item.id, onClick: event => this.handleItemClick(event, item), onKeyDown: ev => this.handleArrowKeys(ev), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item), target: item.external ? "_blank" : "_self" }, item.icon && (hAsync("div", { class: "duet-header-icon" }, hAsync("duet-icon", { margin: "none", size: "x-small", name: item.icon, color: "currentColor" }))), hAsync("span", null, item.label), item.badge && hAsync("div", { class: "duet-header-badge" }))))))), hAsync("nav", { class: "duet-header-multi-level-nav" }, activeSegment.items &&
11427
11443
  activeSegment.items
11428
11444
  .filter(secondLevelItem => secondLevelItem.items && secondLevelItem.items.length > 0)
11429
11445
  .map((secondLevelItem, secondLevelItemIndex) => {
11430
11446
  const id = secondLevelItem.id || `segment-item-${secondLevelItemIndex}`;
11431
11447
  return (hAsync(DuetHeaderDropdown, { id: id, label: secondLevelItem.label, active: (!this.openMenu && secondLevelItem.active === true) || this.openMenu === id, isOpen: this.openMenu === id, badge: secondLevelItem.badge, toggleRef: el => (this.subMenuButtonRefs[id] = el), itemsRef: el => (this.subMenuItemRefs[id] = el), onToggle: event => this.toggleMenu(event, "sub", id) }, secondLevelItem.items &&
11432
- secondLevelItem.items.map(thirdLevelItem => (hAsync("a", { class: { active: thirdLevelItem.active }, role: "menuitem", href: thirdLevelItem.href || "#", id: thirdLevelItem.id, onClick: event => this.handleItemClick(event, thirdLevelItem), onKeyDown: ev => this.handleArrowKeys(ev), target: thirdLevelItem.external ? "_blank" : "_self" }, thirdLevelItem.icon && (hAsync("div", { class: "duet-header-icon" }, hAsync("duet-icon", { margin: "none", size: "medium", name: thirdLevelItem.icon, color: "currentColor" }))), hAsync("span", null, thirdLevelItem.label), thirdLevelItem.badge && hAsync("div", { class: "duet-header-badge" }))))));
11448
+ secondLevelItem.items.map(thirdLevelItem => (hAsync("a", { class: { active: thirdLevelItem.active }, role: "menuitem", href: thirdLevelItem.href || "#", id: thirdLevelItem.id, onClick: event => this.handleItemClick(event, thirdLevelItem), onKeyDown: ev => this.handleArrowKeys(ev), onMouseEnter: event => this.emitDuetEvent(event, thirdLevelItem), onTouchStart: event => this.emitDuetEvent(event, thirdLevelItem), target: thirdLevelItem.external ? "_blank" : "_self" }, thirdLevelItem.icon && (hAsync("div", { class: "duet-header-icon" }, hAsync("duet-icon", { margin: "none", size: "medium", name: thirdLevelItem.icon, color: "currentColor" }))), hAsync("span", null, thirdLevelItem.label), thirdLevelItem.badge && hAsync("div", { class: "duet-header-badge" }))))));
11433
11449
  })), hAsync("div", { class: "duet-header-multi-level-utils" }, processedSearch(), languageDropdown(), processedSessionDropdown() != null ? processedSessionDropdown() : processedSession()), hAsync("slot", { name: "utility" })))), defaultVariationContent));
11434
11450
  }
11435
11451
  // Default variation
@@ -11495,7 +11511,7 @@ class DuetHeader {
11495
11511
  }; }
11496
11512
  }
11497
11513
 
11498
- 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-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}";
11514
+ 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}";
11499
11515
 
11500
11516
  class DuetHeading {
11501
11517
  constructor(hostRef) {
@@ -11513,7 +11529,7 @@ class DuetHeading {
11513
11529
  */
11514
11530
  this.border = false;
11515
11531
  /**
11516
- * This property allows you to set semibold font weight for all sizes
11532
+ * This property allows you to set normal or semibold font weight for all sizes
11517
11533
  * when needed.
11518
11534
  */
11519
11535
  this.weight = "auto";
@@ -11548,6 +11564,7 @@ class DuetHeading {
11548
11564
  "duet-heading": true,
11549
11565
  "duet-heading-border": this.border !== false,
11550
11566
  "duet-heading-border-solid": this.border === "solid",
11567
+ "duet-normal": this.weight === "normal",
11551
11568
  "duet-semibold": this.weight === "semibold",
11552
11569
  "duet-heading-hyphenate": this.hyphenate,
11553
11570
  "duet-m-0": this.margin === "none",
@@ -11580,6 +11597,7 @@ const duetHeroCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-hero,*.sc-duet-hero
11580
11597
 
11581
11598
  /**
11582
11599
  * @part duet-hero - piercing selector for styling the hero container
11600
+ * @part duet-hero-text - piercing selector for styling the hero text container
11583
11601
  * @slot default - This is an unamed slot for a text or extra button that is placed after any buttons (or list item)
11584
11602
  * @slot badge - This is a slot for a status badge that sits next to pre-heading inside the hero component.
11585
11603
  * @slot bottom - This is a slot for content under the main hero content.
@@ -11710,6 +11728,7 @@ class DuetHero {
11710
11728
  */
11711
11729
  componentWillLoad() {
11712
11730
  inheritGlobalTheme(this);
11731
+ this.hasHeadingSlot = !!this.element.querySelector('[slot="heading"]');
11713
11732
  this.refresh();
11714
11733
  }
11715
11734
  /**
@@ -11780,7 +11799,7 @@ class DuetHero {
11780
11799
  href: this.processedBack.href,
11781
11800
  id: this.processedBack.id,
11782
11801
  analyticsId: this.processedBack.analyticsId,
11783
- }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { class: "duet-hero-text" }, this.preHeading && (hAsync("duet-paragraph", { margin: "none", class: "duet-hero-pre" }, this.preHeading)), hAsync("slot", { name: "badge" }), hAsync("duet-heading", { theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: this.variation === "default" ? "gray-lightest" : "", visualLevel: this.variation === "gray" || this.variation === "minimal" ? "h2" : "h1" }, this.heading ? this.heading : hAsync("slot", { name: "heading" })), this.description && (hAsync("duet-paragraph", { theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("span", { class: "duet-hero-slot-unnamed" }, hAsync("slot", null))), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image && this.variation !== "image" && hAsync("div", { class: "duet-hero-image", style: styles }), hAsync("slot", { name: "bottom" }))));
11802
+ }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { class: "duet-hero-text", part: "duet-hero-text" }, this.preHeading && (hAsync("duet-paragraph", { margin: "none", class: "duet-hero-pre" }, this.preHeading)), hAsync("slot", { name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: this.variation === "default" ? "gray-lightest" : "", visualLevel: this.variation === "gray" || this.variation === "minimal" ? "h2" : "h1" }, this.heading ? this.heading : hAsync("slot", { name: "heading" }))), this.description && (hAsync("duet-paragraph", { theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("span", { class: "duet-hero-slot-unnamed" }, hAsync("slot", null))), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image && this.variation !== "image" && hAsync("div", { class: "duet-hero-image", style: styles }), hAsync("slot", { name: "bottom" }))));
11784
11803
  }
11785
11804
  get element() { return getElement(this); }
11786
11805
  static get watchers() { return {
package/lib/cjs/duet-action-button.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-60a8ec8a.js');
8
+ const index = require('./index-b5a163e2.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
  const jsUtils = require('./js-utils-134e0318.js');
package/lib/cjs/duet-alert.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-60a8ec8a.js');
8
+ const index = require('./index-b5a163e2.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const languageUtils = require('./language-utils-4f62a7db.js');
11
11
  require('./string-utils-5cadd058.js');
package/lib/cjs/duet-badge.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-60a8ec8a.js');
8
+ const index = require('./index-b5a163e2.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
 
11
11
  const duetBadgeCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;color:#00294d;text-align:center;word-break:break-word;vertical-align:middle;background:#e6f1f7;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:#171c3a;background:#e8e8eb}.duet-badge.warning{background:#fef3df}.duet-badge.warning.duet-theme-turva{background:#fef1db}.duet-badge.danger{background:#fce9ef}.duet-badge.danger.duet-theme-turva{background:#fceae7}.duet-badge.success{background:#e6f3ef}.duet-badge.success.duet-theme-turva{background:#e6f3ed}";
package/lib/cjs/duet-breadcrumb.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-60a8ec8a.js');
8
+ const index = require('./index-b5a163e2.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
 
11
11
  const duetBreadcrumbCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;color:#00294d;text-decoration:none}.duet-breadcrumb:hover{color:#004d80}.duet-breadcrumb.duet-theme-turva{color:#171c3a}.duet-breadcrumb.duet-theme-turva:hover{color:#940925}.duet-breadcrumb:focus{outline:0}.duet-breadcrumb:active{opacity:0.75}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
package/lib/cjs/duet-breadcrumbs.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-60a8ec8a.js');
8
+ const index = require('./index-b5a163e2.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const languageUtils = require('./language-utils-4f62a7db.js');
11
11
  require('./string-utils-5cadd058.js');
package/lib/cjs/duet-button_2.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-60a8ec8a.js');
8
+ const index = require('./index-b5a163e2.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const commonStrings = require('./common-strings-de17f887.js');
11
11
  const languageUtils = require('./language-utils-4f62a7db.js');
package/lib/cjs/duet-caption_4.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-60a8ec8a.js');
8
+ const index = require('./index-b5a163e2.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const stringUtils = require('./string-utils-5cadd058.js');
11
11
  const tokenUtils = require('./token-utils-fef5b4eb.js');
@@ -58,7 +58,7 @@ const DuetCaption = class {
58
58
  };
59
59
  DuetCaption.style = duetCaptionCss;
60
60
 
61
- const duetHeadingCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}.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{margin-bottom:20px !important}}.duet-heading.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:italic;font-weight:700;color:#171c3a}.duet-heading.duet-heading-border{padding-bottom:20px;border-bottom:1px solid #e1e3e6}.duet-heading.duet-heading-border.duet-heading-border-solid{border-bottom-color:#657787}.duet-heading.duet-heading-hyphenate{-webkit-hyphens:auto;hyphens:auto}.duet-heading.h0{font-size:9.4vw}.duet-heading.h0.duet-p-0{padding:0 !important}.duet-heading.h0.duet-m-0{margin:0 !important}@media (max-width: 31.914893617rem){.duet-heading.h0{font-size:3rem}}@media (min-width: 47.8723404255rem){.duet-heading.h0{font-size:4.5rem}}@media (max-width: 22.5em){.duet-heading.h0{font-size:2.25rem}}.duet-heading.h1{font-size:7vw}.duet-heading.h1.duet-p-0{padding:0 !important}.duet-heading.h1.duet-m-0{margin:0 !important}@media (max-width: 32.1428571429rem){.duet-heading.h1{font-size:2.25rem}}@media (min-width: 42.8571428571rem){.duet-heading.h1{font-size:3rem}}@media (max-width: 22.5em){.duet-heading.h1{font-size:1.5rem}}.duet-heading.h2{font-size:5.8vw}.duet-heading.h2.duet-p-0{padding:0 !important}.duet-heading.h2.duet-m-0{margin:0 !important}@media (max-width: 25.8620689655rem){.duet-heading.h2{font-size:1.5rem}}@media (min-width: 38.7931034483rem){.duet-heading.h2{font-size:2.25rem}}.duet-heading.h2.duet-theme-turva{font-style:normal}@media (max-width: 22.5em){.duet-heading.h2{font-size:1.375rem}}.duet-heading.h3{margin-bottom:12px !important;font-size:4.2vw}.duet-heading.h3.duet-p-0{padding:0 !important}.duet-heading.h3.duet-m-0{margin:0 !important}@media (max-width: 29.7619047619rem){.duet-heading.h3{font-size:1.25rem}}@media (min-width: 35.7142857143rem){.duet-heading.h3{font-size:1.5rem}}.duet-heading.h3.duet-theme-turva{font-style:normal}.duet-heading.h3.duet-heading-border{padding-bottom:20px}.duet-heading.h4{margin-bottom:8px !important;font-size:4vw;letter-spacing:0}.duet-heading.h4.duet-p-0{padding:0 !important}.duet-heading.h4.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h4{font-size:1.1rem}}@media (min-width: 31.25rem){.duet-heading.h4{font-size:1.25rem}}.duet-heading.h4.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h4.duet-heading-border{padding-bottom:20px}.duet-heading.h5{margin-bottom:8px !important;font-size:4vw;font-weight:600;letter-spacing:0}.duet-heading.h5.duet-p-0{padding:0 !important}.duet-heading.h5.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h5{font-size:1.1rem}}@media (min-width: 28.4090909091rem){.duet-heading.h5{font-size:1.1363636364rem}}.duet-heading.h5.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h5.duet-heading-border{padding-bottom:16px}.duet-heading.h6{margin-bottom:8px !important;font-size:1rem;font-weight:600;letter-spacing:0}.duet-heading.h6.duet-p-0{padding:0 !important}.duet-heading.h6.duet-m-0{margin:0 !important}.duet-heading.h6.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h6.duet-heading-border{padding-bottom:16px}.duet-heading.duet-semibold,.duet-heading.duet-theme-turva.duet-semibold{font-style:normal !important;font-weight:600 !important}";
61
+ const duetHeadingCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}.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{margin-bottom:20px !important}}.duet-heading.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:italic;font-weight:700;color:#171c3a}.duet-heading.duet-heading-border{padding-bottom:20px;border-bottom:1px solid #e1e3e6}.duet-heading.duet-heading-border.duet-heading-border-solid{border-bottom-color:#657787}.duet-heading.duet-heading-hyphenate{-webkit-hyphens:auto;hyphens:auto}.duet-heading.h0{font-size:9.4vw}.duet-heading.h0.duet-p-0{padding:0 !important}.duet-heading.h0.duet-m-0{margin:0 !important}@media (max-width: 31.914893617rem){.duet-heading.h0{font-size:3rem}}@media (min-width: 47.8723404255rem){.duet-heading.h0{font-size:4.5rem}}@media (max-width: 22.5em){.duet-heading.h0{font-size:2.25rem}}.duet-heading.h1{font-size:7vw}.duet-heading.h1.duet-p-0{padding:0 !important}.duet-heading.h1.duet-m-0{margin:0 !important}@media (max-width: 32.1428571429rem){.duet-heading.h1{font-size:2.25rem}}@media (min-width: 42.8571428571rem){.duet-heading.h1{font-size:3rem}}@media (max-width: 22.5em){.duet-heading.h1{font-size:1.5rem}}.duet-heading.h2{font-size:5.8vw}.duet-heading.h2.duet-p-0{padding:0 !important}.duet-heading.h2.duet-m-0{margin:0 !important}@media (max-width: 25.8620689655rem){.duet-heading.h2{font-size:1.5rem}}@media (min-width: 38.7931034483rem){.duet-heading.h2{font-size:2.25rem}}.duet-heading.h2.duet-theme-turva{font-style:normal}@media (max-width: 22.5em){.duet-heading.h2{font-size:1.375rem}}.duet-heading.h3{margin-bottom:12px !important;font-size:4.2vw}.duet-heading.h3.duet-p-0{padding:0 !important}.duet-heading.h3.duet-m-0{margin:0 !important}@media (max-width: 29.7619047619rem){.duet-heading.h3{font-size:1.25rem}}@media (min-width: 35.7142857143rem){.duet-heading.h3{font-size:1.5rem}}.duet-heading.h3.duet-theme-turva{font-style:normal}.duet-heading.h3.duet-heading-border{padding-bottom:20px}.duet-heading.h4{margin-bottom:8px !important;font-size:4vw;letter-spacing:0}.duet-heading.h4.duet-p-0{padding:0 !important}.duet-heading.h4.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h4{font-size:1.1rem}}@media (min-width: 31.25rem){.duet-heading.h4{font-size:1.25rem}}.duet-heading.h4.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h4.duet-heading-border{padding-bottom:20px}.duet-heading.h5{margin-bottom:8px !important;font-size:4vw;font-weight:600;letter-spacing:0}.duet-heading.h5.duet-p-0{padding:0 !important}.duet-heading.h5.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h5{font-size:1.1rem}}@media (min-width: 28.4090909091rem){.duet-heading.h5{font-size:1.1363636364rem}}.duet-heading.h5.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h5.duet-heading-border{padding-bottom:16px}.duet-heading.h6{margin-bottom:8px !important;font-size:1rem;font-weight:600;letter-spacing:0}.duet-heading.h6.duet-p-0{padding:0 !important}.duet-heading.h6.duet-m-0{margin:0 !important}.duet-heading.h6.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h6.duet-heading-border{padding-bottom:16px}.duet-heading.duet-normal,.duet-heading.duet-theme-turva.duet-normal{font-style:normal !important;font-weight:400 !important}.duet-heading.duet-semibold,.duet-heading.duet-theme-turva.duet-semibold{font-style:normal !important;font-weight:600 !important}";
62
62
 
63
63
  const DuetHeading = class {
64
64
  constructor(hostRef) {
@@ -76,7 +76,7 @@ const DuetHeading = class {
76
76
  */
77
77
  this.border = false;
78
78
  /**
79
- * This property allows you to set semibold font weight for all sizes
79
+ * This property allows you to set normal or semibold font weight for all sizes
80
80
  * when needed.
81
81
  */
82
82
  this.weight = "auto";
@@ -111,6 +111,7 @@ const DuetHeading = class {
111
111
  "duet-heading": true,
112
112
  "duet-heading-border": this.border !== false,
113
113
  "duet-heading-border-solid": this.border === "solid",
114
+ "duet-normal": this.weight === "normal",
114
115
  "duet-semibold": this.weight === "semibold",
115
116
  "duet-heading-hyphenate": this.hyphenate,
116
117
  "duet-m-0": this.margin === "none",
package/lib/cjs/duet-card.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-60a8ec8a.js');
8
+ const index = require('./index-b5a163e2.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
  const keyboardUtils = require('./keyboard-utils-bb32119b.js');
package/lib/cjs/duet-checkbox.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-60a8ec8a.js');
8
+ const index = require('./index-b5a163e2.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
 
package/lib/cjs/duet-choice_2.cjs.entry.js CHANGED
@@ -5,11 +5,11 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-60a8ec8a.js');
8
+ const index = require('./index-b5a163e2.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const commonStrings = require('./common-strings-de17f887.js');
11
11
  const createId = require('./create-id-c3b984b1.js');
12
- const focusUtils = require('./focus-utils-9226aef7.js');
12
+ const focusUtils = require('./focus-utils-fed98b6a.js');
13
13
  const keyboardUtils = require('./keyboard-utils-bb32119b.js');
14
14
  const languageUtils = require('./language-utils-4f62a7db.js');
15
15
  const watchOptions = require('./watch-options-d88afac0.js');
package/lib/cjs/duet-collapsible.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-60a8ec8a.js');
8
+ const index = require('./index-b5a163e2.js');
9
9
  const actionArrowDownSmall = require('./action-arrow-down-small-ef77a2d1.js');
10
10
  const tokens = require('./tokens-29450bcb.js');
11
11
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
package/lib/cjs/duet-combobox.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-60a8ec8a.js');
8
+ const index = require('./index-b5a163e2.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const jsUtils = require('./js-utils-134e0318.js');
11
11
  const keyboardUtils = require('./keyboard-utils-bb32119b.js');
package/lib/cjs/duet-cookie-consent.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-60a8ec8a.js');
8
+ const index = require('./index-b5a163e2.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
 
11
11
  const duetCookieConsentCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;color:white !important;background-color:rgba(0, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(0, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:white !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url(\"data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+\") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
package/lib/cjs/duet-date-picker.cjs.entry.js CHANGED
@@ -5,10 +5,10 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-60a8ec8a.js');
8
+ const index = require('./index-b5a163e2.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
- const focusUtils = require('./focus-utils-9226aef7.js');
11
+ const focusUtils = require('./focus-utils-fed98b6a.js');
12
12
  const languageUtils = require('./language-utils-4f62a7db.js');
13
13
  require('./string-utils-5cadd058.js');
14
14
 
package/lib/cjs/duet-divider_2.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-60a8ec8a.js');
8
+ const index = require('./index-b5a163e2.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
 
11
11
  const duetDividerCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:#e1e3e6}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:#e4e4e6}";
package/lib/cjs/duet-editable-table_3.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-60a8ec8a.js');
8
+ const index = require('./index-b5a163e2.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const jsUtils = require('./js-utils-134e0318.js');
11
11
  const keyboardUtils = require('./keyboard-utils-bb32119b.js');
package/lib/cjs/duet-empty-state.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-60a8ec8a.js');
8
+ const index = require('./index-b5a163e2.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
 
11
11
  const duetEmptyStateCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:48px;color:#00294d;text-align:center;background:#f5f8fa;border-radius:4px}.duet-empty-state.duet-theme-turva{color:#171c3a;background:#f5f5f7}";
package/lib/cjs/duet-fieldset.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-60a8ec8a.js');
8
+ const index = require('./index-b5a163e2.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
 
package/lib/cjs/duet-footer.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-60a8ec8a.js');
8
+ const index = require('./index-b5a163e2.js');
9
9
  const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
10
10
  const commonStrings = require('./common-strings-de17f887.js');
11
11
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
@@ -36,6 +36,7 @@ const DuetFooter = class {
36
36
  this.duetMenuClick = index.createEvent(this, "duetMenuClick", 7);
37
37
  this.duetItemClick = index.createEvent(this, "duetItemClick", 7);
38
38
  this.duetAnalytics = index.createEvent(this, "duetAnalytics", 7);
39
+ this.duetEvent = index.createEvent(this, "duetEvent", 7);
39
40
  /**
40
41
  * State() variables
41
42
  * Inlined decorator, alphabetical order.
@@ -104,6 +105,13 @@ const DuetFooter = class {
104
105
  this.handleClick(e);
105
106
  this.duetItemClick.emit(e);
106
107
  };
108
+ this.emitDuetEvent = (ev, data) => {
109
+ this.duetEvent.emit({
110
+ component: "duet-footer",
111
+ data,
112
+ originalEvent: ev,
113
+ });
114
+ };
107
115
  }
108
116
  /**
109
117
  * Component lifecycle events.
@@ -133,7 +141,7 @@ const DuetFooter = class {
133
141
  "duet-footer-simple": this.variation === "simple",
134
142
  } }, index.h("div", { class: "duet-footer-wrapper" }, index.h("div", { class: "duet-footer-top", part: "top" }, this.variation !== "simple" && (index.h("duet-logo", { href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), this.processedItems &&
135
143
  this.variation !== "simple" &&
136
- this.processedItems.map(item => (index.h("a", { class: "duet-footer-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, item) }, index.h("div", { class: "duet-footer-icon" }, index.h("duet-icon", { size: "medium", margin: "none", name: item.icon, color: "currentColor" })), index.h("span", null, item.label), item.external && index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), index.h("div", { class: "duet-footer-arrow" }, item.external ? (index.h("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" })) : (index.h("duet-icon", { icon: actionArrowRight.svg, size: "auto", margin: "none", color: "currentColor" }))))))), index.h("slot", { name: "extra" }), index.h("p", { class: "duet-footer-menu", part: "menu" }, index.h("span", { class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), index.h("div", { class: "duet-footer-menu-links" }, this.processedMenu && (index.h(index.Fragment, null, this.processedMenu.map(item => (index.h("a", { href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item) }, item.label, item.external && (index.h(index.Fragment, null, index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), index.h("div", { class: "duet-footer-external" }, index.h("duet-icon", { icon: actionNewWindowSmall.actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), index.h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), index.h("p", { class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
144
+ this.processedItems.map(item => (index.h("a", { class: "duet-footer-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, index.h("div", { class: "duet-footer-icon" }, index.h("duet-icon", { size: "medium", margin: "none", name: item.icon, color: "currentColor" })), index.h("span", null, item.label), item.external && index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), index.h("div", { class: "duet-footer-arrow" }, item.external ? (index.h("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" })) : (index.h("duet-icon", { icon: actionArrowRight.svg, size: "auto", margin: "none", color: "currentColor" }))))))), index.h("slot", { name: "extra" }), index.h("p", { class: "duet-footer-menu", part: "menu" }, index.h("span", { class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), index.h("div", { class: "duet-footer-menu-links" }, this.processedMenu && (index.h(index.Fragment, null, this.processedMenu.map(item => (index.h("a", { href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (index.h(index.Fragment, null, index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), index.h("div", { class: "duet-footer-external" }, index.h("duet-icon", { icon: actionNewWindowSmall.actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), index.h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), index.h("p", { class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
137
145
  }
138
146
  get element() { return index.getElement(this); }
139
147
  static get watchers() { return {
package/lib/cjs/duet-grid_2.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-60a8ec8a.js');
8
+ const index = require('./index-b5a163e2.js');
9
9
  const tokens = require('./tokens-29450bcb.js');
10
10
  const watchOptions = require('./watch-options-d88afac0.js');
11
11
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
package/lib/cjs/duet-header_2.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-60a8ec8a.js');
8
+ const index = require('./index-b5a163e2.js');
9
9
  const formSearch = require('./form-search-d61b2843.js');
10
10
  const tokens = require('./tokens-29450bcb.js');
11
11
  const bodyScrollLock_es6 = require('./bodyScrollLock.es6-6ef1142a.js');
@@ -85,6 +85,7 @@ const DuetHeader = class {
85
85
  this.duetSkipClick = index.createEvent(this, "duetSkipClick", 7);
86
86
  this.duetAnalytics = index.createEvent(this, "duetAnalytics", 7);
87
87
  this.duetMobileNavToggle = index.createEvent(this, "duetMobileNavToggle", 7);
88
+ this.duetEvent = index.createEvent(this, "duetEvent", 7);
88
89
  var _a;
89
90
  /**
90
91
  * Own Properties
@@ -385,6 +386,13 @@ const DuetHeader = class {
385
386
  }, 300);
386
387
  }
387
388
  };
389
+ this.emitDuetEvent = (ev, data) => {
390
+ this.duetEvent.emit({
391
+ component: "duet-header",
392
+ data,
393
+ originalEvent: ev,
394
+ });
395
+ };
388
396
  }
389
397
  /**
390
398
  * Component lifecycle events.
@@ -604,7 +612,7 @@ const DuetHeader = class {
604
612
  !this.openMenu &&
605
613
  item.items &&
606
614
  !item.items.some(s => s.active === true)),
607
- }, href: item.href || "#", id: item.id || `header-item-${itemIndex}`, onClick: event => this.handleItemClick(event, item) }, item.label, item.badge && index.h("div", { class: "duet-header-badge" })), item.items &&
615
+ }, href: item.href || "#", id: item.id || `header-item-${itemIndex}`, onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.badge && index.h("div", { class: "duet-header-badge" })), item.items &&
608
616
  item.items
609
617
  .filter(secondLevelitem => secondLevelitem.items && secondLevelitem.items.length > 0)
610
618
  .map((secondLevelItem, secondLevelItemIndex) => {
@@ -618,7 +626,7 @@ const DuetHeader = class {
618
626
  secondLevelItem.items.map(thirdLevelItem => (index.h("a", { class: {
619
627
  "duet-header-item": true,
620
628
  active: thirdLevelItem.active === true,
621
- }, role: "menuitem", href: thirdLevelItem.href || "#", id: thirdLevelItem.id, onClick: event => this.handleItemClick(event, thirdLevelItem), onKeyDown: ev => this.handleArrowKeys(ev), target: thirdLevelItem.external ? "_blank" : "_self" }, thirdLevelItem.icon && (index.h("div", { class: "duet-header-icon" }, index.h("duet-icon", { margin: "none", size: "medium", name: thirdLevelItem.icon, color: "currentColor" }))), index.h("span", null, thirdLevelItem.label), thirdLevelItem.badge && index.h("div", { class: "duet-header-badge" })))))));
629
+ }, role: "menuitem", href: thirdLevelItem.href || "#", id: thirdLevelItem.id, onClick: event => this.handleItemClick(event, thirdLevelItem), onKeyDown: ev => this.handleArrowKeys(ev), onMouseEnter: event => this.emitDuetEvent(event, thirdLevelItem), onTouchStart: event => this.emitDuetEvent(event, thirdLevelItem), target: thirdLevelItem.external ? "_blank" : "_self" }, thirdLevelItem.icon && (index.h("div", { class: "duet-header-icon" }, index.h("duet-icon", { margin: "none", size: "medium", name: thirdLevelItem.icon, color: "currentColor" }))), index.h("span", null, thirdLevelItem.label), thirdLevelItem.badge && index.h("div", { class: "duet-header-badge" })))))));
622
630
  }))))), index.h("div", { class: "duet-header-bottom-utils" }, index.h("slot", { name: "utility" })), index.h("div", { class: "duet-header-utils" }, !itemsHaveSubItems && contactDropdown(), languageDropdown(), !itemsHaveSubItems && (index.h(index.Fragment, null, processedUserWithLink(), processedUserWithoutLink())), processedSearch(), processedSession())))));
623
631
  // multi level variation
624
632
  if (itemsHaveSubItems) {
@@ -634,13 +642,13 @@ const DuetHeader = class {
634
642
  "duet-header": true,
635
643
  "duet-theme-turva": this.theme === "turva",
636
644
  "duet-header-inactive": !this.processedItems,
637
- }, part: "header" }, index.h("div", { class: "duet-header-top" }, skipToLabel(), index.h("div", { class: "logo-and-segment" }, index.h("div", null, largeLogo()), this.processedItems && (index.h(DuetHeaderDropdown, { id: segmentId, label: activeSegment.label, active: this.isSegmentOpen, isOpen: this.isSegmentOpen, badge: false, toggleRef: el => (this.segmentItemsButtonEl = el), itemsRef: el => (this.segmentItemsEl = el), onToggle: event => this.toggleMenu(event, "segment") }, this.processedItems.map(item => (index.h("a", { class: { active: activeSegment === item }, role: "menuitem", href: item.href || "#", id: item.id, onClick: event => this.handleItemClick(event, item), onKeyDown: ev => this.handleArrowKeys(ev), target: item.external ? "_blank" : "_self" }, item.icon && (index.h("div", { class: "duet-header-icon" }, index.h("duet-icon", { margin: "none", size: "x-small", name: item.icon, color: "currentColor" }))), index.h("span", null, item.label), item.badge && index.h("div", { class: "duet-header-badge" }))))))), index.h("nav", { class: "duet-header-multi-level-nav" }, activeSegment.items &&
645
+ }, part: "header" }, index.h("div", { class: "duet-header-top" }, skipToLabel(), index.h("div", { class: "logo-and-segment" }, index.h("div", null, largeLogo()), this.processedItems && (index.h(DuetHeaderDropdown, { id: segmentId, label: activeSegment.label, active: this.isSegmentOpen, isOpen: this.isSegmentOpen, badge: false, toggleRef: el => (this.segmentItemsButtonEl = el), itemsRef: el => (this.segmentItemsEl = el), onToggle: event => this.toggleMenu(event, "segment") }, this.processedItems.map(item => (index.h("a", { class: { active: activeSegment === item }, role: "menuitem", href: item.href || "#", id: item.id, onClick: event => this.handleItemClick(event, item), onKeyDown: ev => this.handleArrowKeys(ev), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item), target: item.external ? "_blank" : "_self" }, item.icon && (index.h("div", { class: "duet-header-icon" }, index.h("duet-icon", { margin: "none", size: "x-small", name: item.icon, color: "currentColor" }))), index.h("span", null, item.label), item.badge && index.h("div", { class: "duet-header-badge" }))))))), index.h("nav", { class: "duet-header-multi-level-nav" }, activeSegment.items &&
638
646
  activeSegment.items
639
647
  .filter(secondLevelItem => secondLevelItem.items && secondLevelItem.items.length > 0)
640
648
  .map((secondLevelItem, secondLevelItemIndex) => {
641
649
  const id = secondLevelItem.id || `segment-item-${secondLevelItemIndex}`;
642
650
  return (index.h(DuetHeaderDropdown, { id: id, label: secondLevelItem.label, active: (!this.openMenu && secondLevelItem.active === true) || this.openMenu === id, isOpen: this.openMenu === id, badge: secondLevelItem.badge, toggleRef: el => (this.subMenuButtonRefs[id] = el), itemsRef: el => (this.subMenuItemRefs[id] = el), onToggle: event => this.toggleMenu(event, "sub", id) }, secondLevelItem.items &&
643
- secondLevelItem.items.map(thirdLevelItem => (index.h("a", { class: { active: thirdLevelItem.active }, role: "menuitem", href: thirdLevelItem.href || "#", id: thirdLevelItem.id, onClick: event => this.handleItemClick(event, thirdLevelItem), onKeyDown: ev => this.handleArrowKeys(ev), target: thirdLevelItem.external ? "_blank" : "_self" }, thirdLevelItem.icon && (index.h("div", { class: "duet-header-icon" }, index.h("duet-icon", { margin: "none", size: "medium", name: thirdLevelItem.icon, color: "currentColor" }))), index.h("span", null, thirdLevelItem.label), thirdLevelItem.badge && index.h("div", { class: "duet-header-badge" }))))));
651
+ secondLevelItem.items.map(thirdLevelItem => (index.h("a", { class: { active: thirdLevelItem.active }, role: "menuitem", href: thirdLevelItem.href || "#", id: thirdLevelItem.id, onClick: event => this.handleItemClick(event, thirdLevelItem), onKeyDown: ev => this.handleArrowKeys(ev), onMouseEnter: event => this.emitDuetEvent(event, thirdLevelItem), onTouchStart: event => this.emitDuetEvent(event, thirdLevelItem), target: thirdLevelItem.external ? "_blank" : "_self" }, thirdLevelItem.icon && (index.h("div", { class: "duet-header-icon" }, index.h("duet-icon", { margin: "none", size: "medium", name: thirdLevelItem.icon, color: "currentColor" }))), index.h("span", null, thirdLevelItem.label), thirdLevelItem.badge && index.h("div", { class: "duet-header-badge" }))))));
644
652
  })), index.h("div", { class: "duet-header-multi-level-utils" }, processedSearch(), languageDropdown(), processedSessionDropdown() != null ? processedSessionDropdown() : processedSession()), index.h("slot", { name: "utility" })))), defaultVariationContent));
645
653
  }
646
654
  // Default variation