@duetds/components 8.1.4 → 8.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (653) hide show
  1. package/hydrate/index.js +225 -131
  2. package/lib/cjs/duet-action-button.cjs.entry.js +3 -3
  3. package/lib/cjs/duet-alert.cjs.entry.js +1 -1
  4. package/lib/cjs/duet-badge.cjs.entry.js +3 -3
  5. package/lib/cjs/duet-banner.cjs.entry.js +7 -5
  6. package/lib/cjs/duet-breadcrumb.cjs.entry.js +1 -1
  7. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +1 -1
  8. package/lib/cjs/duet-button_2.cjs.entry.js +6 -6
  9. package/lib/cjs/duet-callout.cjs.entry.js +4 -3
  10. package/lib/cjs/duet-caption_4.cjs.entry.js +3 -3
  11. package/lib/cjs/duet-card.cjs.entry.js +3 -3
  12. package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
  13. package/lib/cjs/duet-checkmark.cjs.entry.js +1 -1
  14. package/lib/cjs/duet-chip.cjs.entry.js +22 -3
  15. package/lib/cjs/duet-choice_2.cjs.entry.js +2 -2
  16. package/lib/cjs/duet-collapsible.cjs.entry.js +2 -2
  17. package/lib/cjs/duet-combobox.cjs.entry.js +1 -1
  18. package/lib/cjs/duet-contact-card.cjs.entry.js +1 -1
  19. package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
  20. package/lib/cjs/duet-date-picker.cjs.entry.js +2 -2
  21. package/lib/cjs/duet-divider_2.cjs.entry.js +3 -3
  22. package/lib/cjs/duet-editable-table_3.cjs.entry.js +3 -3
  23. package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
  24. package/lib/cjs/duet-fieldset.cjs.entry.js +1 -1
  25. package/lib/cjs/duet-file-chooser.cjs.entry.js +1 -1
  26. package/lib/cjs/duet-footer.cjs.entry.js +1 -1
  27. package/lib/cjs/duet-grid_2.cjs.entry.js +2 -2
  28. package/lib/cjs/duet-header_2.cjs.entry.js +3 -3
  29. package/lib/cjs/duet-hero.cjs.entry.js +3 -2
  30. package/lib/cjs/duet-icon.cjs.entry.js +5 -5
  31. package/lib/cjs/duet-input_2.cjs.entry.js +9 -5
  32. package/lib/cjs/duet-layout.cjs.entry.js +1 -1
  33. package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
  34. package/lib/cjs/duet-menu-bar-button.cjs.entry.js +2 -2
  35. package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +1 -1
  36. package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +2 -2
  37. package/lib/cjs/duet-menu-bar-link.cjs.entry.js +2 -2
  38. package/lib/cjs/duet-menu-bar.cjs.entry.js +2 -2
  39. package/lib/cjs/duet-modal.cjs.entry.js +18 -5
  40. package/lib/cjs/duet-multiselect.cjs.entry.js +4 -2
  41. package/lib/cjs/duet-nav.cjs.entry.js +1 -1
  42. package/lib/cjs/duet-notification_2.cjs.entry.js +1 -1
  43. package/lib/cjs/duet-number-input.cjs.entry.js +1 -1
  44. package/lib/cjs/duet-page-heading.cjs.entry.js +1 -1
  45. package/lib/cjs/duet-pagination_2.cjs.entry.js +3 -3
  46. package/lib/cjs/duet-popup-menu-item.cjs.entry.js +4 -3
  47. package/lib/cjs/duet-popup-menu.cjs.entry.js +14 -13
  48. package/lib/cjs/duet-progress.cjs.entry.js +1 -1
  49. package/lib/cjs/duet-promo-card.cjs.entry.js +5 -4
  50. package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
  51. package/lib/cjs/duet-range-slider.cjs.entry.js +5 -3
  52. package/lib/cjs/duet-scrollable_3.cjs.entry.js +1 -1
  53. package/lib/cjs/duet-section-layout.cjs.entry.js +1 -1
  54. package/lib/cjs/duet-select.cjs.entry.js +4 -2
  55. package/lib/cjs/duet-shaped-image.cjs.entry.js +1 -1
  56. package/lib/cjs/duet-show-more.cjs.entry.js +1 -1
  57. package/lib/cjs/duet-slideout-lang.cjs.entry.js +1 -1
  58. package/lib/cjs/duet-slideout-link.cjs.entry.js +1 -1
  59. package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +1 -1
  60. package/lib/cjs/duet-slideout-panel.cjs.entry.js +4 -4
  61. package/lib/cjs/duet-slideout.cjs.entry.js +91 -99
  62. package/lib/cjs/duet-step_2.cjs.entry.js +1 -1
  63. package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +1 -1
  64. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +2 -2
  65. package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +2 -2
  66. package/lib/cjs/duet-submenu-bar.cjs.entry.js +2 -2
  67. package/lib/cjs/duet-textarea.cjs.entry.js +4 -2
  68. package/lib/cjs/duet-toggle.cjs.entry.js +4 -2
  69. package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +1 -1
  70. package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +1 -1
  71. package/lib/cjs/duet-toolbar-link.cjs.entry.js +1 -1
  72. package/lib/cjs/duet-toolbar.cjs.entry.js +1 -1
  73. package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +2 -2
  74. package/lib/cjs/duet-tooltip.cjs.entry.js +12 -3
  75. package/lib/cjs/duet-tray.cjs.entry.js +2 -2
  76. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
  77. package/lib/cjs/duet-upload-item.cjs.entry.js +1 -1
  78. package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
  79. package/lib/cjs/duet.cjs.js +2 -2
  80. package/lib/cjs/{focus-utils-fd4fdee9.js → focus-utils-1780ee53.js} +1 -1
  81. package/lib/cjs/{index-6ea7b876.js → index-8595e0c1.js} +1 -1
  82. package/lib/cjs/loader.cjs.js +2 -2
  83. package/lib/cjs/slot-utils-6c81bd09.js +20 -0
  84. package/lib/cjs/{token-utils-a5356b00.js → token-utils-c672402d.js} +1 -1
  85. package/lib/cjs/{tokens-51cfbe11.js → tokens-c3eecae6.js} +1 -1
  86. package/lib/cjs/{tokens.module-ce5f9579.js → tokens.module-bc323a09.js} +1 -1
  87. package/lib/collection/common/focusable-component.js +1 -0
  88. package/lib/collection/common/opener-component.js +1 -0
  89. package/lib/collection/components/duet-badge/duet-badge.css +1 -0
  90. package/lib/collection/components/duet-badge/duet-badge.js +1 -1
  91. package/lib/collection/components/duet-banner/duet-banner.css +3 -0
  92. package/lib/collection/components/duet-banner/duet-banner.js +8 -1
  93. package/lib/collection/components/duet-button/duet-button.css +1 -0
  94. package/lib/collection/components/duet-button/duet-button.js +2 -2
  95. package/lib/collection/components/duet-callout/duet-callout.css +18 -1
  96. package/lib/collection/components/duet-callout/duet-callout.js +3 -2
  97. package/lib/collection/components/duet-chip/duet-chip.css +2 -2
  98. package/lib/collection/components/duet-chip/duet-chip.js +55 -1
  99. package/lib/collection/components/duet-hero/duet-hero.js +5 -4
  100. package/lib/collection/components/duet-icon/duet-icon.css +1 -0
  101. package/lib/collection/components/duet-icon/duet-icon.js +1 -1
  102. package/lib/collection/components/duet-input/duet-input.js +43 -1
  103. package/lib/collection/components/duet-label/duet-label.css +7 -0
  104. package/lib/collection/components/duet-label/duet-label.js +26 -0
  105. package/lib/collection/components/duet-modal/duet-modal.css +105 -16
  106. package/lib/collection/components/duet-modal/duet-modal.js +40 -3
  107. package/lib/collection/components/duet-multiselect/duet-multiselect.js +43 -1
  108. package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +43 -14
  109. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.css +4 -0
  110. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +20 -1
  111. package/lib/collection/components/duet-promo-card/duet-promo-card.js +8 -1
  112. package/lib/collection/components/duet-range-slider/duet-range-slider.js +43 -1
  113. package/lib/collection/components/duet-select/duet-select.js +43 -1
  114. package/lib/collection/components/duet-slideout/duet-slideout.css +35 -0
  115. package/lib/collection/components/duet-slideout/duet-slideout.js +114 -123
  116. package/lib/collection/components/duet-textarea/duet-textarea.js +43 -1
  117. package/lib/collection/components/duet-toggle/duet-toggle.js +43 -1
  118. package/lib/collection/components/duet-tooltip/duet-tooltip.js +27 -1
  119. package/lib/collection/utils/slot-utils.js +16 -0
  120. package/lib/dist-custom-elements/duet-action-button.js +1 -1
  121. package/lib/dist-custom-elements/duet-alert.js +1 -1
  122. package/lib/dist-custom-elements/duet-badge.js +1 -1
  123. package/lib/dist-custom-elements/duet-banner.js +10 -14
  124. package/lib/dist-custom-elements/duet-breadcrumb.js +3 -3
  125. package/lib/dist-custom-elements/duet-breadcrumbs.js +1 -1
  126. package/lib/dist-custom-elements/duet-button.js +1 -1
  127. package/lib/dist-custom-elements/duet-callout.js +6 -11
  128. package/lib/dist-custom-elements/duet-caption.js +1 -1
  129. package/lib/dist-custom-elements/duet-card.js +4 -4
  130. package/lib/dist-custom-elements/duet-checkbox.js +1 -1
  131. package/lib/dist-custom-elements/duet-checkmark.js +1 -1
  132. package/lib/dist-custom-elements/duet-chip.js +25 -4
  133. package/lib/dist-custom-elements/duet-choice-group.js +8 -8
  134. package/lib/dist-custom-elements/duet-choice.js +5 -5
  135. package/lib/dist-custom-elements/duet-collapsible.js +3 -3
  136. package/lib/dist-custom-elements/duet-combobox.js +2 -2
  137. package/lib/dist-custom-elements/duet-contact-card.js +8 -8
  138. package/lib/dist-custom-elements/duet-cookie-consent.js +6 -6
  139. package/lib/dist-custom-elements/duet-date-picker.js +12 -12
  140. package/lib/dist-custom-elements/duet-divider.js +1 -1
  141. package/lib/dist-custom-elements/duet-editable-table.js +7 -7
  142. package/lib/dist-custom-elements/duet-empty-state.js +1 -1
  143. package/lib/dist-custom-elements/duet-fieldset.js +1 -1
  144. package/lib/dist-custom-elements/duet-file-chooser.js +2 -2
  145. package/lib/dist-custom-elements/duet-footer.js +4 -4
  146. package/lib/dist-custom-elements/duet-grid-item.js +1 -1
  147. package/lib/dist-custom-elements/duet-grid.js +1 -1
  148. package/lib/dist-custom-elements/duet-header.js +9 -9
  149. package/lib/dist-custom-elements/duet-heading.js +1 -1
  150. package/lib/dist-custom-elements/duet-hero.js +11 -10
  151. package/lib/dist-custom-elements/duet-icon.js +1 -1
  152. package/lib/dist-custom-elements/duet-input.js +1 -1
  153. package/lib/dist-custom-elements/duet-label.js +1 -1
  154. package/lib/dist-custom-elements/duet-layout.js +1 -1
  155. package/lib/dist-custom-elements/duet-link.js +1 -1
  156. package/lib/dist-custom-elements/duet-list-item.js +1 -1
  157. package/lib/dist-custom-elements/duet-list.js +1 -1
  158. package/lib/dist-custom-elements/duet-logo.js +1 -1
  159. package/lib/dist-custom-elements/duet-menu-bar-button.js +3 -3
  160. package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +2 -2
  161. package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +3 -3
  162. package/lib/dist-custom-elements/duet-menu-bar-link.js +3 -3
  163. package/lib/dist-custom-elements/duet-menu-bar.js +3 -3
  164. package/lib/dist-custom-elements/duet-modal.js +24 -10
  165. package/lib/dist-custom-elements/duet-multiselect.js +14 -10
  166. package/lib/dist-custom-elements/duet-nav.js +1 -1
  167. package/lib/dist-custom-elements/duet-notification-drawer.js +4 -4
  168. package/lib/dist-custom-elements/duet-notification.js +2 -2
  169. package/lib/dist-custom-elements/duet-number-input.js +11 -11
  170. package/lib/dist-custom-elements/duet-page-heading.js +2 -2
  171. package/lib/dist-custom-elements/duet-pagination.js +14 -14
  172. package/lib/dist-custom-elements/duet-paragraph.js +1 -1
  173. package/lib/dist-custom-elements/duet-popup-menu-item.js +6 -4
  174. package/lib/dist-custom-elements/duet-popup-menu.js +15 -13
  175. package/lib/dist-custom-elements/duet-progress.js +1 -1
  176. package/lib/dist-custom-elements/duet-promo-card.js +6 -5
  177. package/lib/dist-custom-elements/duet-radio-group.js +8 -8
  178. package/lib/dist-custom-elements/duet-radio.js +1 -1
  179. package/lib/dist-custom-elements/duet-range-slider.js +8 -4
  180. package/lib/dist-custom-elements/duet-range-stepper.js +4 -4
  181. package/lib/dist-custom-elements/duet-scrollable.js +1 -1
  182. package/lib/dist-custom-elements/duet-section-layout.js +1 -1
  183. package/lib/dist-custom-elements/duet-select.js +1 -1
  184. package/lib/dist-custom-elements/duet-shaped-image.js +1 -1
  185. package/lib/dist-custom-elements/duet-show-more.js +5 -5
  186. package/lib/dist-custom-elements/duet-slideout-lang.js +2 -2
  187. package/lib/dist-custom-elements/duet-slideout-link.js +2 -2
  188. package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +2 -2
  189. package/lib/dist-custom-elements/duet-slideout-panel.js +3 -3
  190. package/lib/dist-custom-elements/duet-slideout.js +97 -103
  191. package/lib/dist-custom-elements/duet-spacer.js +1 -1
  192. package/lib/dist-custom-elements/duet-spinner.js +1 -1
  193. package/lib/dist-custom-elements/duet-step.js +4 -4
  194. package/lib/dist-custom-elements/duet-stepper.js +2 -2
  195. package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +2 -2
  196. package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +3 -3
  197. package/lib/dist-custom-elements/duet-submenu-bar-link.js +3 -3
  198. package/lib/dist-custom-elements/duet-submenu-bar.js +3 -3
  199. package/lib/dist-custom-elements/duet-tab-group.js +13 -13
  200. package/lib/dist-custom-elements/duet-tab.js +1 -1
  201. package/lib/dist-custom-elements/duet-table.js +1 -1
  202. package/lib/dist-custom-elements/duet-textarea.js +15 -11
  203. package/lib/dist-custom-elements/duet-toggle.js +7 -3
  204. package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +2 -2
  205. package/lib/dist-custom-elements/duet-toolbar-dropdown.js +2 -2
  206. package/lib/dist-custom-elements/duet-toolbar-link.js +2 -2
  207. package/lib/dist-custom-elements/duet-toolbar.js +1 -1
  208. package/lib/dist-custom-elements/duet-tooltip-button.js +1 -1
  209. package/lib/dist-custom-elements/duet-tooltip-popup.js +1 -1
  210. package/lib/dist-custom-elements/duet-tooltip.js +1 -1
  211. package/lib/dist-custom-elements/duet-tray.js +4 -4
  212. package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
  213. package/lib/dist-custom-elements/duet-upload-item.js +1 -1
  214. package/lib/dist-custom-elements/duet-upload.js +18 -18
  215. package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
  216. package/lib/dist-custom-elements/index.js +1 -1
  217. package/lib/dist-custom-elements/{p-077e5396.js → p-0297efef.js} +10 -10
  218. package/lib/dist-custom-elements/{p-d18ca3d9.js → p-0aef3ad3.js} +2 -2
  219. package/lib/dist-custom-elements/{p-8aaaefdf.js → p-13916d96.js} +2 -2
  220. package/lib/dist-custom-elements/p-15d5aa46.js +60 -0
  221. package/lib/dist-custom-elements/p-188d76d4.js +205 -0
  222. package/lib/dist-custom-elements/{p-19fc0434.js → p-1b55b8aa.js} +1 -1
  223. package/lib/dist-custom-elements/{p-98dcc2eb.js → p-27efc5ff.js} +3 -3
  224. package/lib/dist-custom-elements/{p-5f8459bd.js → p-30fe9f1c.js} +13 -9
  225. package/lib/dist-custom-elements/{p-c9808777.js → p-3bb00966.js} +15 -11
  226. package/lib/dist-custom-elements/{p-9b14643e.js → p-4086f5d7.js} +2 -2
  227. package/lib/dist-custom-elements/{p-36cee998.js → p-5c8435c6.js} +5 -5
  228. package/lib/dist-custom-elements/{p-802e0cd4.js → p-63997028.js} +17 -7
  229. package/lib/dist-custom-elements/{p-9c5b3e92.js → p-679f9f84.js} +1 -1
  230. package/lib/dist-custom-elements/{p-59fdca12.js → p-6a6a112e.js} +2 -2
  231. package/lib/dist-custom-elements/{p-506c2666.js → p-7b59279f.js} +6 -3
  232. package/lib/dist-custom-elements/{p-f91938ae.js → p-80cc1a6e.js} +2 -2
  233. package/lib/dist-custom-elements/{p-1ed786bc.js → p-811f6b14.js} +1 -1
  234. package/lib/dist-custom-elements/{p-4091ca56.js → p-8313084c.js} +1 -1
  235. package/lib/dist-custom-elements/{p-18ec08ac.js → p-8371f4c9.js} +4 -4
  236. package/lib/dist-custom-elements/{p-482e780b.js → p-8aeece22.js} +2 -2
  237. package/lib/dist-custom-elements/{p-0d74f436.js → p-8f9c9ce8.js} +2 -2
  238. package/lib/dist-custom-elements/{p-2eb72ea1.js → p-929cc9d5.js} +1 -1
  239. package/lib/dist-custom-elements/{p-5b14ef9f.js → p-98aea896.js} +1 -1
  240. package/lib/dist-custom-elements/{p-d94a9d9c.js → p-9e103db0.js} +1 -1
  241. package/lib/dist-custom-elements/{p-ff50aff2.js → p-9f454015.js} +3 -3
  242. package/lib/dist-custom-elements/{p-91facf89.js → p-a5057e42.js} +2 -2
  243. package/lib/dist-custom-elements/p-bb24a019.js +18 -0
  244. package/lib/dist-custom-elements/{p-7a6cf439.js → p-d072d3f7.js} +8 -8
  245. package/lib/dist-custom-elements/{p-2941d90a.js → p-d07f9fcc.js} +1 -1
  246. package/lib/dist-custom-elements/{p-2b56c0d7.js → p-d37a3cec.js} +1 -1
  247. package/lib/{esm/tokens-04106a43.js → dist-custom-elements/p-d81ec707.js} +1 -1
  248. package/lib/dist-custom-elements/{p-57e61e85.js → p-d87fd2f0.js} +3 -3
  249. package/lib/dist-custom-elements/{p-7c5f9c80.js → p-dbaac77a.js} +5 -5
  250. package/lib/dist-custom-elements/{p-583ae9d7.js → p-e5e0a9d5.js} +2 -2
  251. package/lib/dist-custom-elements/{p-8c81a26f.js → p-e93fe17b.js} +2 -2
  252. package/lib/dist-custom-elements/{p-d68c9433.js → p-ee518783.js} +1 -1
  253. package/lib/dist-custom-elements/{p-e078836c.js → p-ef9c200e.js} +1 -1
  254. package/lib/dist-custom-elements/{p-bb59b14d.js → p-f992d96f.js} +2 -2
  255. package/lib/duet/duet.esm.js +1 -1
  256. package/lib/duet/duet.js +1 -1
  257. package/lib/duet/{p-4a2adee6.entry.js → p-00af1839.entry.js} +1 -1
  258. package/lib/duet/p-03504efc.entry.js +4 -0
  259. package/lib/duet/{p-4dc81aa3.system.entry.js → p-07639744.system.entry.js} +1 -1
  260. package/lib/duet/{p-b931d3fa.system.entry.js → p-0b1e9389.system.entry.js} +1 -1
  261. package/lib/duet/p-0b2e2097.system.entry.js +4 -0
  262. package/lib/duet/{p-e50ab4d3.system.entry.js → p-0c4251d2.system.entry.js} +1 -1
  263. package/lib/duet/{p-8ec9245a.entry.js → p-0d546b56.entry.js} +1 -1
  264. package/lib/duet/{p-620c416c.entry.js → p-0ee8f124.entry.js} +1 -1
  265. package/lib/duet/p-0f6f152d.entry.js +4 -0
  266. package/lib/duet/{p-b2af386a.system.entry.js → p-0fb3d28c.system.entry.js} +1 -1
  267. package/lib/duet/{p-2c34a804.entry.js → p-1069a865.entry.js} +1 -1
  268. package/lib/duet/{p-78777bcf.entry.js → p-10e05065.entry.js} +1 -1
  269. package/lib/duet/p-13241469.system.entry.js +4 -0
  270. package/lib/duet/{p-cbbe6410.entry.js → p-145de3e0.entry.js} +1 -1
  271. package/lib/duet/{p-e12b3d60.system.js → p-15fde8cc.system.js} +1 -1
  272. package/lib/duet/{p-07c3d88d.entry.js → p-189f31b8.entry.js} +1 -1
  273. package/lib/duet/p-1d3f4925.entry.js +4 -0
  274. package/lib/duet/p-1ebb5d23.entry.js +4 -0
  275. package/lib/duet/{p-1b46db77.entry.js → p-1fcccba8.entry.js} +1 -1
  276. package/lib/duet/{p-906c13df.entry.js → p-204a1ab8.entry.js} +1 -1
  277. package/lib/duet/{p-04c3f872.system.entry.js → p-2073966b.system.entry.js} +1 -1
  278. package/lib/duet/{p-60d0817e.system.entry.js → p-22df3386.system.entry.js} +1 -1
  279. package/lib/duet/{p-c34e419e.system.entry.js → p-23043e9e.system.entry.js} +1 -1
  280. package/lib/duet/{p-9bd338fd.system.js → p-23354cf7.system.js} +1 -1
  281. package/lib/duet/{p-7768931c.system.entry.js → p-26a30f41.system.entry.js} +1 -1
  282. package/lib/duet/{p-4175e48c.system.entry.js → p-26e6c296.system.entry.js} +1 -1
  283. package/lib/duet/{p-2590ca65.system.entry.js → p-2975e980.system.entry.js} +1 -1
  284. package/lib/duet/{p-a020bf81.system.entry.js → p-2f2a6fbf.system.entry.js} +1 -1
  285. package/lib/duet/{p-ce50e4c0.system.entry.js → p-3120a193.system.entry.js} +1 -1
  286. package/lib/duet/{p-2cc17967.system.entry.js → p-31215119.system.entry.js} +1 -1
  287. package/lib/duet/{p-d6938dce.entry.js → p-342a250d.entry.js} +1 -1
  288. package/lib/duet/{p-be3bf41a.system.entry.js → p-3809955c.system.entry.js} +1 -1
  289. package/lib/duet/{p-b7be1375.entry.js → p-39aac14c.entry.js} +1 -1
  290. package/lib/duet/{p-f1faaa0b.system.entry.js → p-3e7d63ff.system.entry.js} +1 -1
  291. package/lib/duet/{p-0360829b.entry.js → p-414cc15d.entry.js} +1 -1
  292. package/lib/duet/{p-f08a7552.system.entry.js → p-4350eaaa.system.entry.js} +1 -1
  293. package/lib/duet/{p-5d6e1173.entry.js → p-462326bc.entry.js} +1 -1
  294. package/lib/duet/p-46bc086c.system.entry.js +4 -0
  295. package/lib/duet/p-485f3748.system.entry.js +4 -0
  296. package/lib/duet/{p-c73db725.system.entry.js → p-508c6401.system.entry.js} +1 -1
  297. package/lib/duet/p-50ebc951.system.entry.js +4 -0
  298. package/lib/duet/{p-d26b9e1f.system.entry.js → p-51b802fe.system.entry.js} +1 -1
  299. package/lib/duet/{p-a9b6b8d5.entry.js → p-5224b8e7.entry.js} +1 -1
  300. package/lib/duet/{p-4b745f4d.entry.js → p-52811ee4.entry.js} +1 -1
  301. package/lib/duet/{p-c65851ca.entry.js → p-529b0ef8.entry.js} +1 -1
  302. package/lib/duet/{p-c45c621f.js → p-52bcdf36.js} +1 -1
  303. package/lib/duet/{p-8f504a32.system.entry.js → p-530dc869.system.entry.js} +2 -2
  304. package/lib/duet/{p-ea5bad4c.entry.js → p-531c259f.entry.js} +1 -1
  305. package/lib/duet/{p-c1e6dcf6.entry.js → p-57a29655.entry.js} +1 -1
  306. package/lib/duet/{p-2c139545.entry.js → p-57b54fc2.entry.js} +1 -1
  307. package/lib/duet/{p-63150ee3.system.entry.js → p-5983c4c1.system.entry.js} +1 -1
  308. package/lib/duet/{p-993f5974.entry.js → p-59d78e4a.entry.js} +1 -1
  309. package/lib/duet/p-5a5fb62b.system.entry.js +4 -0
  310. package/lib/duet/{p-3865240e.system.entry.js → p-5a8c6db7.system.entry.js} +1 -1
  311. package/lib/duet/{p-82461381.system.entry.js → p-5b2d1616.system.entry.js} +1 -1
  312. package/lib/duet/{p-711c2a2b.system.js → p-5b8477c2.system.js} +1 -1
  313. package/lib/duet/{p-fee4d237.system.entry.js → p-5bd11cd6.system.entry.js} +1 -1
  314. package/lib/duet/{p-1a8494b0.system.entry.js → p-5ed4cad9.system.entry.js} +1 -1
  315. package/lib/duet/{p-0142d94d.entry.js → p-600af4ae.entry.js} +1 -1
  316. package/lib/duet/{p-1e0df043.system.entry.js → p-6073f3e6.system.entry.js} +1 -1
  317. package/lib/duet/p-61a76b2b.system.js +4 -0
  318. package/lib/duet/p-61ab4c50.system.entry.js +4 -0
  319. package/lib/duet/{p-103ab767.system.entry.js → p-62a1697f.system.entry.js} +1 -1
  320. package/lib/duet/{p-42959a52.entry.js → p-62cd7e30.entry.js} +1 -1
  321. package/lib/duet/{p-64c8cce6.entry.js → p-62d30a58.entry.js} +1 -1
  322. package/lib/duet/{p-cf6c967a.entry.js → p-6374b7ea.entry.js} +1 -1
  323. package/lib/duet/{p-9f05508d.entry.js → p-641be297.entry.js} +1 -1
  324. package/lib/duet/{p-5b27ed7e.entry.js → p-64737ee3.entry.js} +1 -1
  325. package/lib/duet/{p-c9a6ad4d.entry.js → p-6484d791.entry.js} +1 -1
  326. package/lib/duet/{p-dc4697ce.system.entry.js → p-692d016e.system.entry.js} +1 -1
  327. package/lib/duet/{p-d206ba69.entry.js → p-697addd1.entry.js} +1 -1
  328. package/lib/duet/p-6e53e390.system.entry.js +4 -0
  329. package/lib/duet/{p-702810e3.system.entry.js → p-73ec169a.system.entry.js} +1 -1
  330. package/lib/duet/{p-9894f629.system.entry.js → p-7576d859.system.entry.js} +1 -1
  331. package/lib/duet/{p-582b7fa7.system.entry.js → p-7694b9fa.system.entry.js} +1 -1
  332. package/lib/duet/{p-6bad895a.system.entry.js → p-7b57105a.system.entry.js} +1 -1
  333. package/lib/duet/{p-9b8c4a19.entry.js → p-7bced88e.entry.js} +1 -1
  334. package/lib/duet/{p-441595f6.entry.js → p-7ceb2a64.entry.js} +1 -1
  335. package/lib/duet/p-7d4f3ee9.entry.js +4 -0
  336. package/lib/duet/{p-066f078b.entry.js → p-7f06df0d.entry.js} +1 -1
  337. package/lib/duet/{p-68967bb9.entry.js → p-7fed706e.entry.js} +1 -1
  338. package/lib/duet/{p-6f9e49da.system.entry.js → p-7ff65dc0.system.entry.js} +1 -1
  339. package/lib/duet/{p-60be4608.system.entry.js → p-802d6f86.system.entry.js} +1 -1
  340. package/lib/duet/p-81c39b69.js +4 -0
  341. package/lib/duet/{p-42f92e6f.entry.js → p-8214bafd.entry.js} +1 -1
  342. package/lib/duet/p-876456fd.entry.js +4 -0
  343. package/lib/duet/{p-d189500a.entry.js → p-87653f71.entry.js} +1 -1
  344. package/lib/duet/{p-722a4867.entry.js → p-877c5c97.entry.js} +1 -1
  345. package/lib/duet/p-89aa11c5.system.entry.js +4 -0
  346. package/lib/duet/p-8a08dc1c.system.entry.js +4 -0
  347. package/lib/duet/{p-95ca3440.system.entry.js → p-8b7288e6.system.entry.js} +1 -1
  348. package/lib/duet/{p-b627091f.system.entry.js → p-8c8752c1.system.entry.js} +1 -1
  349. package/lib/duet/{p-314d5b44.entry.js → p-8c9f4ffd.entry.js} +1 -1
  350. package/lib/duet/{p-67eee05e.system.entry.js → p-8ca7b2fa.system.entry.js} +1 -1
  351. package/lib/duet/{p-010986d1.system.entry.js → p-8dbc03c1.system.entry.js} +1 -1
  352. package/lib/duet/{p-f587e799.entry.js → p-90f13f5e.entry.js} +1 -1
  353. package/lib/duet/p-9333f3f2.entry.js +4 -0
  354. package/lib/duet/{p-45a16be3.system.js → p-95eca09b.system.js} +1 -1
  355. package/lib/duet/{p-5cbc1b17.entry.js → p-97c30079.entry.js} +1 -1
  356. package/lib/duet/p-99269e38.system.js +4 -0
  357. package/lib/duet/p-9a43d193.entry.js +4 -0
  358. package/lib/duet/{p-edd0d41d.system.entry.js → p-9a5fd97c.system.entry.js} +1 -1
  359. package/lib/duet/p-9a7c25f2.entry.js +4 -0
  360. package/lib/duet/{p-ee9d7b51.system.entry.js → p-9ad8c8d4.system.entry.js} +1 -1
  361. package/lib/duet/{p-3515cd72.system.entry.js → p-9d328100.system.entry.js} +1 -1
  362. package/lib/duet/{p-18322745.system.entry.js → p-9de27a8f.system.entry.js} +1 -1
  363. package/lib/duet/{p-e5c0b71a.js → p-9dff8650.js} +1 -1
  364. package/lib/duet/{p-1d11b3b6.entry.js → p-9f939b40.entry.js} +1 -1
  365. package/lib/duet/{p-ac6f456f.system.entry.js → p-9fd8cf3b.system.entry.js} +1 -1
  366. package/lib/duet/{p-eadbc1cf.entry.js → p-9fffb1b4.entry.js} +1 -1
  367. package/lib/duet/p-a13bb243.entry.js +4 -0
  368. package/lib/duet/{p-a075ba4d.entry.js → p-a37947f2.entry.js} +1 -1
  369. package/lib/duet/{p-ce0ffc6e.system.entry.js → p-a658fd46.system.entry.js} +1 -1
  370. package/lib/duet/{p-69ba8b52.entry.js → p-a6a7278c.entry.js} +1 -1
  371. package/lib/duet/{p-b2d010fa.entry.js → p-a71dfbc3.entry.js} +1 -1
  372. package/lib/duet/{p-252baa0d.entry.js → p-a7788ac6.entry.js} +1 -1
  373. package/lib/duet/{p-bdbe3e35.system.entry.js → p-a871d5b1.system.entry.js} +1 -1
  374. package/lib/duet/p-a904b928.entry.js +4 -0
  375. package/lib/duet/{p-f866c944.entry.js → p-a9fb2dad.entry.js} +1 -1
  376. package/lib/duet/{p-24edf4ed.entry.js → p-a9fee462.entry.js} +1 -1
  377. package/lib/duet/{p-d94c8c20.entry.js → p-aad8ab06.entry.js} +1 -1
  378. package/lib/duet/{p-db09c828.system.entry.js → p-ac10c490.system.entry.js} +1 -1
  379. package/lib/duet/{p-8ae84c52.entry.js → p-ac607868.entry.js} +1 -1
  380. package/lib/duet/{p-a09af712.system.entry.js → p-acad0f72.system.entry.js} +1 -1
  381. package/lib/duet/p-aefc858d.entry.js +4 -0
  382. package/lib/duet/{p-244387a0.entry.js → p-af1bc725.entry.js} +1 -1
  383. package/lib/duet/{p-6020800c.system.entry.js → p-af4af7bb.system.entry.js} +1 -1
  384. package/lib/duet/p-b099522e.system.entry.js +4 -0
  385. package/lib/duet/{p-2d366120.system.entry.js → p-b1afb239.system.entry.js} +1 -1
  386. package/lib/duet/{p-8e7dc4ed.system.entry.js → p-b1e84ea2.system.entry.js} +1 -1
  387. package/lib/duet/p-b2608fe2.system.entry.js +4 -0
  388. package/lib/duet/p-b2744aa5.entry.js +4 -0
  389. package/lib/duet/{p-1db3121f.system.entry.js → p-b3a4cb83.system.entry.js} +1 -1
  390. package/lib/duet/{p-84031069.entry.js → p-b4ebdbc3.entry.js} +1 -1
  391. package/lib/duet/{p-ab63306b.entry.js → p-b61c49de.entry.js} +1 -1
  392. package/lib/duet/p-bb24a019.js +4 -0
  393. package/lib/duet/{p-600f3cf8.system.entry.js → p-bb507da0.system.entry.js} +1 -1
  394. package/lib/duet/p-c233d99d.entry.js +4 -0
  395. package/lib/duet/{p-ecf9b56e.system.entry.js → p-c2552968.system.entry.js} +1 -1
  396. package/lib/duet/{p-d053b6be.system.entry.js → p-c521eae3.system.entry.js} +1 -1
  397. package/lib/duet/p-d20b8b82.entry.js +4 -0
  398. package/lib/duet/{p-86251661.system.entry.js → p-d241457a.system.entry.js} +1 -1
  399. package/lib/duet/{p-dba6c1ee.entry.js → p-d577a8d9.entry.js} +1 -1
  400. package/lib/duet/{p-90378229.system.entry.js → p-d6b7c83c.system.entry.js} +1 -1
  401. package/lib/duet/{p-5e849463.js → p-d81ec707.js} +1 -1
  402. package/lib/duet/{p-4fe09b26.system.entry.js → p-d9af65c8.system.entry.js} +1 -1
  403. package/lib/duet/{p-7130f6d6.system.entry.js → p-db73a673.system.entry.js} +1 -1
  404. package/lib/duet/{p-261014df.system.entry.js → p-def2db15.system.entry.js} +1 -1
  405. package/lib/duet/{p-426ba263.entry.js → p-e006f206.entry.js} +1 -1
  406. package/lib/duet/{p-98e033d1.entry.js → p-e108f77f.entry.js} +1 -1
  407. package/lib/duet/{p-21774475.system.js → p-e1868c94.system.js} +1 -1
  408. package/lib/duet/{p-954c7df4.system.entry.js → p-e4cec0cd.system.entry.js} +1 -1
  409. package/lib/duet/{p-77e1b69b.entry.js → p-e55b0091.entry.js} +1 -1
  410. package/lib/duet/{p-f781276f.system.entry.js → p-e634de62.system.entry.js} +1 -1
  411. package/lib/duet/{p-645a4cd3.system.entry.js → p-e87e976f.system.entry.js} +1 -1
  412. package/lib/duet/p-e9dc6d6c.entry.js +4 -0
  413. package/lib/duet/{p-53229ab4.system.entry.js → p-ebc55747.system.entry.js} +1 -1
  414. package/lib/duet/p-ecb2cbbf.entry.js +4 -0
  415. package/lib/duet/{p-a2541d8a.entry.js → p-efa1441d.entry.js} +1 -1
  416. package/lib/duet/p-f041d166.entry.js +4 -0
  417. package/lib/duet/{p-b9157c7e.js → p-f2aa1623.js} +1 -1
  418. package/lib/duet/{p-c6b5368b.entry.js → p-f4551b33.entry.js} +1 -1
  419. package/lib/duet/p-f52a6fc5.system.entry.js +4 -0
  420. package/lib/duet/p-f5909e7f.entry.js +4 -0
  421. package/lib/duet/{p-f7e4069c.entry.js → p-f603773e.entry.js} +1 -1
  422. package/lib/duet/{p-e4231291.system.entry.js → p-fd8935c8.system.entry.js} +1 -1
  423. package/lib/duet/{p-ab9b7324.system.entry.js → p-fef7a17b.system.entry.js} +1 -1
  424. package/lib/esm/duet-action-button.entry.js +3 -3
  425. package/lib/esm/duet-alert.entry.js +1 -1
  426. package/lib/esm/duet-badge.entry.js +3 -3
  427. package/lib/esm/duet-banner.entry.js +7 -5
  428. package/lib/esm/duet-breadcrumb.entry.js +1 -1
  429. package/lib/esm/duet-breadcrumbs.entry.js +1 -1
  430. package/lib/esm/duet-button_2.entry.js +6 -6
  431. package/lib/esm/duet-callout.entry.js +4 -3
  432. package/lib/esm/duet-caption_4.entry.js +3 -3
  433. package/lib/esm/duet-card.entry.js +3 -3
  434. package/lib/esm/duet-checkbox.entry.js +1 -1
  435. package/lib/esm/duet-checkmark.entry.js +1 -1
  436. package/lib/esm/duet-chip.entry.js +22 -3
  437. package/lib/esm/duet-choice_2.entry.js +2 -2
  438. package/lib/esm/duet-collapsible.entry.js +2 -2
  439. package/lib/esm/duet-combobox.entry.js +1 -1
  440. package/lib/esm/duet-contact-card.entry.js +1 -1
  441. package/lib/esm/duet-cookie-consent.entry.js +1 -1
  442. package/lib/esm/duet-date-picker.entry.js +2 -2
  443. package/lib/esm/duet-divider_2.entry.js +3 -3
  444. package/lib/esm/duet-editable-table_3.entry.js +3 -3
  445. package/lib/esm/duet-empty-state.entry.js +1 -1
  446. package/lib/esm/duet-fieldset.entry.js +1 -1
  447. package/lib/esm/duet-file-chooser.entry.js +1 -1
  448. package/lib/esm/duet-footer.entry.js +1 -1
  449. package/lib/esm/duet-grid_2.entry.js +2 -2
  450. package/lib/esm/duet-header_2.entry.js +3 -3
  451. package/lib/esm/duet-hero.entry.js +3 -2
  452. package/lib/esm/duet-icon.entry.js +5 -5
  453. package/lib/esm/duet-input_2.entry.js +9 -5
  454. package/lib/esm/duet-layout.entry.js +1 -1
  455. package/lib/esm/duet-list_2.entry.js +1 -1
  456. package/lib/esm/duet-menu-bar-button.entry.js +2 -2
  457. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +1 -1
  458. package/lib/esm/duet-menu-bar-dropdown.entry.js +2 -2
  459. package/lib/esm/duet-menu-bar-link.entry.js +2 -2
  460. package/lib/esm/duet-menu-bar.entry.js +2 -2
  461. package/lib/esm/duet-modal.entry.js +18 -5
  462. package/lib/esm/duet-multiselect.entry.js +4 -2
  463. package/lib/esm/duet-nav.entry.js +1 -1
  464. package/lib/esm/duet-notification_2.entry.js +1 -1
  465. package/lib/esm/duet-number-input.entry.js +1 -1
  466. package/lib/esm/duet-page-heading.entry.js +1 -1
  467. package/lib/esm/duet-pagination_2.entry.js +3 -3
  468. package/lib/esm/duet-popup-menu-item.entry.js +4 -3
  469. package/lib/esm/duet-popup-menu.entry.js +14 -13
  470. package/lib/esm/duet-progress.entry.js +1 -1
  471. package/lib/esm/duet-promo-card.entry.js +5 -4
  472. package/lib/esm/duet-radio_2.entry.js +1 -1
  473. package/lib/esm/duet-range-slider.entry.js +5 -3
  474. package/lib/esm/duet-scrollable_3.entry.js +1 -1
  475. package/lib/esm/duet-section-layout.entry.js +1 -1
  476. package/lib/esm/duet-select.entry.js +4 -2
  477. package/lib/esm/duet-shaped-image.entry.js +1 -1
  478. package/lib/esm/duet-show-more.entry.js +1 -1
  479. package/lib/esm/duet-slideout-lang.entry.js +1 -1
  480. package/lib/esm/duet-slideout-link.entry.js +1 -1
  481. package/lib/esm/duet-slideout-panel-dropdown.entry.js +1 -1
  482. package/lib/esm/duet-slideout-panel.entry.js +4 -4
  483. package/lib/esm/duet-slideout.entry.js +92 -100
  484. package/lib/esm/duet-step_2.entry.js +1 -1
  485. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +1 -1
  486. package/lib/esm/duet-submenu-bar-dropdown.entry.js +2 -2
  487. package/lib/esm/duet-submenu-bar-link.entry.js +2 -2
  488. package/lib/esm/duet-submenu-bar.entry.js +2 -2
  489. package/lib/esm/duet-textarea.entry.js +4 -2
  490. package/lib/esm/duet-toggle.entry.js +4 -2
  491. package/lib/esm/duet-toolbar-dropdown-link.entry.js +1 -1
  492. package/lib/esm/duet-toolbar-dropdown.entry.js +1 -1
  493. package/lib/esm/duet-toolbar-link.entry.js +1 -1
  494. package/lib/esm/duet-toolbar.entry.js +1 -1
  495. package/lib/esm/duet-tooltip-button_2.entry.js +2 -2
  496. package/lib/esm/duet-tooltip.entry.js +12 -3
  497. package/lib/esm/duet-tray.entry.js +2 -2
  498. package/lib/esm/duet-upload-aria-status.entry.js +1 -1
  499. package/lib/esm/duet-upload-item.entry.js +1 -1
  500. package/lib/esm/duet-visually-hidden.entry.js +1 -1
  501. package/lib/esm/duet.js +3 -3
  502. package/lib/esm/{focus-utils-8f59f0fc.js → focus-utils-d168d36c.js} +1 -1
  503. package/lib/esm/{index-6a5abb95.js → index-5c989c52.js} +1 -1
  504. package/lib/esm/loader.js +3 -3
  505. package/lib/esm/slot-utils-07ba4363.js +18 -0
  506. package/lib/esm/{token-utils-ece867a8.js → token-utils-d09165bc.js} +1 -1
  507. package/lib/{dist-custom-elements/p-5e849463.js → esm/tokens-30d01e1d.js} +1 -1
  508. package/lib/esm/{tokens.module-7a2f9c49.js → tokens.module-c9866649.js} +1 -1
  509. package/lib/esm-es5/duet-action-button.entry.js +1 -1
  510. package/lib/esm-es5/duet-alert.entry.js +1 -1
  511. package/lib/esm-es5/duet-badge.entry.js +1 -1
  512. package/lib/esm-es5/duet-banner.entry.js +1 -1
  513. package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
  514. package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
  515. package/lib/esm-es5/duet-button_2.entry.js +1 -1
  516. package/lib/esm-es5/duet-callout.entry.js +1 -1
  517. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  518. package/lib/esm-es5/duet-card.entry.js +1 -1
  519. package/lib/esm-es5/duet-checkbox.entry.js +1 -1
  520. package/lib/esm-es5/duet-checkmark.entry.js +1 -1
  521. package/lib/esm-es5/duet-chip.entry.js +1 -1
  522. package/lib/esm-es5/duet-choice_2.entry.js +1 -1
  523. package/lib/esm-es5/duet-collapsible.entry.js +1 -1
  524. package/lib/esm-es5/duet-combobox.entry.js +1 -1
  525. package/lib/esm-es5/duet-contact-card.entry.js +1 -1
  526. package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
  527. package/lib/esm-es5/duet-date-picker.entry.js +1 -1
  528. package/lib/esm-es5/duet-divider_2.entry.js +1 -1
  529. package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
  530. package/lib/esm-es5/duet-empty-state.entry.js +1 -1
  531. package/lib/esm-es5/duet-fieldset.entry.js +1 -1
  532. package/lib/esm-es5/duet-file-chooser.entry.js +2 -2
  533. package/lib/esm-es5/duet-footer.entry.js +1 -1
  534. package/lib/esm-es5/duet-grid_2.entry.js +1 -1
  535. package/lib/esm-es5/duet-header_2.entry.js +1 -1
  536. package/lib/esm-es5/duet-hero.entry.js +2 -2
  537. package/lib/esm-es5/duet-icon.entry.js +1 -1
  538. package/lib/esm-es5/duet-input_2.entry.js +1 -1
  539. package/lib/esm-es5/duet-layout.entry.js +1 -1
  540. package/lib/esm-es5/duet-list_2.entry.js +1 -1
  541. package/lib/esm-es5/duet-menu-bar-button.entry.js +1 -1
  542. package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js +1 -1
  543. package/lib/esm-es5/duet-menu-bar-dropdown.entry.js +1 -1
  544. package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
  545. package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
  546. package/lib/esm-es5/duet-modal.entry.js +2 -2
  547. package/lib/esm-es5/duet-multiselect.entry.js +1 -1
  548. package/lib/esm-es5/duet-nav.entry.js +1 -1
  549. package/lib/esm-es5/duet-notification_2.entry.js +1 -1
  550. package/lib/esm-es5/duet-number-input.entry.js +1 -1
  551. package/lib/esm-es5/duet-page-heading.entry.js +1 -1
  552. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  553. package/lib/esm-es5/duet-popup-menu-item.entry.js +2 -2
  554. package/lib/esm-es5/duet-popup-menu.entry.js +2 -2
  555. package/lib/esm-es5/duet-progress.entry.js +1 -1
  556. package/lib/esm-es5/duet-promo-card.entry.js +1 -1
  557. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  558. package/lib/esm-es5/duet-range-slider.entry.js +1 -1
  559. package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
  560. package/lib/esm-es5/duet-section-layout.entry.js +1 -1
  561. package/lib/esm-es5/duet-select.entry.js +1 -1
  562. package/lib/esm-es5/duet-shaped-image.entry.js +1 -1
  563. package/lib/esm-es5/duet-show-more.entry.js +1 -1
  564. package/lib/esm-es5/duet-slideout-lang.entry.js +1 -1
  565. package/lib/esm-es5/duet-slideout-link.entry.js +1 -1
  566. package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js +1 -1
  567. package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
  568. package/lib/esm-es5/duet-slideout.entry.js +1 -1
  569. package/lib/esm-es5/duet-step_2.entry.js +1 -1
  570. package/lib/esm-es5/duet-submenu-bar-dropdown-link.entry.js +1 -1
  571. package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js +1 -1
  572. package/lib/esm-es5/duet-submenu-bar-link.entry.js +1 -1
  573. package/lib/esm-es5/duet-submenu-bar.entry.js +1 -1
  574. package/lib/esm-es5/duet-textarea.entry.js +1 -1
  575. package/lib/esm-es5/duet-toggle.entry.js +1 -1
  576. package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
  577. package/lib/esm-es5/duet-toolbar-dropdown.entry.js +1 -1
  578. package/lib/esm-es5/duet-toolbar-link.entry.js +1 -1
  579. package/lib/esm-es5/duet-toolbar.entry.js +1 -1
  580. package/lib/esm-es5/duet-tooltip-button_2.entry.js +1 -1
  581. package/lib/esm-es5/duet-tooltip.entry.js +2 -2
  582. package/lib/esm-es5/duet-tray.entry.js +1 -1
  583. package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
  584. package/lib/esm-es5/duet-upload-item.entry.js +1 -1
  585. package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
  586. package/lib/esm-es5/duet.js +1 -1
  587. package/lib/esm-es5/{focus-utils-8f59f0fc.js → focus-utils-d168d36c.js} +1 -1
  588. package/lib/esm-es5/{index-6a5abb95.js → index-5c989c52.js} +1 -1
  589. package/lib/esm-es5/loader.js +1 -1
  590. package/lib/esm-es5/slot-utils-07ba4363.js +4 -0
  591. package/lib/esm-es5/{token-utils-ece867a8.js → token-utils-d09165bc.js} +1 -1
  592. package/lib/esm-es5/{tokens-04106a43.js → tokens-30d01e1d.js} +1 -1
  593. package/lib/esm-es5/{tokens.module-7a2f9c49.js → tokens.module-c9866649.js} +1 -1
  594. package/lib/types/common/focusable-component.d.ts +4 -0
  595. package/lib/types/common/index.d.ts +2 -0
  596. package/lib/types/common/opener-component.d.ts +5 -0
  597. package/lib/types/common-types.d.ts +2 -0
  598. package/lib/types/components/duet-banner/duet-banner.d.ts +5 -0
  599. package/lib/types/components/duet-callout/duet-callout.d.ts +1 -1
  600. package/lib/types/components/duet-chip/duet-chip.d.ts +13 -1
  601. package/lib/types/components/duet-hero/duet-hero.d.ts +3 -3
  602. package/lib/types/components/duet-input/duet-input.d.ts +9 -1
  603. package/lib/types/components/duet-label/duet-label.d.ts +5 -1
  604. package/lib/types/components/duet-modal/duet-modal.d.ts +7 -0
  605. package/lib/types/components/duet-multiselect/duet-multiselect.d.ts +9 -1
  606. package/lib/types/components/duet-popup-menu/duet-popup-menu.d.ts +7 -3
  607. package/lib/types/components/duet-popup-menu-item/duet-popup-menu-item.d.ts +4 -0
  608. package/lib/types/components/duet-promo-card/duet-promo-card.d.ts +6 -0
  609. package/lib/types/components/duet-range-slider/duet-range-slider.d.ts +9 -1
  610. package/lib/types/components/duet-select/duet-select.d.ts +9 -1
  611. package/lib/types/components/duet-slideout/duet-slideout.d.ts +22 -18
  612. package/lib/types/components/duet-textarea/duet-textarea.d.ts +9 -1
  613. package/lib/types/components/duet-toggle/duet-toggle.d.ts +9 -1
  614. package/lib/types/components/duet-tooltip/duet-tooltip.d.ts +6 -0
  615. package/lib/types/components.d.ts +160 -6
  616. package/lib/types/utils/slot-utils.d.ts +2 -0
  617. package/package.json +7 -7
  618. package/lib/dist-custom-elements/p-88b5a225.js +0 -205
  619. package/lib/dist-custom-elements/p-b06b80ce.js +0 -60
  620. package/lib/duet/p-00f75643.system.entry.js +0 -4
  621. package/lib/duet/p-0660a9a6.entry.js +0 -4
  622. package/lib/duet/p-088ac559.entry.js +0 -4
  623. package/lib/duet/p-0b2ff6ce.system.entry.js +0 -4
  624. package/lib/duet/p-164be464.entry.js +0 -4
  625. package/lib/duet/p-180c61a0.entry.js +0 -4
  626. package/lib/duet/p-18aaa40c.entry.js +0 -4
  627. package/lib/duet/p-210adc0e.system.entry.js +0 -4
  628. package/lib/duet/p-23914c18.entry.js +0 -4
  629. package/lib/duet/p-2858bbdf.entry.js +0 -4
  630. package/lib/duet/p-38df728c.system.entry.js +0 -4
  631. package/lib/duet/p-41203a2d.entry.js +0 -4
  632. package/lib/duet/p-474f53fe.entry.js +0 -4
  633. package/lib/duet/p-4a130ebf.system.entry.js +0 -4
  634. package/lib/duet/p-4bfc3a15.entry.js +0 -4
  635. package/lib/duet/p-4d3ef5ea.system.entry.js +0 -4
  636. package/lib/duet/p-4e9b4950.entry.js +0 -4
  637. package/lib/duet/p-5373f6cf.system.entry.js +0 -4
  638. package/lib/duet/p-53e33daf.js +0 -4
  639. package/lib/duet/p-594ffed9.entry.js +0 -4
  640. package/lib/duet/p-5eaf9a5e.entry.js +0 -4
  641. package/lib/duet/p-64e16fb9.system.js +0 -4
  642. package/lib/duet/p-7ad157c2.entry.js +0 -4
  643. package/lib/duet/p-9eb39bd3.system.entry.js +0 -4
  644. package/lib/duet/p-ac09ef10.entry.js +0 -4
  645. package/lib/duet/p-bc7e75a7.entry.js +0 -4
  646. package/lib/duet/p-cd13fb8f.system.entry.js +0 -4
  647. package/lib/duet/p-d125d287.system.entry.js +0 -4
  648. package/lib/duet/p-d1a42e5b.system.entry.js +0 -4
  649. package/lib/duet/p-e0aa8284.system.entry.js +0 -4
  650. package/lib/duet/p-e0e5597f.entry.js +0 -4
  651. package/lib/duet/p-e836814b.entry.js +0 -4
  652. package/lib/duet/p-f81647e9.system.entry.js +0 -4
  653. package/lib/duet/p-fb6a8b36.entry.js +0 -4
