@duetds/components 8.6.1 → 8.6.3

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 (223) hide show
  1. package/hydrate/index.js +87 -29
  2. package/lib/cjs/duet-banner.cjs.entry.js +12 -7
  3. package/lib/cjs/duet-caption_4.cjs.entry.js +6 -3
  4. package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
  5. package/lib/cjs/duet-icon.cjs.entry.js +1 -1
  6. package/lib/cjs/duet-modal.cjs.entry.js +24 -3
  7. package/lib/cjs/duet-page-heading.cjs.entry.js +2 -1
  8. package/lib/cjs/duet-pagination_2.cjs.entry.js +22 -9
  9. package/lib/cjs/duet-popup-menu.cjs.entry.js +1 -0
  10. package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
  11. package/lib/cjs/duet.cjs.js +1 -1
  12. package/lib/cjs/loader.cjs.js +1 -1
  13. package/lib/collection/components/duet-action-button/duet-action-button.js +2 -2
  14. package/lib/collection/components/duet-alert/duet-alert.js +1 -1
  15. package/lib/collection/components/duet-banner/duet-banner.css +117 -133
  16. package/lib/collection/components/duet-banner/duet-banner.js +12 -7
  17. package/lib/collection/components/duet-button/duet-button.js +5 -5
  18. package/lib/collection/components/duet-caption/duet-caption.js +1 -1
  19. package/lib/collection/components/duet-card/duet-card.js +3 -3
  20. package/lib/collection/components/duet-checkbox/duet-checkbox.css +4 -4
  21. package/lib/collection/components/duet-checkbox/duet-checkbox.js +3 -3
  22. package/lib/collection/components/duet-chip/duet-chip.js +6 -6
  23. package/lib/collection/components/duet-choice/duet-choice.js +3 -3
  24. package/lib/collection/components/duet-collapsible/duet-collapsible.js +3 -3
  25. package/lib/collection/components/duet-combobox/duet-combobox.js +3 -3
  26. package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +1 -1
  27. package/lib/collection/components/duet-date-picker/duet-date-picker.js +4 -4
  28. package/lib/collection/components/duet-divider/duet-divider.js +1 -1
  29. package/lib/collection/components/duet-editable-table/duet-editable-table.js +5 -5
  30. package/lib/collection/components/duet-empty-state/duet-empty-state.js +1 -1
  31. package/lib/collection/components/duet-file-chooser/duet-file-chooser.js +1 -1
  32. package/lib/collection/components/duet-footer/duet-footer.js +7 -7
  33. package/lib/collection/components/duet-grid/duet-grid.js +3 -3
  34. package/lib/collection/components/duet-header/duet-header.js +15 -15
  35. package/lib/collection/components/duet-heading/duet-heading.js +1 -1
  36. package/lib/collection/components/duet-hero/duet-hero.js +5 -5
  37. package/lib/collection/components/duet-icon/duet-icon.css +3 -2
  38. package/lib/collection/components/duet-input/duet-input.js +8 -8
  39. package/lib/collection/components/duet-label/duet-label.js +2 -2
  40. package/lib/collection/components/duet-layout/duet-layout.js +1 -1
  41. package/lib/collection/components/duet-link/duet-link.css +15 -6
  42. package/lib/collection/components/duet-link/duet-link.js +40 -2
  43. package/lib/collection/components/duet-list/duet-list.js +3 -3
  44. package/lib/collection/components/duet-logo/duet-logo.js +1 -1
  45. package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +1 -1
  46. package/lib/collection/components/duet-modal/duet-modal.css +2 -1
  47. package/lib/collection/components/duet-modal/duet-modal.e2e.js +21 -0
  48. package/lib/collection/components/duet-modal/duet-modal.js +59 -10
  49. package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -5
  50. package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +1 -1
  51. package/lib/collection/components/duet-number-input/duet-number-input.js +4 -4
  52. package/lib/collection/components/duet-overlay/duet-overlay.js +1 -1
  53. package/lib/collection/components/duet-page-heading/duet-page-heading.css +3 -0
  54. package/lib/collection/components/duet-page-heading/duet-page-heading.js +1 -0
  55. package/lib/collection/components/duet-pagination/duet-pagination.js +37 -10
  56. package/lib/collection/components/duet-paragraph/duet-paragraph.js +3 -3
  57. package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +22 -1
  58. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
  59. package/lib/collection/components/duet-radio/duet-radio.css +4 -4
  60. package/lib/collection/components/duet-radio/duet-radio.js +3 -3
  61. package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
  62. package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +24 -2
  63. package/lib/collection/components/duet-select/duet-select.js +5 -5
  64. package/lib/collection/components/duet-show-more/duet-show-more.js +1 -1
  65. package/lib/collection/components/duet-slideout/duet-slideout.js +1 -1
  66. package/lib/collection/components/duet-spacer/duet-spacer.js +2 -2
  67. package/lib/collection/components/duet-spinner/duet-spinner.js +1 -1
  68. package/lib/collection/components/duet-step/duet-step.js +2 -2
  69. package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
  70. package/lib/collection/components/duet-tab-group/duet-tab-group.js +5 -5
  71. package/lib/collection/components/duet-textarea/duet-textarea.js +4 -4
  72. package/lib/collection/components/duet-toggle/duet-toggle.js +1 -1
  73. package/lib/collection/components/duet-tooltip/duet-tooltip.js +1 -1
  74. package/lib/collection/components/duet-upload/duet-upload.js +14 -14
  75. package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js +4 -0
  76. package/lib/collection/components/duet-upload-item/duet-upload-item.js +6 -2
  77. package/lib/dist-custom-elements/duet-action-button.js +1 -1
  78. package/lib/dist-custom-elements/duet-alert.js +1 -1
  79. package/lib/dist-custom-elements/duet-banner.js +13 -8
  80. package/lib/dist-custom-elements/duet-breadcrumb.js +1 -1
  81. package/lib/dist-custom-elements/duet-button.js +1 -1
  82. package/lib/dist-custom-elements/duet-callout.js +1 -1
  83. package/lib/dist-custom-elements/duet-card.js +1 -1
  84. package/lib/dist-custom-elements/duet-checkbox.js +1 -1
  85. package/lib/dist-custom-elements/duet-chip.js +1 -1
  86. package/lib/dist-custom-elements/duet-choice-group.js +3 -3
  87. package/lib/dist-custom-elements/duet-choice.js +1 -1
  88. package/lib/dist-custom-elements/duet-collapsible.js +1 -1
  89. package/lib/dist-custom-elements/duet-combobox.js +6 -6
  90. package/lib/dist-custom-elements/duet-contact-card.js +3 -3
  91. package/lib/dist-custom-elements/duet-cookie-consent.js +2 -2
  92. package/lib/dist-custom-elements/duet-date-picker.js +6 -6
  93. package/lib/dist-custom-elements/duet-editable-table.js +3 -3
  94. package/lib/dist-custom-elements/duet-empty-state.js +1 -1
  95. package/lib/dist-custom-elements/duet-footer.js +1 -1
  96. package/lib/dist-custom-elements/duet-header.js +2 -2
  97. package/lib/dist-custom-elements/duet-hero.js +2 -2
  98. package/lib/dist-custom-elements/duet-icon.js +1 -1
  99. package/lib/dist-custom-elements/duet-input.js +1 -1
  100. package/lib/dist-custom-elements/duet-link.js +1 -1
  101. package/lib/dist-custom-elements/duet-menu-bar-button.js +1 -1
  102. package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +1 -1
  103. package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +1 -1
  104. package/lib/dist-custom-elements/duet-menu-bar-item.js +1 -1
  105. package/lib/dist-custom-elements/duet-menu-bar-link.js +1 -1
  106. package/lib/dist-custom-elements/duet-modal.js +27 -5
  107. package/lib/dist-custom-elements/duet-multiselect.js +4 -4
  108. package/lib/dist-custom-elements/duet-notification-drawer.js +2 -2
  109. package/lib/dist-custom-elements/duet-number-input.js +5 -5
  110. package/lib/dist-custom-elements/duet-page-heading.js +3 -2
  111. package/lib/dist-custom-elements/duet-pagination.js +24 -14
  112. package/lib/dist-custom-elements/duet-popup-menu-item.js +1 -1
  113. package/lib/dist-custom-elements/duet-popup-menu.js +2 -0
  114. package/lib/dist-custom-elements/duet-radio-group.js +3 -3
  115. package/lib/dist-custom-elements/duet-radio.js +1 -1
  116. package/lib/dist-custom-elements/duet-range-stepper.js +8 -3
  117. package/lib/dist-custom-elements/duet-scrollable.js +1 -1
  118. package/lib/dist-custom-elements/duet-select.js +1 -1
  119. package/lib/dist-custom-elements/duet-show-more.js +1 -1
  120. package/lib/dist-custom-elements/duet-slideout-lang.js +1 -1
  121. package/lib/dist-custom-elements/duet-slideout-link.js +1 -1
  122. package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +1 -1
  123. package/lib/dist-custom-elements/duet-slideout-panel.js +1 -1
  124. package/lib/dist-custom-elements/duet-slideout.js +1 -1
  125. package/lib/dist-custom-elements/duet-step.js +1 -1
  126. package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +1 -1
  127. package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +1 -1
  128. package/lib/dist-custom-elements/duet-submenu-bar-item.js +1 -1
  129. package/lib/dist-custom-elements/duet-submenu-bar-link.js +1 -1
  130. package/lib/dist-custom-elements/duet-submenu-bar.js +1 -1
  131. package/lib/dist-custom-elements/duet-tab-group.js +6 -6
  132. package/lib/dist-custom-elements/duet-textarea.js +3 -3
  133. package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +1 -1
  134. package/lib/dist-custom-elements/duet-toolbar-dropdown.js +1 -1
  135. package/lib/dist-custom-elements/duet-toolbar-item.js +1 -1
  136. package/lib/dist-custom-elements/duet-toolbar-link.js +1 -1
  137. package/lib/dist-custom-elements/duet-tooltip-popup.js +1 -1
  138. package/lib/dist-custom-elements/duet-tooltip.js +1 -1
  139. package/lib/dist-custom-elements/duet-tray.js +1 -1
  140. package/lib/dist-custom-elements/duet-upload-item.js +1 -1
  141. package/lib/dist-custom-elements/duet-upload.js +8 -8
  142. package/lib/dist-custom-elements/{p-68ba7bf1.js → p-01b67752.js} +9 -4
  143. package/lib/dist-custom-elements/{p-cb694530.js → p-0f0e9944.js} +3 -3
  144. package/lib/dist-custom-elements/{p-83231ea8.js → p-4c6021d9.js} +1 -1
  145. package/lib/dist-custom-elements/{p-755dd68f.js → p-531e8a71.js} +1 -1
  146. package/lib/dist-custom-elements/{p-e702eb52.js → p-71814469.js} +3 -3
  147. package/lib/dist-custom-elements/{p-0cee8a12.js → p-7b843aae.js} +1 -1
  148. package/lib/dist-custom-elements/{p-a829df6e.js → p-842a828e.js} +1 -1
  149. package/lib/dist-custom-elements/{p-014c1177.js → p-8f03dae0.js} +4 -4
  150. package/lib/dist-custom-elements/{p-667579b0.js → p-98d17606.js} +1 -1
  151. package/lib/dist-custom-elements/{p-28ec3461.js → p-a38a452e.js} +2 -2
  152. package/lib/dist-custom-elements/{p-a02e62f3.js → p-bb662681.js} +2 -2
  153. package/lib/dist-custom-elements/{p-92a16064.js → p-bc9ebb36.js} +2 -2
  154. package/lib/dist-custom-elements/{p-f4ac6968.js → p-bfcc033c.js} +1 -1
  155. package/lib/dist-custom-elements/{p-d482a2e9.js → p-c76bd205.js} +1 -1
  156. package/lib/dist-custom-elements/{p-6d366100.js → p-cefa037c.js} +3 -3
  157. package/lib/duet/duet.esm.js +1 -1
  158. package/lib/duet/p-08379332.entry.js +4 -0
  159. package/lib/duet/p-21f4713b.system.entry.js +4 -0
  160. package/lib/duet/p-26dbd459.entry.js +4 -0
  161. package/lib/duet/p-30773d74.entry.js +4 -0
  162. package/lib/duet/p-3851808f.system.entry.js +4 -0
  163. package/lib/duet/{p-e0907f29.entry.js → p-5063685a.entry.js} +1 -1
  164. package/lib/duet/p-5a8b2426.entry.js +4 -0
  165. package/lib/duet/p-60bf137e.system.entry.js +4 -0
  166. package/lib/duet/p-6151635f.system.js +1 -1
  167. package/lib/duet/p-62512c7e.system.entry.js +4 -0
  168. package/lib/duet/p-62c34a4d.system.entry.js +4 -0
  169. package/lib/duet/p-77a2e410.system.entry.js +4 -0
  170. package/lib/duet/p-8b4ab364.system.entry.js +4 -0
  171. package/lib/duet/{p-c9370d43.system.entry.js → p-9d0c2f7d.system.entry.js} +1 -1
  172. package/lib/duet/{p-cc9cfdb3.entry.js → p-a64b72f5.entry.js} +1 -1
  173. package/lib/duet/p-c5f48c1c.system.entry.js +4 -0
  174. package/lib/duet/p-e12b461b.entry.js +4 -0
  175. package/lib/duet/p-eceeb9fd.entry.js +4 -0
  176. package/lib/duet/p-fa87de22.entry.js +4 -0
  177. package/lib/esm/duet-banner.entry.js +12 -7
  178. package/lib/esm/duet-caption_4.entry.js +6 -3
  179. package/lib/esm/duet-checkbox.entry.js +1 -1
  180. package/lib/esm/duet-icon.entry.js +1 -1
  181. package/lib/esm/duet-modal.entry.js +24 -3
  182. package/lib/esm/duet-page-heading.entry.js +2 -1
  183. package/lib/esm/duet-pagination_2.entry.js +22 -9
  184. package/lib/esm/duet-popup-menu.entry.js +1 -0
  185. package/lib/esm/duet-radio_2.entry.js +1 -1
  186. package/lib/esm/duet.js +1 -1
  187. package/lib/esm/loader.js +1 -1
  188. package/lib/esm-es5/duet-banner.entry.js +1 -1
  189. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  190. package/lib/esm-es5/duet-checkbox.entry.js +1 -1
  191. package/lib/esm-es5/duet-icon.entry.js +1 -1
  192. package/lib/esm-es5/duet-modal.entry.js +1 -1
  193. package/lib/esm-es5/duet-page-heading.entry.js +1 -1
  194. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  195. package/lib/esm-es5/duet-popup-menu.entry.js +1 -1
  196. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  197. package/lib/esm-es5/duet.js +1 -1
  198. package/lib/esm-es5/loader.js +1 -1
  199. package/lib/types/components/duet-banner/duet-banner.d.ts +1 -1
  200. package/lib/types/components/duet-link/duet-link.d.ts +11 -0
  201. package/lib/types/components/duet-modal/duet-modal.d.ts +8 -2
  202. package/lib/types/components/duet-pagination/duet-pagination.d.ts +4 -0
  203. package/lib/types/components/duet-popup-menu/duet-popup-menu.d.ts +4 -0
  204. package/lib/types/components/duet-range-stepper/duet-range-stepper.d.ts +4 -0
  205. package/lib/types/components/duet-upload-aria-status/duet-upload-aria-status.d.ts +4 -0
  206. package/lib/types/components/duet-upload-item/duet-upload-item.d.ts +4 -0
  207. package/lib/types/components.d.ts +40 -2
  208. package/package.json +2 -2
  209. package/lib/duet/p-061f4be0.system.entry.js +0 -4
  210. package/lib/duet/p-1ef0e5ca.system.entry.js +0 -4
  211. package/lib/duet/p-29491f9f.entry.js +0 -4
  212. package/lib/duet/p-36f031e7.entry.js +0 -4
  213. package/lib/duet/p-46dda347.system.entry.js +0 -4
  214. package/lib/duet/p-8a41bde4.system.entry.js +0 -4
  215. package/lib/duet/p-8ba91848.entry.js +0 -4
  216. package/lib/duet/p-b2fc4b72.system.entry.js +0 -4
  217. package/lib/duet/p-b6f62761.entry.js +0 -4
  218. package/lib/duet/p-c3c12f8d.entry.js +0 -4
  219. package/lib/duet/p-c5cf76db.entry.js +0 -4
  220. package/lib/duet/p-d739e7af.system.entry.js +0 -4
  221. package/lib/duet/p-deb98669.entry.js +0 -4
  222. package/lib/duet/p-e362468f.system.entry.js +0 -4
  223. package/lib/duet/p-e58015e8.system.entry.js +0 -4
package/hydrate/index.js CHANGED
@@ -8776,7 +8776,7 @@ const DuetPicture = ({ img, sources }) => {
8776
8776
  hAsync("img", Object.assign({}, img))));
8777
8777
  };
8778
8778
 
8779
- const duetBannerCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-banner,*.sc-duet-banner::after,*.sc-duet-banner::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-banner-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:36px !important;margin-bottom:36px !important;display:flex;justify-content:center;width:auto}/*!@:host:last-child, :host:last-of-type*/.sc-duet-banner-h:last-child,.sc-duet-banner-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-banner-h{margin:0 !important}/*!@.duet-banner*/.duet-banner.sc-duet-banner{display:grid;width:100%;height:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;text-align:left;border-radius:24px}/*!@.duet-banner.duet-p-0*/.duet-banner.duet-p-0.sc-duet-banner{padding:0 !important}/*!@.duet-banner.duet-m-0*/.duet-banner.duet-m-0.sc-duet-banner{margin:0 !important}/*!@.duet-banner .visual*/.duet-banner.sc-duet-banner .visual.sc-duet-banner{position:relative;overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner .visual .image-container*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{position:relative;width:400px;height:400px;overflow:hidden;border-radius:20%;transform:rotate(7deg)}/*!@.duet-banner .visual .image*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{position:relative;top:20px;width:100%;height:100%;transform:rotate(-7deg);object-fit:cover}/*!@.duet-banner .visual .icon*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{position:absolute}/*!@.duet-banner .content*/.duet-banner.sc-duet-banner .content.sc-duet-banner{display:flex;flex-direction:column;gap:8px;padding:0 20px 36px}/*!@.duet-banner .content .description*/.duet-banner.sc-duet-banner .content.sc-duet-banner .description.sc-duet-banner{hyphens:auto}/*!@.duet-banner .action*/.duet-banner.sc-duet-banner .action.sc-duet-banner{display:flex;flex-direction:column;flex-grow:1;align-items:flex-start;justify-content:flex-end;padding-top:16px}/*!@.duet-banner.small*/.duet-banner.small.sc-duet-banner{grid-template-rows:335px 1fr;max-width:335px}/*!@.duet-banner.small .visual*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner.small .visual .image-container*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-130px;left:-40px}/*!@.duet-banner.small .visual .icon*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:30px;left:15px}/*!@.duet-banner.medium*/.duet-banner.medium.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;max-width:542px;height:288px}/*!@.duet-banner.medium .visual*/.duet-banner.medium.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.medium .visual .image-container*/.duet-banner.medium.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{position:absolute;bottom:-72px;left:-178px}/*!@.duet-banner.medium .visual .image*/.duet-banner.medium.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{width:auto;height:auto}/*!@.duet-banner.medium .visual .icon*/.duet-banner.medium.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:36px;left:168px}/*!@.duet-banner.medium .content*/.duet-banner.medium.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.medium .action*/.duet-banner.medium.sc-duet-banner .action.sc-duet-banner{flex-grow:0}/*!@.duet-banner.large*/.duet-banner.large.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;max-width:1112px;height:320px;max-height:none}/*!@.duet-banner.large .visual*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.large .visual .image-container*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{position:relative;top:-30px;left:-30px}/*!@.duet-banner.large .visual .image*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:-15px;left:30px;width:100%;height:100%}/*!@.duet-banner.large .visual .icon*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:40px;bottom:auto;left:335px}/*!@.duet-banner.large .content*/.duet-banner.large.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.large .action*/.duet-banner.large.sc-duet-banner .action.sc-duet-banner{flex-grow:0}/*!@.duet-banner.duet-theme-turva*/.duet-banner.duet-theme-turva.sc-duet-banner{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}/*!@.duet-banner.duet-theme-turva .visual .image-container*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{width:526px;height:456px;transform:none;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}/*!@.duet-banner.duet-theme-turva .visual .image*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{transform:none}/*!@.duet-banner.duet-theme-turva.small .visual .image-container*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-164px;left:-147px}/*!@.duet-banner.duet-theme-turva.small .visual .image*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.small .visual .icon*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:15px}/*!@.duet-banner.duet-theme-turva.medium .visual .image-container*/.duet-banner.duet-theme-turva.medium.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-54.923px;left:-185px;width:410px;height:422px}/*!@.duet-banner.duet-theme-turva.medium .visual .image*/.duet-banner.duet-theme-turva.medium.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.large .visual .image-container*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-54.923px;left:-147px;width:526px;height:456px}/*!@.duet-banner.duet-theme-turva.large .visual .image*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.large .visual .icon*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:auto;left:295px}";
8779
+ const duetBannerCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-banner, *.sc-duet-banner::after, *.sc-duet-banner::before {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n\n/*!@:host*/.sc-duet-banner-h {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n margin-right: 36px !important;\n margin-bottom: 36px !important;\n display: flex;\n justify-content: center;\n width: auto;\n container: duet-banner-container;\n container-type: inline-size;\n}\n/*!@:host:last-child, :host:last-of-type*/.sc-duet-banner-h:last-child, .sc-duet-banner-h:last-of-type {\n margin-right: 0 !important;\n}\n\n/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-banner-h {\n margin: 0 !important;\n}\n\n/*!@.duet-banner*/.duet-banner.sc-duet-banner {\n display: grid;\n grid-template-rows: min-content 1fr;\n width: 100%;\n height: 100%;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n text-align: left;\n border-radius: 16px;\n}\n/*!@.duet-banner.duet-p-0*/.duet-banner.duet-p-0.sc-duet-banner {\n padding: 0 !important;\n}\n/*!@.duet-banner.duet-m-0*/.duet-banner.duet-m-0.sc-duet-banner {\n margin: 0 !important;\n}\n/*!@.duet-banner .visual*/.duet-banner.sc-duet-banner .visual.sc-duet-banner {\n position: relative;\n display: none;\n overflow: hidden;\n \n}\n@container duet-banner-container (min-width: 0px) {\n .duet-banner .visual {\n \n display: block;\n }\n}\n/*!@.duet-banner .visual .image-container*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner {\n position: relative;\n aspect-ratio: 2/1;\n overflow: hidden;\n}\n/*!@.duet-banner .visual .image*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner {\n position: relative;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n}\n/*!@.duet-banner .visual .icon*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner {\n position: absolute;\n}\n/*!@.duet-banner .visual .brand-shape*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .brand-shape.sc-duet-banner {\n position: absolute;\n top: 0;\n left: 72%;\n display: none;\n width: 100%;\n height: 100%;\n background: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n}\n/*!@.duet-banner .content*/.duet-banner.sc-duet-banner .content.sc-duet-banner {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 16px 20px 28px;\n}\n/*!@.duet-banner .content .description*/.duet-banner.sc-duet-banner .content.sc-duet-banner .description.sc-duet-banner {\n hyphens: auto;\n}\n/*!@.duet-banner .action*/.duet-banner.sc-duet-banner .action.sc-duet-banner {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n align-items: flex-start;\n justify-content: flex-end;\n padding-top: 16px;\n}\n/*!@.duet-banner .visual*/.duet-banner.sc-duet-banner .visual.sc-duet-banner {\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n}\n/*!@.duet-banner .visual .image-container*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner {\n width: 100%;\n height: auto;\n border-radius: 0;\n}\n/*!@.duet-banner .visual .icon*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner {\n bottom: 30px;\n left: 15px;\n}\n/*!@.duet-banner.duet-theme-turva*/.duet-banner.duet-theme-turva.sc-duet-banner {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n/*!@.duet-banner.duet-theme-turva .visual .brand-shape*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .brand-shape.sc-duet-banner {\n background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n/*!@.duet-banner.size-medium, .duet-banner.size-large*/.duet-banner.size-medium.sc-duet-banner, .duet-banner.size-large.sc-duet-banner {\n \n \n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n \n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 0;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n top: 36px;\n left: 168px;\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-medium .content, .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 28px 28px 28px 0;\n }\n .duet-banner.size-medium .action, .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n@container duet-banner-container (min-width: 586px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n \n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n left: 80%;\n }\n}\n/*!@.duet-banner.size-large*/.duet-banner.size-large.sc-duet-banner {\n \n}\n@container duet-banner-container (min-width: 900px) {\n .duet-banner.size-large {\n \n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-large .visual .icon {\n top: 40px;\n bottom: auto;\n left: 335px;\n }\n .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 48px 48px 48px 0;\n }\n .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}";
8780
8780
 
8781
8781
  /**
8782
8782
  * @slot heading - Slot for heading content. Only span should be used in this slot.
@@ -8786,7 +8786,7 @@ const duetBannerCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-banner,*.sc-duet-
8786
8786
  class DuetBanner {
8787
8787
  constructor(hostRef) {
8788
8788
  registerInstance(this, hostRef);
8789
- this.checkBannerSize = () => {
8789
+ this.checkCurrentSize = () => {
8790
8790
  const elementSize = this.element.clientWidth;
8791
8791
  if (elementSize < 500 || this.size === "small") {
8792
8792
  this.currentSize = "small";
@@ -8803,12 +8803,15 @@ class DuetBanner {
8803
8803
  * Default to smaller button size for small and medium banners.
8804
8804
  */