package/hydrate/index.js CHANGED
@@ -7932,7 +7932,7 @@ const fontSizeXSmall = "0.75rem";
7932
7932
  const radiusSharp = "0";
7933
7933
  const radiusDefault = "4px";
7934
7934
  const radiusMedium = "8px";
7935
- const radiusLarge = "20px";
7935
+ const radiusLarge = "16px";
7936
7936
  const radiusCircle = "50%";
7937
7937
  const radiusPill = "20rem";
7938
7938
  const shadowTooltipTurva = "0 2px 10px 0 rgba(117, 117, 117, 0.13)";
@@ -8606,7 +8606,7 @@ class DuetAlert {
8606
8606
  }; }
8607
8607
  }
8608
8608
 
8609
- const duetBadgeCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-badge,*.sc-duet-badge::after,*.sc-duet-badge::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-badge-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}/*!@:host:last-child, :host:last-of-type*/.sc-duet-badge-h:last-child,.sc-duet-badge-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-badge-h{margin:0 !important}/*!@.duet-badge*/.duet-badge.sc-duet-badge{width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;color:rgb(0, 41, 77);text-align:center;word-break:break-word;vertical-align:middle;background:#d9ebf4;border-radius:20rem}/*!@.duet-badge.duet-p-0*/.duet-badge.duet-p-0.sc-duet-badge{padding:0 !important}/*!@.duet-badge.duet-m-0*/.duet-badge.duet-m-0.sc-duet-badge{margin:0 !important}/*!@.duet-badge.duet-theme-turva*/.duet-badge.duet-theme-turva.sc-duet-badge{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}/*!@.duet-badge.warning*/.duet-badge.warning.sc-duet-badge{background:#fdecc9}/*!@.duet-badge.warning.duet-theme-turva*/.duet-badge.warning.duet-theme-turva.sc-duet-badge{background:#fee8c3}/*!@.duet-badge.danger*/.duet-badge.danger.sc-duet-badge{background:#f8d3e0}/*!@.duet-badge.danger.duet-theme-turva*/.duet-badge.danger.duet-theme-turva.sc-duet-badge{background:#f9d4cf}/*!@.duet-badge.success*/.duet-badge.success.sc-duet-badge{background:#cce7de}/*!@.duet-badge.success.duet-theme-turva*/.duet-badge.success.duet-theme-turva.sc-duet-badge{background:#cee7dc}/*!@.duet-badge.subtle*/.duet-badge.subtle.sc-duet-badge{color:rgb(101, 119, 135);background:none;outline:1px solid rgb(225, 227, 230);outline-offset:-1px}/*!@.duet-badge.subtle.duet-theme-turva*/.duet-badge.subtle.duet-theme-turva.sc-duet-badge{color:rgb(68, 68, 69);background:none;outline-color:rgb(228, 228, 230)}/*!@.duet-badge.background-strong.default*/.duet-badge.background-strong.default.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}/*!@.duet-badge.background-strong.default.duet-theme-turva*/.duet-badge.background-strong.default.duet-theme-turva.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}/*!@.duet-badge.background-strong.warning*/.duet-badge.background-strong.warning.sc-duet-badge{background:#f9c153}/*!@.duet-badge.background-strong.warning.duet-theme-turva*/.duet-badge.background-strong.warning.duet-theme-turva.sc-duet-badge{background:#fbb63f}/*!@.duet-badge.background-strong.danger*/.duet-badge.background-strong.danger.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(222, 35, 98)}/*!@.duet-badge.background-strong.danger.duet-theme-turva*/.duet-badge.background-strong.danger.duet-theme-turva.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(224, 42, 13)}/*!@.duet-badge.background-strong.success*/.duet-badge.background-strong.success.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(0, 135, 90)}/*!@.duet-badge.background-strong.success.duet-theme-turva*/.duet-badge.background-strong.success.duet-theme-turva.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(8, 135, 78)}/*!@.duet-badge.background-strong.subtle*/.duet-badge.background-strong.subtle.sc-duet-badge{border-color:rgb(207, 210, 212);outline-color:rgb(0, 41, 77)}/*!@.duet-badge.background-strong.subtle.duet-theme-turva*/.duet-badge.background-strong.subtle.duet-theme-turva.sc-duet-badge{border-color:rgb(207, 207, 209);outline-color:rgb(23, 28, 58)}";
8609
+ const duetBadgeCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-badge,*.sc-duet-badge::after,*.sc-duet-badge::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-badge-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}/*!@:host:last-child, :host:last-of-type*/.sc-duet-badge-h:last-child,.sc-duet-badge-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-badge-h{margin:0 !important}/*!@.duet-badge*/.duet-badge.sc-duet-badge{display:inline-block;width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;color:rgb(0, 41, 77);text-align:center;word-break:break-word;vertical-align:middle;background:#d9ebf4;border-radius:20rem}/*!@.duet-badge.duet-p-0*/.duet-badge.duet-p-0.sc-duet-badge{padding:0 !important}/*!@.duet-badge.duet-m-0*/.duet-badge.duet-m-0.sc-duet-badge{margin:0 !important}/*!@.duet-badge.duet-theme-turva*/.duet-badge.duet-theme-turva.sc-duet-badge{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}/*!@.duet-badge.warning*/.duet-badge.warning.sc-duet-badge{background:#fdecc9}/*!@.duet-badge.warning.duet-theme-turva*/.duet-badge.warning.duet-theme-turva.sc-duet-badge{background:#fee8c3}/*!@.duet-badge.danger*/.duet-badge.danger.sc-duet-badge{background:#f8d3e0}/*!@.duet-badge.danger.duet-theme-turva*/.duet-badge.danger.duet-theme-turva.sc-duet-badge{background:#f9d4cf}/*!@.duet-badge.success*/.duet-badge.success.sc-duet-badge{background:#cce7de}/*!@.duet-badge.success.duet-theme-turva*/.duet-badge.success.duet-theme-turva.sc-duet-badge{background:#cee7dc}/*!@.duet-badge.subtle*/.duet-badge.subtle.sc-duet-badge{color:rgb(101, 119, 135);background:none;outline:1px solid rgb(225, 227, 230);outline-offset:-1px}/*!@.duet-badge.subtle.duet-theme-turva*/.duet-badge.subtle.duet-theme-turva.sc-duet-badge{color:rgb(68, 68, 69);background:none;outline-color:rgb(228, 228, 230)}/*!@.duet-badge.background-strong.default*/.duet-badge.background-strong.default.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}/*!@.duet-badge.background-strong.default.duet-theme-turva*/.duet-badge.background-strong.default.duet-theme-turva.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}/*!@.duet-badge.background-strong.warning*/.duet-badge.background-strong.warning.sc-duet-badge{background:#f9c153}/*!@.duet-badge.background-strong.warning.duet-theme-turva*/.duet-badge.background-strong.warning.duet-theme-turva.sc-duet-badge{background:#fbb63f}/*!@.duet-badge.background-strong.danger*/.duet-badge.background-strong.danger.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(222, 35, 98)}/*!@.duet-badge.background-strong.danger.duet-theme-turva*/.duet-badge.background-strong.danger.duet-theme-turva.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(224, 42, 13)}/*!@.duet-badge.background-strong.success*/.duet-badge.background-strong.success.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(0, 135, 90)}/*!@.duet-badge.background-strong.success.duet-theme-turva*/.duet-badge.background-strong.success.duet-theme-turva.sc-duet-badge{color:rgb(255, 255, 255);background:rgb(8, 135, 78)}/*!@.duet-badge.background-strong.subtle*/.duet-badge.background-strong.subtle.sc-duet-badge{border-color:rgb(207, 210, 212);outline-color:rgb(0, 41, 77)}/*!@.duet-badge.background-strong.subtle.duet-theme-turva*/.duet-badge.background-strong.subtle.duet-theme-turva.sc-duet-badge{border-color:rgb(207, 207, 209);outline-color:rgb(23, 28, 58)}";
8610
8610
 
8611
8611
  class DuetBadge {
8612
8612
  constructor(hostRef) {
@@ -8628,7 +8628,7 @@ class DuetBadge {
8628
8628
  */
8629
8629
  render() {
8630
8630
  const backgroundClass = `background-${this.background}`;
8631
- return (hAsync(Host, { class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { class: {
8631
+ return (hAsync(Host, { class: { "duet-m-0": this.margin === "none" } }, hAsync("span", { class: {
8632
8632
  "duet-badge": true,
8633
8633
  [this.variation]: true,
8634
8634
  [backgroundClass]: true,
@@ -8659,8 +8659,27 @@ const DuetPicture = ({ img, sources }) => {
8659
8659
  hAsync("img", Object.assign({}, img))));
8660
8660
  };
8661
8661
 
8662
- const duetBannerCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-banner,*.sc-duet-banner::after,*.sc-duet-banner::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-banner-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}/*!@:host:last-child, :host:last-of-type*/.sc-duet-banner-h:last-child,.sc-duet-banner-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-banner-h{margin:0 !important}/*!@.duet-banner*/.duet-banner.sc-duet-banner{display:grid;width:100%;height:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;text-align:left;border-radius:24px}/*!@.duet-banner.duet-p-0*/.duet-banner.duet-p-0.sc-duet-banner{padding:0 !important}/*!@.duet-banner.duet-m-0*/.duet-banner.duet-m-0.sc-duet-banner{margin:0 !important}/*!@.duet-banner .visual*/.duet-banner.sc-duet-banner .visual.sc-duet-banner{position:relative;overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner .visual .image-container*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{position:relative;width:400px;height:400px;overflow:hidden;border-radius:20%;transform:rotate(7deg)}/*!@.duet-banner .visual .image*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{position:relative;top:20px;width:100%;height:100%;transform:rotate(-7deg);object-fit:cover}/*!@.duet-banner .visual .icon*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{position:absolute}/*!@.duet-banner .content*/.duet-banner.sc-duet-banner .content.sc-duet-banner{display:flex;flex-direction:column;gap:8px;padding:0 20px 36px}/*!@.duet-banner .action*/.duet-banner.sc-duet-banner .action.sc-duet-banner{display:flex;flex-direction:column;flex-grow:1;align-items:flex-start;justify-content:flex-end;padding-top:16px}/*!@.duet-banner.small*/.duet-banner.small.sc-duet-banner{grid-template-rows:335px 1fr;max-width:335px}/*!@.duet-banner.small .visual*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner.small .visual .image-container*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-130px;left:-40px}/*!@.duet-banner.small .visual .icon*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:30px;left:15px}/*!@.duet-banner.large*/.duet-banner.large.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}/*!@.duet-banner.large .visual*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.large .visual .image-container*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-30px;left:-30px}/*!@.duet-banner.large .visual .image*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:-15px;left:30px}/*!@.duet-banner.large .visual .icon*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:40px;bottom:auto;left:335px}/*!@.duet-banner.large .content*/.duet-banner.large.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.large .action*/.duet-banner.large.sc-duet-banner .action.sc-duet-banner{flex-grow:0}/*!@.duet-banner.auto*/.duet-banner.auto.sc-duet-banner{grid-template-rows:335px 1fr;max-width:335px}/*!@.duet-banner.auto .visual*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner.auto .visual .image-container*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-130px;left:-40px}/*!@.duet-banner.auto .visual .icon*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:30px;left:15px}@media (min-width: 62em){/*!@.duet-banner.auto*/.duet-banner.auto.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}/*!@.duet-banner.auto .visual*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.auto .visual .image-container*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-30px;left:-30px}/*!@.duet-banner.auto .visual .image*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:-15px;left:30px}/*!@.duet-banner.auto .visual .icon*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:40px;bottom:auto;left:335px}/*!@.duet-banner.auto .content*/.duet-banner.auto.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.auto .action*/.duet-banner.auto.sc-duet-banner .action.sc-duet-banner{flex-grow:0}}/*!@.duet-banner.duet-theme-turva*/.duet-banner.duet-theme-turva.sc-duet-banner{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}/*!@.duet-banner.duet-theme-turva .visual .image-container*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{width:526px;height:456px;transform:none;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}/*!@.duet-banner.duet-theme-turva .visual .image*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{transform:none}/*!@.duet-banner.duet-theme-turva.small .visual .image-container*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-164px;left:-147px}/*!@.duet-banner.duet-theme-turva.small .visual .image*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.small .visual .icon*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:15px}/*!@.duet-banner.duet-theme-turva.large .visual .image-container*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-54.923px;left:-147px}/*!@.duet-banner.duet-theme-turva.large .visual .image*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.large .visual .icon*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:auto;left:295px}/*!@.duet-banner.duet-theme-turva.auto .visual .image-container*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-164px;left:-147px}/*!@.duet-banner.duet-theme-turva.auto .visual .image*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.auto .visual .icon*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:15px}@media (min-width: 62em){/*!@.duet-banner.duet-theme-turva.auto .visual .image-container*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-54.923px;left:-147px}/*!@.duet-banner.duet-theme-turva.auto .visual .image*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.auto .visual .icon*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:auto;left:295px}}";
8662
+ const slotElementCheck = (evt, component, requiredTagName) => {
8663
+ var _a;
8664
+ const slot = evt.target;
8665
+ const slotDescription = slot.name ? `slot ${slot.name}` : "default slot";
8666
+ const slotElement = slot.assignedElements()[0];
8667
+ const slotTagName = slotElement === null || slotElement === void 0 ? void 0 : slotElement.tagName.toLowerCase();
8668
+ const componentTagName = (_a = component.element) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase();
8669
+ if (slotTagName && slotTagName !== requiredTagName) {
8670
+ console.warn(`Duet warning:
8671
+ Only <${requiredTagName}> should be used in <${componentTagName}> ${slotDescription}.
8672
+ Found: <${slotTagName}>`);
8673
+ }
8674
+ };
8675
+
8676
+ const duetBannerCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-banner,*.sc-duet-banner::after,*.sc-duet-banner::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-banner-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}/*!@:host:last-child, :host:last-of-type*/.sc-duet-banner-h:last-child,.sc-duet-banner-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-banner-h{margin:0 !important}/*!@.duet-banner*/.duet-banner.sc-duet-banner{display:grid;width:100%;height:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;text-align:left;border-radius:24px}/*!@.duet-banner.duet-p-0*/.duet-banner.duet-p-0.sc-duet-banner{padding:0 !important}/*!@.duet-banner.duet-m-0*/.duet-banner.duet-m-0.sc-duet-banner{margin:0 !important}/*!@.duet-banner .visual*/.duet-banner.sc-duet-banner .visual.sc-duet-banner{position:relative;overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner .visual .image-container*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{position:relative;width:400px;height:400px;overflow:hidden;border-radius:20%;transform:rotate(7deg)}/*!@.duet-banner .visual .image*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{position:relative;top:20px;width:100%;height:100%;transform:rotate(-7deg);object-fit:cover}/*!@.duet-banner .visual .icon*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{position:absolute}/*!@.duet-banner .content*/.duet-banner.sc-duet-banner .content.sc-duet-banner{display:flex;flex-direction:column;gap:8px;padding:0 20px 36px}/*!@.duet-banner .content .description*/.duet-banner.sc-duet-banner .content.sc-duet-banner .description.sc-duet-banner{hyphens:auto}/*!@.duet-banner .action*/.duet-banner.sc-duet-banner .action.sc-duet-banner{display:flex;flex-direction:column;flex-grow:1;align-items:flex-start;justify-content:flex-end;padding-top:16px}/*!@.duet-banner.small*/.duet-banner.small.sc-duet-banner{grid-template-rows:335px 1fr;max-width:335px}/*!@.duet-banner.small .visual*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner.small .visual .image-container*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-130px;left:-40px}/*!@.duet-banner.small .visual .icon*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:30px;left:15px}/*!@.duet-banner.large*/.duet-banner.large.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}/*!@.duet-banner.large .visual*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.large .visual .image-container*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-30px;left:-30px}/*!@.duet-banner.large .visual .image*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:-15px;left:30px}/*!@.duet-banner.large .visual .icon*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:40px;bottom:auto;left:335px}/*!@.duet-banner.large .content*/.duet-banner.large.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.large .action*/.duet-banner.large.sc-duet-banner .action.sc-duet-banner{flex-grow:0}/*!@.duet-banner.auto*/.duet-banner.auto.sc-duet-banner{grid-template-rows:335px 1fr;max-width:335px}/*!@.duet-banner.auto .visual*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner.auto .visual .image-container*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-130px;left:-40px}/*!@.duet-banner.auto .visual .icon*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:30px;left:15px}@media (min-width: 62em){/*!@.duet-banner.auto*/.duet-banner.auto.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}/*!@.duet-banner.auto .visual*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.auto .visual .image-container*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-30px;left:-30px}/*!@.duet-banner.auto .visual .image*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:-15px;left:30px}/*!@.duet-banner.auto .visual .icon*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:40px;bottom:auto;left:335px}/*!@.duet-banner.auto .content*/.duet-banner.auto.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.auto .action*/.duet-banner.auto.sc-duet-banner .action.sc-duet-banner{flex-grow:0}}/*!@.duet-banner.duet-theme-turva*/.duet-banner.duet-theme-turva.sc-duet-banner{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}/*!@.duet-banner.duet-theme-turva .visual .image-container*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{width:526px;height:456px;transform:none;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}/*!@.duet-banner.duet-theme-turva .visual .image*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{transform:none}/*!@.duet-banner.duet-theme-turva.small .visual .image-container*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-164px;left:-147px}/*!@.duet-banner.duet-theme-turva.small .visual .image*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.small .visual .icon*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:15px}/*!@.duet-banner.duet-theme-turva.large .visual .image-container*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-54.923px;left:-147px}/*!@.duet-banner.duet-theme-turva.large .visual .image*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.large .visual .icon*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:auto;left:295px}/*!@.duet-banner.duet-theme-turva.auto .visual .image-container*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-164px;left:-147px}/*!@.duet-banner.duet-theme-turva.auto .visual .image*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.auto .visual .icon*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:15px}@media (min-width: 62em){/*!@.duet-banner.duet-theme-turva.auto .visual .image-container*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-54.923px;left:-147px}/*!@.duet-banner.duet-theme-turva.auto .visual .image*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.auto .visual .icon*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:auto;left:295px}}";
8663
8677
 
8678
+ /**
8679
+ * @slot heading - Slot for heading content. Only span should be used in this slot.
8680
+ * @slot description - Slot for description content.
8681
+ * @slot action - Slot for action button.
8682
+ */
8664
8683
  class DuetBanner {
8665
8684
  constructor(hostRef) {
8666
8685
  registerInstance(this, hostRef);
@@ -8692,6 +8711,7 @@ class DuetBanner {
8692
8711
  render() {
8693
8712
  const backgroundColorTemp = this.theme === "turva" && this.backgroundColor === "primary-lighter" ? "gray-lighter" : this.backgroundColor;
8694
8713
  const backgroundColor = getColorByName(backgroundColorTemp, this.theme);
8714
+ const color = getColorByName(this.textColor, this.theme);
8695
8715
  const bannerStyles = {
8696
8716
  backgroundColor,
8697
8717
  };
@@ -8703,7 +8723,7 @@ class DuetBanner {
8703
8723
  "duet-banner": true,
8704
8724
  "duet-theme-turva": this.theme === "turva",
8705
8725
  [this.size]: true,
8706
- }, style: bannerStyles }, hAsync("div", { class: "visual" }, hAsync("div", { class: "image-container" }, this.image && hAsync(DuetPicture, Object.assign({}, pictureSource))), this.icon && (hAsync("duet-icon", { theme: this.theme, class: "icon", name: this.icon, shape: "brand", size: "xx-large", color: this.iconColor, background: this.iconBackgroundColor, "background-rotation": "7", "background-opacity": "0.85", margin: "none" }))), hAsync("div", { class: "content" }, this.hasHeadingSlot && (hAsync("div", { class: "heading" }, hAsync("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": "h2", margin: "none", color: this.textColor }, hAsync("div", null, hAsync("slot", { name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { class: "description" }, hAsync("duet-paragraph", { theme: this.theme, margin: "none", color: this.textColor }, hAsync("div", null, hAsync("slot", { name: "description" }))))), this.hasActionSlot && (hAsync("div", { class: "action" }, hAsync("slot", { name: "action" })))))));
8726
+ }, style: bannerStyles }, hAsync("div", { class: "visual" }, hAsync("div", { class: "image-container" }, this.image && hAsync(DuetPicture, Object.assign({}, pictureSource))), this.icon && (hAsync("duet-icon", { theme: this.theme, class: "icon", name: this.icon, shape: "brand", size: "xx-large", color: this.iconColor, background: this.iconBackgroundColor, "background-rotation": "7", "background-opacity": "0.85", margin: "none" }))), hAsync("div", { class: "content" }, this.hasHeadingSlot && (hAsync("div", { class: "heading" }, hAsync("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": "h2", margin: "none", color: this.textColor }, hAsync("span", null, hAsync("slot", { name: "heading", onSlotchange: ev => slotElementCheck(ev, this, "span") }))))), this.hasDescriptionSlot && (hAsync("div", { class: "description", style: { color } }, hAsync("slot", { name: "description" }))), this.hasActionSlot && (hAsync("div", { class: "action" }, hAsync("slot", { name: "action" })))))));
8707
8727
  }
8708
8728
  get element() { return getElement(this); }
8709
8729
  static get style() { return duetBannerCss; }
@@ -8867,7 +8887,7 @@ const DuetStringsLoadingDefaults = {
8867
8887
  en: "Loading…",
8868
8888
  };
8869
8889
 
8870
- const duetButtonCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-button,*.sc-duet-button::after,*.sc-duet-button::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-button-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}/*!@:host:last-child, :host:last-of-type*/.sc-duet-button-h:last-child,.sc-duet-button-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){/*!@:host*/.sc-duet-button-h{width:100%}}/*!@:host(.square)*/.square.sc-duet-button-h{margin-right:12px !important}/*!@:host(.square):last-child, :host(.square):last-of-type*/.square.sc-duet-button-h:last-child,.square.sc-duet-button-h:last-of-type{margin-right:0 !important}/*!@:host(.input-button)*/.input-button.sc-duet-button-h{z-index:250}/*!@:host(.duet-small),\n:host(.duet-x-small)*/.duet-small.sc-duet-button-h,.duet-x-small.sc-duet-button-h{margin-right:4px !important;margin-bottom:8px !important}/*!@:host(.duet-small):last-child, :host(.duet-small):last-of-type,\n:host(.duet-x-small):last-child,\n:host(.duet-x-small):last-of-type*/.duet-small.sc-duet-button-h:last-child,.duet-small.sc-duet-button-h:last-of-type,.duet-x-small.sc-duet-button-h:last-child,.duet-x-small.sc-duet-button-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){/*!@:host(.duet-small),\n :host(.duet-x-small)*/.duet-small.sc-duet-button-h,.duet-x-small.sc-duet-button-h{width:auto}}/*!@:host(.duet-x-small)*/.duet-x-small.sc-duet-button-h{margin-right:2px !important}/*!@:host(.duet-x-small):last-child, :host(.duet-x-small):last-of-type*/.duet-x-small.sc-duet-button-h:last-child,.duet-x-small.sc-duet-button-h:last-of-type{margin-right:0 !important}/*!@:host(.square.duet-small),\n:host(.square.duet-x-small)*/.square.duet-small.sc-duet-button-h,.square.duet-x-small.sc-duet-button-h{margin-right:8px !important}/*!@:host(.square.duet-small):last-child, :host(.square.duet-small):last-of-type,\n:host(.square.duet-x-small):last-child,\n:host(.square.duet-x-small):last-of-type*/.square.duet-small.sc-duet-button-h:last-child,.square.duet-small.sc-duet-button-h:last-of-type,.square.duet-x-small.sc-duet-button-h:last-child,.square.duet-x-small.sc-duet-button-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-expand)*/.duet-expand.sc-duet-button-h{width:100% !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-button-h{margin:0 !important}/*!@:host(.duet-fixed)*/.duet-fixed.sc-duet-button-h{width:auto !important}/*!@:host(:last-child)*/.sc-duet-button-h:last-child{margin-right:0 !important}/*!@.duet-button-container*/.duet-button-container.sc-duet-button{position:relative;width:100%}/*!@.duet-button*/.duet-button.sc-duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}/*!@.duet-button.duet-p-0*/.duet-button.duet-p-0.sc-duet-button{padding:0 !important}/*!@.duet-button.duet-m-0*/.duet-button.duet-m-0.sc-duet-button{margin:0 !important}/*!@.duet-button:focus*/.duet-button.sc-duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-button:focus, .duet-button:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button:focus,.duet-button.sc-duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-button.duet-button-size-medium*/.duet-button.duet-button-size-medium.sc-duet-button{height:50px;padding-right:24px;padding-left:24px;font-size:1rem;border-radius:12.5px}/*!@.duet-button.duet-button-size-medium.icon-left*/.duet-button.duet-button-size-medium.icon-left.sc-duet-button{padding-left:18px}/*!@.duet-button.duet-button-size-medium.icon-right*/.duet-button.duet-button-size-medium.icon-right.sc-duet-button{padding-right:18px}/*!@.duet-button.duet-button-size-small*/.duet-button.duet-button-size-small.sc-duet-button{height:40px;padding-right:18px;padding-left:18px;font-size:0.875rem;border-radius:10px}/*!@.duet-button.duet-button-size-small.icon-left*/.duet-button.duet-button-size-small.icon-left.sc-duet-button{padding-left:14px}/*!@.duet-button.duet-button-size-small.icon-right*/.duet-button.duet-button-size-small.icon-right.sc-duet-button{padding-right:14px}/*!@.duet-button.duet-button-size-x-small*/.duet-button.duet-button-size-x-small.sc-duet-button{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}/*!@.duet-button.duet-button-size-x-small.icon-left*/.duet-button.duet-button-size-x-small.icon-left.sc-duet-button{padding-left:10px}/*!@.duet-button.duet-button-size-x-small.icon-right*/.duet-button.duet-button-size-x-small.icon-right.sc-duet-button{padding-right:10px}/*!@.duet-button.plain.duet-p-0*/.duet-button.plain.duet-p-0.sc-duet-button{height:auto}/*!@.duet-button:not(.input-button-primary, .input-button-secondary, .input-button-embedded)*/.duet-button.sc-duet-button:not(.input-button-primary,.input-button-secondary.sc-duet-button,.input-button-embedded).sc-duet-button{font-variant-numeric:tabular-nums}/*!@.duet-button.duet-button-text-center*/.duet-button.duet-button-text-center.sc-duet-button{text-align:center !important}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only)*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only){min-width:48px}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only).duet-p-0{padding:0 !important}/*!@.duet-theme-turva .duet-button*/.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(198, 12, 48) !important}/*!@.duet-button .duet-button-contents*/.duet-button.sc-duet-button .duet-button-contents.sc-duet-button{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}/*!@.duet-button .duet-button-contents.icon-right*/.duet-button.sc-duet-button .duet-button-contents.icon-right.sc-duet-button{flex-direction:row-reverse}/*!@.duet-button .duet-button-contents .duet-button-contents-slot*/.duet-button.sc-duet-button .duet-button-contents.sc-duet-button .duet-button-contents-slot.sc-duet-button{position:relative;top:0}/*!@.duet-button.duet-no-wrap*/.duet-button.duet-no-wrap.sc-duet-button{white-space:nowrap}/*!@.duet-button svg*/.duet-button.sc-duet-button svg.sc-duet-button{width:100%;min-width:100%;fill:currentColor}/*!@.duet-button .duet-button-icon*/.duet-button.sc-duet-button .duet-button-icon.sc-duet-button{display:flex;align-items:center}/*!@.duet-button .duet-button-icon duet-icon*/.duet-button.sc-duet-button .duet-button-icon.sc-duet-button duet-icon.sc-duet-button{width:16px;height:16px}/*!@.duet-button .duet-button-icon.large duet-icon*/.duet-button.sc-duet-button .duet-button-icon.large.sc-duet-button duet-icon.sc-duet-button{width:20px;height:20px}/*!@.duet-button .duet-button-icon.medium-small duet-icon*/.duet-button.sc-duet-button .duet-button-icon.medium-small.sc-duet-button duet-icon.sc-duet-button{width:10px;height:10px}/*!@.duet-button .duet-button-icon.small duet-icon*/.duet-button.sc-duet-button .duet-button-icon.small.sc-duet-button duet-icon.sc-duet-button{width:7px;height:7px}/*!@.duet-button:active:not([disabled])*/.duet-button.sc-duet-button:active:not([disabled]){opacity:0.75;transition:none}/*!@.duet-button.default*/.duet-button.default.sc-duet-button{border-color:rgb(207, 210, 212)}/*!@.duet-theme-turva .duet-button.default*/.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button{color:rgb(198, 12, 48) !important;border-color:rgb(228, 228, 230)}/*!@.duet-button.default:hover*/.duet-button.default.sc-duet-button:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}/*!@.duet-theme-turva .duet-button.default:hover*/.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}/*!@.duet-button.default.duet-button-negative*/.duet-button.default.duet-button-negative.sc-duet-button{background-color:rgb(255, 255, 255)}/*!@.duet-theme-turva .duet-button.default.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.default.duet-button-negative.sc-duet-button{background-color:rgb(228, 228, 230) !important}/*!@.duet-button.default.duet-button-negative:hover*/.duet-button.default.duet-button-negative.sc-duet-button:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.default.duet-button-negative:hover*/.duet-theme-turva.sc-duet-button .duet-button.default.duet-button-negative.sc-duet-button:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}/*!@.duet-button.primary, .duet-button.input-button-primary*/.duet-button.primary.sc-duet-button,.duet-button.input-button-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.primary, .duet-theme-turva .duet-button.input-button-primary*/.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}/*!@.duet-button.primary:hover, .duet-button.input-button-primary:hover*/.duet-button.primary.sc-duet-button:hover,.duet-button.input-button-primary.sc-duet-button:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}/*!@.duet-theme-turva .duet-button.primary:hover, .duet-theme-turva .duet-button.input-button-primary:hover*/.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-primary.sc-duet-button:hover{background:rgb(148, 9, 37);border-color:rgb(148, 9, 37)}/*!@.duet-button.primary:focus, .duet-button.input-button-primary:focus*/.duet-button.primary.sc-duet-button:focus,.duet-button.input-button-primary.sc-duet-button:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}/*!@.duet-theme-turva .duet-button.primary:focus, .duet-theme-turva .duet-button.input-button-primary:focus*/.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:focus,.duet-theme-turva.sc-duet-button .duet-button.input-button-primary.sc-duet-button:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}/*!@.duet-button.secondary, .duet-button.input-button-secondary, .duet-button.input-button-embedded*/.duet-button.secondary.sc-duet-button,.duet-button.input-button-secondary.sc-duet-button,.duet-button.input-button-embedded.sc-duet-button{color:rgb(0, 41, 77) !important;background:transparent;border-color:rgb(0, 41, 77)}/*!@.duet-theme-turva .duet-button.secondary, .duet-theme-turva .duet-button.input-button-secondary, .duet-theme-turva .duet-button.input-button-embedded*/.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.sc-duet-button{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}/*!@.duet-button.secondary:hover, .duet-button.input-button-secondary:hover, .duet-button.input-button-embedded:hover*/.duet-button.secondary.sc-duet-button:hover,.duet-button.input-button-secondary.sc-duet-button:hover,.duet-button.input-button-embedded.sc-duet-button:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.secondary:hover, .duet-theme-turva .duet-button.input-button-secondary:hover, .duet-theme-turva .duet-button.input-button-embedded:hover*/.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.sc-duet-button:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}/*!@.duet-button.secondary.duet-button-negative, .duet-button.input-button-secondary.duet-button-negative, .duet-button.input-button-embedded.duet-button-negative*/.duet-button.secondary.duet-button-negative.sc-duet-button,.duet-button.input-button-secondary.duet-button-negative.sc-duet-button,.duet-button.input-button-embedded.duet-button-negative.sc-duet-button{color:rgb(225, 227, 230) !important;border-color:rgb(255, 255, 255)}/*!@.duet-theme-turva .duet-button.secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.secondary.duet-button-negative.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.duet-button-negative.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.duet-button-negative.sc-duet-button{color:rgb(228, 228, 230) !important}/*!@.duet-button.secondary.duet-button-negative:hover, .duet-button.input-button-secondary.duet-button-negative:hover, .duet-button.input-button-embedded.duet-button-negative:hover*/.duet-button.secondary.duet-button-negative.sc-duet-button:hover,.duet-button.input-button-secondary.duet-button-negative.sc-duet-button:hover,.duet-button.input-button-embedded.duet-button-negative.sc-duet-button:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover*/.duet-theme-turva.sc-duet-button .duet-button.secondary.duet-button-negative.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.duet-button-negative.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.duet-button-negative.sc-duet-button:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}/*!@.duet-button.input-button-embedded*/.duet-button.input-button-embedded.sc-duet-button{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}/*!@.duet-button.input-button*/.duet-button.input-button.sc-duet-button{height:auto}/*!@.duet-button.negative*/.duet-button.negative.sc-duet-button{color:rgb(0, 41, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}/*!@.duet-theme-turva .duet-button.negative*/.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button{color:rgb(23, 28, 58) !important}/*!@.duet-button.negative:hover*/.duet-button.negative.sc-duet-button:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}/*!@.duet-button.negative:focus*/.duet-button.negative.sc-duet-button:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}/*!@.duet-theme-turva .duet-button.negative:focus*/.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}/*!@.duet-button.destructive-primary*/.duet-button.destructive-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(222, 35, 98);border-color:rgb(222, 35, 98)}/*!@.duet-theme-turva .duet-button.destructive-primary*/.duet-theme-turva.sc-duet-button .duet-button.destructive-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(224, 42, 13);border-color:rgb(224, 42, 13)}/*!@.duet-button.destructive-primary:hover*/.duet-button.destructive-primary.sc-duet-button:hover{background:#b21c4e;border-color:#b21c4e;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}/*!@.duet-theme-turva .duet-button.destructive-primary:hover*/.duet-theme-turva.sc-duet-button .duet-button.destructive-primary.sc-duet-button:hover{background:#b3220a}/*!@.duet-button.destructive, .duet-button.destructive-secondary*/.duet-button.destructive.sc-duet-button,.duet-button.destructive-secondary.sc-duet-button{color:rgb(222, 35, 98) !important;background:rgb(255, 255, 255);border-color:rgb(222, 35, 98)}/*!@.duet-theme-turva .duet-button.destructive, .duet-theme-turva .duet-button.destructive-secondary*/.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.destructive-secondary.sc-duet-button{color:rgb(224, 42, 13) !important;background:rgb(255, 255, 255);border-color:rgb(224, 42, 13)}/*!@.duet-button.destructive:hover, .duet-button.destructive-secondary:hover*/.duet-button.destructive.sc-duet-button:hover,.duet-button.destructive-secondary.sc-duet-button:hover{color:rgb(255, 255, 255) !important;background:#b21c4e;border-color:#b21c4e}/*!@.duet-theme-turva .duet-button.destructive:hover, .duet-theme-turva .duet-button.destructive-secondary:hover*/.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.destructive-secondary.sc-duet-button:hover{color:rgb(255, 255, 255) !important;background:#b3220a;border-color:#b3220a}/*!@.duet-button.plain*/.duet-button.plain.sc-duet-button{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}/*!@.duet-theme-turva .duet-button.plain*/.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}/*!@.duet-button.plain.duet-p-0 .duet-button-contents*/.duet-button.plain.duet-p-0.sc-duet-button .duet-button-contents.sc-duet-button{height:auto}/*!@.duet-button.plain[disabled]*/.duet-button.plain[disabled].sc-duet-button{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}/*!@.duet-theme-turva .duet-button.plain[disabled]*/.duet-theme-turva.sc-duet-button .duet-button.plain[disabled].sc-duet-button{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(228, 228, 230) !important}/*!@.duet-button.plain:hover*/.duet-button.plain.sc-duet-button:hover{color:rgb(0, 77, 128) !important;background:transparent !important}/*!@.duet-theme-turva .duet-button.plain:hover*/.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button:hover{color:rgb(148, 9, 37) !important}/*!@.duet-button.plain.duet-button-negative*/.duet-button.plain.duet-button-negative.sc-duet-button{color:rgb(255, 255, 255) !important}/*!@.duet-theme-turva .duet-button.plain.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.plain.duet-button-negative.sc-duet-button{color:rgb(228, 228, 230) !important}/*!@.duet-button.plain.duet-button-negative:hover*/.duet-button.plain.duet-button-negative.sc-duet-button:hover{color:rgb(0, 119, 179) !important}/*!@.duet-theme-turva .duet-button.plain.duet-button-negative:hover*/.duet-theme-turva.sc-duet-button .duet-button.plain.duet-button-negative.sc-duet-button:hover{color:rgb(198, 12, 48) !important}/*!@.duet-button.duet-button-icon-only*/.duet-button.duet-button-icon-only.sc-duet-button{min-width:48px;min-height:48px;padding:0 !important}/*!@.duet-button.duet-button-icon-only .duet-button-contents*/.duet-button.duet-button-icon-only.sc-duet-button .duet-button-contents.sc-duet-button{position:static}/*!@.duet-button.duet-button-icon-only .duet-button-icon.left.large,\n.duet-button.duet-button-icon-only .duet-button-icon.left.medium,\n.duet-button.duet-button-icon-only .duet-button-icon.left.small*/.duet-button.duet-button-icon-only.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button-icon-only.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button-icon-only.sc-duet-button .duet-button-icon.left.small.sc-duet-button{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}/*!@.duet-button.duet-button.input-button-primary, .duet-button.duet-button.input-button-secondary, .duet-button.duet-button.input-button-embedded*/.duet-button.duet-button.input-button-primary.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}/*!@.duet-button.duet-button.input-button-primary .duet-button-contents, .duet-button.duet-button.input-button-secondary .duet-button-contents, .duet-button.duet-button.input-button-embedded .duet-button-contents*/.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-contents.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-contents.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-contents.sc-duet-button{position:static}/*!@.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,\n.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,\n.duet-button.duet-button.input-button-primary .duet-button-icon.left.small, .duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,\n.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,\n.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small, .duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,\n.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,\n.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small*/.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-icon.left.small.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-icon.left.small.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-icon.left.small.sc-duet-button{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}/*!@.duet-button.duet-button.input-button-embedded*/.duet-button.duet-button.input-button-embedded.sc-duet-button{border-left-width:0}/*!@.duet-button.square*/.duet-button.square.sc-duet-button{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(207, 210, 212);border-width:1px}/*!@.duet-button.square.duet-button-size-small*/.duet-button.square.duet-button-size-small.sc-duet-button{width:42px;font-size:0.875rem}/*!@.duet-button.square.duet-button-size-x-small*/.duet-button.square.duet-button-size-x-small.sc-duet-button{width:34px;font-size:0.875rem}/*!@.duet-button.square.duet-button-negative*/.duet-button.square.duet-button-negative.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.square.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.square.duet-button-negative.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}/*!@.duet-theme-turva .duet-button.square*/.duet-theme-turva.sc-duet-button .duet-button.square.sc-duet-button{border-color:rgb(228, 228, 230)}/*!@.duet-button.square:hover*/.duet-button.square.sc-duet-button:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}/*!@.duet-theme-turva .duet-button.square:hover*/.duet-theme-turva.sc-duet-button .duet-button.square.sc-duet-button:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}/*!@.duet-button.square .duet-button-contents*/.duet-button.square.sc-duet-button .duet-button-contents.sc-duet-button{gap:0}/*!@.duet-button[disabled], .duet-button[disabled]:hover, .duet-button.duet-button-negative[disabled], .duet-button.duet-button-negative[disabled]:hover*/.duet-button[disabled].sc-duet-button,.duet-button[disabled].sc-duet-button:hover,.duet-button.duet-button-negative[disabled].sc-duet-button,.duet-button.duet-button-negative[disabled].sc-duet-button:hover{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:rgb(225, 227, 230) !important;border-color:rgb(225, 227, 230) !important;box-shadow:none !important}/*!@.duet-theme-turva .duet-button[disabled], .duet-theme-turva .duet-button[disabled]:hover, .duet-theme-turva .duet-button.duet-button-negative [disabled], .duet-theme-turva .duet-button.duet-button-negative [disabled]:hover*/.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.duet-button-negative.sc-duet-button [disabled].sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.duet-button-negative.sc-duet-button [disabled].sc-duet-button:hover{color:rgb(116, 116, 117) !important;cursor:not-allowed;background:rgb(228, 228, 230) !important;border-color:rgb(228, 228, 230) !important}/*!@.duet-button-is-loading.primary, .duet-button-is-loading.input-button-primary*/.duet-button-is-loading.primary.sc-duet-button,.duet-button-is-loading.input-button-primary.sc-duet-button{color:rgb(255, 255, 255)}/*!@.duet-button-is-loading.default*/.duet-button-is-loading.default.sc-duet-button{color:rgb(0, 119, 179)}/*!@.duet-button-is-loading.default.duet-theme-turva*/.duet-button-is-loading.default.duet-theme-turva.sc-duet-button{color:rgb(198, 12, 48)}/*!@.duet-button-is-loading .duet-button-contents*/.duet-button-is-loading.sc-duet-button .duet-button-contents.sc-duet-button{visibility:hidden;opacity:0}";
8890
+ const duetButtonCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-button,*.sc-duet-button::after,*.sc-duet-button::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-button-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}/*!@:host:last-child, :host:last-of-type*/.sc-duet-button-h:last-child,.sc-duet-button-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){/*!@:host*/.sc-duet-button-h{width:100%}}/*!@:host(.square)*/.square.sc-duet-button-h{margin-right:12px !important}/*!@:host(.square):last-child, :host(.square):last-of-type*/.square.sc-duet-button-h:last-child,.square.sc-duet-button-h:last-of-type{margin-right:0 !important}/*!@:host(.input-button)*/.input-button.sc-duet-button-h{z-index:250}/*!@:host(.duet-small),\n:host(.duet-x-small)*/.duet-small.sc-duet-button-h,.duet-x-small.sc-duet-button-h{margin-right:4px !important;margin-bottom:8px !important}/*!@:host(.duet-small):last-child, :host(.duet-small):last-of-type,\n:host(.duet-x-small):last-child,\n:host(.duet-x-small):last-of-type*/.duet-small.sc-duet-button-h:last-child,.duet-small.sc-duet-button-h:last-of-type,.duet-x-small.sc-duet-button-h:last-child,.duet-x-small.sc-duet-button-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){/*!@:host(.duet-small),\n :host(.duet-x-small)*/.duet-small.sc-duet-button-h,.duet-x-small.sc-duet-button-h{width:auto}}/*!@:host(.duet-x-small)*/.duet-x-small.sc-duet-button-h{margin-right:2px !important}/*!@:host(.duet-x-small):last-child, :host(.duet-x-small):last-of-type*/.duet-x-small.sc-duet-button-h:last-child,.duet-x-small.sc-duet-button-h:last-of-type{margin-right:0 !important}/*!@:host(.square.duet-small),\n:host(.square.duet-x-small)*/.square.duet-small.sc-duet-button-h,.square.duet-x-small.sc-duet-button-h{margin-right:8px !important}/*!@:host(.square.duet-small):last-child, :host(.square.duet-small):last-of-type,\n:host(.square.duet-x-small):last-child,\n:host(.square.duet-x-small):last-of-type*/.square.duet-small.sc-duet-button-h:last-child,.square.duet-small.sc-duet-button-h:last-of-type,.square.duet-x-small.sc-duet-button-h:last-child,.square.duet-x-small.sc-duet-button-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-expand)*/.duet-expand.sc-duet-button-h{width:100% !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-button-h{margin:0 !important}/*!@:host(.duet-fixed)*/.duet-fixed.sc-duet-button-h{width:auto !important}/*!@:host(:last-child)*/.sc-duet-button-h:last-child{margin-right:0 !important}/*!@.duet-button-container*/.duet-button-container.sc-duet-button{position:relative;display:block;width:100%}/*!@.duet-button*/.duet-button.sc-duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}/*!@.duet-button.duet-p-0*/.duet-button.duet-p-0.sc-duet-button{padding:0 !important}/*!@.duet-button.duet-m-0*/.duet-button.duet-m-0.sc-duet-button{margin:0 !important}/*!@.duet-button:focus*/.duet-button.sc-duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-button:focus, .duet-button:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button:focus,.duet-button.sc-duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-button.duet-button-size-medium*/.duet-button.duet-button-size-medium.sc-duet-button{height:50px;padding-right:24px;padding-left:24px;font-size:1rem;border-radius:12.5px}/*!@.duet-button.duet-button-size-medium.icon-left*/.duet-button.duet-button-size-medium.icon-left.sc-duet-button{padding-left:18px}/*!@.duet-button.duet-button-size-medium.icon-right*/.duet-button.duet-button-size-medium.icon-right.sc-duet-button{padding-right:18px}/*!@.duet-button.duet-button-size-small*/.duet-button.duet-button-size-small.sc-duet-button{height:40px;padding-right:18px;padding-left:18px;font-size:0.875rem;border-radius:10px}/*!@.duet-button.duet-button-size-small.icon-left*/.duet-button.duet-button-size-small.icon-left.sc-duet-button{padding-left:14px}/*!@.duet-button.duet-button-size-small.icon-right*/.duet-button.duet-button-size-small.icon-right.sc-duet-button{padding-right:14px}/*!@.duet-button.duet-button-size-x-small*/.duet-button.duet-button-size-x-small.sc-duet-button{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}/*!@.duet-button.duet-button-size-x-small.icon-left*/.duet-button.duet-button-size-x-small.icon-left.sc-duet-button{padding-left:10px}/*!@.duet-button.duet-button-size-x-small.icon-right*/.duet-button.duet-button-size-x-small.icon-right.sc-duet-button{padding-right:10px}/*!@.duet-button.plain.duet-p-0*/.duet-button.plain.duet-p-0.sc-duet-button{height:auto}/*!@.duet-button:not(.input-button-primary, .input-button-secondary, .input-button-embedded)*/.duet-button.sc-duet-button:not(.input-button-primary,.input-button-secondary.sc-duet-button,.input-button-embedded).sc-duet-button{font-variant-numeric:tabular-nums}/*!@.duet-button.duet-button-text-center*/.duet-button.duet-button-text-center.sc-duet-button{text-align:center !important}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only)*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only){min-width:48px}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only).duet-p-0{padding:0 !important}/*!@.duet-theme-turva .duet-button*/.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(198, 12, 48) !important}/*!@.duet-button .duet-button-contents*/.duet-button.sc-duet-button .duet-button-contents.sc-duet-button{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}/*!@.duet-button .duet-button-contents.icon-right*/.duet-button.sc-duet-button .duet-button-contents.icon-right.sc-duet-button{flex-direction:row-reverse}/*!@.duet-button .duet-button-contents .duet-button-contents-slot*/.duet-button.sc-duet-button .duet-button-contents.sc-duet-button .duet-button-contents-slot.sc-duet-button{position:relative;top:0}/*!@.duet-button.duet-no-wrap*/.duet-button.duet-no-wrap.sc-duet-button{white-space:nowrap}/*!@.duet-button svg*/.duet-button.sc-duet-button svg.sc-duet-button{width:100%;min-width:100%;fill:currentColor}/*!@.duet-button .duet-button-icon*/.duet-button.sc-duet-button .duet-button-icon.sc-duet-button{display:flex;align-items:center}/*!@.duet-button .duet-button-icon duet-icon*/.duet-button.sc-duet-button .duet-button-icon.sc-duet-button duet-icon.sc-duet-button{width:16px;height:16px}/*!@.duet-button .duet-button-icon.large duet-icon*/.duet-button.sc-duet-button .duet-button-icon.large.sc-duet-button duet-icon.sc-duet-button{width:20px;height:20px}/*!@.duet-button .duet-button-icon.medium-small duet-icon*/.duet-button.sc-duet-button .duet-button-icon.medium-small.sc-duet-button duet-icon.sc-duet-button{width:10px;height:10px}/*!@.duet-button .duet-button-icon.small duet-icon*/.duet-button.sc-duet-button .duet-button-icon.small.sc-duet-button duet-icon.sc-duet-button{width:7px;height:7px}/*!@.duet-button:active:not([disabled])*/.duet-button.sc-duet-button:active:not([disabled]){opacity:0.75;transition:none}/*!@.duet-button.default*/.duet-button.default.sc-duet-button{border-color:rgb(207, 210, 212)}/*!@.duet-theme-turva .duet-button.default*/.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button{color:rgb(198, 12, 48) !important;border-color:rgb(228, 228, 230)}/*!@.duet-button.default:hover*/.duet-button.default.sc-duet-button:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}/*!@.duet-theme-turva .duet-button.default:hover*/.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}/*!@.duet-button.default.duet-button-negative*/.duet-button.default.duet-button-negative.sc-duet-button{background-color:rgb(255, 255, 255)}/*!@.duet-theme-turva .duet-button.default.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.default.duet-button-negative.sc-duet-button{background-color:rgb(228, 228, 230) !important}/*!@.duet-button.default.duet-button-negative:hover*/.duet-button.default.duet-button-negative.sc-duet-button:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.default.duet-button-negative:hover*/.duet-theme-turva.sc-duet-button .duet-button.default.duet-button-negative.sc-duet-button:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}/*!@.duet-button.primary, .duet-button.input-button-primary*/.duet-button.primary.sc-duet-button,.duet-button.input-button-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.primary, .duet-theme-turva .duet-button.input-button-primary*/.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}/*!@.duet-button.primary:hover, .duet-button.input-button-primary:hover*/.duet-button.primary.sc-duet-button:hover,.duet-button.input-button-primary.sc-duet-button:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}/*!@.duet-theme-turva .duet-button.primary:hover, .duet-theme-turva .duet-button.input-button-primary:hover*/.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-primary.sc-duet-button:hover{background:rgb(148, 9, 37);border-color:rgb(148, 9, 37)}/*!@.duet-button.primary:focus, .duet-button.input-button-primary:focus*/.duet-button.primary.sc-duet-button:focus,.duet-button.input-button-primary.sc-duet-button:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}/*!@.duet-theme-turva .duet-button.primary:focus, .duet-theme-turva .duet-button.input-button-primary:focus*/.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:focus,.duet-theme-turva.sc-duet-button .duet-button.input-button-primary.sc-duet-button:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}/*!@.duet-button.secondary, .duet-button.input-button-secondary, .duet-button.input-button-embedded*/.duet-button.secondary.sc-duet-button,.duet-button.input-button-secondary.sc-duet-button,.duet-button.input-button-embedded.sc-duet-button{color:rgb(0, 41, 77) !important;background:transparent;border-color:rgb(0, 41, 77)}/*!@.duet-theme-turva .duet-button.secondary, .duet-theme-turva .duet-button.input-button-secondary, .duet-theme-turva .duet-button.input-button-embedded*/.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.sc-duet-button{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}/*!@.duet-button.secondary:hover, .duet-button.input-button-secondary:hover, .duet-button.input-button-embedded:hover*/.duet-button.secondary.sc-duet-button:hover,.duet-button.input-button-secondary.sc-duet-button:hover,.duet-button.input-button-embedded.sc-duet-button:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.secondary:hover, .duet-theme-turva .duet-button.input-button-secondary:hover, .duet-theme-turva .duet-button.input-button-embedded:hover*/.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.sc-duet-button:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}/*!@.duet-button.secondary.duet-button-negative, .duet-button.input-button-secondary.duet-button-negative, .duet-button.input-button-embedded.duet-button-negative*/.duet-button.secondary.duet-button-negative.sc-duet-button,.duet-button.input-button-secondary.duet-button-negative.sc-duet-button,.duet-button.input-button-embedded.duet-button-negative.sc-duet-button{color:rgb(225, 227, 230) !important;border-color:rgb(255, 255, 255)}/*!@.duet-theme-turva .duet-button.secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.secondary.duet-button-negative.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.duet-button-negative.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.duet-button-negative.sc-duet-button{color:rgb(228, 228, 230) !important}/*!@.duet-button.secondary.duet-button-negative:hover, .duet-button.input-button-secondary.duet-button-negative:hover, .duet-button.input-button-embedded.duet-button-negative:hover*/.duet-button.secondary.duet-button-negative.sc-duet-button:hover,.duet-button.input-button-secondary.duet-button-negative.sc-duet-button:hover,.duet-button.input-button-embedded.duet-button-negative.sc-duet-button:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover*/.duet-theme-turva.sc-duet-button .duet-button.secondary.duet-button-negative.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.duet-button-negative.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.duet-button-negative.sc-duet-button:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}/*!@.duet-button.input-button-embedded*/.duet-button.input-button-embedded.sc-duet-button{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}/*!@.duet-button.input-button*/.duet-button.input-button.sc-duet-button{height:auto}/*!@.duet-button.negative*/.duet-button.negative.sc-duet-button{color:rgb(0, 41, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}/*!@.duet-theme-turva .duet-button.negative*/.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button{color:rgb(23, 28, 58) !important}/*!@.duet-button.negative:hover*/.duet-button.negative.sc-duet-button:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}/*!@.duet-button.negative:focus*/.duet-button.negative.sc-duet-button:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}/*!@.duet-theme-turva .duet-button.negative:focus*/.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}/*!@.duet-button.destructive-primary*/.duet-button.destructive-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(222, 35, 98);border-color:rgb(222, 35, 98)}/*!@.duet-theme-turva .duet-button.destructive-primary*/.duet-theme-turva.sc-duet-button .duet-button.destructive-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(224, 42, 13);border-color:rgb(224, 42, 13)}/*!@.duet-button.destructive-primary:hover*/.duet-button.destructive-primary.sc-duet-button:hover{background:#b21c4e;border-color:#b21c4e;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}/*!@.duet-theme-turva .duet-button.destructive-primary:hover*/.duet-theme-turva.sc-duet-button .duet-button.destructive-primary.sc-duet-button:hover{background:#b3220a}/*!@.duet-button.destructive, .duet-button.destructive-secondary*/.duet-button.destructive.sc-duet-button,.duet-button.destructive-secondary.sc-duet-button{color:rgb(222, 35, 98) !important;background:rgb(255, 255, 255);border-color:rgb(222, 35, 98)}/*!@.duet-theme-turva .duet-button.destructive, .duet-theme-turva .duet-button.destructive-secondary*/.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.destructive-secondary.sc-duet-button{color:rgb(224, 42, 13) !important;background:rgb(255, 255, 255);border-color:rgb(224, 42, 13)}/*!@.duet-button.destructive:hover, .duet-button.destructive-secondary:hover*/.duet-button.destructive.sc-duet-button:hover,.duet-button.destructive-secondary.sc-duet-button:hover{color:rgb(255, 255, 255) !important;background:#b21c4e;border-color:#b21c4e}/*!@.duet-theme-turva .duet-button.destructive:hover, .duet-theme-turva .duet-button.destructive-secondary:hover*/.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.destructive-secondary.sc-duet-button:hover{color:rgb(255, 255, 255) !important;background:#b3220a;border-color:#b3220a}/*!@.duet-button.plain*/.duet-button.plain.sc-duet-button{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}/*!@.duet-theme-turva .duet-button.plain*/.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}/*!@.duet-button.plain.duet-p-0 .duet-button-contents*/.duet-button.plain.duet-p-0.sc-duet-button .duet-button-contents.sc-duet-button{height:auto}/*!@.duet-button.plain[disabled]*/.duet-button.plain[disabled].sc-duet-button{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}/*!@.duet-theme-turva .duet-button.plain[disabled]*/.duet-theme-turva.sc-duet-button .duet-button.plain[disabled].sc-duet-button{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(228, 228, 230) !important}/*!@.duet-button.plain:hover*/.duet-button.plain.sc-duet-button:hover{color:rgb(0, 77, 128) !important;background:transparent !important}/*!@.duet-theme-turva .duet-button.plain:hover*/.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button:hover{color:rgb(148, 9, 37) !important}/*!@.duet-button.plain.duet-button-negative*/.duet-button.plain.duet-button-negative.sc-duet-button{color:rgb(255, 255, 255) !important}/*!@.duet-theme-turva .duet-button.plain.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.plain.duet-button-negative.sc-duet-button{color:rgb(228, 228, 230) !important}/*!@.duet-button.plain.duet-button-negative:hover*/.duet-button.plain.duet-button-negative.sc-duet-button:hover{color:rgb(0, 119, 179) !important}/*!@.duet-theme-turva .duet-button.plain.duet-button-negative:hover*/.duet-theme-turva.sc-duet-button .duet-button.plain.duet-button-negative.sc-duet-button:hover{color:rgb(198, 12, 48) !important}/*!@.duet-button.duet-button-icon-only*/.duet-button.duet-button-icon-only.sc-duet-button{min-width:48px;min-height:48px;padding:0 !important}/*!@.duet-button.duet-button-icon-only .duet-button-contents*/.duet-button.duet-button-icon-only.sc-duet-button .duet-button-contents.sc-duet-button{position:static}/*!@.duet-button.duet-button-icon-only .duet-button-icon.left.large,\n.duet-button.duet-button-icon-only .duet-button-icon.left.medium,\n.duet-button.duet-button-icon-only .duet-button-icon.left.small*/.duet-button.duet-button-icon-only.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button-icon-only.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button-icon-only.sc-duet-button .duet-button-icon.left.small.sc-duet-button{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}/*!@.duet-button.duet-button.input-button-primary, .duet-button.duet-button.input-button-secondary, .duet-button.duet-button.input-button-embedded*/.duet-button.duet-button.input-button-primary.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}/*!@.duet-button.duet-button.input-button-primary .duet-button-contents, .duet-button.duet-button.input-button-secondary .duet-button-contents, .duet-button.duet-button.input-button-embedded .duet-button-contents*/.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-contents.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-contents.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-contents.sc-duet-button{position:static}/*!@.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,\n.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,\n.duet-button.duet-button.input-button-primary .duet-button-icon.left.small, .duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,\n.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,\n.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small, .duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,\n.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,\n.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small*/.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-icon.left.small.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-icon.left.small.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-icon.left.small.sc-duet-button{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}/*!@.duet-button.duet-button.input-button-embedded*/.duet-button.duet-button.input-button-embedded.sc-duet-button{border-left-width:0}/*!@.duet-button.square*/.duet-button.square.sc-duet-button{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(207, 210, 212);border-width:1px}/*!@.duet-button.square.duet-button-size-small*/.duet-button.square.duet-button-size-small.sc-duet-button{width:42px;font-size:0.875rem}/*!@.duet-button.square.duet-button-size-x-small*/.duet-button.square.duet-button-size-x-small.sc-duet-button{width:34px;font-size:0.875rem}/*!@.duet-button.square.duet-button-negative*/.duet-button.square.duet-button-negative.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.square.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.square.duet-button-negative.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}/*!@.duet-theme-turva .duet-button.square*/.duet-theme-turva.sc-duet-button .duet-button.square.sc-duet-button{border-color:rgb(228, 228, 230)}/*!@.duet-button.square:hover*/.duet-button.square.sc-duet-button:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}/*!@.duet-theme-turva .duet-button.square:hover*/.duet-theme-turva.sc-duet-button .duet-button.square.sc-duet-button:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}/*!@.duet-button.square .duet-button-contents*/.duet-button.square.sc-duet-button .duet-button-contents.sc-duet-button{gap:0}/*!@.duet-button[disabled], .duet-button[disabled]:hover, .duet-button.duet-button-negative[disabled], .duet-button.duet-button-negative[disabled]:hover*/.duet-button[disabled].sc-duet-button,.duet-button[disabled].sc-duet-button:hover,.duet-button.duet-button-negative[disabled].sc-duet-button,.duet-button.duet-button-negative[disabled].sc-duet-button:hover{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:rgb(225, 227, 230) !important;border-color:rgb(225, 227, 230) !important;box-shadow:none !important}/*!@.duet-theme-turva .duet-button[disabled], .duet-theme-turva .duet-button[disabled]:hover, .duet-theme-turva .duet-button.duet-button-negative [disabled], .duet-theme-turva .duet-button.duet-button-negative [disabled]:hover*/.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.duet-button-negative.sc-duet-button [disabled].sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.duet-button-negative.sc-duet-button [disabled].sc-duet-button:hover{color:rgb(116, 116, 117) !important;cursor:not-allowed;background:rgb(228, 228, 230) !important;border-color:rgb(228, 228, 230) !important}/*!@.duet-button-is-loading.primary, .duet-button-is-loading.input-button-primary*/.duet-button-is-loading.primary.sc-duet-button,.duet-button-is-loading.input-button-primary.sc-duet-button{color:rgb(255, 255, 255)}/*!@.duet-button-is-loading.default*/.duet-button-is-loading.default.sc-duet-button{color:rgb(0, 119, 179)}/*!@.duet-button-is-loading.default.duet-theme-turva*/.duet-button-is-loading.default.duet-theme-turva.sc-duet-button{color:rgb(198, 12, 48)}/*!@.duet-button-is-loading .duet-button-contents*/.duet-button-is-loading.sc-duet-button .duet-button-contents.sc-duet-button{visibility:hidden;opacity:0}";
8871
8891
 
8872
8892
  class DuetButton {
8873
8893
  constructor(hostRef) {
@@ -9018,7 +9038,7 @@ class DuetButton {
9018
9038
  // enforce consistency for external links
9019
9039
  const icon = isExternalLink ? "action-new-window" : this.icon;
9020
9040
  const iconRight = isExternalLink ? true : this.iconRight;
9021
- const commonChildren = (hAsync("span", { class: { "duet-button-contents": true, "icon-right": iconRight }, style: { color: getColorByName(this.color) } }, icon && (hAsync("div", { "aria-hidden": "true", class: {
9041
+ const commonChildren = (hAsync("span", { class: { "duet-button-contents": true, "icon-right": iconRight }, style: { color: getColorByName(this.color) } }, icon && (hAsync("span", { "aria-hidden": "true", class: {
9022
9042
  "duet-button-icon": true,
9023
9043
  left: !iconRight,
9024
9044
  right: iconRight,
@@ -9065,7 +9085,7 @@ class DuetButton {
9065
9085
  "duet-expand": this.expand,
9066
9086
  [this.variation]: true,
9067
9087
  "input-button": (_b = this.variation) === null || _b === void 0 ? void 0 : _b.startsWith("input-button"),
9068
- } }, hAsync("div", { class: {
9088
+ } }, hAsync("span", { class: {
9069
9089
  "duet-button-container": true,
9070
9090
  "duet-button-is-loading": this.loading,
9071
9091
  "duet-theme-turva": this.theme === "turva",
@@ -9132,11 +9152,11 @@ class DuetButton {
9132
9152
  }; }
9133
9153
  }
9134
9154
 
9135
- const duetCalloutCss = "/*!@:host*/.sc-duet-callout-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}/*!@blockquote,\nfigure*/blockquote.sc-duet-callout,figure.sc-duet-callout{margin:0}/*!@.duet-callout*/.duet-callout.sc-duet-callout{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center;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\"}/*!@.duet-callout .container*/.duet-callout.sc-duet-callout .container.sc-duet-callout{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}/*!@.duet-callout .callout-icon*/.duet-callout.sc-duet-callout .callout-icon.sc-duet-callout{width:50px;padding-bottom:8px}/*!@.duet-callout .author*/.duet-callout.sc-duet-callout .author.sc-duet-callout{color:rgb(0, 41, 77)}/*!@.duet-callout.duet-theme-turva*/.duet-callout.duet-theme-turva.sc-duet-callout{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}/*!@.duet-callout.duet-theme-turva .author*/.duet-callout.duet-theme-turva.sc-duet-callout .author.sc-duet-callout{color:rgb(23, 28, 58)}/*!@.duet-callout.duet-m-0*/.duet-callout.duet-m-0.sc-duet-callout{margin:0 !important}";
9155
+ const duetCalloutCss = "/*!@:host*/.sc-duet-callout-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}/*!@blockquote,\nfigure*/blockquote.sc-duet-callout,figure.sc-duet-callout{margin:0}/*!@.duet-callout*/.duet-callout.sc-duet-callout{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center;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\"}/*!@.duet-callout .container*/.duet-callout.sc-duet-callout .container.sc-duet-callout{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}/*!@.duet-callout .callout-icon*/.duet-callout.sc-duet-callout .callout-icon.sc-duet-callout{width:50px;padding-bottom:8px}/*!@.duet-callout blockquote*/.duet-callout.sc-duet-callout blockquote.sc-duet-callout{font-size:2.7vw;font-weight:600;line-height:1.5;color:rgb(0, 41, 77)}@media (max-width: 37.037037037rem){/*!@.duet-callout blockquote*/.duet-callout.sc-duet-callout blockquote.sc-duet-callout{font-size:1rem}}@media (min-width: 46.2962962963rem){/*!@.duet-callout blockquote*/.duet-callout.sc-duet-callout blockquote.sc-duet-callout{font-size:1.25rem}}/*!@.duet-callout .author*/.duet-callout.sc-duet-callout .author.sc-duet-callout{color:rgb(0, 41, 77)}/*!@.duet-callout.duet-theme-turva*/.duet-callout.duet-theme-turva.sc-duet-callout{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}/*!@.duet-callout.duet-theme-turva .author,\n.duet-callout.duet-theme-turva blockquote*/.duet-callout.duet-theme-turva.sc-duet-callout .author.sc-duet-callout,.duet-callout.duet-theme-turva.sc-duet-callout blockquote.sc-duet-callout{color:rgb(23, 28, 58)}/*!@.duet-callout.duet-m-0*/.duet-callout.duet-m-0.sc-duet-callout{margin:0 !important}";
9136
9156
 
9137
9157
  /**
9138
9158
  * @slot default - Slot for text.
9139
- * @slot author - Slot for author information.
9159
+ * @slot author - Slot for author information. If provided, a dash will be prepended. Only span should be used in this slot.
9140
9160
  */
9141
9161
  class DuetCallout {
9142
9162
  constructor(hostRef) {
@@ -9165,7 +9185,7 @@ class DuetCallout {
9165
9185
  "duet-callout": true,
9166
9186
  "duet-theme-turva": this.theme === "turva",
9167
9187
  "duet-m-0": this.margin === "none",
9168
- } }, hAsync("figure", { class: "container" }, hAsync("duet-icon", { class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), hAsync("blockquote", null, hAsync("duet-paragraph", { variation: "intro", weight: "semi-bold", margin: "none", theme: this.theme }, hAsync("slot", null))), this.hasAuthorSlot && (hAsync("figcaption", { class: "author" }, hAsync("span", null, "\u2014 "), hAsync("span", null, hAsync("slot", { name: "author" }))))))));
9188
+ } }, hAsync("figure", { class: "container" }, hAsync("duet-icon", { class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), hAsync("blockquote", null, hAsync("slot", null)), this.hasAuthorSlot && (hAsync("figcaption", { class: "author" }, hAsync("span", null, "\u2014 "), hAsync("slot", { name: "author", onSlotchange: ev => slotElementCheck(ev, this, "span") })))))));
9169
9189
  }
9170
9190
  get element() { return getElement(this); }
9171
9191
  static get style() { return duetCalloutCss; }
@@ -9529,7 +9549,7 @@ class DuetCheckmark {
9529
9549
  }; }
9530
9550
  }
9531
9551
 
9532
- const duetChipCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-chip,*.sc-duet-chip::after,*.sc-duet-chip::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-chip-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}/*!@:host:last-child, :host:last-of-type*/.sc-duet-chip-h:last-child,.sc-duet-chip-h:last-of-type{margin-right:0 !important}/*!@.duet-chip-container*/.duet-chip-container.sc-duet-chip{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(144, 149, 153);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}/*!@.duet-chip-container.duet-p-0*/.duet-chip-container.duet-p-0.sc-duet-chip{padding:0 !important}/*!@.duet-chip-container.duet-m-0*/.duet-chip-container.duet-m-0.sc-duet-chip{margin:0 !important}/*!@.duet-chip-container.duet-theme-turva*/.duet-chip-container.duet-theme-turva.sc-duet-chip{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(23, 28, 58)}/*!@.duet-chip-container.duet-theme-turva:hover*/.duet-chip-container.duet-theme-turva.sc-duet-chip:hover{border-color:rgb(198, 12, 48)}/*!@.duet-chip-container:hover*/.duet-chip-container.sc-duet-chip:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}/*!@.duet-chip-container.duet-chip-disabled*/.duet-chip-container.duet-chip-disabled.sc-duet-chip{color:rgb(101, 119, 135) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}/*!@.duet-chip-container.duet-chip-disabled.duet-theme-turva*/.duet-chip-container.duet-chip-disabled.duet-theme-turva.sc-duet-chip{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}/*!@.duet-chip-container.duet-chip-disabled:hover*/.duet-chip-container.duet-chip-disabled.sc-duet-chip:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}/*!@.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva*/.duet-chip-container.duet-chip-disabled.sc-duet-chip:hover.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}/*!@.duet-chip-container.duet-chip-disabled button,\n.duet-chip-container.duet-chip-disabled label*/.duet-chip-container.duet-chip-disabled.sc-duet-chip button.sc-duet-chip,.duet-chip-container.duet-chip-disabled.sc-duet-chip label.sc-duet-chip{cursor:default}/*!@.duet-chip-container button,\n.duet-chip-container label*/.duet-chip-container.sc-duet-chip button.sc-duet-chip,.duet-chip-container.sc-duet-chip label.sc-duet-chip{display:flex;align-items:center;width:100%;height:100%;padding:7px 16px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:600;color:rgb(0, 41, 77) !important;cursor:pointer}/*!@.duet-chip-container button:focus,\n.duet-chip-container label:focus*/.duet-chip-container.sc-duet-chip button.sc-duet-chip:focus,.duet-chip-container.sc-duet-chip label.sc-duet-chip:focus{outline:none}/*!@.duet-chip-container .duet-chip-icon-container*/.duet-chip-container.sc-duet-chip .duet-chip-icon-container.sc-duet-chip{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}/*!@.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container*/.duet-chip-container.duet-chip-has-icon.sc-duet-chip .duet-chip-icon-container.sc-duet-chip{width:24px;height:16px;padding-right:10px}/*!@.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container, .duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container*/.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip{padding-right:11px;padding-left:3px}/*!@.duet-chip-container.duet-chip-has-icon button,\n.duet-chip-container.duet-chip-has-icon label*/.duet-chip-container.duet-chip-has-icon.sc-duet-chip button.sc-duet-chip,.duet-chip-container.duet-chip-has-icon.sc-duet-chip label.sc-duet-chip{padding-left:10px}/*!@.duet-chip-container.duet-chip-has-popup button,\n.duet-chip-container.duet-chip-has-popup label*/.duet-chip-container.duet-chip-has-popup.sc-duet-chip button.sc-duet-chip,.duet-chip-container.duet-chip-has-popup.sc-duet-chip label.sc-duet-chip{padding-right:8px}/*!@.duet-chip-container duet-icon:not(.check-mark)*/.duet-chip-container.sc-duet-chip duet-icon.sc-duet-chip:not(.check-mark){width:auto;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}/*!@.duet-chip-container duet-icon.check-mark*/.duet-chip-container.sc-duet-chip duet-icon.check-mark.sc-duet-chip{width:0;overflow:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}/*!@.duet-chip-container.duet-chip-filter-checked, .duet-chip-container.duet-chip-radio-checked*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip{background:rgb(230, 242, 248);border-color:rgb(230, 242, 248)}/*!@.duet-chip-container.duet-chip-filter-checked:hover, .duet-chip-container.duet-chip-radio-checked:hover*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip:hover,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip:hover{background:rgb(205, 229, 241);border-color:rgb(205, 229, 241)}/*!@.duet-chip-container.duet-chip-filter-checked button,\n.duet-chip-container.duet-chip-filter-checked label, .duet-chip-container.duet-chip-radio-checked button,\n.duet-chip-container.duet-chip-radio-checked label*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip button.sc-duet-chip,.duet-chip-container.duet-chip-filter-checked.sc-duet-chip label.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip button.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip label.sc-duet-chip{padding-left:10px}/*!@.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container, .duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip{padding-right:10px}/*!@.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark), .duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark)*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip duet-icon.sc-duet-chip:not(.check-mark),.duet-chip-container.duet-chip-radio-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip duet-icon.sc-duet-chip:not(.check-mark){width:0;overflow:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}/*!@.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark, .duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip duet-icon.check-mark.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip duet-icon.check-mark.sc-duet-chip{width:auto;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}/*!@.duet-chip-container.duet-chip-filter-checked.duet-theme-turva, .duet-chip-container.duet-chip-radio-checked.duet-theme-turva*/.duet-chip-container.duet-chip-filter-checked.duet-theme-turva.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva.sc-duet-chip{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}/*!@.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover, .duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover*/.duet-chip-container.duet-chip-filter-checked.duet-theme-turva.sc-duet-chip:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva.sc-duet-chip:hover{background:rgb(228, 228, 230);border-color:rgb(228, 228, 230)}/*!@.duet-chip-container div.duet-chip-popup-disclosure*/.duet-chip-container.sc-duet-chip div.duet-chip-popup-disclosure.sc-duet-chip{padding-right:4.5px;padding-left:12.5px}/*!@.duet-chip-container div.duet-chip-popup-disclosure duet-icon*/.duet-chip-container.sc-duet-chip div.duet-chip-popup-disclosure.sc-duet-chip duet-icon.sc-duet-chip{transition:transform 300ms ease}/*!@.duet-chip-container.duet-chip-filter-popup-open*/.duet-chip-container.duet-chip-filter-popup-open.sc-duet-chip{background:rgb(243, 249, 252);border-color:rgb(243, 249, 252)}/*!@.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva*/.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva.sc-duet-chip{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}/*!@.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon*/.duet-chip-container.duet-chip-filter-popup-open.sc-duet-chip .duet-chip-popup-disclosure.sc-duet-chip duet-icon.sc-duet-chip{transform:rotate(180deg)}/*!@.duet-chip-container.duet-chip-input*/.duet-chip-container.duet-chip-input.sc-duet-chip{display:flex;align-items:center;padding-right:0 !important}/*!@.duet-chip-container.duet-chip-input .duet-chip-input-button*/.duet-chip-container.duet-chip-input.sc-duet-chip .duet-chip-input-button.sc-duet-chip{flex-grow:1}/*!@.duet-chip-container.duet-chip-input .duet-chip-remove-button*/.duet-chip-container.duet-chip-input.sc-duet-chip .duet-chip-remove-button.sc-duet-chip{width:26px;padding:8px 16px 8px 0;margin:-8px 0}/*!@:host(.user-is-tabbing) .duet-chip-focus*/.user-is-tabbing.sc-duet-chip-h .duet-chip-focus.sc-duet-chip{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva*/.user-is-tabbing.sc-duet-chip-h .duet-chip-focus.duet-theme-turva.sc-duet-chip{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-chip-container input*/.duet-chip-container.sc-duet-chip input.sc-duet-chip{position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;cursor:pointer;opacity:0}";
9552
+ const duetChipCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-chip,*.sc-duet-chip::after,*.sc-duet-chip::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-chip-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}/*!@:host:last-child, :host:last-of-type*/.sc-duet-chip-h:last-child,.sc-duet-chip-h:last-of-type{margin-right:0 !important}/*!@.duet-chip-container*/.duet-chip-container.sc-duet-chip{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(144, 149, 153);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}/*!@.duet-chip-container.duet-p-0*/.duet-chip-container.duet-p-0.sc-duet-chip{padding:0 !important}/*!@.duet-chip-container.duet-m-0*/.duet-chip-container.duet-m-0.sc-duet-chip{margin:0 !important}/*!@.duet-chip-container.duet-theme-turva*/.duet-chip-container.duet-theme-turva.sc-duet-chip{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(23, 28, 58)}/*!@.duet-chip-container.duet-theme-turva:hover*/.duet-chip-container.duet-theme-turva.sc-duet-chip:hover{border-color:rgb(198, 12, 48)}/*!@.duet-chip-container:hover*/.duet-chip-container.sc-duet-chip:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}/*!@.duet-chip-container.duet-chip-disabled*/.duet-chip-container.duet-chip-disabled.sc-duet-chip{color:rgb(101, 119, 135) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}/*!@.duet-chip-container.duet-chip-disabled.duet-theme-turva*/.duet-chip-container.duet-chip-disabled.duet-theme-turva.sc-duet-chip{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}/*!@.duet-chip-container.duet-chip-disabled:hover*/.duet-chip-container.duet-chip-disabled.sc-duet-chip:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}/*!@.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva*/.duet-chip-container.duet-chip-disabled.sc-duet-chip:hover.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}/*!@.duet-chip-container.duet-chip-disabled button,\n.duet-chip-container.duet-chip-disabled label*/.duet-chip-container.duet-chip-disabled.sc-duet-chip button.sc-duet-chip,.duet-chip-container.duet-chip-disabled.sc-duet-chip label.sc-duet-chip{cursor:default}/*!@.duet-chip-container button,\n.duet-chip-container label*/.duet-chip-container.sc-duet-chip button.sc-duet-chip,.duet-chip-container.sc-duet-chip label.sc-duet-chip{display:flex;align-items:center;width:100%;height:100%;padding:7px 16px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:600;color:rgb(0, 41, 77) !important;cursor:pointer}/*!@.duet-chip-container button:focus,\n.duet-chip-container label:focus*/.duet-chip-container.sc-duet-chip button.sc-duet-chip:focus,.duet-chip-container.sc-duet-chip label.sc-duet-chip:focus{outline:none}/*!@.duet-chip-container .duet-chip-icon-container*/.duet-chip-container.sc-duet-chip .duet-chip-icon-container.sc-duet-chip{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}/*!@.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container*/.duet-chip-container.duet-chip-has-icon.sc-duet-chip .duet-chip-icon-container.sc-duet-chip{width:24px;height:16px;padding-right:10px}/*!@.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container, .duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container*/.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip{padding-right:11px;padding-left:3px}/*!@.duet-chip-container.duet-chip-has-icon button,\n.duet-chip-container.duet-chip-has-icon label*/.duet-chip-container.duet-chip-has-icon.sc-duet-chip button.sc-duet-chip,.duet-chip-container.duet-chip-has-icon.sc-duet-chip label.sc-duet-chip{padding-left:10px}/*!@.duet-chip-container.duet-chip-has-popup button,\n.duet-chip-container.duet-chip-has-popup label*/.duet-chip-container.duet-chip-has-popup.sc-duet-chip button.sc-duet-chip,.duet-chip-container.duet-chip-has-popup.sc-duet-chip label.sc-duet-chip{padding-right:8px}/*!@.duet-chip-container duet-icon:not(.check-mark)*/.duet-chip-container.sc-duet-chip duet-icon.sc-duet-chip:not(.check-mark){width:auto;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}/*!@.duet-chip-container duet-icon.check-mark*/.duet-chip-container.sc-duet-chip duet-icon.check-mark.sc-duet-chip{width:0;overflow:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}/*!@.duet-chip-container.duet-chip-filter-checked, .duet-chip-container.duet-chip-radio-checked*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip{background:rgb(230, 242, 248);border-color:rgb(230, 242, 248)}/*!@.duet-chip-container.duet-chip-filter-checked:hover, .duet-chip-container.duet-chip-radio-checked:hover*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip:hover,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip:hover{background:rgb(205, 229, 241);border-color:rgb(205, 229, 241)}/*!@.duet-chip-container.duet-chip-filter-checked button,\n.duet-chip-container.duet-chip-filter-checked label, .duet-chip-container.duet-chip-radio-checked button,\n.duet-chip-container.duet-chip-radio-checked label*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip button.sc-duet-chip,.duet-chip-container.duet-chip-filter-checked.sc-duet-chip label.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip button.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip label.sc-duet-chip{padding-left:10px}/*!@.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container, .duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip{padding-right:10px}/*!@.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark), .duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark)*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip duet-icon.sc-duet-chip:not(.check-mark),.duet-chip-container.duet-chip-radio-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip duet-icon.sc-duet-chip:not(.check-mark){width:0;overflow:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}/*!@.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark, .duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark*/.duet-chip-container.duet-chip-filter-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip duet-icon.check-mark.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.sc-duet-chip .duet-chip-icon-container.sc-duet-chip duet-icon.check-mark.sc-duet-chip{width:auto;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}/*!@.duet-chip-container.duet-chip-filter-checked.duet-theme-turva, .duet-chip-container.duet-chip-radio-checked.duet-theme-turva*/.duet-chip-container.duet-chip-filter-checked.duet-theme-turva.sc-duet-chip,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva.sc-duet-chip{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}/*!@.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover, .duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover*/.duet-chip-container.duet-chip-filter-checked.duet-theme-turva.sc-duet-chip:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva.sc-duet-chip:hover{background:rgb(228, 228, 230);border-color:rgb(228, 228, 230)}/*!@.duet-chip-container .duet-chip-popup-disclosure*/.duet-chip-container.sc-duet-chip .duet-chip-popup-disclosure.sc-duet-chip{padding-right:4.5px;padding-left:12.5px}/*!@.duet-chip-container .duet-chip-popup-disclosure duet-icon*/.duet-chip-container.sc-duet-chip .duet-chip-popup-disclosure.sc-duet-chip duet-icon.sc-duet-chip{transition:transform 300ms ease}/*!@.duet-chip-container.duet-chip-filter-popup-open*/.duet-chip-container.duet-chip-filter-popup-open.sc-duet-chip{background:rgb(243, 249, 252);border-color:rgb(243, 249, 252)}/*!@.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva*/.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva.sc-duet-chip{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}/*!@.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon*/.duet-chip-container.duet-chip-filter-popup-open.sc-duet-chip .duet-chip-popup-disclosure.sc-duet-chip duet-icon.sc-duet-chip{transform:rotate(180deg)}/*!@.duet-chip-container.duet-chip-input*/.duet-chip-container.duet-chip-input.sc-duet-chip{display:flex;align-items:center;padding-right:0 !important}/*!@.duet-chip-container.duet-chip-input .duet-chip-input-button*/.duet-chip-container.duet-chip-input.sc-duet-chip .duet-chip-input-button.sc-duet-chip{flex-grow:1}/*!@.duet-chip-container.duet-chip-input .duet-chip-remove-button*/.duet-chip-container.duet-chip-input.sc-duet-chip .duet-chip-remove-button.sc-duet-chip{width:26px;padding:8px 16px 8px 0;margin:-8px 0}/*!@:host(.user-is-tabbing) .duet-chip-focus*/.user-is-tabbing.sc-duet-chip-h .duet-chip-focus.sc-duet-chip{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva*/.user-is-tabbing.sc-duet-chip-h .duet-chip-focus.duet-theme-turva.sc-duet-chip{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-chip-container input*/.duet-chip-container.sc-duet-chip input.sc-duet-chip{position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;cursor:pointer;opacity:0}";
9533
9553
 
9534
9554
  class DuetChip {
9535
9555
  constructor(hostRef) {
@@ -9670,6 +9690,8 @@ class DuetChip {
9670
9690
  this.name = undefined;
9671
9691
  this.checked = false;
9672
9692
  this.disabled = false;
9693
+ this.accessibleExpanded = undefined;
9694
+ this.accessiblePopup = "false";
9673
9695
  }
9674
9696
  clearOtherRadioButtons() {
9675
9697
  if (this.variation === "radio" && this.checked) {
@@ -9694,6 +9716,23 @@ class DuetChip {
9694
9716
  disconnectedCallback() {
9695
9717
  unsubscribeTabbingChange(this);
9696
9718
  }
9719
+ getAccessibleExpanded() {
9720
+ if (this.accessibleExpanded != null) {
9721
+ return (!!this.accessibleExpanded).toString();
9722
+ }
9723
+ if (this.popupElement) {
9724
+ return this.popupOpen ? "true" : "false";
9725
+ }
9726
+ return undefined;
9727
+ }
9728
+ getAccessiblePopup() {
9729
+ if (this.popupElement) {
9730
+ return "true";
9731
+ }
9732
+ else {
9733
+ return this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined;
9734
+ }
9735
+ }
9697
9736
  /**
9698
9737
  * Sets focus. Use this method instead of the global focus().
9699
9738
  */
@@ -9720,7 +9759,7 @@ class DuetChip {
9720
9759
  onBlur: this.onBlur,
9721
9760
  ref: el => (this.focusableElement = el),
9722
9761
  };
9723
- return (hAsync(Host, null, this.variation === "button" && (hAsync("div", { class: classes }, hAsync("button", Object.assign({ id: identifier, "aria-label": this.accessibleLabel, "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), hAsync("div", { class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", null)))), this.variation === "input" && (hAsync("div", { class: classes }, hAsync("button", Object.assign({ id: identifier, class: "duet-chip-input-button", "aria-label": this.accessibleLabel }, focusHandlers), hAsync("div", { class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", null)), hAsync("button", { class: "duet-chip-remove-button", onClick: this.onRemoveClick }, hAsync("duet-icon", { name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (hAsync("div", { class: classes }, hAsync("input", Object.assign({ "aria-haspopup": this.popupElement && "menu", "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.popupElement ? (this.popupOpen ? "true" : "false") : undefined, "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), hAsync("label", { htmlFor: identifier }, hAsync("div", { class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("duet-icon", { name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" })), hAsync("slot", null), this.popupElement && (hAsync("div", { class: "duet-chip-popup-disclosure" }, hAsync("duet-icon", { name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (hAsync("div", { class: classes }, hAsync("input", Object.assign({ "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "radio", name: this.name, value: this.value, checked: this.checked, onChange: this.onRadioChange, onClick: this.disabled ? evt => evt.preventDefault() : undefined }, focusHandlers)), hAsync("label", { htmlFor: identifier }, hAsync("div", { class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("duet-icon", { name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" })), hAsync("slot", null))))));
9762
+ return (hAsync(Host, null, this.variation === "button" && (hAsync("span", { class: classes }, hAsync("button", Object.assign({ id: identifier, "aria-label": this.accessibleLabel, "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), hAsync("span", { class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", null)))), this.variation === "input" && (hAsync("span", { class: classes }, hAsync("button", Object.assign({ id: identifier, class: "duet-chip-input-button", "aria-label": this.accessibleLabel }, focusHandlers), hAsync("span", { class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", null)), hAsync("button", { class: "duet-chip-remove-button", onClick: this.onRemoveClick }, hAsync("duet-icon", { name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (hAsync("span", { class: classes }, hAsync("input", Object.assign({ "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), hAsync("label", { htmlFor: identifier }, hAsync("span", { class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("duet-icon", { name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" })), hAsync("slot", null), this.popupElement && (hAsync("span", { class: "duet-chip-popup-disclosure" }, hAsync("duet-icon", { name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (hAsync("span", { class: classes }, hAsync("input", Object.assign({ "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "radio", name: this.name, value: this.value, checked: this.checked, onChange: this.onRadioChange, onClick: this.disabled ? evt => evt.preventDefault() : undefined }, focusHandlers)), hAsync("label", { htmlFor: identifier }, hAsync("span", { class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("duet-icon", { name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" })), hAsync("slot", null))))));
9724
9763
  }
9725
9764
  get element() { return getElement(this); }
9726
9765
  static get watchers() { return {
@@ -9741,6 +9780,8 @@ class DuetChip {
9741
9780
  "name": [1],
9742
9781
  "checked": [1540],
9743
9782
  "disabled": [4],
9783
+ "accessibleExpanded": [1540, "accessible-expanded"],
9784
+ "accessiblePopup": [1537, "accessible-popup"],
9744
9785
  "focus": [32],
9745
9786
  "popupElement": [32],
9746
9787
  "popupOpen": [32],
@@ -9748,7 +9789,7 @@ class DuetChip {
9748
9789
  },
9749
9790
  "$listeners$": undefined,
9750
9791
  "$lazyBundleId$": "-",
9751
- "$attrsToReflect$": [["checked", "checked"]]
9792
+ "$attrsToReflect$": [["checked", "checked"], ["accessibleExpanded", "accessible-expanded"], ["accessiblePopup", "accessible-popup"]]
9752
9793
  }; }
9753
9794
  }
9754
9795
 
@@ -10307,7 +10348,7 @@ const font_size_x_small = "0.75rem";
10307
10348
  const radius_sharp = "0";
10308
10349
  const radius_default = "4px";
10309
10350
  const radius_medium = "8px";
10310
- const radius_large = "20px";
10351
+ const radius_large = "16px";
10311
10352
  const radius_circle = "50%";
10312
10353
  const radius_pill = "20rem";
10313
10354
  const shadow_tooltip_turva = "0 2px 10px 0 rgba(117, 117, 117, 0.13)";
@@ -13541,9 +13582,9 @@ const duetHeroCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-hero,*.sc-duet-hero
13541
13582
  * @slot default - This is an unamed slot for a text or extra button that is placed after any buttons (or list item)
13542
13583
  * @slot badge - This is a slot for a status badge that sits next to pre-heading inside the hero component.
13543
13584
  * @slot bottom - This is a slot for content under the main hero content.
13544
- * @slot pre-heading - This is a slot for pre-heading content inside the hero component.
13545
- * @slot heading - This is a slot for heading content inside the hero component.
13546
- * @slot subheading - This is a slot for heading content inside the hero component. Only usable with campaign, section variations.
13585
+ * @slot pre-heading - This is a slot for pre-heading content inside the hero component. Only usable with gray variation. Only span should be used in this slot.
13586
+ * @slot heading - This is a slot for heading content inside the hero component. Only span should be used in this slot.
13587
+ * @slot subheading - This is a slot for heading content inside the hero component. Only usable with campaign, section variations. Only span should be used in this slot.
13547
13588
  */
13548
13589
  class DuetHero {
13549
13590
  constructor(hostRef) {
@@ -13709,7 +13750,7 @@ class DuetHero {
13709
13750
  href: this.processedBack.href,
13710
13751
  id: this.processedBack.id,
13711
13752
  analyticsId: this.processedBack.analyticsId,
13712
- }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium" }, this.preHeading ? (this.preHeading) : (hAsync("div", null, hAsync("slot", { name: "pre-heading" }))))), hAsync("slot", { name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto" }, this.heading ? (this.heading) : (hAsync("div", null, hAsync("slot", { name: "heading" }))))), campaignOrSection && this.hasSubHeadingSlot && (hAsync("duet-heading", { theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("div", null, hAsync("slot", { name: "subheading" })))), this.description && (hAsync("duet-paragraph", { theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("span", { class: "duet-hero-slot-unnamed" }, hAsync("slot", null))), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
13753
+ }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium" }, this.preHeading ? (this.preHeading) : (hAsync("span", null, hAsync("slot", { name: "pre-heading", onSlotchange: ev => slotElementCheck(ev, this, "span") }))))), hAsync("slot", { name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto" }, this.heading ? (this.heading) : (hAsync("span", null, hAsync("slot", { name: "heading", onSlotchange: ev => slotElementCheck(ev, this, "span") }))))), campaignOrSection && this.hasSubHeadingSlot && (hAsync("duet-heading", { theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("span", null, hAsync("slot", { name: "subheading", onSlotchange: ev => slotElementCheck(ev, this, "span") })))), this.description && (hAsync("duet-paragraph", { theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("span", { class: "duet-hero-slot-unnamed" }, hAsync("slot", null))), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
13713
13754
  this.variation !== "image" &&
13714
13755
  !campaignOrSection &&
13715
13756
  this.variation !== "product" &&
@@ -13764,7 +13805,7 @@ class DuetHero {
13764
13805
  }; }
13765
13806
  }
13766
13807
 
13767
- 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;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%}/*!@.duet-icon.duet-icon-has-background.xxx-small .duet-icon-svg, .duet-icon.duet-icon-has-outline.xxx-small .duet-icon-svg*/.duet-icon.duet-icon-has-background.xxx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon,.duet-icon.duet-icon-has-outline.xxx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@.duet-icon.duet-icon-has-background.xx-small .duet-icon-svg, .duet-icon.duet-icon-has-outline.xx-small .duet-icon-svg*/.duet-icon.duet-icon-has-background.xx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon,.duet-icon.duet-icon-has-outline.xx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}@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.auto .duet-icon-svg*/.duet-icon.auto.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:100%;height:100%}/*!@.duet-icon.xxx-small .duet-icon-svg*/.duet-icon.xxx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:7px;height:7px}/*!@.duet-icon.duet-icon-has-background.xxx-small*/.duet-icon.duet-icon-has-background.xxx-small.sc-duet-icon{padding:6px}/*!@.duet-icon.duet-icon-has-outline.xxx-small*/.duet-icon.duet-icon-has-outline.xxx-small.sc-duet-icon{padding:4px}/*!@.duet-icon.xx-small .duet-icon-svg*/.duet-icon.xx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@.duet-icon.duet-icon-has-background.xx-small*/.duet-icon.duet-icon-has-background.xx-small.sc-duet-icon{padding:8px}/*!@.duet-icon.duet-icon-has-outline.xx-small*/.duet-icon.duet-icon-has-outline.xx-small.sc-duet-icon{padding:7px}/*!@.duet-icon.x-small .duet-icon-svg*/.duet-icon.x-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@.duet-icon.duet-icon-has-outline.x-small*/.duet-icon.duet-icon-has-outline.x-small.sc-duet-icon{padding:10px}/*!@.duet-icon.duet-icon-has-background.x-small*/.duet-icon.duet-icon-has-background.x-small.sc-duet-icon{padding:12px}/*!@.duet-icon.small .duet-icon-svg*/.duet-icon.small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:20px;height:20px}/*!@.duet-icon.duet-icon-has-background.small*/.duet-icon.duet-icon-has-background.small.sc-duet-icon{padding:14px}/*!@.duet-icon.large .duet-icon-svg*/.duet-icon.large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:30px;height:30px}/*!@.duet-icon.x-large .duet-icon-svg*/.duet-icon.x-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:36px;height:36px}/*!@.duet-icon.xx-large .duet-icon-svg*/.duet-icon.xx-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:48px;height:48px}/*!@.duet-icon.xxx-large .duet-icon-svg*/.duet-icon.xxx-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:48px;height:48px}@media (min-width: 48em){/*!@.duet-icon.xxx-large .duet-icon-svg*/.duet-icon.xxx-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:72px;height:72px}}/*!@.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-shape-brand.duet-theme-turva.xx-small*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.xx-small.sc-duet-icon{width:18px;height:15px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.x-small*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.x-small.sc-duet-icon{width:32px;height:30px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.small*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.small.sc-duet-icon{width:36px;height:34px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.medium*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.medium.sc-duet-icon{width:48px;height:44px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.large*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.large.sc-duet-icon{width:62px;height:56px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.x-large*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.x-large.sc-duet-icon{width:76px;height:68px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.xx-large*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.xx-large.sc-duet-icon{width:95px;height:86px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.xxx-large*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.xxx-large.sc-duet-icon{width:144px;height:130px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.xxx-small*/.duet-icon.duet-icon-shape-brand.xxx-small.sc-duet-icon{padding:0}/*!@.duet-icon.duet-icon-shape-brand.xxx-small .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.xxx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:0;height:0}/*!@.duet-icon.duet-icon-shape-brand.xx-small*/.duet-icon.duet-icon-shape-brand.xx-small.sc-duet-icon{padding:4px}/*!@.duet-icon.duet-icon-shape-brand.xx-small .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.xx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@.duet-icon.duet-icon-shape-brand.x-small*/.duet-icon.duet-icon-shape-brand.x-small.sc-duet-icon{padding:8px}/*!@.duet-icon.duet-icon-shape-brand.x-small .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.x-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@.duet-icon.duet-icon-shape-brand.small*/.duet-icon.duet-icon-shape-brand.small.sc-duet-icon{padding:8px}/*!@.duet-icon.duet-icon-shape-brand.small .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:20px;height:20px}/*!@.duet-icon.duet-icon-shape-brand.medium*/.duet-icon.duet-icon-shape-brand.medium.sc-duet-icon{padding:12px}/*!@.duet-icon.duet-icon-shape-brand.medium .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.medium.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:24px;height:24px}/*!@.duet-icon.duet-icon-shape-brand.large*/.duet-icon.duet-icon-shape-brand.large.sc-duet-icon{padding:16px}/*!@.duet-icon.duet-icon-shape-brand.large .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:30px;height:30px}/*!@.duet-icon.duet-icon-shape-brand.x-large*/.duet-icon.duet-icon-shape-brand.x-large.sc-duet-icon{padding:20px}/*!@.duet-icon.duet-icon-shape-brand.x-large .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.x-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:36px;height:36px}/*!@.duet-icon.duet-icon-shape-brand.xx-large*/.duet-icon.duet-icon-shape-brand.xx-large.sc-duet-icon{padding:24px}/*!@.duet-icon.duet-icon-shape-brand.xx-large .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.xx-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:48px;height:48px}/*!@.duet-icon.duet-icon-shape-brand.xxx-large*/.duet-icon.duet-icon-shape-brand.xxx-large.sc-duet-icon{padding:36px}/*!@.duet-icon.duet-icon-shape-brand.xxx-large .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.xxx-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:72px;height:72px}/*!@.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%;fill:currentColor}";
13808
+ 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%}/*!@.duet-icon.duet-icon-has-background.xxx-small .duet-icon-svg, .duet-icon.duet-icon-has-outline.xxx-small .duet-icon-svg*/.duet-icon.duet-icon-has-background.xxx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon,.duet-icon.duet-icon-has-outline.xxx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@.duet-icon.duet-icon-has-background.xx-small .duet-icon-svg, .duet-icon.duet-icon-has-outline.xx-small .duet-icon-svg*/.duet-icon.duet-icon-has-background.xx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon,.duet-icon.duet-icon-has-outline.xx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}@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.auto .duet-icon-svg*/.duet-icon.auto.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:100%;height:100%}/*!@.duet-icon.xxx-small .duet-icon-svg*/.duet-icon.xxx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:7px;height:7px}/*!@.duet-icon.duet-icon-has-background.xxx-small*/.duet-icon.duet-icon-has-background.xxx-small.sc-duet-icon{padding:6px}/*!@.duet-icon.duet-icon-has-outline.xxx-small*/.duet-icon.duet-icon-has-outline.xxx-small.sc-duet-icon{padding:4px}/*!@.duet-icon.xx-small .duet-icon-svg*/.duet-icon.xx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@.duet-icon.duet-icon-has-background.xx-small*/.duet-icon.duet-icon-has-background.xx-small.sc-duet-icon{padding:8px}/*!@.duet-icon.duet-icon-has-outline.xx-small*/.duet-icon.duet-icon-has-outline.xx-small.sc-duet-icon{padding:7px}/*!@.duet-icon.x-small .duet-icon-svg*/.duet-icon.x-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@.duet-icon.duet-icon-has-outline.x-small*/.duet-icon.duet-icon-has-outline.x-small.sc-duet-icon{padding:10px}/*!@.duet-icon.duet-icon-has-background.x-small*/.duet-icon.duet-icon-has-background.x-small.sc-duet-icon{padding:12px}/*!@.duet-icon.small .duet-icon-svg*/.duet-icon.small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:20px;height:20px}/*!@.duet-icon.duet-icon-has-background.small*/.duet-icon.duet-icon-has-background.small.sc-duet-icon{padding:14px}/*!@.duet-icon.large .duet-icon-svg*/.duet-icon.large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:30px;height:30px}/*!@.duet-icon.x-large .duet-icon-svg*/.duet-icon.x-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:36px;height:36px}/*!@.duet-icon.xx-large .duet-icon-svg*/.duet-icon.xx-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:48px;height:48px}/*!@.duet-icon.xxx-large .duet-icon-svg*/.duet-icon.xxx-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:48px;height:48px}@media (min-width: 48em){/*!@.duet-icon.xxx-large .duet-icon-svg*/.duet-icon.xxx-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:72px;height:72px}}/*!@.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-shape-brand.duet-theme-turva.xx-small*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.xx-small.sc-duet-icon{width:18px;height:15px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.x-small*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.x-small.sc-duet-icon{width:32px;height:30px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.small*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.small.sc-duet-icon{width:36px;height:34px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.medium*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.medium.sc-duet-icon{width:48px;height:44px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.large*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.large.sc-duet-icon{width:62px;height:56px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.x-large*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.x-large.sc-duet-icon{width:76px;height:68px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.xx-large*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.xx-large.sc-duet-icon{width:95px;height:86px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva.xxx-large*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.xxx-large.sc-duet-icon{width:144px;height:130px;padding:0}/*!@.duet-icon.duet-icon-shape-brand.xxx-small*/.duet-icon.duet-icon-shape-brand.xxx-small.sc-duet-icon{padding:0}/*!@.duet-icon.duet-icon-shape-brand.xxx-small .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.xxx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:0;height:0}/*!@.duet-icon.duet-icon-shape-brand.xx-small*/.duet-icon.duet-icon-shape-brand.xx-small.sc-duet-icon{padding:4px}/*!@.duet-icon.duet-icon-shape-brand.xx-small .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.xx-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@.duet-icon.duet-icon-shape-brand.x-small*/.duet-icon.duet-icon-shape-brand.x-small.sc-duet-icon{padding:8px}/*!@.duet-icon.duet-icon-shape-brand.x-small .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.x-small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@.duet-icon.duet-icon-shape-brand.small*/.duet-icon.duet-icon-shape-brand.small.sc-duet-icon{padding:8px}/*!@.duet-icon.duet-icon-shape-brand.small .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.small.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:20px;height:20px}/*!@.duet-icon.duet-icon-shape-brand.medium*/.duet-icon.duet-icon-shape-brand.medium.sc-duet-icon{padding:12px}/*!@.duet-icon.duet-icon-shape-brand.medium .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.medium.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:24px;height:24px}/*!@.duet-icon.duet-icon-shape-brand.large*/.duet-icon.duet-icon-shape-brand.large.sc-duet-icon{padding:16px}/*!@.duet-icon.duet-icon-shape-brand.large .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:30px;height:30px}/*!@.duet-icon.duet-icon-shape-brand.x-large*/.duet-icon.duet-icon-shape-brand.x-large.sc-duet-icon{padding:20px}/*!@.duet-icon.duet-icon-shape-brand.x-large .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.x-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:36px;height:36px}/*!@.duet-icon.duet-icon-shape-brand.xx-large*/.duet-icon.duet-icon-shape-brand.xx-large.sc-duet-icon{padding:24px}/*!@.duet-icon.duet-icon-shape-brand.xx-large .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.xx-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:48px;height:48px}/*!@.duet-icon.duet-icon-shape-brand.xxx-large*/.duet-icon.duet-icon-shape-brand.xxx-large.sc-duet-icon{padding:36px}/*!@.duet-icon.duet-icon-shape-brand.xxx-large .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.xxx-large.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:72px;height:72px}/*!@.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%;fill:currentColor}";
13768
13809
 
13769
13810
  class DuetIcon {
13770
13811
  constructor(hostRef) {
@@ -13832,7 +13873,7 @@ class DuetIcon {
13832
13873
  "duet-m-0": this.margin === "none",
13833
13874
  "duet-icon-has-outline": !!this.outline,
13834
13875
  "duet-icon-has-background": !!this.background,
13835
- } }, hAsync("div", { "aria-hidden": "true", style: styles, class: {
13876
+ } }, hAsync("span", { "aria-hidden": "true", style: styles, class: {
13836
13877
  "duet-icon": true,
13837
13878
  [this.size]: true,
13838
13879
  "duet-theme-turva": this.theme === "turva",
@@ -14090,6 +14131,8 @@ class DuetInput {
14090
14131
  this.type = "text";
14091
14132
  this.variation = "default";
14092
14133
  this.label = "Label";
14134
+ this.labelColor = undefined;
14135
+ this.labelWeight = undefined;
14093
14136
  this.error = "";
14094
14137
  this.labelHidden = false;
14095
14138
  this.numericKeyboard = false;
@@ -14227,6 +14270,8 @@ class DuetInput {
14227
14270
  "type": [1],
14228
14271
  "variation": [1],
14229
14272
  "label": [1025],
14273
+ "labelColor": [1025, "label-color"],
14274
+ "labelWeight": [1025, "label-weight"],
14230
14275
  "error": [1],
14231
14276
  "labelHidden": [4, "label-hidden"],
14232
14277
  "numericKeyboard": [4, "numeric-keyboard"],
@@ -14256,7 +14301,7 @@ class DuetInput {
14256
14301
  }; }
14257
14302
  }
14258
14303
 
14259
- const duetLabelCss = "*.sc-duet-label,*.sc-duet-label::after,*.sc-duet-label::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-label-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;line-height:1.25;cursor:default}.duet-p-0.sc-duet-label-h{padding:0 !important}.duet-m-0.sc-duet-label-h{margin:0 !important}.duet-m-0.sc-duet-label-h{margin-bottom:0 !important}.duet-small-margin.sc-duet-label-h{margin-top:8px !important;margin-bottom:4px !important}.duet-has-tooltip.sc-duet-label-h{padding-right:48px}@media (min-width: 48em){.duet-has-tooltip.sc-duet-label-h{padding-right:0}}label.sc-duet-label{margin:0;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;color:rgb(0, 41, 77);text-align:left;word-break:break-word}label.sc-duet-label span.sc-duet-label{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-label-small.sc-duet-label-h label.sc-duet-label{font-size:0.875rem}.duet-label-small.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-size:0.875rem}.duet-theme-turva.sc-duet-label-h label.sc-duet-label{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)}";
14304
+ const duetLabelCss = "*.sc-duet-label,*.sc-duet-label::after,*.sc-duet-label::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-label-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;line-height:1.25;cursor:default}.duet-p-0.sc-duet-label-h{padding:0 !important}.duet-m-0.sc-duet-label-h{margin:0 !important}.duet-m-0.sc-duet-label-h{margin-bottom:0 !important}.duet-small-margin.sc-duet-label-h{margin-top:8px !important;margin-bottom:4px !important}.duet-has-tooltip.sc-duet-label-h{padding-right:48px}@media (min-width: 48em){.duet-has-tooltip.sc-duet-label-h{padding-right:0}}label.sc-duet-label{margin:0;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;color:rgb(0, 41, 77);text-align:left;word-break:break-word}label.sc-duet-label span.sc-duet-label{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-label-small.sc-duet-label-h label.sc-duet-label{font-size:0.875rem}.duet-label-small.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-size:0.875rem}.duet-weight-normal.sc-duet-label-h label.sc-duet-label{font-weight:400 !important}.duet-weight-normal.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-weight:400 !important}.duet-theme-turva.sc-duet-label-h label.sc-duet-label{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)}";
14260
14305
 
14261
14306
  class DuetLabel {
14262
14307
  constructor(hostRef) {
@@ -14265,6 +14310,7 @@ class DuetLabel {
14265
14310
  this.for = undefined;
14266
14311
  this.margin = "auto";
14267
14312
  this.size = "medium";
14313
+ this.weight = "semi-bold";
14268
14314
  this.color = "";
14269
14315
  }
14270
14316
  /**
@@ -14292,6 +14338,7 @@ class DuetLabel {
14292
14338
  "for": [1],
14293
14339
  "margin": [1],
14294
14340
  "size": [1],
14341
+ "weight": [1],
14295
14342
  "color": [1]
14296
14343
  },
14297
14344
  "$listeners$": undefined,
@@ -15374,13 +15421,14 @@ class Teleport {
15374
15421
  }
15375
15422
  }
15376
15423
 
15377
- const duetModalCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-modal,*.sc-duet-modal::after,*.sc-duet-modal::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-modal-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@.duet-modal-overlay*/.duet-modal-overlay.sc-duet-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;background:rgba(0, 41, 77, 0.85);opacity:0;transition:300ms ease;transition-delay:200ms}/*!@.duet-modal-overlay.duet-theme-turva*/.duet-modal-overlay.duet-theme-turva.sc-duet-modal{background:rgba(23, 28, 58, 0.85)}/*!@.duet-modal-overlay.duet-modal-active*/.duet-modal-overlay.duet-modal-active.sc-duet-modal{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}/*!@.duet-modal-overlay.duet-disable-transitions*/.duet-modal-overlay.duet-disable-transitions.sc-duet-modal{transition:none}/*!@::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}}@media (max-width: 35.9375em){/*!@.duet-modal-inner.duet-modal-large*/.duet-modal-inner.duet-modal-large.sc-duet-modal{padding-right:0;padding-left:0}}/*!@.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-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:focus*/.duet-modal.sc-duet-modal:focus{outline:0}/*!@.duet-modal-body*/.duet-modal-body.sc-duet-modal{width:100%;padding:36px 28px}/*!@.duet-modal-body.duet-modal-gutter-none*/.duet-modal-body.duet-modal-gutter-none.sc-duet-modal{padding:0 !important}/*!@.duet-modal-body.duet-modal-gutter-small*/.duet-modal-body.duet-modal-gutter-small.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}@media (max-width: 22.5em){/*!@.duet-modal-body*/.duet-modal-body.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal{padding:48px 28px}}@media (max-width: 35.9375em){/*!@.duet-modal-body*/.duet-modal-body.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}}@media (min-width: 36em){/*!@.duet-modal-body*/.duet-modal-body.sc-duet-modal{padding:36px}/*!@.duet-modal-body.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal{padding:28px 72px}}@media (min-width: 48em){/*!@.duet-modal-body*/.duet-modal-body.sc-duet-modal{padding:36px 72px}/*!@.duet-modal-body.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal{padding:36px 72px}}@media (min-width: 76.25em){/*!@.duet-modal-body*/.duet-modal-body.sc-duet-modal{padding:36px 48px 48px}/*!@.duet-modal-body.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal{padding:48px 94px}/*!@.small .duet-modal-body*/.small.sc-duet-modal .duet-modal-body.sc-duet-modal{padding:36px 48px}}/*!@.duet-modal-header*/.duet-modal-header.sc-duet-modal{text-align:center}/*!@.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}";
15424
+ const duetModalCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-modal,*.sc-duet-modal::after,*.sc-duet-modal::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-modal-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@.duet-modal-overlay*/.duet-modal-overlay.sc-duet-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;background:rgba(0, 41, 77, 0.85);opacity:0;transition:300ms ease;transition-delay:200ms}/*!@.duet-modal-overlay.duet-theme-turva*/.duet-modal-overlay.duet-theme-turva.sc-duet-modal{background:rgba(23, 28, 58, 0.85)}/*!@.duet-modal-overlay.duet-modal-active*/.duet-modal-overlay.duet-modal-active.sc-duet-modal{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}/*!@.duet-modal-overlay.duet-disable-transitions*/.duet-modal-overlay.duet-disable-transitions.sc-duet-modal{transition:none}/*!@.duet-modal-overlay.duet-modal-slide-up*/.duet-modal-overlay.duet-modal-slide-up.sc-duet-modal{overflow:hidden}/*!@::slotted(img)*/.sc-duet-modal-s>img{width:100%}/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{padding:48px 16px}}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}/*!@.duet-modal-inner.duet-modal-slide-up::after*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:\"\";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}/*!@.duet-modal-inner.duet-modal-slide-up::after.small*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.small{max-width:545px}/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:100%}@media (min-width: 36em){/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:1110px}}@media (max-width: 35.9375em){/*!@.duet-modal-inner.large*/.duet-modal-inner.large.sc-duet-modal{padding-right:0;padding-left:0}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{padding:0;padding-top:28px}}/*!@.duet-modal*/.duet-modal.sc-duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}/*!@.duet-theme-turva .duet-modal*/.duet-theme-turva.sc-duet-modal .duet-modal.sc-duet-modal{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@.duet-modal-active .duet-modal*/.duet-modal-active.sc-duet-modal .duet-modal.sc-duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}/*!@.duet-modal-active .duet-modal.slide-up*/.duet-modal-active.sc-duet-modal .duet-modal.slide-up.sc-duet-modal{top:0;transition:top 600ms ease}/*!@.duet-disable-transitions .duet-modal*/.duet-disable-transitions.sc-duet-modal .duet-modal.sc-duet-modal{transition:none}/*!@.duet-modal.small*/.duet-modal.small.sc-duet-modal{max-width:545px}/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:100%}@media (min-width: 36em){/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:1110px}}/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{top:100vh;margin:0;border-radius:4px 4px 0 0;opacity:1;transition:top 600ms ease}@media (max-width: 35.9375em){/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{border-radius:16px 16px 0 0}}/*!@.duet-modal.duet-modal-has-sticky-header*/.duet-modal.duet-modal-has-sticky-header.sc-duet-modal{height:100%;overflow:auto}/*!@.duet-modal:focus*/.duet-modal.sc-duet-modal:focus{outline:0}/*!@.duet-modal-body,\n.duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{width:100%;padding:36px 28px}/*!@.duet-modal-body.duet-modal-gutter-none,\n.duet-modal-sticky-header.duet-modal-gutter-none*/.duet-modal-body.duet-modal-gutter-none.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-none.sc-duet-modal{padding:0 !important}/*!@.duet-modal-body.duet-modal-gutter-small,\n.duet-modal-sticky-header.duet-modal-gutter-small*/.duet-modal-body.duet-modal-gutter-small.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-small.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n.duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}@media (max-width: 22.5em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 28px}}@media (max-width: 35.9375em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}}@media (min-width: 36em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:28px 72px}}@media (min-width: 48em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 72px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:36px 72px}}@media (min-width: 76.25em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 48px 48px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 94px}/*!@.small .duet-modal-body,\n .small .duet-modal-sticky-header*/.small.sc-duet-modal .duet-modal-body.sc-duet-modal,.small.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{padding:36px 48px}}/*!@.duet-modal-header*/.duet-modal-header.sc-duet-modal{text-align:center}/*!@.duet-modal-sticky-header*/.duet-modal-sticky-header.sc-duet-modal{position:sticky;top:0;z-index:200;display:block;padding-bottom:12px;text-align:left;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-theme-turva .duet-modal-sticky-header*/.duet-theme-turva.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}/*!@.duet-modal-close*/.duet-modal-close.sc-duet-modal{position:absolute;top:12px;right:12px}/*!@.duet-modal-heading*/.duet-modal-heading.sc-duet-modal{width:100%;padding-right:60px;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}/*!@.duet-modal-heading.duet-p-0*/.duet-modal-heading.duet-p-0.sc-duet-modal{padding:0 !important}/*!@.duet-modal-heading.duet-m-0*/.duet-modal-heading.duet-m-0.sc-duet-modal{margin:0 !important}";
15378
15425
 
15379
15426
  // The transition below is slightly higher than the actual CSS transition as VoiceOver on
15380
15427
  // iOS has otherwise problems moving the focus from modal back to the original element.
15381
15428
  // This issue is similar to what we’ve seen in Duet Date Picker + iOS VoiceOver.
15382
15429
  const TRANSITION_MS = 600;
15383
15430
  /**
15431
+ * @slot sticky-header - Content will be fixed to the top of the modal when scrolling, typically used with slide-up variation for e.g. a search input
15384
15432
  * @slot top - This is a slot that takes any content and will be displayed as the first thing in the hero area (typically an image)
15385
15433
  */
15386
15434
  class DuetModal {
@@ -15395,6 +15443,7 @@ class DuetModal {
15395
15443
  */
15396
15444
  this.modalId = createID("DuetModal");
15397
15445
  this.slotDefaultId = createID("DuetModal-default-slot");
15446
+ this.hasStickyHeader = false;
15398
15447
  this.isAndroidDevice = ((_b = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.indexOf("android")) > -1 || null;
15399
15448
  this.isSafariBrowser = /^((?!chrome|android).)*safari/i.test(navigator === null || navigator === void 0 ? void 0 : navigator.userAgent);
15400
15449
  this.handleAndroidResizeEvents = () => {
@@ -15425,6 +15474,7 @@ class DuetModal {
15425
15474
  this.accessibleLabel = undefined;
15426
15475
  this.accessibleDetails = undefined;
15427
15476
  this.accessibleDescription = undefined;
15477
+ this.variation = "default";
15428
15478
  this.gutterSize = "medium";
15429
15479
  this.theme = "";
15430
15480
  this.heading = "";
@@ -15476,6 +15526,7 @@ class DuetModal {
15476
15526
  * Component lifecycle events.
15477
15527
  */
15478
15528
  componentWillLoad() {
15529
+ this.hasStickyHeader = hasSlot(this.element, "sticky-header");
15479
15530
  inheritGlobalTheme(this);
15480
15531
  }
15481
15532
  componentDidLoad() {
@@ -15543,6 +15594,7 @@ class DuetModal {
15543
15594
  var _a;
15544
15595
  let iconColor = "primary";
15545
15596
  let closeColor = "secondary";
15597
+ const closingButton = (hAsync("div", { class: "duet-modal-close" }, hAsync("duet-button", { ref: button => (this.buttonEl = button), variation: "plain", accessibleLabel: this.accessibleCloseLabel, color: closeColor, iconSize: "large", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: ev => this.closeModal(ev), fixed: true })));
15546
15598
  if (this.theme === "turva") {
15547
15599
  iconColor = "primary-turva";
15548
15600
  closeColor = "secondary-turva";
@@ -15551,9 +15603,12 @@ class DuetModal {
15551
15603
  "duet-modal-overlay": true,
15552
15604
  "duet-theme-turva": this.theme === "turva",
15553
15605
  "duet-modal-active": this.open,
15606
+ "duet-modal-slide-up": this.variation === "slide-up",
15607
+ "duet-modal-has-sticky-header": this.hasStickyHeader,
15554
15608
  } }, hAsync(FocusGuard, { moveFocusTo: this.buttonEl }), hAsync("div", { ref: modalInner => (this.modalInnerEl = modalInner), class: {
15555
15609
  "duet-modal-inner": true,
15556
- "duet-modal-large": this.size === "large",
15610
+ [this.size]: true,
15611
+ "duet-modal-slide-up": this.variation === "slide-up",
15557
15612
  }, onClick: e => {
15558
15613
  if (this.closeOnBlur) {
15559
15614
  const source = e.target || e.srcElement;
@@ -15561,7 +15616,12 @@ class DuetModal {
15561
15616
  this.closeModal(e);
15562
15617
  }
15563
15618
  }
15564
- } }, hAsync("div", { class: { "duet-modal": true, [this.size]: true } }, this.gutterSize !== "none" && hAsync("duet-spacer", null), hAsync("div", { class: "duet-modal-close" }, hAsync("duet-button", { ref: button => (this.buttonEl = button), variation: "plain", accessibleLabel: this.accessibleCloseLabel, color: closeColor, iconSize: "large", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: ev => this.closeModal(ev), fixed: true })), hAsync("div", { class: {
15619
+ } }, hAsync("div", { class: {
15620
+ "duet-modal": true,
15621
+ "duet-modal-has-sticky-header": this.hasStickyHeader,
15622
+ [this.size]: true,
15623
+ [this.variation]: true,
15624
+ } }, this.gutterSize !== "none" && !this.hasStickyHeader && hAsync("duet-spacer", null), this.hasStickyHeader ? (hAsync("div", { class: "duet-modal-sticky-header" }, closingButton, hAsync("slot", { name: "sticky-header" }))) : (closingButton), hAsync("div", { class: {
15565
15625
  "duet-modal-body": true,
15566
15626
  "duet-modal-gutter-none": this.gutterSize === "none",
15567
15627
  "duet-modal-gutter-small": this.gutterSize === "small",
@@ -15588,6 +15648,7 @@ class DuetModal {
15588
15648
  "accessibleLabel": [1, "accessible-label"],
15589
15649
  "accessibleDetails": [1, "accessible-details"],
15590
15650
  "accessibleDescription": [1, "accessible-description"],
15651
+ "variation": [1],
15591
15652
  "gutterSize": [1, "gutter-size"],
15592
15653
  "theme": [1025],
15593
15654
  "heading": [1],
@@ -15754,6 +15815,8 @@ class DuetMultiselect {
15754
15815
  this.items = undefined;
15755
15816
  this.disabled = false;
15756
15817
  this.label = "label";
15818
+ this.labelColor = undefined;
15819
+ this.labelWeight = undefined;
15757
15820
  this.accessibleDescribedBy = undefined;
15758
15821
  this.tooltip = "";
15759
15822
  this.tooltipDirection = "auto";
@@ -15807,7 +15870,7 @@ class DuetMultiselect {
15807
15870
  "duet-theme-turva": this.theme === "turva",
15808
15871
  "duet-input-top-caption-shown": this.isCaptionVisible,
15809
15872
  "has-error": !!this.error,
15810
- }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, hAsync("duet-label", { theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, id: this.labelId, for: this.identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), this.caption && (hAsync("duet-caption", { id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { class: "duet-multiselect-wrapper" }, hAsync("button", { id: this.identifier, ref: el => (this.multiselectElement = el), class: { "duet-multiselect": true, "duet-multiselect-active": this.checkboxesVisible }, tabindex: "0", onClick: () => this.toggleCheckboxes(), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), role: "combobox", "aria-expanded": this.checkboxesVisible ? "true" : "false", "aria-haspopup": "listbox", "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-owns": `${this.identifier}-checkboxes`, onKeyDown: (e) => this.onMultiselectInputKeyDown(e), disabled: this.disabled }, hAsync("span", { role: "textbox", "aria-readonly": "true", "aria-multiline": "false", "aria-autocomplete": "none", "aria-controls": `${this.identifier}-checkboxes`, "aria-label": this.placeholderLabel[this.language], class: "duet-multiselect-label" }, this.placeholder), this.value && this.value.length > 0 && (hAsync("span", { class: "duet-multiselect-badge" }, this.value.length, hAsync("duet-visually-hidden", null, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), hAsync("svg", { class: { "duet-multiselect-icon": true, "duet-multiselect-icon--rotate": this.checkboxesVisible }, fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" }))), hAsync("div", { id: `${this.identifier}-checkboxes`, role: "listbox", class: {
15873
+ }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, hAsync("duet-label", { theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: this.identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), this.caption && (hAsync("duet-caption", { id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { class: "duet-multiselect-wrapper" }, hAsync("button", { id: this.identifier, ref: el => (this.multiselectElement = el), class: { "duet-multiselect": true, "duet-multiselect-active": this.checkboxesVisible }, tabindex: "0", onClick: () => this.toggleCheckboxes(), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), role: "combobox", "aria-expanded": this.checkboxesVisible ? "true" : "false", "aria-haspopup": "listbox", "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-owns": `${this.identifier}-checkboxes`, onKeyDown: (e) => this.onMultiselectInputKeyDown(e), disabled: this.disabled }, hAsync("span", { role: "textbox", "aria-readonly": "true", "aria-multiline": "false", "aria-autocomplete": "none", "aria-controls": `${this.identifier}-checkboxes`, "aria-label": this.placeholderLabel[this.language], class: "duet-multiselect-label" }, this.placeholder), this.value && this.value.length > 0 && (hAsync("span", { class: "duet-multiselect-badge" }, this.value.length, hAsync("duet-visually-hidden", null, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), hAsync("svg", { class: { "duet-multiselect-icon": true, "duet-multiselect-icon--rotate": this.checkboxesVisible }, fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" }))), hAsync("div", { id: `${this.identifier}-checkboxes`, role: "listbox", class: {
15811
15874
  "duet-multiselect-checkboxes": true,
15812
15875
  "duet-multiselect-checkboxes-active": this.checkboxesVisible,
15813
15876
  }, "aria-activedescendant": this.activeDescendant, "aria-multiselectable": "true" }, this.processedItems && this.allControls && (hAsync("div", { class: "duet-multiselect-all-control-buttons" }, hAsync("button", { class: "duet-multiselect-select-all", onClick: this.handleSelectAllClick, id: this.getOptionIdentifier(-2), onKeyDown: (e) => this.onCheckboxKeyDown(e, -2) }, this.selectAllLabel[this.language]), hAsync("button", { class: "duet-multiselect-clear-all", onClick: this.handleClearAllClick, id: this.getOptionIdentifier(-1), onKeyDown: (e) => this.onCheckboxKeyDown(e, -1) }, this.clearAllLabel[this.language]))), this.processedItems &&
@@ -15839,6 +15902,8 @@ class DuetMultiselect {
15839
15902
  "items": [1],
15840
15903
  "disabled": [516],
15841
15904
  "label": [1],
15905
+ "labelColor": [1025, "label-color"],
15906
+ "labelWeight": [1025, "label-weight"],
15842
15907
  "accessibleDescribedBy": [1, "accessible-described-by"],
15843
15908
  "tooltip": [1],
15844
15909
  "tooltipDirection": [1, "tooltip-direction"],
@@ -18237,7 +18302,7 @@ class DuetPopupMenu {
18237
18302
  if (!this.controller) {
18238
18303
  return;
18239
18304
  }
18240
- const coordinates = await computePosition(this.controller, this.element, {
18305
+ const coordinates = await computePosition(this.controller, this.menuElement, {
18241
18306
  middleware: [offset({ mainAxis: this.mainAxisOffset, crossAxis: this.crossAxisOffset }), flip()],
18242
18307
  placement: this.placement,
18243
18308
  strategy: this.position,
@@ -18249,6 +18314,7 @@ class DuetPopupMenu {
18249
18314
  this.menuY = undefined;
18250
18315
  this.menuX = undefined;
18251
18316
  this.accessibleLabel = undefined;
18317
+ this.accessibleRole = "menu";
18252
18318
  this.theme = "";
18253
18319
  this.controller = undefined;
18254
18320
  this.placement = "bottom-start";
@@ -18303,7 +18369,7 @@ class DuetPopupMenu {
18303
18369
  }
18304
18370
  }
18305
18371
  }
18306
- if (isTabKey(evt)) {
18372
+ if (isTabKey(evt) && this.accessibleRole === "menu") {
18307
18373
  evt.preventDefault();
18308
18374
  this.hide();
18309
18375
  }
@@ -18327,7 +18393,9 @@ class DuetPopupMenu {
18327
18393
  async show() {
18328
18394
  this.open = true;
18329
18395
  this.teleport.go();
18330
- this.itemElements[0].setFocus();
18396
+ if (this.accessibleRole === "menu") {
18397
+ this.itemElements[0].setFocus();
18398
+ }
18331
18399
  this.duetToggle.emit({ open: this.open, component: "duet-popup-menu" });
18332
18400
  this.updatePlacement();
18333
18401
  }
@@ -18337,7 +18405,9 @@ class DuetPopupMenu {
18337
18405
  async hide() {
18338
18406
  this.open = false;
18339
18407
  this.duetToggle.emit({ open: this.open, component: "duet-popup-menu" });
18340
- this.focusController();
18408
+ if (this.accessibleRole === "menu") {
18409
+ this.focusController();
18410
+ }
18341
18411
  this.teleport.resume(200);
18342
18412
  }
18343
18413
  /**
@@ -18353,16 +18423,11 @@ class DuetPopupMenu {
18353
18423
  }
18354
18424
  focusController() {
18355
18425
  if (this.controller) {
18356
- if ("setFocus" in this.controller) {
18357
- this.controller.setFocus();
18358
- }
18359
- else {
18360
- this.controller.focus();
18361
- }
18426
+ focusElement(this.controller);
18362
18427
  }
18363
18428
  }
18364
18429
  get itemElements() {
18365
- return Array.from(this.element.querySelectorAll(":scope > duet-popup-menu-item"));
18430
+ return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"));
18366
18431
  }
18367
18432
  async getFocusedItemIndex() {
18368
18433
  const items = this.itemElements;
@@ -18378,7 +18443,7 @@ class DuetPopupMenu {
18378
18443
  top: `${this.menuY}px`,
18379
18444
  left: `${this.menuX}px`,
18380
18445
  };
18381
- return (hAsync(Host, { class: this.position }, hAsync("div", { style: positionStyles, class: { open: this.open, "duet-popup-menu-list": true, "duet-theme-turva": this.theme === "turva" }, role: "menu", "aria-label": this.accessibleLabel }, hAsync("slot", null))));
18446
+ return (hAsync(Host, { class: this.position }, hAsync("div", { ref: element => (this.menuElement = element), style: positionStyles, class: { open: this.open, "duet-popup-menu-list": true, "duet-theme-turva": this.theme === "turva" }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, hAsync("slot", null))));
18382
18447
  }
18383
18448
  get element() { return getElement(this); }
18384
18449
  static get style() { return duetPopupMenuCss; }
@@ -18387,6 +18452,7 @@ class DuetPopupMenu {
18387
18452
  "$tagName$": "duet-popup-menu",
18388
18453
  "$members$": {
18389
18454
  "accessibleLabel": [1, "accessible-label"],
18455
+ "accessibleRole": [1, "accessible-role"],
18390
18456
  "theme": [1025],
18391
18457
  "controller": [16],
18392
18458
  "placement": [1],
@@ -18407,7 +18473,7 @@ class DuetPopupMenu {
18407
18473
  }; }
18408
18474
  }
18409
18475
 
18410
- const duetPopupMenuItemCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-popup-menu-item,*.sc-duet-popup-menu-item::after,*.sc-duet-popup-menu-item::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-popup-menu-item-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}/*!@.duet-popup-menu-item*/.duet-popup-menu-item.sc-duet-popup-menu-item{display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer}/*!@.duet-popup-menu-item:focus*/.duet-popup-menu-item.sc-duet-popup-menu-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-popup-menu-item:focus, .duet-popup-menu-item:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-popup-menu-item .duet-popup-menu-item.sc-duet-popup-menu-item:focus,.duet-popup-menu-item.sc-duet-popup-menu-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-popup-menu-item.active*/.duet-popup-menu-item.active.sc-duet-popup-menu-item{background:rgb(243, 249, 252)}/*!@.duet-popup-menu-item.active.duet-theme-turva*/.duet-popup-menu-item.active.duet-theme-turva.sc-duet-popup-menu-item{background:rgb(245, 245, 247)}/*!@.duet-popup-menu-item:hover*/.duet-popup-menu-item.sc-duet-popup-menu-item:hover{background:rgb(230, 242, 248)}/*!@.duet-popup-menu-item:hover.duet-theme-turva*/.duet-popup-menu-item.sc-duet-popup-menu-item:hover.duet-theme-turva{background:rgb(228, 228, 230)}/*!@.duet-popup-menu-item .duet-popup-menu-item-label*/.duet-popup-menu-item.sc-duet-popup-menu-item .duet-popup-menu-item-label.sc-duet-popup-menu-item{flex-grow:1}";
18476
+ const duetPopupMenuItemCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-popup-menu-item,*.sc-duet-popup-menu-item::after,*.sc-duet-popup-menu-item::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-popup-menu-item-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}/*!@.duet-popup-menu-item*/.duet-popup-menu-item.sc-duet-popup-menu-item{display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer}/*!@.duet-popup-menu-item:focus*/.duet-popup-menu-item.sc-duet-popup-menu-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-popup-menu-item:focus, .duet-popup-menu-item:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-popup-menu-item .duet-popup-menu-item.sc-duet-popup-menu-item:focus,.duet-popup-menu-item.sc-duet-popup-menu-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-popup-menu-item.duet-theme-turva*/.duet-popup-menu-item.duet-theme-turva.sc-duet-popup-menu-item{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@.duet-popup-menu-item.active*/.duet-popup-menu-item.active.sc-duet-popup-menu-item{background:rgb(243, 249, 252)}/*!@.duet-popup-menu-item.active.duet-theme-turva*/.duet-popup-menu-item.active.duet-theme-turva.sc-duet-popup-menu-item{background:rgb(245, 245, 247)}/*!@.duet-popup-menu-item:hover*/.duet-popup-menu-item.sc-duet-popup-menu-item:hover{background:rgb(230, 242, 248)}/*!@.duet-popup-menu-item:hover.duet-theme-turva*/.duet-popup-menu-item.sc-duet-popup-menu-item:hover.duet-theme-turva{background:rgb(228, 228, 230)}/*!@.duet-popup-menu-item .duet-popup-menu-item-label*/.duet-popup-menu-item.sc-duet-popup-menu-item .duet-popup-menu-item-label.sc-duet-popup-menu-item{flex-grow:1}";
18411
18477
 
18412
18478
  class DuetPopupMenuItem {
18413
18479
  constructor(hostRef) {
@@ -18435,6 +18501,7 @@ class DuetPopupMenuItem {
18435
18501
  };
18436
18502
  this.focus = false;
18437
18503
  this.accessibleLabel = undefined;
18504
+ this.accessibleRole = "menuitem";
18438
18505
  this.theme = "";
18439
18506
  this.url = undefined;
18440
18507
  this.external = false;
@@ -18470,7 +18537,7 @@ class DuetPopupMenuItem {
18470
18537
  active: this.active,
18471
18538
  "duet-theme-turva": this.theme === "turva",
18472
18539
  };
18473
- return (hAsync(Host, null, hAsync(TagName, { ref: element => (this.itemElement = element), tabIndex: -1, onFocus: this.onFocus, onBlur: this.onBlur, role: "menuitem", "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("duet-icon", { name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { class: "duet-popup-menu-item-label" }, hAsync("slot", null)), this.trailingIcon && (hAsync("duet-icon", { name: this.trailingIcon, size: "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && hAsync("span", { class: "duet-popup-menu-item-trailing" }, this.trailingText))));
18540
+ return (hAsync(Host, null, hAsync(TagName, { ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "menuitem" ? -1 : 0, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"} ${this.accessibleRole}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("duet-icon", { name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { class: "duet-popup-menu-item-label" }, hAsync("slot", null)), this.trailingIcon && (hAsync("duet-icon", { name: this.trailingIcon, size: "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && hAsync("span", { class: "duet-popup-menu-item-trailing" }, this.trailingText))));
18474
18541
  }
18475
18542
  get element() { return getElement(this); }
18476
18543
  static get style() { return duetPopupMenuItemCss; }
@@ -18479,6 +18546,7 @@ class DuetPopupMenuItem {
18479
18546
  "$tagName$": "duet-popup-menu-item",
18480
18547
  "$members$": {
18481
18548
  "accessibleLabel": [1, "accessible-label"],
18549
+ "accessibleRole": [1, "accessible-role"],
18482
18550
  "theme": [1025],
18483
18551
  "url": [1],
18484
18552
  "external": [4],
@@ -18571,6 +18639,12 @@ class DuetProgress {
18571
18639
 
18572
18640
  const duetPromoCardCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-promo-card,*.sc-duet-promo-card::after,*.sc-duet-promo-card::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-promo-card-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}/*!@:host:last-child, :host:last-of-type*/.sc-duet-promo-card-h:last-child,.sc-duet-promo-card-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-promo-card-h{margin:0 !important}/*!@.duet-promo-card*/.duet-promo-card.sc-duet-promo-card{display:flex;flex-direction:column;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;color:rgb(0, 41, 77);text-align:left;border-radius:20px}/*!@.duet-promo-card.duet-p-0*/.duet-promo-card.duet-p-0.sc-duet-promo-card{padding:0 !important}/*!@.duet-promo-card.duet-m-0*/.duet-promo-card.duet-m-0.sc-duet-promo-card{margin:0 !important}/*!@.duet-promo-card .content-wrapper*/.duet-promo-card.sc-duet-promo-card .content-wrapper.sc-duet-promo-card{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}/*!@.duet-promo-card .image*/.duet-promo-card.sc-duet-promo-card .image.sc-duet-promo-card{position:relative;width:100%;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;object-fit:cover}/*!@.duet-promo-card .content*/.duet-promo-card.sc-duet-promo-card .content.sc-duet-promo-card{display:flex;flex-direction:column;flex-grow:1;gap:8px;padding:20px}@media (min-width: 36em){/*!@.duet-promo-card .content*/.duet-promo-card.sc-duet-promo-card .content.sc-duet-promo-card{padding:28px}}/*!@.duet-promo-card .action*/.duet-promo-card.sc-duet-promo-card .action.sc-duet-promo-card{display:flex;flex-grow:1;align-items:flex-end;padding-top:16px}/*!@.duet-promo-card.no-bg-color .content*/.duet-promo-card.no-bg-color.sc-duet-promo-card .content.sc-duet-promo-card{padding:20px 0 0}/*!@.duet-promo-card.no-bg-color .image*/.duet-promo-card.no-bg-color.sc-duet-promo-card .image.sc-duet-promo-card{border-radius:16px}/*!@.duet-promo-card.duet-theme-turva*/.duet-promo-card.duet-theme-turva.sc-duet-promo-card{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}";
18573
18641
 
18642
+ /**
18643
+ * @slot pre-heading - Slot for pre-heading content.
18644
+ * @slot heading - Slot for heading content. Only span should be used in this slot.
18645
+ * @slot description - Slot for description content. Only span should be used in this slot.
18646
+ * @slot action - Slot for action button.
18647
+ */
18574
18648
  class DuetPromoCard {
18575
18649
  constructor(hostRef) {
18576
18650
  registerInstance(this, hostRef);
@@ -18606,7 +18680,7 @@ class DuetPromoCard {
18606
18680
  "duet-promo-card": true,
18607
18681
  "duet-theme-turva": this.theme === "turva",
18608
18682
  "no-bg-color": !this.backgroundColor,
18609
- }, style: bannerStyles }, hAsync(TagName, { href: this.url, class: "content-wrapper" }, hAsync("img", { class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { class: "pre-heading" }, hAsync("slot", { name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { class: "heading" }, hAsync("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("div", null, hAsync("slot", { name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { class: "description" }, hAsync("duet-paragraph", { theme: this.theme, margin: "none", color: this.textColor }, hAsync("div", null, hAsync("slot", { name: "description" }))))), this.hasActionSlot && (hAsync("div", { class: "action" }, hAsync("slot", { name: "action" }))))))));
18683
+ }, style: bannerStyles }, hAsync(TagName, { href: this.url, class: "content-wrapper" }, hAsync("img", { class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { class: "pre-heading" }, hAsync("slot", { name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { class: "heading" }, hAsync("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("span", null, hAsync("slot", { name: "heading", onSlotchange: ev => slotElementCheck(ev, this, "span") }))))), this.hasDescriptionSlot && (hAsync("div", { class: "description" }, hAsync("duet-paragraph", { theme: this.theme, margin: "none", color: this.textColor }, hAsync("span", null, hAsync("slot", { name: "description", onSlotchange: ev => slotElementCheck(ev, this, "span") }))))), this.hasActionSlot && (hAsync("div", { class: "action" }, hAsync("slot", { name: "action" }))))))));
18610
18684
  }
18611
18685
  get element() { return getElement(this); }
18612
18686
  static get style() { return duetPromoCardCss; }
@@ -18960,6 +19034,8 @@ class DuetRangeSlider {
18960
19034
  this.accessibleDescribedBy = undefined;
18961
19035
  this.min = 0;
18962
19036
  this.label = "label";
19037
+ this.labelColor = undefined;
19038
+ this.labelWeight = undefined;
18963
19039
  this.labelHidden = false;
18964
19040
  this.unit = "";
18965
19041
  this.max = 100;
@@ -19021,6 +19097,8 @@ class DuetRangeSlider {
19021
19097
  "accessibleDescribedBy": [1, "accessible-described-by"],
19022
19098
  "min": [2],
19023
19099
  "label": [1],
19100
+ "labelColor": [1025, "label-color"],
19101
+ "labelWeight": [1025, "label-weight"],
19024
19102
  "labelHidden": [4, "label-hidden"],
19025
19103
  "unit": [1],
19026
19104
  "max": [2],
@@ -19542,6 +19620,8 @@ class DuetSelect {
19542
19620
  this.disabled = false;
19543
19621
  this.required = false;
19544
19622
  this.label = "label";
19623
+ this.labelColor = undefined;
19624
+ this.labelWeight = undefined;
19545
19625
  this.role = undefined;
19546
19626
  this.tooltip = "";
19547
19627
  this.tooltipDirection = "auto";
@@ -19628,6 +19708,8 @@ class DuetSelect {
19628
19708
  "disabled": [516],
19629
19709
  "required": [4],
19630
19710
  "label": [1],
19711
+ "labelColor": [1025, "label-color"],
19712
+ "labelWeight": [1025, "label-weight"],
19631
19713
  "role": [1],
19632
19714
  "tooltip": [1],
19633
19715
  "tooltipDirection": [1, "tooltip-direction"],
@@ -19809,8 +19891,11 @@ class DuetShowMore {
19809
19891
  }; }
19810
19892
  }
19811
19893
 
19812
- const duetSlideoutCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-slideout,*.sc-duet-slideout::after,*.sc-duet-slideout::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-slideout-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;height:100%}/*!@::slotted(*)*/.sc-duet-slideout-s>*{position:relative;width:100%;visibility:hidden;opacity:0}/*!@:host([open]) ::slotted(*)*/.sc-duet-slideout-h[open] .sc-duet-slideout-s>*{visibility:visible;opacity:1}/*!@:host(:not([open])) ::slotted(duet-slideout-panel)*/.sc-duet-slideout-h:not([open]) .sc-duet-slideout-s>duet-slideout-panel{display:none}/*!@.duet-slideout*/.duet-slideout.sc-duet-slideout{display:flex;align-items:center;height:100%}/*!@.duet-slideout .desktop-bg*/.duet-slideout.sc-duet-slideout .desktop-bg.sc-duet-slideout{display:none}@media (min-width: 62em){/*!@.duet-slideout .desktop-bg*/.duet-slideout.sc-duet-slideout .desktop-bg.sc-duet-slideout{position:fixed;top:0;left:0;z-index:400;display:block;width:100%;height:100%;visibility:hidden;background:rgba(0, 41, 77, 0.6);opacity:0;transition:600ms ease}/*!@.duet-slideout .desktop-bg:not(.hidden)*/.duet-slideout.sc-duet-slideout .desktop-bg.sc-duet-slideout:not(.hidden){visibility:visible;opacity:1;transition:600ms ease}}@media (min-width: 62em){/*!@.duet-slideout.duet-theme-turva .desktop-bg*/.duet-slideout.duet-theme-turva.sc-duet-slideout .desktop-bg.sc-duet-slideout{background:rgba(23, 28, 58, 0.6)}}/*!@.duet-slideout .dialog*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout{position:fixed;top:0;bottom:0;left:0;z-index:400;width:100%;height:100%;padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset}@media (min-width: 62em){/*!@.duet-slideout .dialog*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout{right:0;left:auto;width:500px;padding-bottom:0;transition:right 300ms ease;transition-delay:0s}}/*!@.duet-slideout .dialog .top*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px}/*!@.duet-slideout .dialog .top button*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout button.sc-duet-slideout{cursor:pointer}/*!@.duet-slideout .dialog .top button:focus*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout button.sc-duet-slideout:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-slideout .dialog .top duet-icon*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout duet-icon.sc-duet-slideout{padding:16px}/*!@.duet-slideout .dialog .items*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .items.sc-duet-slideout{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:0 1.5rem}/*!@.duet-slideout .dialog.hidden*/.duet-slideout.sc-duet-slideout .dialog.hidden.sc-duet-slideout{pointer-events:none;visibility:hidden}@media (min-width: 62em){/*!@.duet-slideout .dialog.hidden*/.duet-slideout.sc-duet-slideout .dialog.hidden.sc-duet-slideout{right:-500px;transition:300ms ease}}/*!@.duet-slideout.duet-theme-turva .dialog*/.duet-slideout.duet-theme-turva.sc-duet-slideout .dialog.sc-duet-slideout{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}/*!@.duet-slideout.duet-theme-turva button*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.sc-duet-slideout{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@.duet-slideout.duet-theme-turva button:focus*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.sc-duet-slideout:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-slideout.duet-theme-turva button.active*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.active.sc-duet-slideout{color:rgb(198, 12, 48)}/*!@.duet-slideout.duet-theme-turva button.active::after*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.active.sc-duet-slideout::after{background:rgb(198, 12, 48)}/*!@.duet-slideout.duet-theme-turva .dialog .top button:focus*/.duet-slideout.duet-theme-turva.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout button.sc-duet-slideout:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@slot*/slot.sc-duet-slideout{color:rgb(0, 41, 77)}/*!@.duet-theme-turva slot*/.duet-theme-turva.sc-duet-slideout slot.sc-duet-slideout{color:rgb(23, 28, 58)}";
19894
+ const duetSlideoutCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-slideout,*.sc-duet-slideout::after,*.sc-duet-slideout::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-slideout-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;height:100%}/*!@::slotted(*)*/.sc-duet-slideout-s>*{position:relative;width:100%;visibility:hidden;opacity:0}/*!@:host([open]) ::slotted(*)*/.sc-duet-slideout-h[open] .sc-duet-slideout-s>*{visibility:visible;opacity:1}/*!@:host(:not([open])) ::slotted(duet-slideout-panel)*/.sc-duet-slideout-h:not([open]) .sc-duet-slideout-s>duet-slideout-panel{display:none}/*!@.duet-slideout*/.duet-slideout.sc-duet-slideout{display:flex;align-items:center;height:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77)}/*!@.duet-slideout.duet-theme-turva*/.duet-slideout.duet-theme-turva.sc-duet-slideout{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@.duet-slideout .desktop-bg*/.duet-slideout.sc-duet-slideout .desktop-bg.sc-duet-slideout{display:none}@media (min-width: 62em){/*!@.duet-slideout .desktop-bg*/.duet-slideout.sc-duet-slideout .desktop-bg.sc-duet-slideout{position:fixed;top:0;left:0;z-index:400;display:block;width:100%;height:100%;visibility:hidden;background:rgba(0, 41, 77, 0.6);opacity:0;transition:600ms ease}/*!@.duet-slideout .desktop-bg:not(.hidden)*/.duet-slideout.sc-duet-slideout .desktop-bg.sc-duet-slideout:not(.hidden){visibility:visible;opacity:1;transition:600ms ease}}@media (min-width: 62em){/*!@.duet-slideout.duet-theme-turva .desktop-bg*/.duet-slideout.duet-theme-turva.sc-duet-slideout .desktop-bg.sc-duet-slideout{background:rgba(23, 28, 58, 0.6)}}/*!@.duet-slideout .dialog*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout{position:fixed;top:0;bottom:0;left:0;z-index:400;width:100%;height:100%;padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset}@media (min-width: 62em){/*!@.duet-slideout .dialog*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout{right:0;left:auto;width:500px;padding-bottom:0;transition:right 300ms ease;transition-delay:0s}}/*!@.duet-slideout .dialog .top-container.has-sticky-header-slot*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top-container.has-sticky-header-slot.sc-duet-slideout{position:sticky;top:0;z-index:200}/*!@.duet-slideout .dialog .top-container.has-sticky-header-slot .top*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top-container.has-sticky-header-slot.sc-duet-slideout .top.sc-duet-slideout{background:rgb(243, 249, 252)}/*!@.duet-slideout .dialog .top-container.has-sticky-header-slot .sticky-header*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top-container.has-sticky-header-slot.sc-duet-slideout .sticky-header.sc-duet-slideout{display:block}/*!@.duet-slideout .dialog .top*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px}/*!@.duet-slideout .dialog .top button*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout button.sc-duet-slideout{cursor:pointer}/*!@.duet-slideout .dialog .top button:focus*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout button.sc-duet-slideout:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-slideout .dialog .top duet-icon*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout duet-icon.sc-duet-slideout{padding:16px}/*!@.duet-slideout .dialog .sticky-header*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .sticky-header.sc-duet-slideout{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-slideout .dialog .items*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .items.sc-duet-slideout{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:0 1.5rem}/*!@.duet-slideout .dialog.hidden*/.duet-slideout.sc-duet-slideout .dialog.hidden.sc-duet-slideout{pointer-events:none;visibility:hidden}@media (min-width: 62em){/*!@.duet-slideout .dialog.hidden*/.duet-slideout.sc-duet-slideout .dialog.hidden.sc-duet-slideout{right:-500px;transition:300ms ease}}/*!@.duet-slideout.duet-theme-turva .dialog*/.duet-slideout.duet-theme-turva.sc-duet-slideout .dialog.sc-duet-slideout{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}/*!@.duet-slideout.duet-theme-turva button*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.sc-duet-slideout{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@.duet-slideout.duet-theme-turva button:focus*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.sc-duet-slideout:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-slideout.duet-theme-turva button.active*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.active.sc-duet-slideout{color:rgb(198, 12, 48)}/*!@.duet-slideout.duet-theme-turva button.active::after*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.active.sc-duet-slideout::after{background:rgb(198, 12, 48)}/*!@.duet-slideout.duet-theme-turva .has-sticky-header-slot .top*/.duet-slideout.duet-theme-turva.sc-duet-slideout .has-sticky-header-slot.sc-duet-slideout .top.sc-duet-slideout{background:rgb(245, 245, 247)}/*!@.duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header*/.duet-slideout.duet-theme-turva.sc-duet-slideout .has-sticky-header-slot.sc-duet-slideout .sticky-header.sc-duet-slideout{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}/*!@.duet-slideout.duet-theme-turva .dialog .top button:focus*/.duet-slideout.duet-theme-turva.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout button.sc-duet-slideout:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@slot*/slot.sc-duet-slideout{color:rgb(0, 41, 77)}/*!@.duet-theme-turva slot*/.duet-theme-turva.sc-duet-slideout slot.sc-duet-slideout{color:rgb(23, 28, 58)}";
19813
19895
 
19896
+ /**
19897
+ * @slot sticky-header - Content will be fixed to the top of the modal when scrolling.
19898
+ */
19814
19899
  class DuetSlideout {
19815
19900
  constructor(hostRef) {
19816
19901
  registerInstance(this, hostRef);
@@ -19826,49 +19911,34 @@ class DuetSlideout {
19826
19911
  sv: "Stäng den här menyn för att hitta objekt på toppnivå",
19827
19912
  };
19828
19913
  this.isSafariBrowser = /^((?!chrome|android).)*safari/i.test(navigator === null || navigator === void 0 ? void 0 : navigator.userAgent);
19829
- this.handleBodyScrolling = () => {
19830
- if (this.displaying && this.open) {
19831
- disableBodyScroll(this.dialog, { reserveScrollBarGap: true });
19914
+ this.hasStickyHeaderSlot = false;
19915
+ this.setOpenButton = (element) => {
19916
+ if (!element) {
19917
+ return;
19832
19918
  }
19833
- else {
19834
- enableBodyScroll(this.dialog);
19919
+ try {
19920
+ const button = element;
19921
+ button.accessiblePopup = "true";
19922
+ button.accessibleExpanded = false;
19923
+ this.openButton = button;
19835
19924
  }
19925
+ catch (_e) { }
19926
+ };
19927
+ this.openButtonEventListener = (e) => {
19928
+ e.stopPropagation();
19929
+ e.preventDefault();
19930
+ this.onClick(e);
19836
19931
  };
19837
19932
  this.getOpenPanel = () => {
19838
19933
  return this.element.querySelector("duet-slideout-panel[open]");
19839
19934
  };
19840
19935
  this.toggleMenu = (e) => {
19841
19936
  this.open = !this.open;
19842
- if (this.openButton) {
19843
- this.openButton.accessibleExpanded = this.open;
19844
- }
19845
19937
  this.duetSlideoutEvent.emit({
19846
19938
  originalEvent: e,
19847
19939
  data: { element: this.element, open: this.open },
19848
19940
  component: "duet-slideout",
19849
19941
  });
19850
- if (this.open) {
19851
- const openPanel = this.getOpenPanel();
19852
- this.teleport.go(true);
19853
- if (openPanel) {
19854
- openPanel.setFocus();
19855
- this.handleBodyScrolling();
19856
- }
19857
- else {
19858
- setTimeout(() => {
19859
- this.closeButton.focus();
19860
- this.handleBodyScrolling();
19861
- }, 200);
19862
- }
19863
- }
19864
- else {
19865
- setTimeout(() => {
19866
- var _a;
19867
- (_a = this.openButton) === null || _a === void 0 ? void 0 : _a.setFocus();
19868
- this.handleBodyScrolling();
19869
- this.teleport.resume();
19870
- }, 200);
19871
- }
19872
19942
  };
19873
19943
  this.bgOnClick = (e) => {
19874
19944
  if (this.open) {
@@ -19887,65 +19957,14 @@ class DuetSlideout {
19887
19957
  this.opener = undefined;
19888
19958
  this.backgroundColor = "gray-lightest";
19889
19959
  }
19890
- /**
19891
- * Toggles the slideout.
19892
- */
19893
- async toggle() {
19894
- const event = new CustomEvent("toggle");
19895
- this.toggleMenu(event);
19896
- setTimeout(() => {
19897
- this.closeButton.focus();
19898
- }, 200);
19899
- }
19900
- /**
19901
- * Shows the slideout. Additionally saves the element (DuetButton or DuetMenuBarButton) that triggered
19902
- * the slideout so that focus can be moved back to this specific element when
19903
- * the slideout dialog is closed.
19904
- */
19905
- async show() {
19906
- if (this.open) {
19907
- return;
19908
- }
19909
- const button = document.activeElement;
19910
- if (button) {
19911
- button.accessiblePopup = "true";
19912
- this.openButton = button;
19913
- }
19914
- this.toggleMenu(new CustomEvent("toggle"));
19915
- }
19916
- /**
19917
- * Hides the slideout dialog and puts focus back to the original element
19918
- * that triggered the slideout (if we’re still in the same view).
19919
- */
19920
- async hide() {
19921
- if (!this.open) {
19922
- return;
19923
- }
19924
- this.toggleMenu(new CustomEvent("toggle"));
19925
- }
19926
19960
  /**
19927
19961
  * Component lifecycle events.
19928
19962
  */
19929
19963
  componentWillLoad() {
19930
19964
  inheritGlobalTheme(this);
19931
- const button = this.opener && document.getElementById(this.opener);
19932
- if (button) {
19933
- button.accessiblePopup = "true";
19934
- button.accessibleExpanded = false;
19935
- button.addEventListener("click", e => {
19936
- e.stopPropagation();
19937
- e.preventDefault();
19938
- this.openButton = button;
19939
- this.onClick(e);
19940
- });
19941
- }
19965
+ this.hasStickyHeaderSlot = hasSlot(this.element, "sticky-header");
19942
19966
  this.teleport = new Teleport(this.element);
19943
19967
  }
19944
- async componentDidLoad() {
19945
- {
19946
- return;
19947
- }
19948
- }
19949
19968
  connectedCallback() {
19950
19969
  connectLanguageChangeObserver(this);
19951
19970
  {
@@ -19955,12 +19974,37 @@ class DuetSlideout {
19955
19974
  disconnectedCallback() {
19956
19975
  disconnectLanguageChangeObserver(this);
19957
19976
  enableBodyScroll(this.dialog);
19958
- if (this.intersectionObserver) {
19959
- this.intersectionObserver.disconnect();
19960
- }
19961
19977
  if (this.mutationObserver) {
19962
19978
  this.mutationObserver.disconnect();
19963
19979
  }
19980
+ if (this.openButton) {
19981
+ this.openButton.removeEventListener("click", this.openButtonEventListener);
19982
+ }
19983
+ }
19984
+ handleOpenChange() {
19985
+ if (this.openButton) {
19986
+ this.openButton.accessibleExpanded = this.open;
19987
+ }
19988
+ if (this.open) {
19989
+ const openPanel = this.getOpenPanel();
19990
+ this.teleport.go(true);
19991
+ disableBodyScroll(this.dialog, { reserveScrollBarGap: true });
19992
+ if (openPanel) {
19993
+ openPanel.setFocus();
19994
+ }
19995
+ else {
19996
+ setTimeout(() => {
19997
+ this.closeButton.focus();
19998
+ }, 200);
19999
+ }
20000
+ }
20001
+ else {
20002
+ setTimeout(() => {
20003
+ focusElement(this.openButton);
20004
+ enableBodyScroll(this.dialog);
20005
+ this.teleport.resume();
20006
+ }, 200);
20007
+ }
19964
20008
  }
19965
20009
  /**
19966
20010
  * Component event handling.
@@ -19980,6 +20024,38 @@ class DuetSlideout {
19980
20024
  var _a;
19981
20025
  (_a = this.openButton) === null || _a === void 0 ? void 0 : _a.focus(options);
19982
20026
  }
20027
+ /**
20028
+ * Toggles the slideout.
20029
+ */
20030
+ async toggle() {
20031
+ const event = new CustomEvent("toggle");
20032
+ this.toggleMenu(event);
20033
+ setTimeout(() => {
20034
+ this.closeButton.focus();
20035
+ }, 200);
20036
+ }
20037
+ /**
20038
+ * Shows the slideout. Additionally saves the element (DuetButton or DuetMenuBarButton) that triggered
20039
+ * the slideout so that focus can be moved back to this specific element when
20040
+ * the slideout dialog is closed.
20041
+ */
20042
+ async show() {
20043
+ if (this.open) {
20044
+ return;
20045
+ }
20046
+ this.setOpenButton(document.activeElement);
20047
+ this.toggleMenu(new CustomEvent("toggle"));
20048
+ }
20049
+ /**
20050
+ * Hides the slideout dialog and puts focus back to the original element
20051
+ * that triggered the slideout (if we’re still in the same view).
20052
+ */
20053
+ async hide() {
20054
+ if (!this.open) {
20055
+ return;
20056
+ }
20057
+ this.toggleMenu(new CustomEvent("toggle"));
20058
+ }
19983
20059
  /**
19984
20060
  * render() function
19985
20061
  * Always the last one in the class.
@@ -19996,14 +20072,17 @@ class DuetSlideout {
19996
20072
  }, onClick: this.bgOnClick }), hAsync("div", { ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
19997
20073
  dialog: true,
19998
20074
  hidden: !this.open,
19999
- }, style: styles }, hAsync(FocusGuard, { moveFocusTo: this.closeButton }), hAsync("div", { class: "top" }, hAsync("button", { ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
20075
+ }, style: styles }, hAsync(FocusGuard, { moveFocusTo: this.closeButton }), hAsync("div", { class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { class: "top" }, hAsync("button", { ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
20000
20076
  "slideout-close": true,
20001
20077
  active: this.open,
20002
- }, onClick: this.onClick, inert: this.openPanel }, hAsync("duet-icon", { name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
20078
+ }, onClick: this.onClick, inert: this.openPanel }, hAsync("duet-icon", { name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { class: "sticky-header" }, hAsync("slot", { name: "sticky-header" }))), hAsync("div", { id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
20003
20079
  items: true,
20004
20080
  } }, hAsync("slot", null)), hAsync(FocusGuard, { moveFocusTo: this.closeButton })))));
20005
20081
  }
20006
20082
  get element() { return getElement(this); }
20083
+ static get watchers() { return {
20084
+ "open": ["handleOpenChange"]
20085
+ }; }
20007
20086
  static get style() { return duetSlideoutCss; }
20008
20087
  static get cmpMeta() { return {
20009
20088
  "$flags$": 9,
@@ -20017,10 +20096,10 @@ class DuetSlideout {
20017
20096
  "language": [32],
20018
20097
  "displaying": [32],
20019
20098
  "openPanel": [32],
20099
+ "setFocus": [64],
20020
20100
  "toggle": [64],
20021
20101
  "show": [64],
20022
- "hide": [64],
20023
- "setFocus": [64]
20102
+ "hide": [64]
20024
20103
  },
20025
20104
  "$listeners$": [[8, "keyup", "handleKeyUp"]],
20026
20105
  "$lazyBundleId$": "-",
@@ -21570,6 +21649,8 @@ class DuetTextarea {
21570
21649
  this.identifier = undefined;
21571
21650
  this.required = false;
21572
21651
  this.label = "label";
21652
+ this.labelColor = undefined;
21653
+ this.labelWeight = undefined;
21573
21654
  this.labelHidden = false;
21574
21655
  this.name = undefined;
21575
21656
  this.placeholder = undefined;
@@ -21647,6 +21728,8 @@ class DuetTextarea {
21647
21728
  "identifier": [1],
21648
21729
  "required": [4],
21649
21730
  "label": [1],
21731
+ "labelColor": [1025, "label-color"],
21732
+ "labelWeight": [1025, "label-weight"],
21650
21733
  "labelHidden": [4, "label-hidden"],
21651
21734
  "name": [1],
21652
21735
  "placeholder": [1],
@@ -21698,6 +21781,8 @@ class DuetToggle {
21698
21781
  this.accessibleLabelledBy = undefined;
21699
21782
  this.accessibleDescription = undefined;
21700
21783
  this.label = "label";
21784
+ this.labelColor = undefined;
21785
+ this.labelWeight = undefined;
21701
21786
  this.labelPosition = "top";
21702
21787
  this.required = false;
21703
21788
  this.disabled = false;
@@ -21764,6 +21849,8 @@ class DuetToggle {
21764
21849
  "accessibleLabelledBy": [1, "accessible-labelled-by"],
21765
21850
  "accessibleDescription": [1, "accessible-description"],
21766
21851
  "label": [1],
21852
+ "labelColor": [1025, "label-color"],
21853
+ "labelWeight": [1025, "label-weight"],
21767
21854
  "labelPosition": [1, "label-position"],
21768
21855
  "required": [4],
21769
21856
  "disabled": [516],
@@ -22036,6 +22123,11 @@ class DuetTooltip {
22036
22123
  window.matchMedia(media_query_large.replace(/'/g, "")),
22037
22124
  ];
22038
22125
  this.tooltipId = createID("DuetTooltip");
22126
+ this.aboutString = {
22127
+ fi: "aiheesta",
22128
+ en: "about",
22129
+ sv: "om",
22130
+ };
22039
22131
  /**
22040
22132
  * Local methods
22041
22133
  */
@@ -22094,6 +22186,7 @@ class DuetTooltip {
22094
22186
  sv: "Visa mer tilläggsuppgifter",
22095
22187
  };
22096
22188
  this.accessibleLabel = getLocaleString(this.accessibleLabelDefault, this.language);
22189
+ this.accessibleAboutLabel = undefined;
22097
22190
  this.accessibleInputLabel = undefined;
22098
22191
  this.accessibleCloseLabelDefault = {
22099
22192
  fi: "Sulje lisätiedot",
@@ -22208,6 +22301,7 @@ class DuetTooltip {
22208
22301
  "language": [1025],
22209
22302
  "accessibleLabelDefault": [1, "accessible-label-default"],
22210
22303
  "accessibleLabel": [1025, "accessible-label"],
22304
+ "accessibleAboutLabel": [1, "accessible-about-label"],
22211
22305
  "accessibleInputLabel": [1, "accessible-input-label"],
22212
22306
  "accessibleCloseLabelDefault": [1, "accessible-close-label-default"],
22213
22307
  "accessibleCloseLabel": [1025, "accessible-close-label"],