8805
8805
  this.setButtonSize = () => {
8806
- if (this.hasActionSlot) {
8806
+ if (this.hasActionSlot && this.currentSize) {
8807
8807
  const buttons = this.element.querySelectorAll("[slot='action'] duet-button, duet-button[slot='action']");
8808
8808
  for (const button of buttons) {
8809
8809
  if (button && button.getAttribute("size") === null && this.currentSize !== "large") {
8810
8810
  button.size = "small";
8811
8811
  }
8812
+ else if (button && button.getAttribute("size") === null && this.currentSize === "large") {
8813
+ button.size = "medium";
8814
+ }
8812
8815
  }
8813
8816
  }
8814
8817
  };
@@ -8837,13 +8840,13 @@ class DuetBanner {
8837
8840
  this.setButtonSize();
8838
8841
  }
8839
8842
  connectedCallback() {
8840
- window.addEventListener("resize", this.checkBannerSize);
8843
+ window.addEventListener("resize", this.checkCurrentSize);
8841
8844
  }
8842
8845
  disconnectedCallback() {
8843
- window.removeEventListener("resize", this.checkBannerSize);
8846
+ window.removeEventListener("resize", this.checkCurrentSize);
8844
8847
  }
8845
8848
  componentDidRender() {
8846
- this.checkBannerSize();
8849
+ this.checkCurrentSize();
8847
8850
  }
8848
8851
  /**
8849
8852
  * render() function
@@ -8864,7 +8867,9 @@ class DuetBanner {
8864
8867
  "duet-banner": true,
8865
8868
  "duet-theme-turva": this.theme === "turva",
8866
8869
  [this.currentSize]: true,
8867
- }, style: bannerStyles }, hAsync("div", { class: "visual" }, hAsync("div", { class: "image-container" }, this.image && hAsync(DuetPicture, Object.assign({}, pictureSource))), this.icon && (hAsync("duet-icon", { theme: this.theme, class: "icon", name: this.icon, shape: "brand", size: this.currentSize === "large" ? "xx-large" : "x-large", color: this.iconColor, background: this.iconBackgroundColor, "background-rotation": "7", "background-opacity": "0.85", margin: "none" }))), hAsync("div", { class: "content" }, this.hasHeadingSlot && (hAsync("div", { class: "heading" }, hAsync("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, hAsync("span", null, hAsync("slot", { name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { class: "description", style: { color } }, hAsync("slot", { name: "description" }))), this.hasActionSlot && (hAsync("div", { class: "action" }, hAsync("slot", { name: "action" })))))));
8870
+ "size-medium": this.size === "medium" || this.size === "large",
8871
+ "size-large": this.size === "large",
8872
+ }, style: bannerStyles }, hAsync("div", { class: "visual" }, hAsync("div", { class: "image-container" }, this.image && hAsync(DuetPicture, Object.assign({}, pictureSource))), 1 > 2 , hAsync("div", { class: "brand-shape" })), hAsync("div", { class: "content" }, this.hasHeadingSlot && (hAsync("div", { class: "heading" }, hAsync("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, hAsync("span", null, hAsync("slot", { name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { class: "description", style: { color } }, hAsync("slot", { name: "description" }))), this.hasActionSlot && (hAsync("div", { class: "action" }, hAsync("slot", { name: "action" })))))));
8868
8873
  }
8869
8874
  get element() { return getElement(this); }
8870
8875
  static get style() { return duetBannerCss; }
@@ -9549,7 +9554,7 @@ class DuetCard {
9549
9554
  }; }
9550
9555
  }
9551
9556
 
9552
- const duetCheckboxCss = "*.sc-duet-checkbox,*.sc-duet-checkbox::after,*.sc-duet-checkbox::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-checkbox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-checkbox-h:last-child,.sc-duet-checkbox-h:last-of-type{margin-right:0 !important}.sc-duet-checkbox-h:last-child:not(:only-child){margin-bottom:0 !important}.duet-m-0.sc-duet-checkbox-h{margin:0 !important}.duet-label.sc-duet-checkbox{position:relative;z-index:100;display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);vertical-align:top;cursor:pointer;background:transparent;transition:300ms ease}.duet-theme-turva.sc-duet-checkbox .duet-label.sc-duet-checkbox{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-label.sc-duet-checkbox span.sc-duet-checkbox{display:inline-block;width:calc(100% - 32px);font-size:1rem;font-weight:400;vertical-align:top}.duet-checkbox-container.sc-duet-checkbox{position:relative;width:100%;height:100%}.duet-checkbox.sc-duet-checkbox{padding:14px !important;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{z-index:100;display:inline-block;width:20px;height:20px;margin:2px 10px 1px 1px;vertical-align:top;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(0, 41, 77);border-radius:4px}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(23, 28, 58)}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(0, 41, 77);border:1px solid rgb(0, 41, 77)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-checkbox[aria-invalid=true].sc-duet-checkbox+label.sc-duet-checkbox::before{background:#fdf4f7;border-color:rgb(222, 35, 98)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[aria-invalid=true].sc-duet-checkbox+label.sc-duet-checkbox::before{background:#fdf4f3;border-color:rgb(224, 42, 13)}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox{position:static}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::after{position:absolute;top:6px;left:5px;z-index:200;width:12px;height:12px;pointer-events:none;content:\"\";background:transparent url(\"data:image/svg+xml,%3Csvg%20fill%3D%27white%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M23.374.287a1.5%2C1.5%2C0%2C0%2C0-2.093.345L7.246%2C20.2%2C2.561%2C15.511A1.5%2C1.5%2C0%2C1%2C0%2C.439%2C17.632l5.935%2C5.934a1.525%2C1.525%2C0%2C0%2C0%2C2.279-.186l15.066-21A1.5%2C1.5%2C0%2C0%2C0%2C23.374.287Z%27%20%2F%3E%3C%2Fsvg%3E\") no-repeat 0 0;background-size:100% auto}.duet-checkbox[disabled].sc-duet-checkbox{cursor:default}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:rgb(116, 116, 117)}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(207, 207, 209)}.duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(101, 119, 135);border:1px solid rgb(101, 119, 135)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(116, 116, 117);border-color:rgb(116, 116, 117)}.duet-checkbox-error.sc-duet-checkbox{margin-left:31px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(222, 35, 98);border-radius:4px}.duet-theme-turva.sc-duet-checkbox .duet-checkbox-error.sc-duet-checkbox{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-checkbox .duet-label.sc-duet-checkbox span.sc-duet-checkbox,.duet-label-hidden.sc-duet-checkbox .duet-checkbox-error.sc-duet-checkbox span.sc-duet-checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
9557
+ const duetCheckboxCss = "*.sc-duet-checkbox,*.sc-duet-checkbox::after,*.sc-duet-checkbox::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-checkbox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-checkbox-h:last-child,.sc-duet-checkbox-h:last-of-type{margin-right:0 !important}.sc-duet-checkbox-h:last-child:not(:only-child){margin-bottom:0 !important}.duet-m-0.sc-duet-checkbox-h{margin:0 !important}.duet-label.sc-duet-checkbox{position:relative;z-index:100;display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);vertical-align:top;cursor:pointer;background:transparent;transition:300ms ease}.duet-theme-turva.sc-duet-checkbox .duet-label.sc-duet-checkbox{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-label.sc-duet-checkbox span.sc-duet-checkbox{display:inline-block;width:calc(100% - 32px);font-size:1rem;font-weight:400;vertical-align:top}.duet-checkbox-container.sc-duet-checkbox{position:relative;width:100%;height:100%}.duet-checkbox.sc-duet-checkbox{padding:14px !important;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{z-index:100;display:inline-block;width:20px;height:20px;margin:2px 10px 1px 1px;vertical-align:top;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(0, 41, 77);border-radius:4px}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(23, 28, 58)}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(0, 119, 179);border:1px solid rgb(0, 119, 179)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-checkbox[aria-invalid=true].sc-duet-checkbox+label.sc-duet-checkbox::before{background:#fdf4f7;border-color:rgb(222, 35, 98)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[aria-invalid=true].sc-duet-checkbox+label.sc-duet-checkbox::before{background:#fdf4f3;border-color:rgb(224, 42, 13)}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox{position:static}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::after{position:absolute;top:6px;left:5px;z-index:200;width:12px;height:12px;pointer-events:none;content:\"\";background:transparent url(\"data:image/svg+xml,%3Csvg%20fill%3D%27white%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M23.374.287a1.5%2C1.5%2C0%2C0%2C0-2.093.345L7.246%2C20.2%2C2.561%2C15.511A1.5%2C1.5%2C0%2C1%2C0%2C.439%2C17.632l5.935%2C5.934a1.525%2C1.525%2C0%2C0%2C0%2C2.279-.186l15.066-21A1.5%2C1.5%2C0%2C0%2C0%2C23.374.287Z%27%20%2F%3E%3C%2Fsvg%3E\") no-repeat 0 0;background-size:100% auto}.duet-checkbox[disabled].sc-duet-checkbox{cursor:default}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:rgb(116, 116, 117)}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(207, 207, 209)}.duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(144, 149, 153);border:1px solid rgb(144, 149, 153)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(116, 116, 117);border-color:rgb(116, 116, 117)}.duet-checkbox-error.sc-duet-checkbox{margin-left:31px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(222, 35, 98);border-radius:4px}.duet-theme-turva.sc-duet-checkbox .duet-checkbox-error.sc-duet-checkbox{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-checkbox .duet-label.sc-duet-checkbox span.sc-duet-checkbox,.duet-label-hidden.sc-duet-checkbox .duet-checkbox-error.sc-duet-checkbox span.sc-duet-checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
9553
9558
 
9554
9559
  class DuetCheckbox {
9555
9560
  constructor(hostRef) {
@@ -14157,7 +14162,7 @@ class DuetHero {
14157
14162
  }; }
14158
14163
  }
14159
14164
 
14160
- const duetIconCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-icon,*.sc-duet-icon::after,*.sc-duet-icon::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-icon-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;color:inherit;-webkit-tap-highlight-color:transparent}@media (max-width: 35.9375em){/*!@:host(.duet-icon-has-outline)*/.duet-icon-has-outline.sc-duet-icon-h{margin-bottom:0 !important}}@media (max-width: 35.9375em){/*!@:host(.duet-icon-has-background)*/.duet-icon-has-background.sc-duet-icon-h{margin-bottom:0 !important}}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-icon-h{margin:0 !important}@media (max-width: 35.9375em){/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-icon-h{margin:0 !important}}/*!@.duet-icon*/.duet-icon.sc-duet-icon{-webkit-user-select:none;user-select:none;display:block;width:100%;height:100%;transform-origin:top center}/*!@.duet-icon.duet-icon-has-outline*/.duet-icon.duet-icon-has-outline.sc-duet-icon{padding:12px;border-style:solid;border-width:1px}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-has-outline*/.duet-icon.duet-icon-has-outline.sc-duet-icon{outline:1px solid transparent;transform:scale(0.8)}}/*!@.duet-icon.duet-icon-has-background*/.duet-icon.duet-icon-has-background.sc-duet-icon{padding:16px;color:rgb(255, 255, 255)}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-has-background*/.duet-icon.duet-icon-has-background.sc-duet-icon{outline:1px solid transparent;transform:scale(0.8)}}/*!@.duet-icon.duet-icon-has-background.duet-theme-turva, .duet-icon.duet-icon-has-background.duet-theme-default*/.duet-icon.duet-icon-has-background.duet-theme-turva.sc-duet-icon,.duet-icon.duet-icon-has-background.duet-theme-default.sc-duet-icon{color:rgb(255, 255, 255)}/*!@.duet-icon.duet-icon-shape-circle*/.duet-icon.duet-icon-shape-circle.sc-duet-icon{border-radius:50%}/*!@.duet-icon.duet-icon-shape-brand*/.duet-icon.duet-icon-shape-brand.sc-duet-icon{border-radius:25%}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-not-responsive*/.duet-icon.duet-icon-not-responsive.sc-duet-icon{transform:scale(1) !important}}/*!@.duet-icon.duet-theme-default*/.duet-icon.duet-theme-default.sc-duet-icon{color:rgb(0, 119, 179)}/*!@.duet-icon.duet-theme-turva*/.duet-icon.duet-theme-turva.sc-duet-icon{color:rgb(198, 12, 48)}/*!@.duet-icon.duet-icon-shape-brand.rotated*/.duet-icon.duet-icon-shape-brand.rotated.sc-duet-icon{transform:rotate(20deg) scale(0.875);transform-origin:center}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.sc-duet-icon{display:flex;align-items:center;justify-content:center;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");mask-repeat:no-repeat}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.sc-duet-icon .duet-icon-svg.sc-duet-icon{min-width:auto}/*!@.duet-icon .duet-icon-svg*/.duet-icon.sc-duet-icon .duet-icon-svg.sc-duet-icon{display:block;width:24px;min-width:100%;height:24px;font-size:0}/*!@.duet-icon .duet-icon-svg.rotated*/.duet-icon.sc-duet-icon .duet-icon-svg.rotated.sc-duet-icon{transform:rotate(-20deg) scale(1.14)}/*!@.duet-icon svg*/.duet-icon.sc-duet-icon svg.sc-duet-icon{width:100%;min-width:100%;overflow:clip;fill:currentColor;overflow-clip-margin:1px}/*!@:host([size=auto]) .duet-icon-svg*/[size=auto].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:100%;height:100%}/*!@:host([size=xxx-small]) .duet-icon-svg*/[size=xxx-small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:7px;height:7px}/*!@:host([size=xxx-small]) .duet-icon-has-background*/[size=xxx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:6px}/*!@:host([size=xxx-small]) .duet-icon-has-outline*/[size=xxx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon{padding:4px}/*!@:host([size=xxx-small]) .duet-icon-has-background .duet-icon-svg,\n:host([size=xxx-small]) .duet-icon-has-outline .duet-icon-svg*/[size=xxx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon .duet-icon-svg.sc-duet-icon,[size=xxx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@:host([size=xxx-small]) .duet-icon-shape-brand*/[size=xxx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:0}/*!@:host([size=xxx-small]) .duet-icon-shape-brand .duet-icon-svg*/[size=xxx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:0;height:0}/*!@:host([size=xx-small]) .duet-icon-svg*/[size=xx-small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@:host([size=xx-small]) .duet-icon-has-background*/[size=xx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:8px}/*!@:host([size=xx-small]) .duet-icon-has-outline*/[size=xx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon{padding:7px}/*!@:host([size=xx-small]) .duet-icon-has-background .duet-icon-svg,\n:host([size=xx-small]) .duet-icon-has-outline .duet-icon-svg*/[size=xx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon .duet-icon-svg.sc-duet-icon,[size=xx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@:host([size=xx-small]) .duet-icon-shape-brand*/[size=xx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:4px}/*!@:host([size=xx-small]) .duet-icon-shape-brand .duet-icon-svg*/[size=xx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@:host([size=xx-small]) .duet-theme-turva .duet-icon-shape-brand*/[size=xx-small].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:18px;height:15px;padding:0}/*!@:host([size=x-small]) .duet-icon-svg*/[size=x-small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@:host([size=x-small]) .duet-icon-has-outline*/[size=x-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon{padding:10px}/*!@:host([size=x-small]) .duet-icon-has-background*/[size=x-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:12px}/*!@:host([size=x-small]) .duet-icon-shape-brand*/[size=x-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:8px}/*!@:host([size=x-small]) .duet-icon-shape-brand .duet-icon-svg*/[size=x-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@:host([size=x-small]) .duet-theme-turva .duet-icon-shape-brand*/[size=x-small].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:32px;height:30px;padding:0}/*!@:host([size=small]) .duet-icon-svg*/[size=small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:20px;height:20px}/*!@:host([size=small]) .duet-icon-has-background*/[size=small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:14px}/*!@:host([size=small]) .duet-icon-shape-brand*/[size=small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:8px}/*!@:host([size=small]) .duet-icon-shape-brand .duet-icon-svg*/[size=small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:20px;height:20px}/*!@:host([size=small]) .duet-theme-turva .duet-icon-shape-brand*/[size=small].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:36px;height:34px;padding:0}/*!@:host([size=medium]) .duet-icon-shape-brand*/[size=medium].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:12px}/*!@:host([size=medium]) .duet-icon-shape-brand .duet-icon-svg*/[size=medium].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:24px;height:24px}/*!@:host([size=medium]) .duet-theme-turva .duet-icon-shape-brand*/[size=medium].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:48px;height:44px;padding:0}/*!@:host([size=large]) .duet-icon-svg*/[size=large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:30px;height:30px}/*!@:host([size=large]) .duet-icon-shape-brand*/[size=large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:16px}/*!@:host([size=large]) .duet-icon-shape-brand .duet-icon-svg*/[size=large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:30px;height:30px}/*!@:host([size=large]) .duet-theme-turva .duet-icon-shape-brand*/[size=large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:62px;height:56px;padding:0}/*!@:host([size=x-large]) .duet-icon-svg*/[size=x-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:36px;height:36px}/*!@:host([size=x-large]) .duet-icon-shape-brand*/[size=x-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:20px}/*!@:host([size=x-large]) .duet-icon-shape-brand .duet-icon-svg*/[size=x-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:36px;height:36px}/*!@:host([size=x-large]) .duet-theme-turva .duet-icon-shape-brand*/[size=x-large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:76px;height:68px;padding:0}/*!@:host([size=xx-large]) .duet-icon-svg*/[size=xx-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:48px;height:48px}/*!@:host([size=xx-large]) .duet-icon-shape-brand*/[size=xx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:24px}/*!@:host([size=xx-large]) .duet-icon-shape-brand .duet-icon-svg*/[size=xx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:48px;height:48px}/*!@:host([size=xx-large]) .duet-theme-turva .duet-icon-shape-brand*/[size=xx-large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:95px;height:86px;padding:0}/*!@:host([size=xxx-large]) .duet-icon-svg*/[size=xxx-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:48px;height:48px}@media (min-width: 48em){/*!@:host([size=xxx-large]) .duet-icon-svg*/[size=xxx-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:72px;height:72px}}/*!@:host([size=xxx-large]) .duet-icon-shape-brand*/[size=xxx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:36px}/*!@:host([size=xxx-large]) .duet-icon-shape-brand .duet-icon-svg*/[size=xxx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:72px;height:72px}/*!@:host([size=xxx-large]) .duet-theme-turva .duet-icon-shape-brand*/[size=xxx-large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:144px;height:130px;padding:0}";
14165
+ const duetIconCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-icon,*.sc-duet-icon::after,*.sc-duet-icon::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-icon-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;color:inherit;-webkit-tap-highlight-color:transparent}@media (max-width: 35.9375em){/*!@:host(.duet-icon-has-outline)*/.duet-icon-has-outline.sc-duet-icon-h{margin-bottom:0 !important}}@media (max-width: 35.9375em){/*!@:host(.duet-icon-has-background)*/.duet-icon-has-background.sc-duet-icon-h{margin-bottom:0 !important}}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-icon-h{margin:0 !important}@media (max-width: 35.9375em){/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-icon-h{margin:0 !important}}/*!@.duet-icon*/.duet-icon.sc-duet-icon{-webkit-user-select:none;user-select:none;display:block;width:100%;height:100%;transform-origin:top center}/*!@.duet-icon.duet-icon-has-outline*/.duet-icon.duet-icon-has-outline.sc-duet-icon{padding:12px;border-style:solid;border-width:1px}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-has-outline*/.duet-icon.duet-icon-has-outline.sc-duet-icon{outline:1px solid transparent;transform:scale(0.8)}}/*!@.duet-icon.duet-icon-has-background*/.duet-icon.duet-icon-has-background.sc-duet-icon{padding:16px;color:rgb(255, 255, 255)}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-has-background*/.duet-icon.duet-icon-has-background.sc-duet-icon{outline:1px solid transparent;transform:scale(0.8)}}/*!@.duet-icon.duet-icon-has-background.duet-theme-turva, .duet-icon.duet-icon-has-background.duet-theme-default*/.duet-icon.duet-icon-has-background.duet-theme-turva.sc-duet-icon,.duet-icon.duet-icon-has-background.duet-theme-default.sc-duet-icon{color:rgb(255, 255, 255)}/*!@.duet-icon.duet-icon-shape-circle*/.duet-icon.duet-icon-shape-circle.sc-duet-icon{border-radius:50%}/*!@.duet-icon.duet-icon-shape-brand*/.duet-icon.duet-icon-shape-brand.sc-duet-icon{border-radius:25%}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-not-responsive*/.duet-icon.duet-icon-not-responsive.sc-duet-icon{transform:scale(1) !important}}/*!@.duet-icon.duet-theme-default*/.duet-icon.duet-theme-default.sc-duet-icon{color:rgb(0, 119, 179)}/*!@.duet-icon.duet-theme-turva*/.duet-icon.duet-theme-turva.sc-duet-icon{color:rgb(198, 12, 48)}/*!@.duet-icon.duet-icon-shape-brand.rotated*/.duet-icon.duet-icon-shape-brand.rotated.sc-duet-icon{transform:rotate(7deg) scale(0.875);transform-origin:center}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.sc-duet-icon{display:flex;align-items:center;justify-content:center;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");mask-repeat:no-repeat;mask-position:center}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.sc-duet-icon .duet-icon-svg.sc-duet-icon{min-width:auto}/*!@.duet-icon .duet-icon-svg*/.duet-icon.sc-duet-icon .duet-icon-svg.sc-duet-icon{display:block;width:24px;min-width:100%;height:24px;font-size:0}/*!@.duet-icon .duet-icon-svg.rotated*/.duet-icon.sc-duet-icon .duet-icon-svg.rotated.sc-duet-icon{transform:rotate(-7deg) scale(1.14)}/*!@.duet-icon svg*/.duet-icon.sc-duet-icon svg.sc-duet-icon{width:100%;min-width:100%;overflow:clip;fill:currentColor;overflow-clip-margin:1px}/*!@:host([size=auto]) .duet-icon-svg*/[size=auto].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:100%;height:100%}/*!@:host([size=xxx-small]) .duet-icon-svg*/[size=xxx-small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:7px;height:7px}/*!@:host([size=xxx-small]) .duet-icon-has-background*/[size=xxx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:6px}/*!@:host([size=xxx-small]) .duet-icon-has-outline*/[size=xxx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon{padding:4px}/*!@:host([size=xxx-small]) .duet-icon-has-background .duet-icon-svg,\n:host([size=xxx-small]) .duet-icon-has-outline .duet-icon-svg*/[size=xxx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon .duet-icon-svg.sc-duet-icon,[size=xxx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@:host([size=xxx-small]) .duet-icon-shape-brand*/[size=xxx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:0}/*!@:host([size=xxx-small]) .duet-icon-shape-brand .duet-icon-svg*/[size=xxx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:0;height:0}/*!@:host([size=xx-small]) .duet-icon-svg*/[size=xx-small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@:host([size=xx-small]) .duet-icon-has-background*/[size=xx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:8px}/*!@:host([size=xx-small]) .duet-icon-has-outline*/[size=xx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon{padding:7px}/*!@:host([size=xx-small]) .duet-icon-has-background .duet-icon-svg,\n:host([size=xx-small]) .duet-icon-has-outline .duet-icon-svg*/[size=xx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon .duet-icon-svg.sc-duet-icon,[size=xx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@:host([size=xx-small]) .duet-icon-shape-brand*/[size=xx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:4px}/*!@:host([size=xx-small]) .duet-icon-shape-brand .duet-icon-svg*/[size=xx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@:host([size=xx-small]) .duet-theme-turva .duet-icon-shape-brand*/[size=xx-small].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:18px;height:15px;padding:0}/*!@:host([size=x-small]) .duet-icon-svg*/[size=x-small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@:host([size=x-small]) .duet-icon-has-outline*/[size=x-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon{padding:10px}/*!@:host([size=x-small]) .duet-icon-has-background*/[size=x-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:12px}/*!@:host([size=x-small]) .duet-icon-shape-brand*/[size=x-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:8px}/*!@:host([size=x-small]) .duet-icon-shape-brand .duet-icon-svg*/[size=x-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@:host([size=x-small]) .duet-theme-turva .duet-icon-shape-brand*/[size=x-small].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:32px;height:30px;padding:0}/*!@:host([size=small]) .duet-icon-svg*/[size=small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:20px;height:20px}/*!@:host([size=small]) .duet-icon-has-background*/[size=small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:14px}/*!@:host([size=small]) .duet-icon-shape-brand*/[size=small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:8px}/*!@:host([size=small]) .duet-icon-shape-brand .duet-icon-svg*/[size=small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:20px;height:20px}/*!@:host([size=small]) .duet-theme-turva .duet-icon-shape-brand*/[size=small].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:36px;height:34px;padding:0}/*!@:host([size=medium]) .duet-icon-shape-brand*/[size=medium].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:12px}/*!@:host([size=medium]) .duet-icon-shape-brand .duet-icon-svg*/[size=medium].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:24px;height:24px}/*!@:host([size=medium]) .duet-theme-turva .duet-icon-shape-brand*/[size=medium].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:48px;height:44px;padding:0}/*!@:host([size=large]) .duet-icon-svg*/[size=large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:30px;height:30px}/*!@:host([size=large]) .duet-icon-shape-brand*/[size=large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:16px}/*!@:host([size=large]) .duet-icon-shape-brand .duet-icon-svg*/[size=large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:30px;height:30px}/*!@:host([size=large]) .duet-theme-turva .duet-icon-shape-brand*/[size=large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:62px;height:56px;padding:0}/*!@:host([size=x-large]) .duet-icon-svg*/[size=x-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:36px;height:36px}/*!@:host([size=x-large]) .duet-icon-shape-brand*/[size=x-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:20px}/*!@:host([size=x-large]) .duet-icon-shape-brand .duet-icon-svg*/[size=x-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:36px;height:36px}/*!@:host([size=x-large]) .duet-theme-turva .duet-icon-shape-brand*/[size=x-large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:76px;height:68px;padding:0}/*!@:host([size=xx-large]) .duet-icon-svg*/[size=xx-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:48px;height:48px}/*!@:host([size=xx-large]) .duet-icon-shape-brand*/[size=xx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:24px}/*!@:host([size=xx-large]) .duet-icon-shape-brand .duet-icon-svg*/[size=xx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:48px;height:48px}/*!@:host([size=xx-large]) .duet-theme-turva .duet-icon-shape-brand*/[size=xx-large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:95px;height:86px;padding:0}/*!@:host([size=xxx-large]) .duet-icon-svg*/[size=xxx-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:48px;height:48px}@media (min-width: 48em){/*!@:host([size=xxx-large]) .duet-icon-svg*/[size=xxx-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:72px;height:72px}}/*!@:host([size=xxx-large]) .duet-icon-shape-brand*/[size=xxx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:36px}/*!@:host([size=xxx-large]) .duet-icon-shape-brand .duet-icon-svg*/[size=xxx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:72px;height:72px}/*!@:host([size=xxx-large]) .duet-theme-turva .duet-icon-shape-brand*/[size=xxx-large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:144px;height:130px;padding:0}";
14161
14166
 
14162
14167
  class DuetIcon {
14163
14168
  constructor(hostRef) {
@@ -14835,7 +14840,7 @@ class DuetLayout {
14835
14840
  }; }
14836
14841
  }
14837
14842
 
14838
- const duetLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-link,*.sc-duet-link::after,*.sc-duet-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-link-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline}/*!@:host(.duet-link-block)*/.duet-link-block.sc-duet-link-h{display:block}/*!@:host(.duet-link-button)*/.duet-link-button.sc-duet-link-h{margin-right:8px !important;margin-bottom:12px !important;display:inline-block;width:100%}/*!@:host(.duet-link-button):last-child, :host(.duet-link-button):last-of-type*/.duet-link-button.sc-duet-link-h:last-child,.duet-link-button.sc-duet-link-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-link-h{margin:0 !important}/*!@.duet-link*/.duet-link.sc-duet-link{display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:400;color:rgb(0, 98, 154);text-decoration:underline;border-radius:4px;transition:300ms ease}/*!@.duet-link:focus*/.duet-link.sc-duet-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-link:focus, .duet-link:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-link .duet-link.sc-duet-link:focus,.duet-link.sc-duet-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-link.duet-theme-turva*/.duet-link.duet-theme-turva.sc-duet-link{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(173, 11, 43)}/*!@.duet-link:hover*/.duet-link.sc-duet-link:hover{color:rgb(0, 77, 128);text-decoration:none}/*!@.duet-link:hover.duet-theme-turva*/.duet-link.sc-duet-link:hover.duet-theme-turva{color:rgb(148, 9, 37)}/*!@.duet-link:active*/.duet-link.sc-duet-link:active{opacity:0.75;transition:none}/*!@button*/button.sc-duet-link{font-size:inherit;cursor:pointer}/*!@.duet-link-is-external.duet-link:not(.block, .button),\n.duet-link-is-download.duet-link:not(.block, .button)*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link{text-decoration:none}/*!@.duet-link-is-external.duet-link:not(.block, .button) .duet-link-content,\n.duet-link-is-download.duet-link:not(.block, .button) .duet-link-content*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-content.sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-content.sc-duet-link{text-decoration:underline}/*!@.duet-link-is-external.duet-link:not(.block, .button):hover > .duet-link-content,\n.duet-link-is-download.duet-link:not(.block, .button):hover > .duet-link-content*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link:hover>.duet-link-content.sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link:hover>.duet-link-content.sc-duet-link{text-decoration:none}/*!@.duet-link-is-external.duet-link:not(.block, .button) .duet-link-icon-tail,\n.duet-link-is-download.duet-link:not(.block, .button) .duet-link-icon-tail*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-icon-tail.sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-icon-tail.sc-duet-link{text-decoration:none;white-space:nowrap}/*!@.duet-tab-to-link*/.duet-tab-to-link.sc-duet-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}/*!@.duet-tab-to-link.duet-theme-turva*/.duet-tab-to-link.duet-theme-turva.sc-duet-link{min-width:120px;color:rgb(23, 28, 58)}@media (min-width: 106.25em){/*!@.duet-tab-to-link*/.duet-tab-to-link.sc-duet-link{margin-left:20px}}/*!@.duet-tab-to-link:focus*/.duet-tab-to-link.sc-duet-link:focus{top:12px;left:20px;width:auto;height:auto;outline:0;opacity:1}/*!@.block.duet-link*/.block.duet-link.sc-duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(0, 41, 77);text-decoration:none}/*!@.block.duet-link.duet-link-has-icon*/.block.duet-link.duet-link-has-icon.sc-duet-link{grid-template-columns:auto 1fr auto}/*!@.block.duet-link.none*/.block.duet-link.none.sc-duet-link{padding:0}/*!@.block .block__content*/.block.sc-duet-link .block__content.sc-duet-link{position:relative;bottom:2px}/*!@.block .block__chevron*/.block.sc-duet-link .block__chevron.sc-duet-link{align-self:center}/*!@.block .block__chevron-icon*/.block.sc-duet-link .block__chevron-icon.sc-duet-link{transition:300ms ease}/*!@.block:not(.duet-link-is-external):hover .block__chevron-icon*/.block.sc-duet-link:not(.duet-link-is-external):hover .block__chevron-icon.sc-duet-link{transform:translateX(4px)}/*!@.duet-link.button*/.duet-link.button.sc-duet-link{display:flex;gap:12px;align-items:center;width:100%;min-height:48px;padding:12px;padding-right:20px;text-decoration:none;background-color:rgb(255, 255, 255);border:solid 1px rgb(207, 210, 212);border-radius:12px;outline:0 solid rgb(207, 210, 212);outline-offset:-2px;transition:all 300ms ease}/*!@.duet-link.button > **/.duet-link.button.sc-duet-link>*.sc-duet-link{flex-shrink:0}/*!@.duet-link.button .duet-link-content*/.duet-link.button.sc-duet-link .duet-link-content.sc-duet-link{flex-grow:1;flex-shrink:1;font-size:1rem;font-weight:600;color:rgb(0, 41, 77);text-align:left}/*!@.duet-link.button .icon-wrap*/.duet-link.button.sc-duet-link .icon-wrap.sc-duet-link{display:flex;align-items:center;justify-content:center}/*!@.duet-link.button.duet-link-has-icon-background*/.duet-link.button.duet-link-has-icon-background.sc-duet-link{min-height:60px}/*!@.duet-link.button.duet-link-has-icon-background .icon-wrap*/.duet-link.button.duet-link-has-icon-background.sc-duet-link .icon-wrap.sc-duet-link{width:36px;height:36px;border-radius:8px}/*!@.duet-link.button:hover*/.duet-link.button.sc-duet-link:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179)}@media (min-width: 48em){/*!@.duet-link.button*/.duet-link.button.sc-duet-link{gap:16px;min-height:60px;border-radius:16px}/*!@.duet-link.button.duet-link-has-icon-background*/.duet-link.button.duet-link-has-icon-background.sc-duet-link{min-height:72px}/*!@.duet-link.button.duet-link-has-icon-background .icon-wrap*/.duet-link.button.duet-link-has-icon-background.sc-duet-link .icon-wrap.sc-duet-link{width:48px;height:48px;border-radius:12px}/*!@.duet-link.button .duet-link-content*/.duet-link.button.sc-duet-link .duet-link-content.sc-duet-link{font-size:1.1rem}}/*!@.duet-link.button.duet-theme-turva*/.duet-link.button.duet-theme-turva.sc-duet-link{border-color:rgb(207, 207, 209)}/*!@.duet-link.button.duet-theme-turva .duet-link-content*/.duet-link.button.duet-theme-turva.sc-duet-link .duet-link-content.sc-duet-link{color:rgb(23, 28, 58)}/*!@.duet-link.button.duet-theme-turva:hover*/.duet-link.button.duet-theme-turva.sc-duet-link:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}/*!@.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon*/.duet-link.button.sc-duet-link:not(.duet-link-is-external):hover .block__chevron-icon.sc-duet-link{transform:translateX(4px)}";
14843
+ const duetLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-link,*.sc-duet-link::after,*.sc-duet-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-link-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline}/*!@:host(.duet-link-block)*/.duet-link-block.sc-duet-link-h{display:block}/*!@:host(.duet-link-button)*/.duet-link-button.sc-duet-link-h{margin-right:8px !important;margin-bottom:12px !important;display:inline-block;width:100%}/*!@:host(.duet-link-button):last-child, :host(.duet-link-button):last-of-type*/.duet-link-button.sc-duet-link-h:last-child,.duet-link-button.sc-duet-link-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-link-h{margin:0 !important}/*!@.duet-link*/.duet-link.sc-duet-link{display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:400;color:rgb(0, 98, 154);text-decoration:underline;border-radius:4px;transition:300ms ease}/*!@.duet-link:focus*/.duet-link.sc-duet-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-link:focus, .duet-link:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-link .duet-link.sc-duet-link:focus,.duet-link.sc-duet-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-link.duet-theme-turva*/.duet-link.duet-theme-turva.sc-duet-link{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(173, 11, 43)}/*!@.duet-link:hover*/.duet-link.sc-duet-link:hover{color:rgb(0, 77, 128);text-decoration:none}/*!@.duet-link:hover.duet-theme-turva*/.duet-link.sc-duet-link:hover.duet-theme-turva{color:rgb(148, 9, 37)}/*!@.duet-link:active*/.duet-link.sc-duet-link:active{opacity:0.75;transition:none}/*!@button*/button.sc-duet-link{font-size:inherit;cursor:pointer}/*!@.duet-link-is-external.duet-link:not(.block, .button),\n.duet-link-is-download.duet-link:not(.block, .button)*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link{text-decoration:none}/*!@.duet-link-is-external.duet-link:not(.block, .button) .duet-link-content,\n.duet-link-is-download.duet-link:not(.block, .button) .duet-link-content*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-content.sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-content.sc-duet-link{text-decoration:underline}/*!@.duet-link-is-external.duet-link:not(.block, .button):hover > .duet-link-content,\n.duet-link-is-download.duet-link:not(.block, .button):hover > .duet-link-content*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link:hover>.duet-link-content.sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link:hover>.duet-link-content.sc-duet-link{text-decoration:none}/*!@.duet-link-is-external.duet-link:not(.block, .button) .duet-link-icon-tail,\n.duet-link-is-download.duet-link:not(.block, .button) .duet-link-icon-tail*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-icon-tail.sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-icon-tail.sc-duet-link{text-decoration:none;white-space:nowrap}/*!@.duet-tab-to-link*/.duet-tab-to-link.sc-duet-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}/*!@.duet-tab-to-link.duet-theme-turva*/.duet-tab-to-link.duet-theme-turva.sc-duet-link{min-width:120px;color:rgb(23, 28, 58)}@media (min-width: 106.25em){/*!@.duet-tab-to-link*/.duet-tab-to-link.sc-duet-link{margin-left:20px}}/*!@.duet-tab-to-link:focus*/.duet-tab-to-link.sc-duet-link:focus{top:12px;left:20px;width:auto;height:auto;outline:0;opacity:1}/*!@.block.duet-link*/.block.duet-link.sc-duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(0, 41, 77);text-decoration:none}/*!@.block.duet-link.duet-link-has-icon*/.block.duet-link.duet-link-has-icon.sc-duet-link{grid-template-columns:auto 1fr auto}/*!@.block.duet-link.none*/.block.duet-link.none.sc-duet-link{padding:0}/*!@.block .block__icon*/.block.sc-duet-link .block__icon.sc-duet-link{display:flex}/*!@.block .block__content*/.block.sc-duet-link .block__content.sc-duet-link{position:relative;bottom:2px}/*!@.block .block__chevron*/.block.sc-duet-link .block__chevron.sc-duet-link{align-self:center}/*!@.block .block__chevron-icon*/.block.sc-duet-link .block__chevron-icon.sc-duet-link{transition:300ms ease}/*!@.block:not(.duet-link-is-external):hover .block__chevron-icon*/.block.sc-duet-link:not(.duet-link-is-external):hover .block__chevron-icon.sc-duet-link{transform:translateX(4px)}/*!@.duet-link.button*/.duet-link.button.sc-duet-link{display:flex;gap:12px;align-items:center;width:100%;min-height:48px;padding:14px 16px;line-height:1.25;text-decoration:none;background-color:rgb(255, 255, 255);border:solid 1px rgb(207, 210, 212);border-radius:12px;outline:0 solid rgb(207, 210, 212);outline-offset:-2px;transition:all 300ms ease}/*!@.duet-link.button > **/.duet-link.button.sc-duet-link>*.sc-duet-link{flex-shrink:0}/*!@.duet-link.button .duet-link-content*/.duet-link.button.sc-duet-link .duet-link-content.sc-duet-link{flex-grow:1;flex-shrink:1;font-size:1rem;font-weight:600;color:rgb(0, 41, 77);text-align:left}/*!@.duet-link.button .icon-wrap*/.duet-link.button.sc-duet-link .icon-wrap.sc-duet-link{display:flex;align-items:center;justify-content:center}/*!@.duet-link.button.duet-link-has-icon-background*/.duet-link.button.duet-link-has-icon-background.sc-duet-link{min-height:60px;padding:12px;padding-right:20px;line-height:1.5}/*!@.duet-link.button.duet-link-has-icon-background .icon-wrap*/.duet-link.button.duet-link-has-icon-background.sc-duet-link .icon-wrap.sc-duet-link{width:36px;height:36px;border-radius:8px}/*!@.duet-link.button:hover*/.duet-link.button.sc-duet-link:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179)}@media (min-width: 48em){/*!@.duet-link.button*/.duet-link.button.sc-duet-link{min-height:50px}/*!@.duet-link.button.duet-link-has-icon-background*/.duet-link.button.duet-link-has-icon-background.sc-duet-link{gap:16px;min-height:72px;border-radius:16px}/*!@.duet-link.button.duet-link-has-icon-background .icon-wrap*/.duet-link.button.duet-link-has-icon-background.sc-duet-link .icon-wrap.sc-duet-link{width:48px;height:48px;border-radius:12px}/*!@.duet-link.button.duet-link-has-icon-background .duet-link-content*/.duet-link.button.duet-link-has-icon-background.sc-duet-link .duet-link-content.sc-duet-link{font-size:1.1rem}}/*!@.duet-link.button.duet-theme-turva*/.duet-link.button.duet-theme-turva.sc-duet-link{border-color:rgb(207, 207, 209)}/*!@.duet-link.button.duet-theme-turva .duet-link-content*/.duet-link.button.duet-theme-turva.sc-duet-link .duet-link-content.sc-duet-link{color:rgb(23, 28, 58)}/*!@.duet-link.button.duet-theme-turva:hover*/.duet-link.button.duet-theme-turva.sc-duet-link:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}/*!@.duet-link.button .block__chevron-icon*/.duet-link.button.sc-duet-link .block__chevron-icon.sc-duet-link{transition:300ms ease}/*!@.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon*/.duet-link.button.sc-duet-link:not(.duet-link-is-external):hover .block__chevron-icon.sc-duet-link{transform:translateX(4px)}";
14839
14844
 
14840
14845
  /**
14841
14846
  * @part duet-link - piercing selector for styling the link
@@ -14852,6 +14857,8 @@ class DuetLink {
14852
14857
  this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults);
14853
14858
  this.accessibleLabelDownloadDefaults = DuetStringsDownloadLinkDefaults;
14854
14859
  this.accessibleLabelDownload = getLocaleString(this.accessibleLabelDownloadDefaults);
14860
+ this.accessibleExpanded = undefined;
14861
+ this.accessiblePopup = "false";
14855
14862
  this.identifier = undefined;
14856
14863
  this.theme = "";
14857
14864
  this.url = "#";
@@ -14939,7 +14946,7 @@ class DuetLink {
14939
14946
  const iconWrapStyle = {
14940
14947
  "background-color": getColorByName(this.iconBackground, this.theme),
14941
14948
  };
14942
- return (hAsync(Fragment, null, hAsync("span", { class: "icon-wrap", style: iconWrapStyle }, hAsync("duet-icon", { size: this.isMediumScreen ? "small" : "medium", name: this.icon, margin: "none", color: this.iconColor })), hAsync("span", { class: "duet-link-content", part: "duet-link-content" }, hAsync("slot", null)), hAsync("duet-icon", { class: "block__chevron-icon", icon: this.external ? actionNewWindow.svg : actionArrowRight.svg, size: "x-small", margin: "none", color: "primary-dark" })));
14949
+ return (hAsync(Fragment, null, hAsync("span", { class: "icon-wrap", style: iconWrapStyle }, hAsync("duet-icon", { size: !this.iconBackground || this.isMediumScreen ? "small" : "medium", name: this.icon, margin: "none", color: this.iconColor })), hAsync("span", { class: "duet-link-content", part: "duet-link-content" }, hAsync("slot", null)), hAsync("duet-icon", { class: "block__chevron-icon", icon: this.external ? actionNewWindow.svg : actionArrowRight.svg, size: "x-small", margin: "none", color: "primary-dark" })));
14943
14950
  }
14944
14951
  renderContent() {
14945
14952
  switch (this.variation) {
@@ -14957,6 +14964,7 @@ class DuetLink {
14957
14964
  */
14958
14965
  render() {
14959
14966
  const Tag = !this.url ? "button" : "a";
14967
+ const isButton = Tag === "button";
14960
14968
  return (hAsync(Host, { class: {
14961
14969
  [`duet-link-${this.variation}`]: true,
14962
14970
  "duet-m-0": this.margin === "none",
@@ -14971,7 +14979,7 @@ class DuetLink {
14971
14979
  "duet-p-0": this.padding === "none",
14972
14980
  [this.padding]: true,
14973
14981
  [this.variation]: true,
14974
- }, target: this.download || !this.url ? null : this.external ? "_blank" : "_self", download: this.resolvedDownload, "aria-label": this.getAccessibleLabel(), id: this.identifier, ref: el => (this.nativeLink = el), part: "duet-link", rel: this.external ? "noopener" : undefined }, this.renderContent())));
14982
+ }, target: this.download || !this.url ? null : this.external ? "_blank" : "_self", download: this.resolvedDownload, "aria-label": this.getAccessibleLabel(), "aria-expanded": this.accessibleExpanded != null && isButton ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null && isButton ? this.accessiblePopup.toString() : undefined, id: this.identifier, ref: el => (this.nativeLink = el), part: "duet-link", rel: this.external ? "noopener" : undefined }, this.renderContent())));
14975
14983
  }
14976
14984
  static get delegatesFocus() { return true; }
14977
14985
  get element() { return getElement(this); }
@@ -14987,6 +14995,8 @@ class DuetLink {
14987
14995
  "accessibleLabelExternal": [1025, "accessible-label-external"],
14988
14996
  "accessibleLabelDownloadDefaults": [1, "accessible-label-download-default"],
14989
14997
  "accessibleLabelDownload": [1025, "accessible-label-download"],
14998
+ "accessibleExpanded": [1540, "accessible-expanded"],
14999
+ "accessiblePopup": [1537, "accessible-popup"],
14990
15000
  "identifier": [1],
14991
15001
  "theme": [1025],
14992
15002
  "url": [1537],
@@ -15005,7 +15015,7 @@ class DuetLink {
15005
15015
  },
15006
15016
  "$listeners$": undefined,
15007
15017
  "$lazyBundleId$": "-",
15008
- "$attrsToReflect$": [["language", "language"], ["url", "url"]]
15018
+ "$attrsToReflect$": [["language", "language"], ["accessibleExpanded", "accessible-expanded"], ["accessiblePopup", "accessible-popup"], ["url", "url"]]
15009
15019
  }; }
15010
15020
  }
15011
15021
 
@@ -15718,7 +15728,7 @@ class DuetMenuBarLink {
15718
15728
  }; }
15719
15729
  }
15720
15730
 
15721
- const duetModalCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-modal,*.sc-duet-modal::after,*.sc-duet-modal::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-modal-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@.duet-modal-container*/.duet-modal-container.sc-duet-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;opacity:0;transition:300ms ease;transition-delay:200ms}/*!@.duet-modal-container.duet-modal-active*/.duet-modal-container.duet-modal-active.sc-duet-modal{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}/*!@.duet-modal-container.duet-disable-transitions*/.duet-modal-container.duet-disable-transitions.sc-duet-modal{transition:none}/*!@.duet-modal-container.duet-modal-slide-up*/.duet-modal-container.duet-modal-slide-up.sc-duet-modal{overflow:hidden}/*!@::slotted(img)*/.sc-duet-modal-s>img{width:100%}/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{padding:48px 16px}}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}/*!@.duet-modal-inner.duet-modal-slide-up::after*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:\"\";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}/*!@.duet-modal-inner.duet-modal-slide-up::after.small*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.small{max-width:545px}/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:100%}@media (min-width: 36em){/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:1110px}}@media (max-width: 35.9375em){/*!@.duet-modal-inner.large*/.duet-modal-inner.large.sc-duet-modal{padding-right:0;padding-left:0}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{padding:0;padding-top:28px}}/*!@.duet-modal*/.duet-modal.sc-duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}/*!@.duet-theme-turva .duet-modal*/.duet-theme-turva.sc-duet-modal .duet-modal.sc-duet-modal{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@.duet-modal-active .duet-modal*/.duet-modal-active.sc-duet-modal .duet-modal.sc-duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}/*!@.duet-modal-active .duet-modal.slide-up*/.duet-modal-active.sc-duet-modal .duet-modal.slide-up.sc-duet-modal{top:0;transition:top 600ms ease}/*!@.duet-modal.loader*/.duet-modal.loader.sc-duet-modal{text-align:center;background:transparent}/*!@.duet-modal.loader .duet-modal-close*/.duet-modal.loader.sc-duet-modal .duet-modal-close.sc-duet-modal{display:none}/*!@.duet-modal.loader .duet-modal-spinner*/.duet-modal.loader.sc-duet-modal .duet-modal-spinner.sc-duet-modal{position:relative;height:120px}/*!@.duet-modal.loader .duet-modal-inner-slot-default*/.duet-modal.loader.sc-duet-modal .duet-modal-inner-slot-default.sc-duet-modal{position:relative;backdrop-filter:blur(10px)}/*!@.duet-modal.loader duet-paragraph.duet-loader-message*/.duet-modal.loader.sc-duet-modal duet-paragraph.duet-loader-message.sc-duet-modal{position:absolute;opacity:0;transition:all 300ms ease;transform:scaleY(0);transform-origin:top}/*!@.duet-modal.loader duet-paragraph.duet-loader-message.show*/.duet-modal.loader.sc-duet-modal duet-paragraph.duet-loader-message.show.sc-duet-modal{opacity:1;transform:scaleY(1);transform-origin:bottom}/*!@.duet-modal.loader duet-paragraph.duet-loader-message.show::part(duet-paragraph)*/.duet-modal.loader.sc-duet-modal duet-paragraph.duet-loader-message.show.sc-duet-modal::part(duet-paragraph){backdrop-filter:blur(10px)}/*!@.duet-disable-transitions .duet-modal*/.duet-disable-transitions.sc-duet-modal .duet-modal.sc-duet-modal{transition:none}/*!@.duet-modal.small*/.duet-modal.small.sc-duet-modal{max-width:545px}/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:100%}@media (min-width: 36em){/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:1110px}}/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{top:100vh;margin:0;border-radius:4px 4px 0 0;opacity:1;transition:top 600ms ease}@media (max-width: 35.9375em){/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{border-radius:16px 16px 0 0}}/*!@.duet-modal.duet-modal-has-sticky-header*/.duet-modal.duet-modal-has-sticky-header.sc-duet-modal{height:100%;overflow:auto}/*!@.duet-modal:focus*/.duet-modal.sc-duet-modal:focus{outline:0}/*!@.duet-modal-body,\n.duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{width:100%;padding:36px 28px}/*!@.duet-modal-body.duet-modal-gutter-none,\n.duet-modal-sticky-header.duet-modal-gutter-none*/.duet-modal-body.duet-modal-gutter-none.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-none.sc-duet-modal{padding:0 !important}/*!@.duet-modal-body.duet-modal-gutter-small,\n.duet-modal-sticky-header.duet-modal-gutter-small*/.duet-modal-body.duet-modal-gutter-small.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-small.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n.duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}@media (max-width: 22.5em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 28px}}@media (max-width: 35.9375em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}}@media (min-width: 36em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:28px 72px}}@media (min-width: 48em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 72px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:36px 72px}}@media (min-width: 76.25em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 48px 48px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 94px}/*!@.small .duet-modal-body,\n .small .duet-modal-sticky-header*/.small.sc-duet-modal .duet-modal-body.sc-duet-modal,.small.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{padding:36px 48px}}/*!@.duet-modal-header*/.duet-modal-header.sc-duet-modal{text-align:center}/*!@.duet-modal-sticky-header*/.duet-modal-sticky-header.sc-duet-modal{position:sticky;top:0;z-index:200;display:block;padding-bottom:12px;text-align:left;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-theme-turva .duet-modal-sticky-header*/.duet-theme-turva.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}/*!@.duet-modal-close*/.duet-modal-close.sc-duet-modal{position:absolute;top:12px;right:12px}/*!@.duet-modal-heading*/.duet-modal-heading.sc-duet-modal{width:100%;padding-right:60px;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}/*!@.duet-modal-heading.duet-p-0*/.duet-modal-heading.duet-p-0.sc-duet-modal{padding:0 !important}/*!@.duet-modal-heading.duet-m-0*/.duet-modal-heading.duet-m-0.sc-duet-modal{margin:0 !important}";
15731
+ const duetModalCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-modal,*.sc-duet-modal::after,*.sc-duet-modal::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-modal-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@.duet-modal-container*/.duet-modal-container.sc-duet-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;opacity:0;transition:300ms ease;transition-delay:200ms}/*!@.duet-modal-container.duet-modal-active*/.duet-modal-container.duet-modal-active.sc-duet-modal{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}/*!@.duet-modal-container.duet-disable-transitions*/.duet-modal-container.duet-disable-transitions.sc-duet-modal{transition:none}/*!@.duet-modal-container.duet-modal-slide-up*/.duet-modal-container.duet-modal-slide-up.sc-duet-modal{overflow:hidden}/*!@::slotted(img)*/.sc-duet-modal-s>img{width:100%}/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{padding:48px 16px}}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}/*!@.duet-modal-inner.duet-modal-slide-up::after*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:\"\";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}/*!@.duet-modal-inner.duet-modal-slide-up::after.small*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.small{max-width:545px}/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:100%}@media (min-width: 36em){/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:1110px}}@media (max-width: 35.9375em){/*!@.duet-modal-inner.large*/.duet-modal-inner.large.sc-duet-modal{padding-right:0;padding-left:0}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{padding:0;padding-top:28px}}/*!@.duet-modal*/.duet-modal.sc-duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}/*!@.duet-theme-turva .duet-modal*/.duet-theme-turva.sc-duet-modal .duet-modal.sc-duet-modal{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@.duet-modal-active .duet-modal*/.duet-modal-active.sc-duet-modal .duet-modal.sc-duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}/*!@.duet-modal-active .duet-modal.slide-up*/.duet-modal-active.sc-duet-modal .duet-modal.slide-up.sc-duet-modal{top:0;transition:top 600ms ease}/*!@.duet-modal.loader*/.duet-modal.loader.sc-duet-modal{text-align:center;background:transparent}/*!@.duet-modal.loader .duet-modal-close*/.duet-modal.loader.sc-duet-modal .duet-modal-close.sc-duet-modal{display:none}/*!@.duet-modal.loader .duet-modal-spinner*/.duet-modal.loader.sc-duet-modal .duet-modal-spinner.sc-duet-modal{position:relative;height:120px}/*!@.duet-modal.loader .duet-modal-inner-slot-default*/.duet-modal.loader.sc-duet-modal .duet-modal-inner-slot-default.sc-duet-modal{position:relative;backdrop-filter:blur(10px)}/*!@.duet-modal.loader duet-paragraph.duet-loader-message*/.duet-modal.loader.sc-duet-modal duet-paragraph.duet-loader-message.sc-duet-modal{position:absolute;opacity:0;transition:all 300ms ease;transform:scaleY(0);transform-origin:top}/*!@.duet-modal.loader duet-paragraph.duet-loader-message.show*/.duet-modal.loader.sc-duet-modal duet-paragraph.duet-loader-message.show.sc-duet-modal{opacity:1;transform:scaleY(1);transform-origin:bottom}/*!@.duet-modal.loader duet-paragraph.duet-loader-message.show::part(duet-paragraph)*/.duet-modal.loader.sc-duet-modal duet-paragraph.duet-loader-message.show.sc-duet-modal::part(duet-paragraph){backdrop-filter:blur(10px)}/*!@.duet-disable-transitions .duet-modal*/.duet-disable-transitions.sc-duet-modal .duet-modal.sc-duet-modal{transition:none}/*!@.duet-modal.small*/.duet-modal.small.sc-duet-modal{max-width:545px}/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:100%}@media (min-width: 36em){/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:1110px}}/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{top:100vh;margin:0;overflow:auto;border-radius:4px 4px 0 0;opacity:1;transition:top 600ms ease}@media (max-width: 35.9375em){/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{border-radius:16px 16px 0 0}}/*!@.duet-modal.duet-modal-has-sticky-header*/.duet-modal.duet-modal-has-sticky-header.sc-duet-modal{height:100%;overflow:auto}/*!@.duet-modal:focus*/.duet-modal.sc-duet-modal:focus{outline:0}/*!@.duet-modal-body,\n.duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{width:100%;padding:36px 28px}/*!@.duet-modal-body.duet-modal-gutter-none,\n.duet-modal-sticky-header.duet-modal-gutter-none*/.duet-modal-body.duet-modal-gutter-none.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-none.sc-duet-modal{padding:0 !important}/*!@.duet-modal-body.duet-modal-gutter-small,\n.duet-modal-sticky-header.duet-modal-gutter-small*/.duet-modal-body.duet-modal-gutter-small.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-small.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n.duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}@media (max-width: 22.5em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 28px}}@media (max-width: 35.9375em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}}@media (min-width: 36em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:28px 72px}}@media (min-width: 48em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 72px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:36px 72px}}@media (min-width: 76.25em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 48px 48px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 94px}/*!@.small .duet-modal-body,\n .small .duet-modal-sticky-header*/.small.sc-duet-modal .duet-modal-body.sc-duet-modal,.small.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{padding:36px 48px}}/*!@.duet-modal-header*/.duet-modal-header.sc-duet-modal{text-align:center}/*!@.duet-modal-sticky-header*/.duet-modal-sticky-header.sc-duet-modal{position:sticky;top:0;z-index:300;display:block;padding-bottom:12px;text-align:left;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-theme-turva .duet-modal-sticky-header*/.duet-theme-turva.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}/*!@.duet-modal-close*/.duet-modal-close.sc-duet-modal{position:absolute;top:12px;right:12px}/*!@.duet-modal-heading*/.duet-modal-heading.sc-duet-modal{width:100%;padding-right:60px;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}/*!@.duet-modal-heading.duet-p-0*/.duet-modal-heading.duet-p-0.sc-duet-modal{padding:0 !important}/*!@.duet-modal-heading.duet-m-0*/.duet-modal-heading.duet-m-0.sc-duet-modal{margin:0 !important}";
15722
15732
 
15723
15733
  // The transition below is slightly higher than the actual CSS transition as VoiceOver on
15724
15734
  // iOS has otherwise problems moving the focus from modal back to the original element.
@@ -15881,12 +15891,33 @@ class DuetModal {
15881
15891
  async hide() {
15882
15892
  this.open = false;
15883
15893
  }
15894
+ /**
15895
+ * Scolls the top of the modal's content into view
15896
+ *
15897
+ * @param smooth Set to false for instant scrolling
15898
+ */
15899
+ async scrollToTop(smooth = true) {
15900
+ var _a;
15901
+ const behavior = smooth ? "smooth" : "auto";
15902
+ if (this.variation === "slide-up") {
15903
+ const stickyHeaderHeight = ((_a = this.modalEl.querySelector(".duet-modal-sticky-header")) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0;
15904
+ const modalBodyPadding = this.modalEl
15905
+ .querySelector(".duet-modal-body")
15906
+ .computedStyleMap()
15907
+ .get("padding-top");
15908
+ this.slotContainerEl.style.scrollMarginTop = `${stickyHeaderHeight + modalBodyPadding.value}px`;
15909
+ this.slotContainerEl.scrollIntoView({ behavior });
15910
+ }
15911
+ else {
15912
+ this.modalEl.querySelector(".duet-modal-body").scrollIntoView({ behavior });
15913
+ }
15914
+ }
15884
15915
  /**
15885
15916
  * Adds a message to the modal dialog using animation and annoucing it to screen readers.
15886
15917
  * Primarily for use with the loader variation.
15887
15918
  *
15888
- * @param message - The message to be added to the modal dialog.
15889
- * @param visible - set to false if you want to add a non-visual message.
15919
+ * @param message The message to be added to the modal dialog.
15920
+ * @param visible Set to false if you want to add a non-visual message.
15890
15921
  */
15891
15922
  async addMessage(message, visible = true) {
15892
15923
  const el = document.createElement(visible ? "duet-paragraph" : "duet-visually-hidden");
@@ -15990,6 +16021,7 @@ class DuetModal {
15990
16021
  "open": [32],
15991
16022
  "show": [64],
15992
16023
  "hide": [64],
16024
+ "scrollToTop": [64],
15993
16025
  "addMessage": [64]
15994
16026
  },
15995
16027
  "$listeners$": [[8, "keyup", "handleKeyUp"]],
@@ -16950,7 +16982,7 @@ class DuetOverlay {
16950
16982
  }; }
16951
16983
  }
16952
16984
 
16953
- const duetPageHeadingCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-page-heading,*.sc-duet-page-heading::after,*.sc-duet-page-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-page-heading-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-page-heading*/.duet-page-heading.sc-duet-page-heading{position:relative;display:block;width:100%;margin:0 auto;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(0, 41, 77)}/*!@.duet-page-heading.duet-p-0*/.duet-page-heading.duet-p-0.sc-duet-page-heading{padding:0 !important}/*!@.duet-page-heading.duet-m-0*/.duet-page-heading.duet-m-0.sc-duet-page-heading{margin:0 !important}/*!@.duet-page-heading.fluid, .duet-page-heading.narrow*/.duet-page-heading.fluid.sc-duet-page-heading,.duet-page-heading.narrow.sc-duet-page-heading{padding:0 16px}@media (min-width: 36em){/*!@.duet-page-heading.fluid*/.duet-page-heading.fluid.sc-duet-page-heading{padding:0 28px}}@media (min-width: 62em){/*!@.duet-page-heading.fluid*/.duet-page-heading.fluid.sc-duet-page-heading{padding:0 56px}}@media (min-width: 76.25em){/*!@.duet-page-heading.fluid*/.duet-page-heading.fluid.sc-duet-page-heading{max-width:1110px;padding:0}}/*!@.duet-page-heading.narrow*/.duet-page-heading.narrow.sc-duet-page-heading{max-width:888px}@media (min-width: 36em){/*!@.duet-page-heading.narrow*/.duet-page-heading.narrow.sc-duet-page-heading{padding:0 48px}}@media (min-width: 48em){/*!@.duet-page-heading.narrow*/.duet-page-heading.narrow.sc-duet-page-heading{padding:0 72px}}/*!@.duet-page-heading .heading*/.duet-page-heading.sc-duet-page-heading .heading.sc-duet-page-heading{max-width:744px;padding:48px 90px 16px 0}@media (min-width: 48em){/*!@.duet-page-heading .heading*/.duet-page-heading.sc-duet-page-heading .heading.sc-duet-page-heading{padding:72px 150px 40px 0}}/*!@.duet-page-heading .background*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading{position:absolute;top:0;right:0;left:0;width:100%;max-width:744px;height:104px;margin:0 auto;margin:0 auto}@media (min-width: 48em){/*!@.duet-page-heading .background*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading{height:165px}}/*!@.duet-page-heading .background .background-mask*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .background-mask.sc-duet-page-heading{position:absolute;top:-20px;right:0;display:block;width:286px;height:331px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K\");background-repeat:no-repeat;background-size:contain}@media (min-width: 48em){/*!@.duet-page-heading .background .background-mask*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .background-mask.sc-duet-page-heading{top:-40px;width:502px;height:577px}}/*!@.duet-page-heading .background .brand-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.sc-duet-page-heading{position:absolute;top:-157px;right:-20px;width:185px;height:185px;background:rgb(0, 119, 179);border-radius:20%;mix-blend-mode:normal;opacity:0.2;transform:rotate(7deg)}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.sc-duet-page-heading{top:-280px;right:-40px;width:325px;height:325px}}/*!@.duet-page-heading .background .brand-shape.second-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.second-shape.sc-duet-page-heading{top:-182px;right:100px;width:207px;height:207px;background:rgb(11, 114, 136);opacity:0.1}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shape.second-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.second-shape.sc-duet-page-heading{top:-325px;right:200px;width:365px;height:365px}}/*!@.duet-page-heading .background .brand-shaped-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading{position:absolute;top:20px;right:16px;display:flex;align-items:center;justify-content:center;width:85px;width:60px;height:85px;height:60px;background:rgba(0, 119, 179, 0.75);border-radius:25%;mix-blend-mode:normal;transform:rotate(7deg)}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shaped-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading{right:36px;width:93px;height:93px}}/*!@.duet-page-heading .background .brand-shaped-icon duet-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading duet-icon.sc-duet-page-heading{width:60px;height:60px;transform:rotate(-7deg)}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shaped-icon duet-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading duet-icon.sc-duet-page-heading{width:75px;height:75px}}/*!@.duet-page-heading.duet-theme-turva*/.duet-page-heading.duet-theme-turva.sc-duet-page-heading{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(0, 41, 77)}/*!@.duet-page-heading.duet-theme-turva .brand-shaped-icon*/.duet-page-heading.duet-theme-turva.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading{background:rgba(198, 12, 48, 0.9);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}/*!@.duet-page-heading.duet-theme-turva .brand-shaped-icon duet-icon*/.duet-page-heading.duet-theme-turva.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading duet-icon.sc-duet-page-heading{position:relative;top:-3px}";
16985
+ const duetPageHeadingCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-page-heading,*.sc-duet-page-heading::after,*.sc-duet-page-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-page-heading-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-page-heading*/.duet-page-heading.sc-duet-page-heading{position:relative;display:block;width:100%;margin:0 auto;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(0, 41, 77)}/*!@.duet-page-heading.duet-p-0*/.duet-page-heading.duet-p-0.sc-duet-page-heading{padding:0 !important}/*!@.duet-page-heading.duet-m-0*/.duet-page-heading.duet-m-0.sc-duet-page-heading{margin:0 !important}/*!@.duet-page-heading.fluid, .duet-page-heading.narrow*/.duet-page-heading.fluid.sc-duet-page-heading,.duet-page-heading.narrow.sc-duet-page-heading{padding:0 16px}@media (min-width: 36em){/*!@.duet-page-heading.fluid*/.duet-page-heading.fluid.sc-duet-page-heading{padding:0 28px}}@media (min-width: 62em){/*!@.duet-page-heading.fluid*/.duet-page-heading.fluid.sc-duet-page-heading{padding:0 56px}}@media (min-width: 76.25em){/*!@.duet-page-heading.fluid*/.duet-page-heading.fluid.sc-duet-page-heading{max-width:1110px;padding:0}}/*!@.duet-page-heading.narrow*/.duet-page-heading.narrow.sc-duet-page-heading{max-width:888px}@media (min-width: 36em){/*!@.duet-page-heading.narrow*/.duet-page-heading.narrow.sc-duet-page-heading{padding:0 48px}}@media (min-width: 48em){/*!@.duet-page-heading.narrow*/.duet-page-heading.narrow.sc-duet-page-heading{padding:0 72px}}/*!@.duet-page-heading .heading*/.duet-page-heading.sc-duet-page-heading .heading.sc-duet-page-heading{max-width:744px;padding:48px 90px 16px 0}@media (min-width: 48em){/*!@.duet-page-heading .heading*/.duet-page-heading.sc-duet-page-heading .heading.sc-duet-page-heading{padding:72px 150px 40px 0}}/*!@.duet-page-heading:not(.has-icon) .heading*/.duet-page-heading.sc-duet-page-heading:not(.has-icon) .heading.sc-duet-page-heading{padding-right:0}/*!@.duet-page-heading .background*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading{position:absolute;top:0;right:0;left:0;width:100%;max-width:744px;height:104px;margin:0 auto;margin:0 auto}@media (min-width: 48em){/*!@.duet-page-heading .background*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading{height:165px}}/*!@.duet-page-heading .background .background-mask*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .background-mask.sc-duet-page-heading{position:absolute;top:-20px;right:0;display:block;width:286px;height:331px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K\");background-repeat:no-repeat;background-size:contain}@media (min-width: 48em){/*!@.duet-page-heading .background .background-mask*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .background-mask.sc-duet-page-heading{top:-40px;width:502px;height:577px}}/*!@.duet-page-heading .background .brand-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.sc-duet-page-heading{position:absolute;top:-157px;right:-20px;width:185px;height:185px;background:rgb(0, 119, 179);border-radius:20%;mix-blend-mode:normal;opacity:0.2;transform:rotate(7deg)}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.sc-duet-page-heading{top:-280px;right:-40px;width:325px;height:325px}}/*!@.duet-page-heading .background .brand-shape.second-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.second-shape.sc-duet-page-heading{top:-182px;right:100px;width:207px;height:207px;background:rgb(11, 114, 136);opacity:0.1}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shape.second-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.second-shape.sc-duet-page-heading{top:-325px;right:200px;width:365px;height:365px}}/*!@.duet-page-heading .background .brand-shaped-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading{position:absolute;top:20px;right:16px;display:flex;align-items:center;justify-content:center;width:85px;width:60px;height:85px;height:60px;background:rgba(0, 119, 179, 0.75);border-radius:25%;mix-blend-mode:normal;transform:rotate(7deg)}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shaped-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading{right:36px;width:93px;height:93px}}/*!@.duet-page-heading .background .brand-shaped-icon duet-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading duet-icon.sc-duet-page-heading{width:60px;height:60px;transform:rotate(-7deg)}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shaped-icon duet-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading duet-icon.sc-duet-page-heading{width:75px;height:75px}}/*!@.duet-page-heading.duet-theme-turva*/.duet-page-heading.duet-theme-turva.sc-duet-page-heading{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(0, 41, 77)}/*!@.duet-page-heading.duet-theme-turva .brand-shaped-icon*/.duet-page-heading.duet-theme-turva.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading{background:rgba(198, 12, 48, 0.9);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}/*!@.duet-page-heading.duet-theme-turva .brand-shaped-icon duet-icon*/.duet-page-heading.duet-theme-turva.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading duet-icon.sc-duet-page-heading{position:relative;top:-3px}";
16954
16986
 
16955
16987
  /**
16956
16988
  * @slot heading - This is a slot for heading content.
@@ -16976,6 +17008,7 @@ class DuetPageHeading {
16976
17008
  return (hAsync("div", { class: {
16977
17009
  "duet-page-heading": true,
16978
17010
  "duet-theme-turva": this.theme === "turva",
17011
+ "has-icon": !!this.icon,
16979
17012
  [this.layout]: true,
16980
17013
  } }, hAsync("div", { class: "background" }, this.theme === "turva" && hAsync("div", { class: "background-mask" }), this.theme !== "turva" && hAsync("div", { class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { class: "brand-shape second-shape" }), this.icon && (hAsync("div", { class: "brand-shaped-icon" }, hAsync("duet-icon", { background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { class: "heading" }, hAsync("slot", { name: "heading" }))));
16981
17014
  }
@@ -17071,6 +17104,7 @@ class DuetPagination {
17071
17104
  this.totalPages = 10;
17072
17105
  this.internalSectionIndex = 0;
17073
17106
  this.theme = "";
17107
+ this.disabled = false;
17074
17108
  this.variation = "default";
17075
17109
  this.accessibleDescribedBy = undefined;
17076
17110
  this.accessibleDetails = undefined;
@@ -17178,6 +17212,9 @@ class DuetPagination {
17178
17212
  }
17179
17213
  //set update current when mouse click on page number
17180
17214
  async onMouseHandler(e, dir) {
17215
+ if (this.disabled) {
17216
+ return;
17217
+ }
17181
17218
  if (!this.processedPageLinks) {
17182
17219
  e.preventDefault();
17183
17220
  e.stopPropagation();
@@ -17187,6 +17224,9 @@ class DuetPagination {
17187
17224
  }
17188
17225
  //handle a11y keyboard navigation events
17189
17226
  async onKeyboardDown(e) {
17227
+ if (this.disabled) {
17228
+ return;
17229
+ }
17190
17230
  let next = this.current;
17191
17231
  // handle a11y based keyboard navigation for left/right/up/down
17192
17232
  if (isArrowLeftKey(e) || isArrowUpKey(e)) {
@@ -17274,7 +17314,7 @@ class DuetPagination {
17274
17314
  this.emitPageEvent(e);
17275
17315
  }
17276
17316
  renderPageButton(pageNumber) {
17277
- return (hAsync("duet-button", { class: {
17317
+ return (hAsync("duet-button", { disabled: this.disabled, class: {
17278
17318
  "duet-pagination-link": true,
17279
17319
  }, id: `page-${pageNumber}-button`, color: pageNumber !== this.current
17280
17320
  ? this.theme !== "turva"
@@ -17308,7 +17348,7 @@ class DuetPagination {
17308
17348
  label: i.toString(),
17309
17349
  });
17310
17350
  }
17311
- const select = (hAsync("duet-select", { theme: this.theme, class: "duet-pagination-select", variation: "compact", items: JSON.stringify(items), value: this.current.toString(), label: this.accessibleLabels.select_label.replace("{0}", `${this.totalPages}`), labelHidden: true, onDuetChange: e => this.selectClickHandler(e) }));
17351
+ const select = (hAsync("duet-select", { disabled: this.disabled, theme: this.theme, class: "duet-pagination-select", variation: "compact", items: JSON.stringify(items), value: this.current.toString(), label: this.accessibleLabels.select_label.replace("{0}", `${this.totalPages}`), labelHidden: true, onDuetChange: e => this.selectClickHandler(e) }));
17312
17352
  return (hAsync("li", null, select, hAsync("span", { class: "duet-pagination-total-pages", "aria-hidden": "true" }, "/ ", this.totalPages)));
17313
17353
  }
17314
17354
  shouldDisplayNavigation() {
@@ -17331,23 +17371,25 @@ class DuetPagination {
17331
17371
  }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { class: {
17332
17372
  "duet-pagination-page-button": true,
17333
17373
  "duet-pagination-button-first": true,
17334
- }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { disabled: this.internalSectionIndex === 0 && this.current <= 1, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), hAsync("li", { class: {
17374
+ }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { disabled: (this.internalSectionIndex === 0 && this.current <= 1) || this.disabled, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), hAsync("li", { class: {
17335
17375
  "duet-pagination-page-button": true,
17336
17376
  "duet-pagination-button-first": true,
17337
17377
  }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
17338
- (this.current <= 1 && this.processedPageLinks)), "data-direction": "back", onClick: e => this.onMouseHandler(e, -1), "accessible-label": this.accessibleLabels.previous_page, title: this.accessibleLabels.previous_page, "icon-name": "action-arrow-left-small", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current - 2] : undefined })), this.internalSectionIndex !== 0 && this.shouldDisplayNavigation() && (hAsync(Fragment, null, hAsync("li", { class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { class: "duet-pagination-link duet-pagination-link-jump-back", "center-text": "true", variation: "plain", color: this.theme !== "turva" ? "secondary" : "secondary-turva", margin: "none", accessibleLabel: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }, hAsync("div", { class: "duet-pagination-page-number" }, "1"))), hAsync("li", { class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { class: "duet-pagination-link duet-pagination-link-dots-back", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.prev_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, -1), theme: this.theme }, hAsync("div", { class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
17339
- this.shouldDisplayNavigation() && (hAsync(Fragment, null, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { class: "duet-pagination-link duet-pagination-link-dots-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.next_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, 1), theme: this.theme }, hAsync("div", { class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { class: "duet-pagination-link duet-pagination-link-jump-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), theme: this.theme, url: this.processedPageLinks
17378
+ (this.current <= 1 && this.processedPageLinks) ||
17379
+ this.disabled), "data-direction": "back", onClick: e => this.onMouseHandler(e, -1), "accessible-label": this.accessibleLabels.previous_page, title: this.accessibleLabels.previous_page, "icon-name": "action-arrow-left-small", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current - 2] : undefined })), this.internalSectionIndex !== 0 && this.shouldDisplayNavigation() && (hAsync(Fragment, null, hAsync("li", { class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-back", "center-text": "true", variation: "plain", color: this.theme !== "turva" ? "secondary" : "secondary-turva", margin: "none", accessibleLabel: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }, hAsync("div", { class: "duet-pagination-page-number" }, "1"))), hAsync("li", { class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-back", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.prev_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, -1), theme: this.theme }, hAsync("div", { class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
17380
+ this.shouldDisplayNavigation() && (hAsync(Fragment, null, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.next_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, 1), theme: this.theme }, hAsync("div", { class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), theme: this.theme, url: this.processedPageLinks
17340
17381
  ? this.processedPageLinks[this.processedPageLinks.length - 1]
17341
17382
  : undefined }, hAsync("div", { class: "duet-pagination-page-number" }, this.totalPages))))), hAsync("li", { class: {
17342
17383
  "duet-pagination-page-button": true,
17343
17384
  "duet-pagination-button-last": true,
17344
17385
  }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { disabled: !!((this.current === this.totalPages &&
17345
17386
  this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
17346
- (this.current === this.totalPages && this.processedPageLinks)), class: "duet-date-dialog-next", "accessible-label": this.accessibleLabels.next_page, title: this.accessibleLabels.next_page, onClick: e => this.onMouseHandler(e, 1), "icon-name": "action-move-to-next", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current] : undefined })), (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { class: {
17387
+ (this.current === this.totalPages && this.processedPageLinks)) || this.disabled, class: "duet-date-dialog-next", "accessible-label": this.accessibleLabels.next_page, title: this.accessibleLabels.next_page, onClick: e => this.onMouseHandler(e, 1), "icon-name": "action-move-to-next", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current] : undefined })), (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { class: {
17347
17388
  "duet-pagination-page-button": true,
17348
17389
  "duet-pagination-button-last": true,
17349
- }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { disabled: this.current === this.totalPages &&
17350
- this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1, accessibleLabel: this.accessibleLabels.last_page, title: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), "icon-name": "action-move-to-last", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.totalPages - 1] : undefined })))))));
17390
+ }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { disabled: (this.current === this.totalPages &&
17391
+ this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
17392
+ this.disabled, accessibleLabel: this.accessibleLabels.last_page, title: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), "icon-name": "action-move-to-last", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.totalPages - 1] : undefined })))))));
17351
17393
  }
17352
17394
  get element() { return getElement(this); }
17353
17395
  static get watchers() { return {
@@ -17361,6 +17403,7 @@ class DuetPagination {
17361
17403
  "$tagName$": "duet-pagination",
17362
17404
  "$members$": {
17363
17405
  "theme": [1025],
17406
+ "disabled": [516],
17364
17407
  "variation": [1],
17365
17408
  "accessibleDescribedBy": [1, "accessible-described-by"],
17366
17409
  "accessibleDetails": [1, "accessible-details"],
@@ -17383,7 +17426,7 @@ class DuetPagination {
17383
17426
  },
17384
17427
  "$listeners$": undefined,
17385
17428
  "$lazyBundleId$": "-",
17386
- "$attrsToReflect$": []
17429
+ "$attrsToReflect$": [["disabled", "disabled"]]
17387
17430
  }; }
17388
17431
  }
17389
17432
 
@@ -18831,6 +18874,7 @@ class DuetPopupMenu {
18831
18874
  this.accessibleLabel = undefined;
18832
18875
  this.accessibleRole = "menu";
18833
18876
  this.theme = "";
18877
+ this.skipTeleport = undefined;
18834
18878
  this.controller = undefined;
18835
18879
  this.placement = "bottom-start";
18836
18880
  this.forcePlacement = false;
@@ -19019,6 +19063,7 @@ class DuetPopupMenu {
19019
19063
  "accessibleLabel": [1, "accessible-label"],
19020
19064
  "accessibleRole": [1, "accessible-role"],
19021
19065
  "theme": [1025],
19066
+ "skipTeleport": [4, "skip-teleport"],
19022
19067
  "controller": [1],
19023
19068
  "placement": [1],
19024
19069
  "forcePlacement": [4, "force-placement"],
@@ -19284,7 +19329,7 @@ class DuetPromoCard {
19284
19329
  }; }
19285
19330
  }
19286
19331
 
19287
- const duetRadioCss = "*.sc-duet-radio,*.sc-duet-radio::after,*.sc-duet-radio::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:28px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-radio-h:last-child,.sc-duet-radio-h:last-of-type{margin-right:0 !important}.vertical.sc-duet-radio-h{margin-right:0 !important}.horizontal.sc-duet-radio-h{margin-bottom:0 !important;width:auto}.horizontal.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}@media (min-width: 48em){.horizontal-responsive.sc-duet-radio-h{margin-right:28px !important;margin-bottom:0 !important;width:auto}.horizontal-responsive.sc-duet-radio-h:last-child,.horizontal-responsive.sc-duet-radio-h:last-of-type{margin-right:0 !important}.horizontal-responsive.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}}.duet-m-0.sc-duet-radio-h{margin:0 !important}.sc-duet-radio-h:last-child:not(:only-child){margin-right:0 !important;margin-bottom:0 !important}.duet-label.sc-duet-radio{position:relative;z-index:100;display:flex;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77);word-break:break-word;overflow-wrap:break-word;cursor:pointer;background:transparent}.duet-theme-turva.sc-duet-radio .duet-label.sc-duet-radio{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{flex-grow:1;font-size:1rem}.duet-label-hidden.sc-duet-radio .duet-label.sc-duet-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-radio-container.sc-duet-radio{position:relative;width:100%;height:100%}.duet-radio.sc-duet-radio{padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}.duet-radio.sc-duet-radio+label.sc-duet-radio::before{z-index:100;flex-shrink:0;width:20px;height:20px;margin:2px 10px 1px 1px;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(0, 41, 77);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(23, 28, 58)}.duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{position:absolute;top:6px;left:5px;z-index:200;flex-shrink:0;width:12px;height:12px;content:\"\";background:rgb(0, 41, 77);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(23, 28, 58)}.duet-radio[disabled].sc-duet-radio{cursor:default}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(116, 116, 117)}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(207, 207, 209)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::before{border:1px solid rgb(101, 119, 135)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(116, 116, 117);border-color:rgb(116, 116, 117)}";
19332
+ const duetRadioCss = "*.sc-duet-radio,*.sc-duet-radio::after,*.sc-duet-radio::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:28px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-radio-h:last-child,.sc-duet-radio-h:last-of-type{margin-right:0 !important}.vertical.sc-duet-radio-h{margin-right:0 !important}.horizontal.sc-duet-radio-h{margin-bottom:0 !important;width:auto}.horizontal.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}@media (min-width: 48em){.horizontal-responsive.sc-duet-radio-h{margin-right:28px !important;margin-bottom:0 !important;width:auto}.horizontal-responsive.sc-duet-radio-h:last-child,.horizontal-responsive.sc-duet-radio-h:last-of-type{margin-right:0 !important}.horizontal-responsive.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}}.duet-m-0.sc-duet-radio-h{margin:0 !important}.sc-duet-radio-h:last-child:not(:only-child){margin-right:0 !important;margin-bottom:0 !important}.duet-label.sc-duet-radio{position:relative;z-index:100;display:flex;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77);word-break:break-word;overflow-wrap:break-word;cursor:pointer;background:transparent}.duet-theme-turva.sc-duet-radio .duet-label.sc-duet-radio{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{flex-grow:1;font-size:1rem}.duet-label-hidden.sc-duet-radio .duet-label.sc-duet-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-radio-container.sc-duet-radio{position:relative;width:100%;height:100%}.duet-radio.sc-duet-radio{padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}.duet-radio.sc-duet-radio+label.sc-duet-radio::before{z-index:100;flex-shrink:0;width:20px;height:20px;margin:2px 10px 1px 1px;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(0, 41, 77);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(23, 28, 58)}.duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{position:absolute;top:6px;left:5px;z-index:200;flex-shrink:0;width:12px;height:12px;content:\"\";background:rgb(0, 119, 179);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(23, 28, 58)}.duet-radio[disabled].sc-duet-radio{cursor:default}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(116, 116, 117)}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(116, 116, 117)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::before{border:1px solid rgb(144, 149, 153)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(144, 149, 153)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(116, 116, 117);border-color:rgb(116, 116, 117)}";
19288
19333
 
19289
19334
  /**
19290
19335
  * @slot label - Label content.
@@ -19719,6 +19764,7 @@ class DuetRangeStepper {
19719
19764
  this.handleStepClick(e);
19720
19765
  };
19721
19766
  this.theme = "";
19767
+ this.disabled = false;
19722
19768
  this.stepIndex = 1;
19723
19769
  this.stepSize = 50;
19724
19770
  this.total = 1000;
@@ -19835,6 +19881,9 @@ class DuetRangeStepper {
19835
19881
  }
19836
19882
  //handle a11y keyboard navigation events
19837
19883
  async onKeyboardDown(e) {
19884
+ if (this.disabled) {
19885
+ return;
19886
+ }
19838
19887
  // handle a11y based keyboard navigation for left/right/up/down
19839
19888
  let next = this.stepIndex;
19840
19889
  let dir = 1;
@@ -19861,7 +19910,7 @@ class DuetRangeStepper {
19861
19910
  return (hAsync("div", { class: {
19862
19911
  "duet-range-stepper": true,
19863
19912
  "duet-theme-turva": this.theme === "turva",
19864
- }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, hAsync("span", { class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), hAsync("duet-action-button", { class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
19913
+ }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, hAsync("span", { class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { disabled: this.disabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), hAsync("duet-action-button", { disabled: this.disabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
19865
19914
  }
19866
19915
  get element() { return getElement(this); }
19867
19916
  static get watchers() { return {
@@ -19874,6 +19923,7 @@ class DuetRangeStepper {
19874
19923
  "$tagName$": "duet-range-stepper",
19875
19924
  "$members$": {
19876
19925
  "theme": [1025],
19926
+ "disabled": [516],
19877
19927
  "stepIndex": [1026, "step-index"],
19878
19928
  "stepSize": [2, "step-size"],
19879
19929
  "total": [2],
@@ -19883,7 +19933,7 @@ class DuetRangeStepper {
19883
19933
  },
19884
19934
  "$listeners$": undefined,
19885
19935
  "$lazyBundleId$": "-",
19886
- "$attrsToReflect$": []
19936
+ "$attrsToReflect$": [["disabled", "disabled"]]
19887
19937
  }; }
19888
19938
  }
19889
19939
 
@@ -24684,6 +24734,10 @@ class DuetUpload {
24684
24734
  }; }
24685
24735
  }
24686
24736
 
24737
+ /**
24738
+ * @internal
24739
+ * This component is for internal use.
24740
+ */
24687
24741
  class DuetUploadAriaStatus {
24688
24742
  constructor(hostRef) {
24689
24743
  registerInstance(this, hostRef);
@@ -24845,6 +24899,10 @@ const formatBytes = (bytes, decimals = 2) => {
24845
24899
 
24846
24900
  const duetUploadItemCss = ".file-link::part(duet-link){text-decoration:none}";
24847
24901
 
24902
+ /**
24903
+ * @internal
24904
+ * This component is for internal use.
24905
+ */
24848
24906
  class DuetUploadItem {
24849
24907
  constructor(hostRef) {
24850
24908
  registerInstance(this, hostRef);