@duetds/components 8.1.3 → 8.1.5

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 (629) hide show
  1. package/hydrate/index.js +147 -76
  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 +1 -1
  5. package/lib/cjs/duet-banner.cjs.entry.js +3 -3
  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 +12 -8
  9. package/lib/cjs/duet-callout.cjs.entry.js +1 -1
  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 +1 -1
  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 +1 -1
  30. package/lib/cjs/duet-icon.cjs.entry.js +3 -3
  31. package/lib/cjs/duet-input_2.cjs.entry.js +12 -4
  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 +19 -6
  40. package/lib/cjs/duet-multiselect.cjs.entry.js +5 -3
  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 +2 -2
  48. package/lib/cjs/duet-progress.cjs.entry.js +1 -1
  49. package/lib/cjs/duet-promo-card.cjs.entry.js +3 -3
  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 +82 -70
  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 +3 -3
  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-c921d7b4.js → focus-utils-ec077a62.js} +1 -1
  81. package/lib/cjs/{index-23baafec.js → index-00f527af.js} +1 -1
  82. package/lib/cjs/loader.cjs.js +2 -2
  83. package/lib/cjs/{teleport-e7315776.js → teleport-6a1f83a1.js} +2 -2
  84. package/lib/cjs/{token-utils-f11c288e.js → token-utils-a5356b00.js} +1 -1
  85. package/lib/cjs/{tokens-c0b8b3a8.js → tokens-51cfbe11.js} +4 -1
  86. package/lib/cjs/{tokens.module-44ad1fdb.js → tokens.module-ce5f9579.js} +3 -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-button/duet-button.css +120 -131
  90. package/lib/collection/components/duet-button/duet-button.js +10 -6
  91. package/lib/collection/components/duet-heading/duet-heading.js +2 -2
  92. package/lib/collection/components/duet-input/duet-input.js +43 -1
  93. package/lib/collection/components/duet-label/duet-label.css +7 -0
  94. package/lib/collection/components/duet-label/duet-label.js +54 -1
  95. package/lib/collection/components/duet-modal/duet-modal.css +105 -16
  96. package/lib/collection/components/duet-modal/duet-modal.js +40 -3
  97. package/lib/collection/components/duet-multiselect/duet-multiselect.css +14 -4
  98. package/lib/collection/components/duet-multiselect/duet-multiselect.js +43 -1
  99. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.css +4 -0
  100. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +26 -1
  101. package/lib/collection/components/duet-range-slider/duet-range-slider.js +43 -1
  102. package/lib/collection/components/duet-select/duet-select.js +43 -1
  103. package/lib/collection/components/duet-slideout/duet-slideout.css +35 -0
  104. package/lib/collection/components/duet-slideout/duet-slideout.js +121 -92
  105. package/lib/collection/components/duet-textarea/duet-textarea.js +43 -1
  106. package/lib/collection/components/duet-toggle/duet-toggle.js +43 -1
  107. package/lib/collection/components/duet-tooltip/duet-tooltip.js +27 -1
  108. package/lib/collection/utils/teleport.js +2 -2
  109. package/lib/dist-custom-elements/duet-action-button.js +1 -1
  110. package/lib/dist-custom-elements/duet-alert.js +1 -1
  111. package/lib/dist-custom-elements/duet-badge.js +1 -1
  112. package/lib/dist-custom-elements/duet-banner.js +5 -5
  113. package/lib/dist-custom-elements/duet-breadcrumb.js +3 -3
  114. package/lib/dist-custom-elements/duet-breadcrumbs.js +1 -1
  115. package/lib/dist-custom-elements/duet-button.js +1 -1
  116. package/lib/dist-custom-elements/duet-callout.js +3 -3
  117. package/lib/dist-custom-elements/duet-caption.js +1 -1
  118. package/lib/dist-custom-elements/duet-card.js +4 -4
  119. package/lib/dist-custom-elements/duet-checkbox.js +1 -1
  120. package/lib/dist-custom-elements/duet-checkmark.js +1 -1
  121. package/lib/dist-custom-elements/duet-chip.js +2 -2
  122. package/lib/dist-custom-elements/duet-choice-group.js +8 -8
  123. package/lib/dist-custom-elements/duet-choice.js +5 -5
  124. package/lib/dist-custom-elements/duet-collapsible.js +3 -3
  125. package/lib/dist-custom-elements/duet-combobox.js +2 -2
  126. package/lib/dist-custom-elements/duet-contact-card.js +8 -8
  127. package/lib/dist-custom-elements/duet-cookie-consent.js +6 -6
  128. package/lib/dist-custom-elements/duet-date-picker.js +12 -12
  129. package/lib/dist-custom-elements/duet-divider.js +1 -1
  130. package/lib/dist-custom-elements/duet-editable-table.js +7 -7
  131. package/lib/dist-custom-elements/duet-empty-state.js +1 -1
  132. package/lib/dist-custom-elements/duet-fieldset.js +1 -1
  133. package/lib/dist-custom-elements/duet-file-chooser.js +2 -2
  134. package/lib/dist-custom-elements/duet-footer.js +4 -4
  135. package/lib/dist-custom-elements/duet-grid-item.js +1 -1
  136. package/lib/dist-custom-elements/duet-grid.js +1 -1
  137. package/lib/dist-custom-elements/duet-header.js +9 -9
  138. package/lib/dist-custom-elements/duet-heading.js +1 -1
  139. package/lib/dist-custom-elements/duet-hero.js +9 -9
  140. package/lib/dist-custom-elements/duet-icon.js +1 -1
  141. package/lib/dist-custom-elements/duet-input.js +1 -1
  142. package/lib/dist-custom-elements/duet-label.js +1 -1
  143. package/lib/dist-custom-elements/duet-layout.js +1 -1
  144. package/lib/dist-custom-elements/duet-link.js +1 -1
  145. package/lib/dist-custom-elements/duet-list-item.js +1 -1
  146. package/lib/dist-custom-elements/duet-list.js +1 -1
  147. package/lib/dist-custom-elements/duet-logo.js +1 -1
  148. package/lib/dist-custom-elements/duet-menu-bar-button.js +3 -3
  149. package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +2 -2
  150. package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +3 -3
  151. package/lib/dist-custom-elements/duet-menu-bar-link.js +3 -3
  152. package/lib/dist-custom-elements/duet-menu-bar.js +3 -3
  153. package/lib/dist-custom-elements/duet-modal.js +25 -11
  154. package/lib/dist-custom-elements/duet-multiselect.js +16 -18
  155. package/lib/dist-custom-elements/duet-nav.js +1 -1
  156. package/lib/dist-custom-elements/duet-notification-drawer.js +4 -4
  157. package/lib/dist-custom-elements/duet-notification.js +2 -2
  158. package/lib/dist-custom-elements/duet-number-input.js +11 -11
  159. package/lib/dist-custom-elements/duet-page-heading.js +2 -2
  160. package/lib/dist-custom-elements/duet-pagination.js +14 -14
  161. package/lib/dist-custom-elements/duet-paragraph.js +1 -1
  162. package/lib/dist-custom-elements/duet-popup-menu-item.js +6 -4
  163. package/lib/dist-custom-elements/duet-popup-menu.js +2 -2
  164. package/lib/dist-custom-elements/duet-progress.js +1 -1
  165. package/lib/dist-custom-elements/duet-promo-card.js +4 -4
  166. package/lib/dist-custom-elements/duet-radio-group.js +8 -8
  167. package/lib/dist-custom-elements/duet-radio.js +1 -1
  168. package/lib/dist-custom-elements/duet-range-slider.js +8 -4
  169. package/lib/dist-custom-elements/duet-range-stepper.js +4 -4
  170. package/lib/dist-custom-elements/duet-scrollable.js +1 -1
  171. package/lib/dist-custom-elements/duet-section-layout.js +1 -1
  172. package/lib/dist-custom-elements/duet-select.js +1 -1
  173. package/lib/dist-custom-elements/duet-shaped-image.js +1 -1
  174. package/lib/dist-custom-elements/duet-show-more.js +5 -5
  175. package/lib/dist-custom-elements/duet-slideout-lang.js +2 -2
  176. package/lib/dist-custom-elements/duet-slideout-link.js +2 -2
  177. package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +2 -2
  178. package/lib/dist-custom-elements/duet-slideout-panel.js +3 -3
  179. package/lib/dist-custom-elements/duet-slideout.js +85 -72
  180. package/lib/dist-custom-elements/duet-spacer.js +1 -1
  181. package/lib/dist-custom-elements/duet-spinner.js +1 -1
  182. package/lib/dist-custom-elements/duet-step.js +4 -4
  183. package/lib/dist-custom-elements/duet-stepper.js +2 -2
  184. package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +2 -2
  185. package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +3 -3
  186. package/lib/dist-custom-elements/duet-submenu-bar-link.js +3 -3
  187. package/lib/dist-custom-elements/duet-submenu-bar.js +3 -3
  188. package/lib/dist-custom-elements/duet-tab-group.js +13 -13
  189. package/lib/dist-custom-elements/duet-tab.js +1 -1
  190. package/lib/dist-custom-elements/duet-table.js +1 -1
  191. package/lib/dist-custom-elements/duet-textarea.js +15 -11
  192. package/lib/dist-custom-elements/duet-toggle.js +7 -3
  193. package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +2 -2
  194. package/lib/dist-custom-elements/duet-toolbar-dropdown.js +2 -2
  195. package/lib/dist-custom-elements/duet-toolbar-link.js +2 -2
  196. package/lib/dist-custom-elements/duet-toolbar.js +1 -1
  197. package/lib/dist-custom-elements/duet-tooltip-button.js +1 -1
  198. package/lib/dist-custom-elements/duet-tooltip-popup.js +1 -1
  199. package/lib/dist-custom-elements/duet-tooltip.js +1 -1
  200. package/lib/dist-custom-elements/duet-tray.js +4 -4
  201. package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
  202. package/lib/dist-custom-elements/duet-upload-item.js +1 -1
  203. package/lib/dist-custom-elements/duet-upload.js +18 -18
  204. package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
  205. package/lib/dist-custom-elements/index.js +1 -1
  206. package/lib/dist-custom-elements/{p-3400ca0c.js → p-0156b860.js} +1 -1
  207. package/lib/dist-custom-elements/{p-87c24ccc.js → p-1c7bd169.js} +1 -1
  208. package/lib/dist-custom-elements/{p-8b205719.js → p-1e82d8a1.js} +2 -2
  209. package/lib/dist-custom-elements/{p-367ad3f1.js → p-254a95d4.js} +2 -2
  210. package/lib/dist-custom-elements/{p-7d6b2e2a.js → p-2b56c0d7.js} +3 -1
  211. package/lib/dist-custom-elements/{p-147a15c7.js → p-3158e24f.js} +1 -1
  212. package/lib/dist-custom-elements/{p-2ffd3907.js → p-3cc835d7.js} +1 -1
  213. package/lib/dist-custom-elements/{p-8aa81f02.js → p-3d6047c0.js} +11 -4
  214. package/lib/dist-custom-elements/{p-1ecc8fe6.js → p-471a62cc.js} +1 -1
  215. package/lib/dist-custom-elements/{p-e79a85cc.js → p-475baac7.js} +1 -1
  216. package/lib/dist-custom-elements/{p-35de0b49.js → p-4a55dff3.js} +5 -5
  217. package/lib/dist-custom-elements/{p-e6db0986.js → p-4c5751cd.js} +1 -1
  218. package/lib/dist-custom-elements/{p-32b5c09b.js → p-4d3e1b52.js} +4 -4
  219. package/lib/dist-custom-elements/{p-003d89e4.js → p-583e21a8.js} +2 -2
  220. package/lib/dist-custom-elements/{p-0cc51aa5.js → p-5e849463.js} +4 -1
  221. package/lib/dist-custom-elements/{p-34e3bbfd.js → p-66f15eba.js} +2 -2
  222. package/lib/dist-custom-elements/p-6b977095.js +305 -0
  223. package/lib/dist-custom-elements/{p-5cb5afdb.js → p-6d0197c3.js} +5 -5
  224. package/lib/dist-custom-elements/{p-ce5d7b7d.js → p-7bb90fcc.js} +15 -11
  225. package/lib/dist-custom-elements/{p-a0befa19.js → p-7bcdcf71.js} +4 -4
  226. package/lib/dist-custom-elements/{p-709ad7fb.js → p-7d7291bf.js} +13 -9
  227. package/lib/dist-custom-elements/{p-b1f60850.js → p-8735b4db.js} +2 -2
  228. package/lib/dist-custom-elements/{p-d080d0f8.js → p-975a4689.js} +2 -2
  229. package/lib/dist-custom-elements/{p-63530da2.js → p-9a9a04bd.js} +3 -3
  230. package/lib/dist-custom-elements/{p-c68e31b1.js → p-9b174e03.js} +2 -2
  231. package/lib/dist-custom-elements/{p-70dfb83b.js → p-9c2d3a9d.js} +2 -2
  232. package/lib/dist-custom-elements/{p-e4b39e02.js → p-a4605d27.js} +17 -7
  233. package/lib/dist-custom-elements/{p-b06dc288.js → p-b590a133.js} +3 -3
  234. package/lib/dist-custom-elements/{p-e4d6f4d9.js → p-bb1ac896.js} +1 -1
  235. package/lib/dist-custom-elements/{p-671e391d.js → p-c493eecb.js} +2 -2
  236. package/lib/dist-custom-elements/{p-0a4f2604.js → p-cab60e87.js} +1 -1
  237. package/lib/dist-custom-elements/{p-751344b2.js → p-ccdff614.js} +2 -2
  238. package/lib/dist-custom-elements/{p-1a884f8d.js → p-d10e4492.js} +1 -1
  239. package/lib/dist-custom-elements/{p-25e5732f.js → p-d517fc9a.js} +10 -10
  240. package/lib/dist-custom-elements/{p-8977c832.js → p-da8acaf1.js} +2 -2
  241. package/lib/dist-custom-elements/{p-9a81250e.js → p-e078836c.js} +1 -1
  242. package/lib/dist-custom-elements/{p-5f0f197a.js → p-f3d25b08.js} +2 -2
  243. package/lib/dist-custom-elements/{p-09d350df.js → p-fc6bb9ab.js} +2 -2
  244. package/lib/duet/duet.esm.js +1 -1
  245. package/lib/duet/duet.js +1 -1
  246. package/lib/duet/{p-541d7034.system.entry.js → p-0081d434.system.entry.js} +1 -1
  247. package/lib/duet/{p-165e9779.entry.js → p-0198349d.entry.js} +1 -1
  248. package/lib/duet/p-031b59ba.system.entry.js +4 -0
  249. package/lib/duet/{p-232eaac8.entry.js → p-0440798d.entry.js} +1 -1
  250. package/lib/duet/{p-54fa7330.entry.js → p-049d43f7.entry.js} +1 -1
  251. package/lib/duet/p-05f62501.entry.js +4 -0
  252. package/lib/duet/{p-4a125e5e.system.entry.js → p-074fcd6b.system.entry.js} +1 -1
  253. package/lib/duet/{p-7ab2acd3.entry.js → p-0777ebba.entry.js} +1 -1
  254. package/lib/duet/{p-ffbf6336.entry.js → p-0c5ed102.entry.js} +1 -1
  255. package/lib/duet/{p-64deaa4c.entry.js → p-0ec40046.entry.js} +1 -1
  256. package/lib/duet/{p-975d5c57.entry.js → p-10f289cb.entry.js} +1 -1
  257. package/lib/duet/{p-c79bae8b.system.entry.js → p-12f3d121.system.entry.js} +1 -1
  258. package/lib/duet/{p-03e42478.system.entry.js → p-1498e92a.system.entry.js} +1 -1
  259. package/lib/duet/{p-b2aa8a23.entry.js → p-154ca6bb.entry.js} +1 -1
  260. package/lib/duet/{p-6ed3466a.system.entry.js → p-15a4a165.system.entry.js} +1 -1
  261. package/lib/duet/{p-ba073aac.js → p-16b80d3b.js} +1 -1
  262. package/lib/duet/{p-2c839646.entry.js → p-17373631.entry.js} +1 -1
  263. package/lib/duet/{p-07650e7e.entry.js → p-174f2859.entry.js} +1 -1
  264. package/lib/duet/{p-c19f8b47.entry.js → p-18b36a30.entry.js} +1 -1
  265. package/lib/duet/{p-c43ee2af.system.entry.js → p-196afde9.system.entry.js} +1 -1
  266. package/lib/duet/{p-38e71fa2.system.entry.js → p-1e67f010.system.entry.js} +1 -1
  267. package/lib/duet/{p-bd513d22.entry.js → p-1fbb9af9.entry.js} +1 -1
  268. package/lib/duet/{p-60e172b5.system.entry.js → p-1fec3835.system.entry.js} +1 -1
  269. package/lib/duet/p-207544a2.entry.js +4 -0
  270. package/lib/duet/p-21774475.system.js +4 -0
  271. package/lib/duet/{p-31f882ec.entry.js → p-23548d24.entry.js} +1 -1
  272. package/lib/duet/{p-e21f7498.system.entry.js → p-25109b90.system.entry.js} +1 -1
  273. package/lib/duet/{p-e482c83a.system.entry.js → p-28a033de.system.entry.js} +2 -2
  274. package/lib/duet/{p-2ffd74b1.entry.js → p-2abdfdf5.entry.js} +1 -1
  275. package/lib/duet/{p-4857a879.entry.js → p-2c917cc6.entry.js} +1 -1
  276. package/lib/duet/{p-79ee23d6.system.entry.js → p-2e037205.system.entry.js} +1 -1
  277. package/lib/duet/{p-c998a6e0.system.entry.js → p-2f98c466.system.entry.js} +1 -1
  278. package/lib/duet/{p-27f85f4b.entry.js → p-330db26d.entry.js} +1 -1
  279. package/lib/duet/{p-dc30f206.entry.js → p-33666f2e.entry.js} +1 -1
  280. package/lib/duet/{p-5358d93b.entry.js → p-37b3c823.entry.js} +1 -1
  281. package/lib/duet/{p-219b4030.entry.js → p-39a3beb3.entry.js} +1 -1
  282. package/lib/duet/{p-7f104c3a.system.entry.js → p-3bda5078.system.entry.js} +1 -1
  283. package/lib/duet/{p-838a0e3d.system.entry.js → p-3bfdf5dc.system.entry.js} +1 -1
  284. package/lib/duet/p-3f23694f.entry.js +4 -0
  285. package/lib/duet/{p-476b19aa.entry.js → p-3fb7b966.entry.js} +1 -1
  286. package/lib/duet/{p-69663b1b.system.entry.js → p-4218b915.system.entry.js} +1 -1
  287. package/lib/duet/{p-40838403.system.entry.js → p-42b9b16c.system.entry.js} +1 -1
  288. package/lib/duet/{p-e00c21b4.system.entry.js → p-4347cce6.system.entry.js} +1 -1
  289. package/lib/duet/{p-0dc0d364.entry.js → p-44ac28ab.entry.js} +1 -1
  290. package/lib/duet/{p-f4b7ed29.entry.js → p-4adb4139.entry.js} +1 -1
  291. package/lib/duet/{p-19a7ee95.entry.js → p-50a679f4.entry.js} +1 -1
  292. package/lib/duet/{p-b5ec2571.system.entry.js → p-50dbbb82.system.entry.js} +1 -1
  293. package/lib/duet/p-5339aeea.entry.js +4 -0
  294. package/lib/duet/{p-5fd7ca40.system.entry.js → p-54cf9288.system.entry.js} +1 -1
  295. package/lib/duet/{p-f0a86dc0.system.entry.js → p-55e1e8e8.system.entry.js} +1 -1
  296. package/lib/duet/{p-25c520b6.entry.js → p-55f3f985.entry.js} +1 -1
  297. package/lib/duet/{p-ea0b06d3.system.entry.js → p-563dfb63.system.entry.js} +1 -1
  298. package/lib/duet/{p-f8c7fce1.entry.js → p-576cd780.entry.js} +1 -1
  299. package/lib/duet/{p-9f68dc35.entry.js → p-5908bf36.entry.js} +1 -1
  300. package/lib/duet/{p-9befdbe8.system.entry.js → p-5b528cd1.system.entry.js} +1 -1
  301. package/lib/duet/{p-146d8644.system.entry.js → p-5d023790.system.entry.js} +1 -1
  302. package/lib/duet/{p-0cc51aa5.js → p-5e849463.js} +1 -1
  303. package/lib/duet/{p-f58c84af.system.entry.js → p-5f877026.system.entry.js} +1 -1
  304. package/lib/duet/{p-036071a1.system.js → p-610b364b.system.js} +1 -1
  305. package/lib/duet/{p-46cdc3eb.entry.js → p-61b870ac.entry.js} +1 -1
  306. package/lib/duet/p-6216e282.entry.js +4 -0
  307. package/lib/duet/{p-af82dc9b.system.entry.js → p-639fd377.system.entry.js} +1 -1
  308. package/lib/duet/p-65007ed4.system.entry.js +4 -0
  309. package/lib/duet/{p-dbf2f7c4.system.entry.js → p-65b45177.system.entry.js} +1 -1
  310. package/lib/duet/{p-8add9b29.js → p-662da762.js} +1 -1
  311. package/lib/duet/{p-8def73a8.system.entry.js → p-673fdacb.system.entry.js} +1 -1
  312. package/lib/duet/{p-791b8696.system.entry.js → p-67d8175e.system.entry.js} +2 -2
  313. package/lib/duet/p-6f806923.system.js +4 -0
  314. package/lib/duet/{p-5c358bc1.entry.js → p-70dd63d2.entry.js} +1 -1
  315. package/lib/duet/{p-2d821b8d.entry.js → p-71bd1c3c.entry.js} +1 -1
  316. package/lib/duet/{p-d717d828.entry.js → p-73c27f4f.entry.js} +1 -1
  317. package/lib/duet/{p-ea8c019e.entry.js → p-753f2b28.entry.js} +1 -1
  318. package/lib/duet/{p-f59fbe18.entry.js → p-757b1ab3.entry.js} +1 -1
  319. package/lib/duet/{p-4fd75d60.system.entry.js → p-75eb9381.system.entry.js} +1 -1
  320. package/lib/duet/{p-323b233e.system.entry.js → p-762c0edb.system.entry.js} +1 -1
  321. package/lib/duet/{p-710baba1.entry.js → p-780dd22d.entry.js} +1 -1
  322. package/lib/duet/{p-67c86fda.entry.js → p-79f01df6.entry.js} +1 -1
  323. package/lib/duet/{p-af2458bb.system.entry.js → p-7ac648a3.system.entry.js} +1 -1
  324. package/lib/duet/p-7aff0f7c.entry.js +4 -0
  325. package/lib/duet/{p-b587d0b8.entry.js → p-7bdbb023.entry.js} +1 -1
  326. package/lib/duet/{p-6c2c20cd.system.entry.js → p-7d9cffe7.system.entry.js} +1 -1
  327. package/lib/duet/{p-692bb988.system.entry.js → p-7dcdefb0.system.entry.js} +1 -1
  328. package/lib/duet/{p-262be7ec.system.entry.js → p-7fb66081.system.entry.js} +1 -1
  329. package/lib/duet/{p-76126782.entry.js → p-844e7c4c.entry.js} +1 -1
  330. package/lib/duet/p-8a264125.system.entry.js +4 -0
  331. package/lib/duet/{p-b7f08ac0.system.entry.js → p-8b1b9953.system.entry.js} +1 -1
  332. package/lib/duet/{p-e5b6378a.entry.js → p-8be10d34.entry.js} +1 -1
  333. package/lib/duet/p-8cfac25d.entry.js +4 -0
  334. package/lib/duet/{p-165a02ec.system.entry.js → p-930f8fe7.system.entry.js} +1 -1
  335. package/lib/duet/{p-01556920.system.entry.js → p-932be5dd.system.entry.js} +2 -2
  336. package/lib/duet/{p-348752e5.system.entry.js → p-94147b17.system.entry.js} +1 -1
  337. package/lib/duet/{p-c9cdb557.system.entry.js → p-9514ee57.system.entry.js} +1 -1
  338. package/lib/duet/{p-6feae75f.system.entry.js → p-965f292c.system.entry.js} +1 -1
  339. package/lib/duet/{p-aa47193b.entry.js → p-9b62ef83.entry.js} +1 -1
  340. package/lib/duet/{p-1a9958ee.system.js → p-9bd338fd.system.js} +1 -1
  341. package/lib/duet/p-9f29048f.entry.js +4 -0
  342. package/lib/duet/{p-a6753536.entry.js → p-a22130db.entry.js} +1 -1
  343. package/lib/duet/{p-dc079043.entry.js → p-a34e7225.entry.js} +1 -1
  344. package/lib/duet/p-a70815fa.system.entry.js +4 -0
  345. package/lib/duet/{p-3b92f8f8.system.entry.js → p-a75b2646.system.entry.js} +1 -1
  346. package/lib/duet/{p-820c3c6a.entry.js → p-aab21f91.entry.js} +1 -1
  347. package/lib/duet/{p-2acffffa.entry.js → p-abbd8ae3.entry.js} +1 -1
  348. package/lib/duet/{p-aad672f1.entry.js → p-acfdeb70.entry.js} +1 -1
  349. package/lib/duet/{p-be4b6375.entry.js → p-ae30e4ce.entry.js} +1 -1
  350. package/lib/duet/p-afea9845.entry.js +4 -0
  351. package/lib/duet/{p-5ffec513.entry.js → p-b012ba6c.entry.js} +1 -1
  352. package/lib/duet/{p-3b06628b.system.entry.js → p-b0dfe576.system.entry.js} +1 -1
  353. package/lib/duet/{p-613459ec.system.js → p-b0fa4550.system.js} +1 -1
  354. package/lib/duet/p-b0fd435f.system.entry.js +4 -0
  355. package/lib/duet/p-b2996b8c.system.entry.js +4 -0
  356. package/lib/duet/{p-1a2966fc.entry.js → p-b2a54e37.entry.js} +1 -1
  357. package/lib/duet/{p-96ccba4e.entry.js → p-b2b02430.entry.js} +1 -1
  358. package/lib/duet/{p-77d57c4f.system.entry.js → p-b710add2.system.entry.js} +1 -1
  359. package/lib/duet/{p-28c5570c.entry.js → p-b89fe252.entry.js} +1 -1
  360. package/lib/duet/{p-4855cdd1.entry.js → p-b8c89970.entry.js} +1 -1
  361. package/lib/duet/{p-d96c1564.js → p-b9157c7e.js} +1 -1
  362. package/lib/duet/{p-04648bbd.system.entry.js → p-b9cb8ccb.system.entry.js} +1 -1
  363. package/lib/duet/{p-926bc03b.system.entry.js → p-b9ea34d3.system.entry.js} +1 -1
  364. package/lib/duet/{p-fdc585bc.entry.js → p-bac92652.entry.js} +1 -1
  365. package/lib/duet/{p-23c53556.system.entry.js → p-bb35b92e.system.entry.js} +1 -1
  366. package/lib/duet/{p-ab380eb2.entry.js → p-bf2fd03b.entry.js} +1 -1
  367. package/lib/duet/p-c0483523.system.entry.js +4 -0
  368. package/lib/duet/{p-bb1241dd.system.entry.js → p-c481631f.system.entry.js} +1 -1
  369. package/lib/duet/{p-224ef4fb.system.entry.js → p-c7fdc7dc.system.entry.js} +1 -1
  370. package/lib/duet/{p-85531f7d.system.entry.js → p-c8c9fc58.system.entry.js} +1 -1
  371. package/lib/duet/{p-0f9e6b84.system.entry.js → p-ca0f9f08.system.entry.js} +1 -1
  372. package/lib/duet/{p-0584f2d0.entry.js → p-ca21be58.entry.js} +1 -1
  373. package/lib/duet/p-cca98ade.entry.js +4 -0
  374. package/lib/duet/p-ccdff614.js +4 -0
  375. package/lib/duet/{p-a9babd6c.system.entry.js → p-ce879ecd.system.entry.js} +1 -1
  376. package/lib/duet/p-ce88ecc6.entry.js +4 -0
  377. package/lib/duet/{p-4bd13a7d.entry.js → p-cea2cb32.entry.js} +1 -1
  378. package/lib/duet/{p-94387202.system.entry.js → p-ceb5b489.system.entry.js} +1 -1
  379. package/lib/duet/{p-d4c8218f.system.entry.js → p-cf1e1237.system.entry.js} +1 -1
  380. package/lib/duet/{p-93952086.system.entry.js → p-d038c90c.system.entry.js} +1 -1
  381. package/lib/duet/{p-212608a2.entry.js → p-d3141c64.entry.js} +1 -1
  382. package/lib/duet/{p-d73aac37.system.entry.js → p-d350968c.system.entry.js} +1 -1
  383. package/lib/duet/{p-d460763b.system.entry.js → p-d54396be.system.entry.js} +1 -1
  384. package/lib/duet/{p-3ff35a28.system.entry.js → p-d57d7d49.system.entry.js} +1 -1
  385. package/lib/duet/{p-3723bb5e.entry.js → p-d585ac25.entry.js} +1 -1
  386. package/lib/duet/{p-4a19cbfe.system.entry.js → p-d832433b.system.entry.js} +1 -1
  387. package/lib/duet/{p-2ebff6d7.system.entry.js → p-d852ae7e.system.entry.js} +1 -1
  388. package/lib/duet/{p-6f64f7ad.system.entry.js → p-d92ad0d1.system.entry.js} +1 -1
  389. package/lib/duet/{p-467edb2f.system.entry.js → p-dd5b17d0.system.entry.js} +1 -1
  390. package/lib/duet/{p-0cc36862.entry.js → p-dd7d3b2b.entry.js} +1 -1
  391. package/lib/duet/{p-d02213d8.system.entry.js → p-ddc7c96e.system.entry.js} +1 -1
  392. package/lib/duet/{p-f02dee9c.entry.js → p-de41a03b.entry.js} +1 -1
  393. package/lib/duet/p-e12b3d60.system.js +4 -0
  394. package/lib/duet/{p-39927ae1.system.entry.js → p-e2a0e33f.system.entry.js} +1 -1
  395. package/lib/duet/{p-bc44b51c.entry.js → p-e36f923b.entry.js} +1 -1
  396. package/lib/duet/{p-ffd099cc.system.entry.js → p-e49e8a54.system.entry.js} +1 -1
  397. package/lib/duet/{p-b9afc2fb.system.entry.js → p-e4efc7ea.system.entry.js} +1 -1
  398. package/lib/duet/{p-a4fd3204.js → p-e5c0b71a.js} +1 -1
  399. package/lib/duet/{p-87d4aa11.entry.js → p-e91cced0.entry.js} +1 -1
  400. package/lib/duet/{p-e3472812.system.entry.js → p-e9928179.system.entry.js} +1 -1
  401. package/lib/duet/{p-a26a04d4.entry.js → p-eac79871.entry.js} +1 -1
  402. package/lib/duet/{p-b9b8e55c.entry.js → p-eb790693.entry.js} +1 -1
  403. package/lib/duet/{p-8b502861.system.entry.js → p-ebd1b7ae.system.entry.js} +1 -1
  404. package/lib/duet/{p-57b76622.system.entry.js → p-ee815760.system.entry.js} +1 -1
  405. package/lib/duet/{p-594a8770.entry.js → p-f1f7ee14.entry.js} +1 -1
  406. package/lib/duet/p-f42c2d6e.system.js +4 -0
  407. package/lib/duet/{p-cbc7c330.entry.js → p-f5fee877.entry.js} +1 -1
  408. package/lib/duet/{p-7af93eb8.entry.js → p-f6803f4c.entry.js} +1 -1
  409. package/lib/duet/{p-3170506b.entry.js → p-f715214a.entry.js} +1 -1
  410. package/lib/duet/{p-1aa7e90d.entry.js → p-f7f16a52.entry.js} +1 -1
  411. package/lib/duet/{p-47280725.system.entry.js → p-f9b3965d.system.entry.js} +1 -1
  412. package/lib/duet/{p-ec4c94f2.system.entry.js → p-fdb9f8df.system.entry.js} +1 -1
  413. package/lib/esm/duet-action-button.entry.js +3 -3
  414. package/lib/esm/duet-alert.entry.js +1 -1
  415. package/lib/esm/duet-badge.entry.js +1 -1
  416. package/lib/esm/duet-banner.entry.js +3 -3
  417. package/lib/esm/duet-breadcrumb.entry.js +1 -1
  418. package/lib/esm/duet-breadcrumbs.entry.js +1 -1
  419. package/lib/esm/duet-button_2.entry.js +12 -8
  420. package/lib/esm/duet-callout.entry.js +1 -1
  421. package/lib/esm/duet-caption_4.entry.js +3 -3
  422. package/lib/esm/duet-card.entry.js +3 -3
  423. package/lib/esm/duet-checkbox.entry.js +1 -1
  424. package/lib/esm/duet-checkmark.entry.js +1 -1
  425. package/lib/esm/duet-chip.entry.js +1 -1
  426. package/lib/esm/duet-choice_2.entry.js +2 -2
  427. package/lib/esm/duet-collapsible.entry.js +2 -2
  428. package/lib/esm/duet-combobox.entry.js +1 -1
  429. package/lib/esm/duet-contact-card.entry.js +1 -1
  430. package/lib/esm/duet-cookie-consent.entry.js +1 -1
  431. package/lib/esm/duet-date-picker.entry.js +2 -2
  432. package/lib/esm/duet-divider_2.entry.js +3 -3
  433. package/lib/esm/duet-editable-table_3.entry.js +3 -3
  434. package/lib/esm/duet-empty-state.entry.js +1 -1
  435. package/lib/esm/duet-fieldset.entry.js +1 -1
  436. package/lib/esm/duet-file-chooser.entry.js +1 -1
  437. package/lib/esm/duet-footer.entry.js +1 -1
  438. package/lib/esm/duet-grid_2.entry.js +2 -2
  439. package/lib/esm/duet-header_2.entry.js +3 -3
  440. package/lib/esm/duet-hero.entry.js +1 -1
  441. package/lib/esm/duet-icon.entry.js +3 -3
  442. package/lib/esm/duet-input_2.entry.js +12 -4
  443. package/lib/esm/duet-layout.entry.js +1 -1
  444. package/lib/esm/duet-list_2.entry.js +1 -1
  445. package/lib/esm/duet-menu-bar-button.entry.js +2 -2
  446. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +1 -1
  447. package/lib/esm/duet-menu-bar-dropdown.entry.js +2 -2
  448. package/lib/esm/duet-menu-bar-link.entry.js +2 -2
  449. package/lib/esm/duet-menu-bar.entry.js +2 -2
  450. package/lib/esm/duet-modal.entry.js +19 -6
  451. package/lib/esm/duet-multiselect.entry.js +5 -3
  452. package/lib/esm/duet-nav.entry.js +1 -1
  453. package/lib/esm/duet-notification_2.entry.js +1 -1
  454. package/lib/esm/duet-number-input.entry.js +1 -1
  455. package/lib/esm/duet-page-heading.entry.js +1 -1
  456. package/lib/esm/duet-pagination_2.entry.js +3 -3
  457. package/lib/esm/duet-popup-menu-item.entry.js +4 -3
  458. package/lib/esm/duet-popup-menu.entry.js +2 -2
  459. package/lib/esm/duet-progress.entry.js +1 -1
  460. package/lib/esm/duet-promo-card.entry.js +3 -3
  461. package/lib/esm/duet-radio_2.entry.js +1 -1
  462. package/lib/esm/duet-range-slider.entry.js +5 -3
  463. package/lib/esm/duet-scrollable_3.entry.js +1 -1
  464. package/lib/esm/duet-section-layout.entry.js +1 -1
  465. package/lib/esm/duet-select.entry.js +4 -2
  466. package/lib/esm/duet-shaped-image.entry.js +1 -1
  467. package/lib/esm/duet-show-more.entry.js +1 -1
  468. package/lib/esm/duet-slideout-lang.entry.js +1 -1
  469. package/lib/esm/duet-slideout-link.entry.js +1 -1
  470. package/lib/esm/duet-slideout-panel-dropdown.entry.js +1 -1
  471. package/lib/esm/duet-slideout-panel.entry.js +4 -4
  472. package/lib/esm/duet-slideout.entry.js +82 -70
  473. package/lib/esm/duet-step_2.entry.js +1 -1
  474. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +1 -1
  475. package/lib/esm/duet-submenu-bar-dropdown.entry.js +2 -2
  476. package/lib/esm/duet-submenu-bar-link.entry.js +2 -2
  477. package/lib/esm/duet-submenu-bar.entry.js +2 -2
  478. package/lib/esm/duet-textarea.entry.js +4 -2
  479. package/lib/esm/duet-toggle.entry.js +4 -2
  480. package/lib/esm/duet-toolbar-dropdown-link.entry.js +1 -1
  481. package/lib/esm/duet-toolbar-dropdown.entry.js +1 -1
  482. package/lib/esm/duet-toolbar-link.entry.js +1 -1
  483. package/lib/esm/duet-toolbar.entry.js +1 -1
  484. package/lib/esm/duet-tooltip-button_2.entry.js +3 -3
  485. package/lib/esm/duet-tooltip.entry.js +12 -3
  486. package/lib/esm/duet-tray.entry.js +2 -2
  487. package/lib/esm/duet-upload-aria-status.entry.js +1 -1
  488. package/lib/esm/duet-upload-item.entry.js +1 -1
  489. package/lib/esm/duet-visually-hidden.entry.js +1 -1
  490. package/lib/esm/duet.js +3 -3
  491. package/lib/esm/{focus-utils-d6fb240b.js → focus-utils-2a29f64e.js} +1 -1
  492. package/lib/esm/{index-5f1c2664.js → index-909a963e.js} +1 -1
  493. package/lib/esm/loader.js +3 -3
  494. package/lib/esm/{teleport-691e534d.js → teleport-d66d62e4.js} +2 -2
  495. package/lib/esm/{token-utils-84d66351.js → token-utils-ece867a8.js} +1 -1
  496. package/lib/esm/{tokens-5a0d14c7.js → tokens-04106a43.js} +4 -1
  497. package/lib/esm/{tokens.module-16569707.js → tokens.module-7a2f9c49.js} +3 -1
  498. package/lib/esm-es5/duet-action-button.entry.js +1 -1
  499. package/lib/esm-es5/duet-alert.entry.js +1 -1
  500. package/lib/esm-es5/duet-badge.entry.js +1 -1
  501. package/lib/esm-es5/duet-banner.entry.js +1 -1
  502. package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
  503. package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
  504. package/lib/esm-es5/duet-button_2.entry.js +2 -2
  505. package/lib/esm-es5/duet-callout.entry.js +1 -1
  506. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  507. package/lib/esm-es5/duet-card.entry.js +1 -1
  508. package/lib/esm-es5/duet-checkbox.entry.js +1 -1
  509. package/lib/esm-es5/duet-checkmark.entry.js +1 -1
  510. package/lib/esm-es5/duet-chip.entry.js +1 -1
  511. package/lib/esm-es5/duet-choice_2.entry.js +1 -1
  512. package/lib/esm-es5/duet-collapsible.entry.js +1 -1
  513. package/lib/esm-es5/duet-combobox.entry.js +1 -1
  514. package/lib/esm-es5/duet-contact-card.entry.js +1 -1
  515. package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
  516. package/lib/esm-es5/duet-date-picker.entry.js +1 -1
  517. package/lib/esm-es5/duet-divider_2.entry.js +1 -1
  518. package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
  519. package/lib/esm-es5/duet-empty-state.entry.js +1 -1
  520. package/lib/esm-es5/duet-fieldset.entry.js +1 -1
  521. package/lib/esm-es5/duet-file-chooser.entry.js +1 -1
  522. package/lib/esm-es5/duet-footer.entry.js +1 -1
  523. package/lib/esm-es5/duet-grid_2.entry.js +1 -1
  524. package/lib/esm-es5/duet-header_2.entry.js +1 -1
  525. package/lib/esm-es5/duet-hero.entry.js +1 -1
  526. package/lib/esm-es5/duet-icon.entry.js +1 -1
  527. package/lib/esm-es5/duet-input_2.entry.js +2 -2
  528. package/lib/esm-es5/duet-layout.entry.js +1 -1
  529. package/lib/esm-es5/duet-list_2.entry.js +1 -1
  530. package/lib/esm-es5/duet-menu-bar-button.entry.js +1 -1
  531. package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js +1 -1
  532. package/lib/esm-es5/duet-menu-bar-dropdown.entry.js +1 -1
  533. package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
  534. package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
  535. package/lib/esm-es5/duet-modal.entry.js +2 -2
  536. package/lib/esm-es5/duet-multiselect.entry.js +2 -2
  537. package/lib/esm-es5/duet-nav.entry.js +1 -1
  538. package/lib/esm-es5/duet-notification_2.entry.js +1 -1
  539. package/lib/esm-es5/duet-number-input.entry.js +1 -1
  540. package/lib/esm-es5/duet-page-heading.entry.js +1 -1
  541. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  542. package/lib/esm-es5/duet-popup-menu-item.entry.js +2 -2
  543. package/lib/esm-es5/duet-popup-menu.entry.js +1 -1
  544. package/lib/esm-es5/duet-progress.entry.js +1 -1
  545. package/lib/esm-es5/duet-promo-card.entry.js +1 -1
  546. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  547. package/lib/esm-es5/duet-range-slider.entry.js +1 -1
  548. package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
  549. package/lib/esm-es5/duet-section-layout.entry.js +1 -1
  550. package/lib/esm-es5/duet-select.entry.js +1 -1
  551. package/lib/esm-es5/duet-shaped-image.entry.js +1 -1
  552. package/lib/esm-es5/duet-show-more.entry.js +1 -1
  553. package/lib/esm-es5/duet-slideout-lang.entry.js +1 -1
  554. package/lib/esm-es5/duet-slideout-link.entry.js +1 -1
  555. package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js +1 -1
  556. package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
  557. package/lib/esm-es5/duet-slideout.entry.js +1 -1
  558. package/lib/esm-es5/duet-step_2.entry.js +1 -1
  559. package/lib/esm-es5/duet-submenu-bar-dropdown-link.entry.js +1 -1
  560. package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js +1 -1
  561. package/lib/esm-es5/duet-submenu-bar-link.entry.js +1 -1
  562. package/lib/esm-es5/duet-submenu-bar.entry.js +1 -1
  563. package/lib/esm-es5/duet-textarea.entry.js +1 -1
  564. package/lib/esm-es5/duet-toggle.entry.js +1 -1
  565. package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
  566. package/lib/esm-es5/duet-toolbar-dropdown.entry.js +1 -1
  567. package/lib/esm-es5/duet-toolbar-link.entry.js +1 -1
  568. package/lib/esm-es5/duet-toolbar.entry.js +1 -1
  569. package/lib/esm-es5/duet-tooltip-button_2.entry.js +1 -1
  570. package/lib/esm-es5/duet-tooltip.entry.js +2 -2
  571. package/lib/esm-es5/duet-tray.entry.js +1 -1
  572. package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
  573. package/lib/esm-es5/duet-upload-item.entry.js +1 -1
  574. package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
  575. package/lib/esm-es5/duet.js +1 -1
  576. package/lib/esm-es5/focus-utils-2a29f64e.js +4 -0
  577. package/lib/esm-es5/{index-5f1c2664.js → index-909a963e.js} +1 -1
  578. package/lib/esm-es5/loader.js +1 -1
  579. package/lib/esm-es5/teleport-d66d62e4.js +4 -0
  580. package/lib/esm-es5/{token-utils-84d66351.js → token-utils-ece867a8.js} +1 -1
  581. package/lib/esm-es5/tokens-04106a43.js +4 -0
  582. package/lib/esm-es5/tokens.module-7a2f9c49.js +4 -0
  583. package/lib/types/common/focusable-component.d.ts +4 -0
  584. package/lib/types/common/index.d.ts +2 -0
  585. package/lib/types/common/opener-component.d.ts +5 -0
  586. package/lib/types/common-types.d.ts +2 -0
  587. package/lib/types/components/duet-button/duet-button.d.ts +2 -2
  588. package/lib/types/components/duet-heading/duet-heading.d.ts +1 -1
  589. package/lib/types/components/duet-input/duet-input.d.ts +9 -1
  590. package/lib/types/components/duet-label/duet-label.d.ts +10 -1
  591. package/lib/types/components/duet-modal/duet-modal.d.ts +7 -0
  592. package/lib/types/components/duet-multiselect/duet-multiselect.d.ts +9 -1
  593. package/lib/types/components/duet-popup-menu-item/duet-popup-menu-item.d.ts +5 -1
  594. package/lib/types/components/duet-range-slider/duet-range-slider.d.ts +9 -1
  595. package/lib/types/components/duet-select/duet-select.d.ts +9 -1
  596. package/lib/types/components/duet-slideout/duet-slideout.d.ts +27 -17
  597. package/lib/types/components/duet-textarea/duet-textarea.d.ts +9 -1
  598. package/lib/types/components/duet-toggle/duet-toggle.d.ts +9 -1
  599. package/lib/types/components/duet-tooltip/duet-tooltip.d.ts +6 -0
  600. package/lib/types/components.d.ts +152 -8
  601. package/package.json +5 -5
  602. package/lib/dist-custom-elements/p-60857718.js +0 -301
  603. package/lib/duet/p-1b31feee.entry.js +0 -4
  604. package/lib/duet/p-277ddf44.entry.js +0 -4
  605. package/lib/duet/p-4469e8f9.system.js +0 -4
  606. package/lib/duet/p-4e70e1e4.system.entry.js +0 -4
  607. package/lib/duet/p-5141bab5.system.entry.js +0 -4
  608. package/lib/duet/p-52e711b6.system.js +0 -4
  609. package/lib/duet/p-5802dd1b.entry.js +0 -4
  610. package/lib/duet/p-59be3a18.system.entry.js +0 -4
  611. package/lib/duet/p-5ba2eed6.entry.js +0 -4
  612. package/lib/duet/p-659496e9.system.entry.js +0 -4
  613. package/lib/duet/p-7098b274.system.entry.js +0 -4
  614. package/lib/duet/p-751344b2.js +0 -4
  615. package/lib/duet/p-80d1c3cd.entry.js +0 -4
  616. package/lib/duet/p-8eaaef1c.system.js +0 -4
  617. package/lib/duet/p-92956f9e.system.entry.js +0 -4
  618. package/lib/duet/p-9cd2a179.entry.js +0 -4
  619. package/lib/duet/p-aee18e0f.entry.js +0 -4
  620. package/lib/duet/p-b214b357.entry.js +0 -4
  621. package/lib/duet/p-b985bcf7.system.js +0 -4
  622. package/lib/duet/p-be945742.system.entry.js +0 -4
  623. package/lib/duet/p-cb9ea98d.entry.js +0 -4
  624. package/lib/duet/p-d75a69ce.entry.js +0 -4
  625. package/lib/duet/p-d9c7f458.entry.js +0 -4
  626. package/lib/esm-es5/focus-utils-d6fb240b.js +0 -4
  627. package/lib/esm-es5/teleport-691e534d.js +0 -4
  628. package/lib/esm-es5/tokens-5a0d14c7.js +0 -4
  629. package/lib/esm-es5/tokens.module-16569707.js +0 -4
package/hydrate/index.js CHANGED
@@ -7977,8 +7977,9 @@ const sizeIconLarge = "30px";
7977
7977
  const sizeLayoutMaxWidth = "1110px";
7978
7978
  const sizeTappableSquare = "48px";
7979
7979
  const sizeIconXSmall = "16px";
7980
+ const sizeMediumBorder = "2px";
7980
7981
  const sizeIconXxxSmall = "7px";
7981
- const sizeButtonBorder = "2px";
7982
+ const sizeButtonBorder = "1px";
7982
7983
  const sizeButtonTinyBorder = "1px";
7983
7984
  const sizeIconMedium = "24px";
7984
7985
  const sizeIconSmall = "20px";
@@ -8139,6 +8140,7 @@ var tokens$2 = /*#__PURE__*/Object.freeze({
8139
8140
  sizeLayoutMaxWidth: sizeLayoutMaxWidth,
8140
8141
  sizeTappableSquare: sizeTappableSquare,
8141
8142
  sizeIconXSmall: sizeIconXSmall,
8143
+ sizeMediumBorder: sizeMediumBorder,
8142
8144
  sizeIconXxxSmall: sizeIconXxxSmall,
8143
8145
  sizeButtonBorder: sizeButtonBorder,
8144
8146
  sizeButtonTinyBorder: sizeButtonTinyBorder,
@@ -8865,7 +8867,7 @@ const DuetStringsLoadingDefaults = {
8865
8867
  en: "Loading…",
8866
8868
  };
8867
8869
 
8868
- 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%;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(.input-button)*/.input-button.sc-duet-button-h{z-index:250}/*!@:host(.duet-small)*/.duet-small.sc-duet-button-h{margin-right:2px !important;margin-bottom:8px !important}/*!@:host(.duet-small):last-child, :host(.duet-small):last-of-type*/.duet-small.sc-duet-button-h:last-child,.duet-small.sc-duet-button-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){/*!@:host(.duet-small)*/.duet-small.sc-duet-button-h{width:auto}}/*!@: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{padding:14px 27px 15px !important;-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;min-width:8rem;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;-webkit-hyphens:auto;hyphens:auto;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:2px;border-radius:12.5px;transition:background-color 300ms ease, color 300ms ease, border 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: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){padding:9px 19px 10px !important;min-width:48px;font-size:0.875rem;border-radius:10px}/*!@.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-button.duet-button-is-small:not(.duet-button-icon-only).icon*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only).icon{padding-left:48px !important}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon-right*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only).icon-right{padding-right:48px !important;padding-left:20px !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:inline-block;margin:0 auto;pointer-events:none}/*!@.duet-button.duet-no-wrap*/.duet-button.duet-no-wrap.sc-duet-button{white-space:nowrap}/*!@.duet-button.icon*/.duet-button.icon.sc-duet-button{padding-left:52px !important}/*!@.duet-button.icon-right*/.duet-button.icon-right.sc-duet-button{padding-right:52px !important;padding-left:28px !important}/*!@.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{position:absolute;top:50%;left:-28px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0 !important;transform:translateY(-50%)}/*!@.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.right*/.duet-button.sc-duet-button .duet-button-icon.right.sc-duet-button{right:-28px;left:auto}/*!@.duet-button .duet-button-icon.large*/.duet-button.sc-duet-button .duet-button-icon.large.sc-duet-button{left:-32px;width:20px;height:20px}/*!@.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.large.right*/.duet-button.sc-duet-button .duet-button-icon.large.right.sc-duet-button{right:-32px;left:auto}/*!@.duet-button .duet-button-icon.medium-small*/.duet-button.sc-duet-button .duet-button-icon.medium-small.sc-duet-button{left:-16px;width:10px;height:10px;padding-top:1px}/*!@.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.medium-small.right*/.duet-button.sc-duet-button .duet-button-icon.medium-small.right.sc-duet-button{right:-16px;left:auto}/*!@.duet-button .duet-button-icon.small*/.duet-button.sc-duet-button .duet-button-icon.small.sc-duet-button{left:-16px;width:7px;height:7px}/*!@.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 .duet-button-icon.small.right*/.duet-button.sc-duet-button .duet-button-icon.small.right.sc-duet-button{right:-16px;left:auto}/*!@.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(225, 227, 230)}/*!@.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)}/*!@.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)}/*!@.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.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.icon*/.duet-button.plain.icon.sc-duet-button{padding-left:20px !important}/*!@.duet-button.plain.icon.icon-right*/.duet-button.plain.icon.icon-right.sc-duet-button{padding-right:20px !important;padding-left:0 !important}/*!@.duet-button.plain.icon.small*/.duet-button.plain.icon.small.sc-duet-button{padding-left:20px !important}/*!@.duet-button.plain.icon.small.icon-right*/.duet-button.plain.icon.small.icon-right.sc-duet-button{padding-right:20px !important;padding-left:0 !important}/*!@.duet-button.plain.icon.medium-small*/.duet-button.plain.icon.medium-small.sc-duet-button{padding-left:20px !important}/*!@.duet-button.plain.icon.medium-small.icon-right*/.duet-button.plain.icon.medium-small.icon-right.sc-duet-button{padding-right:20px !important;padding-left:0 !important}/*!@.duet-button.plain.icon.medium*/.duet-button.plain.icon.medium.sc-duet-button{padding-left:24px !important}/*!@.duet-button.plain.icon.medium.icon-right*/.duet-button.plain.icon.medium.icon-right.sc-duet-button{padding-right:24px !important;padding-left:0 !important}/*!@.duet-button.plain.icon.large*/.duet-button.plain.icon.large.sc-duet-button{padding-left:30px !important}/*!@.duet-button.plain.icon.large.icon-right*/.duet-button.plain.icon.large.icon-right.sc-duet-button{padding-right:30px !important;padding-left:0 !important}/*!@.duet-button.plain .duet-button-icon.left*/.duet-button.plain.sc-duet-button .duet-button-icon.left.sc-duet-button{left:-16.6666666667px !important}/*!@.duet-button.plain .duet-button-icon.left.medium*/.duet-button.plain.sc-duet-button .duet-button-icon.left.medium.sc-duet-button{left:-24px !important}/*!@.duet-button.plain .duet-button-icon.left.large*/.duet-button.plain.sc-duet-button .duet-button-icon.left.large.sc-duet-button{left:-30px !important}/*!@.duet-button.plain .duet-button-icon.right*/.duet-button.plain.sc-duet-button .duet-button-icon.right.sc-duet-button{right:-16.6666666667px !important}/*!@.duet-button.plain .duet-button-icon.right.medium*/.duet-button.plain.sc-duet-button .duet-button-icon.right.medium.sc-duet-button{right:-24px !important}/*!@.duet-button.plain .duet-button-icon.right.large*/.duet-button.plain.sc-duet-button .duet-button-icon.right.large.sc-duet-button{right:-30px !important}/*!@.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:48px !important;min-width:auto !important;height:48px !important;padding:0 !important;font-size:1.25rem;border-color:rgb(225, 227, 230);border-width:1px}/*!@.duet-button.square.duet-button-is-small*/.duet-button.square.duet-button-is-small.sc-duet-button{width:28px !important;height:28px !important;padding:0 !important;font-size:1rem}/*!@.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[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}";
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}";
8869
8871
 
8870
8872
  class DuetButton {
8871
8873
  constructor(hostRef) {
@@ -9011,17 +9013,17 @@ class DuetButton {
9011
9013
  * Always the last one in the class.
9012
9014
  */
9013
9015
  render() {
9014
- var _a;
9016
+ var _a, _b;
9015
9017
  const isExternalLink = this.external && this.url;
9016
9018
  // enforce consistency for external links
9017
9019
  const icon = isExternalLink ? "action-new-window" : this.icon;
9018
9020
  const iconRight = isExternalLink ? true : this.iconRight;
9019
- const commonChildren = (hAsync("span", { class: "duet-button-contents", style: { color: getColorByName(this.color) } }, icon && (hAsync("div", { "aria-hidden": "true", class: {
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: {
9020
9022
  "duet-button-icon": true,
9021
9023
  left: !iconRight,
9022
9024
  right: iconRight,
9023
9025
  [this.getButtonIconSize()]: true,
9024
- } }, hAsync("duet-icon", { size: "auto", margin: "none", name: icon, color: "currentColor" }))), hAsync("slot", null)));
9026
+ } }, hAsync("duet-icon", { size: "auto", margin: "none", name: icon, color: "currentColor" }))), hAsync("span", { class: "duet-button-contents-slot" }, hAsync("slot", null))));
9025
9027
  const commonProps = {
9026
9028
  onFocus: this.onFocus,
9027
9029
  onBlur: this.onBlur,
@@ -9038,9 +9040,11 @@ class DuetButton {
9038
9040
  "duet-button-text-center": this.centerText,
9039
9041
  "duet-button-negative": this.negative || this.variation === "negative",
9040
9042
  [this.variation]: true,
9043
+ "input-button": (_a = this.variation) === null || _a === void 0 ? void 0 : _a.startsWith("input-button"),
9041
9044
  disabled: this.disabled,
9042
9045
  icon: !!icon,
9043
9046
  "icon-right": iconRight,
9047
+ "icon-left": !!icon && !iconRight,
9044
9048
  [this.getButtonIconSize()]: true,
9045
9049
  },
9046
9050
  "aria-controls": this.accessibleControls,
@@ -9056,9 +9060,11 @@ class DuetButton {
9056
9060
  return (hAsync(Host, { onClick: this.handleClick, class: {
9057
9061
  "duet-m-0": this.margin === "none",
9058
9062
  "duet-small": this.size === "small",
9063
+ "duet-x-small": this.size === "x-small",
9059
9064
  "duet-fixed": this.fixed,
9060
9065
  "duet-expand": this.expand,
9061
- "input-button": (_a = this.variation) === null || _a === void 0 ? void 0 : _a.startsWith("input-button"),
9066
+ [this.variation]: true,
9067
+ "input-button": (_b = this.variation) === null || _b === void 0 ? void 0 : _b.startsWith("input-button"),
9062
9068
  } }, hAsync("div", { class: {
9063
9069
  "duet-button-container": true,
9064
9070
  "duet-button-is-loading": this.loading,
@@ -10346,8 +10352,9 @@ const size_icon_large = "30px";
10346
10352
  const size_layout_max_width = "1110px";
10347
10353
  const size_tappable_square = "48px";
10348
10354
  const size_icon_x_small = "16px";
10355
+ const size_medium_border = "2px";
10349
10356
  const size_icon_xxx_small = "7px";
10350
- const size_button_border = "2px";
10357
+ const size_button_border = "1px";
10351
10358
  const size_button_tiny_border = "1px";
10352
10359
  const size_icon_medium = "24px";
10353
10360
  const size_icon_small = "20px";
@@ -10506,6 +10513,7 @@ var tokens = {
10506
10513
  size_layout_max_width: size_layout_max_width,
10507
10514
  size_tappable_square: size_tappable_square,
10508
10515
  size_icon_x_small: size_icon_x_small,
10516
+ size_medium_border: size_medium_border,
10509
10517
  size_icon_xxx_small: size_icon_xxx_small,
10510
10518
  size_button_border: size_button_border,
10511
10519
  size_button_tiny_border: size_button_tiny_border,
@@ -10669,6 +10677,7 @@ var tokens$1 = /*#__PURE__*/Object.freeze({
10669
10677
  size_layout_max_width: size_layout_max_width,
10670
10678
  size_tappable_square: size_tappable_square,
10671
10679
  size_icon_x_small: size_icon_x_small,
10680
+ size_medium_border: size_medium_border,
10672
10681
  size_icon_xxx_small: size_icon_xxx_small,
10673
10682
  size_button_border: size_button_border,
10674
10683
  size_button_tiny_border: size_button_tiny_border,
@@ -14081,6 +14090,8 @@ class DuetInput {
14081
14090
  this.type = "text";
14082
14091
  this.variation = "default";
14083
14092
  this.label = "Label";
14093
+ this.labelColor = undefined;
14094
+ this.labelWeight = undefined;
14084
14095
  this.error = "";
14085
14096
  this.labelHidden = false;
14086
14097
  this.numericKeyboard = false;
@@ -14218,6 +14229,8 @@ class DuetInput {
14218
14229
  "type": [1],
14219
14230
  "variation": [1],
14220
14231
  "label": [1025],
14232
+ "labelColor": [1025, "label-color"],
14233
+ "labelWeight": [1025, "label-weight"],
14221
14234
  "error": [1],
14222
14235
  "labelHidden": [4, "label-hidden"],
14223
14236
  "numericKeyboard": [4, "numeric-keyboard"],
@@ -14247,7 +14260,7 @@ class DuetInput {
14247
14260
  }; }
14248
14261
  }
14249
14262
 
14250
- 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)}";
14263
+ 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)}";
14251
14264
 
14252
14265
  class DuetLabel {
14253
14266
  constructor(hostRef) {
@@ -14256,6 +14269,8 @@ class DuetLabel {
14256
14269
  this.for = undefined;
14257
14270
  this.margin = "auto";
14258
14271
  this.size = "medium";
14272
+ this.weight = "semi-bold";
14273
+ this.color = "";
14259
14274
  }
14260
14275
  /**
14261
14276
  * Component lifecycle events.
@@ -14281,7 +14296,9 @@ class DuetLabel {
14281
14296
  "theme": [1025],
14282
14297
  "for": [1],
14283
14298
  "margin": [1],
14284
- "size": [1]
14299
+ "size": [1],
14300
+ "weight": [1],
14301
+ "color": [1]
14285
14302
  },
14286
14303
  "$listeners$": undefined,
14287
14304
  "$lazyBundleId$": "-",
@@ -15281,7 +15298,7 @@ class Teleport {
15281
15298
  */
15282
15299
  go(makeSiblingsInert = false) {
15283
15300
  const skipTeleport = this.element.getAttribute("skip-teleport");
15284
- if (skipTeleport && skipTeleport !== "false") {
15301
+ if (skipTeleport !== null && skipTeleport !== "false") {
15285
15302
  return;
15286
15303
  }
15287
15304
  // React handles teleporting itself with portals
@@ -15299,7 +15316,7 @@ class Teleport {
15299
15316
  }
15300
15317
  resume(delay = 0) {
15301
15318
  const skipTeleport = this.element.getAttribute("skip-teleport");
15302
- if (skipTeleport && skipTeleport !== "false") {
15319
+ if (skipTeleport !== null && skipTeleport !== "false") {
15303
15320
  return;
15304
15321
  }
15305
15322
  if (!this.isActive) {
@@ -15363,13 +15380,14 @@ class Teleport {
15363
15380
  }
15364
15381
  }
15365
15382
 
15366
- 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}";
15383
+ 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:20px 20px 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}";
15367
15384
 
15368
15385
  // The transition below is slightly higher than the actual CSS transition as VoiceOver on
15369
15386
  // iOS has otherwise problems moving the focus from modal back to the original element.
15370
15387
  // This issue is similar to what we’ve seen in Duet Date Picker + iOS VoiceOver.
15371
15388
  const TRANSITION_MS = 600;
15372
15389
  /**
15390
+ * @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
15373
15391
  * @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)
15374
15392
  */
15375
15393
  class DuetModal {
@@ -15384,6 +15402,7 @@ class DuetModal {
15384
15402
  */
15385
15403
  this.modalId = createID("DuetModal");
15386
15404
  this.slotDefaultId = createID("DuetModal-default-slot");
15405
+ this.hasStickyHeader = false;
15387
15406
  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;
15388
15407
  this.isSafariBrowser = /^((?!chrome|android).)*safari/i.test(navigator === null || navigator === void 0 ? void 0 : navigator.userAgent);
15389
15408
  this.handleAndroidResizeEvents = () => {
@@ -15414,6 +15433,7 @@ class DuetModal {
15414
15433
  this.accessibleLabel = undefined;
15415
15434
  this.accessibleDetails = undefined;
15416
15435
  this.accessibleDescription = undefined;
15436
+ this.variation = "default";
15417
15437
  this.gutterSize = "medium";
15418
15438
  this.theme = "";
15419
15439
  this.heading = "";
@@ -15465,6 +15485,7 @@ class DuetModal {
15465
15485
  * Component lifecycle events.
15466
15486
  */
15467
15487
  componentWillLoad() {
15488
+ this.hasStickyHeader = hasSlot(this.element, "sticky-header");
15468
15489
  inheritGlobalTheme(this);
15469
15490
  }
15470
15491
  componentDidLoad() {
@@ -15532,6 +15553,7 @@ class DuetModal {
15532
15553
  var _a;
15533
15554
  let iconColor = "primary";
15534
15555
  let closeColor = "secondary";
15556
+ 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 })));
15535
15557
  if (this.theme === "turva") {
15536
15558
  iconColor = "primary-turva";
15537
15559
  closeColor = "secondary-turva";
@@ -15540,9 +15562,12 @@ class DuetModal {
15540
15562
  "duet-modal-overlay": true,
15541
15563
  "duet-theme-turva": this.theme === "turva",
15542
15564
  "duet-modal-active": this.open,
15565
+ "duet-modal-slide-up": this.variation === "slide-up",
15566
+ "duet-modal-has-sticky-header": this.hasStickyHeader,
15543
15567
  } }, hAsync(FocusGuard, { moveFocusTo: this.buttonEl }), hAsync("div", { ref: modalInner => (this.modalInnerEl = modalInner), class: {
15544
15568
  "duet-modal-inner": true,
15545
- "duet-modal-large": this.size === "large",
15569
+ [this.size]: true,
15570
+ "duet-modal-slide-up": this.variation === "slide-up",
15546
15571
  }, onClick: e => {
15547
15572
  if (this.closeOnBlur) {
15548
15573
  const source = e.target || e.srcElement;
@@ -15550,7 +15575,12 @@ class DuetModal {
15550
15575
  this.closeModal(e);
15551
15576
  }
15552
15577
  }
15553
- } }, 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: {
15578
+ } }, hAsync("div", { class: {
15579
+ "duet-modal": true,
15580
+ "duet-modal-has-sticky-header": this.hasStickyHeader,
15581
+ [this.size]: true,
15582
+ [this.variation]: true,
15583
+ } }, 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: {
15554
15584
  "duet-modal-body": true,
15555
15585
  "duet-modal-gutter-none": this.gutterSize === "none",
15556
15586
  "duet-modal-gutter-small": this.gutterSize === "small",
@@ -15577,6 +15607,7 @@ class DuetModal {
15577
15607
  "accessibleLabel": [1, "accessible-label"],
15578
15608
  "accessibleDetails": [1, "accessible-details"],
15579
15609
  "accessibleDescription": [1, "accessible-description"],
15610
+ "variation": [1],
15580
15611
  "gutterSize": [1, "gutter-size"],
15581
15612
  "theme": [1025],
15582
15613
  "heading": [1],
@@ -15596,7 +15627,7 @@ class DuetModal {
15596
15627
  }; }
15597
15628
  }
15598
15629
 
15599
- const duetMultiselectCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-multiselect,*.sc-duet-multiselect::after,*.sc-duet-multiselect::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-multiselect-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}/*!@:host:last-child, :host:last-of-type*/.sc-duet-multiselect-h:last-child,.sc-duet-multiselect-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){/*!@:host*/.sc-duet-multiselect-h{width:calc(50% - 16px - 3px)}/*!@:host.duet-expand*/.duet-expand.sc-duet-multiselect-h{width:100% !important}}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-multiselect-h{margin:0 !important}/*!@.duet-multiselect-tooltip*/.duet-multiselect-tooltip.sc-duet-multiselect{position:absolute;top:12px;right:0}@media (min-width: 48em){/*!@.duet-multiselect-tooltip*/.duet-multiselect-tooltip.sc-duet-multiselect{position:relative;top:4px;right:auto}}/*!@.duet-multiselect-placeholder*/.duet-multiselect-placeholder.sc-duet-multiselect{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}/*!@.duet-multiselect-container*/.duet-multiselect-container.sc-duet-multiselect{position:relative;width:100%}/*!@.duet-multiselect-wrapper*/.duet-multiselect-wrapper.sc-duet-multiselect{position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25}/*!@.duet-theme-turva .duet-multiselect-wrapper*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect-wrapper.sc-duet-multiselect{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}/*!@.duet-multiselect*/.duet-multiselect.sc-duet-multiselect{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:8rem;padding:12px 14px !important;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:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:4px;transition:150ms ease}/*!@.duet-multiselect .duet-multiselect-label*/.duet-multiselect.sc-duet-multiselect .duet-multiselect-label.sc-duet-multiselect{overflow:hidden;text-overflow:ellipsis}/*!@.duet-multiselect:hover*/.duet-multiselect.sc-duet-multiselect:hover{border-color:rgb(144, 149, 153);box-shadow:0 0 0 1px #909599}/*!@.duet-theme-turva .duet-multiselect:hover*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:hover{border-color:rgb(116, 116, 117);box-shadow:0 0 0 1px #747475}/*!@.has-error .duet-multiselect:hover*/.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:hover{box-shadow:0 0 0 1px #de2362}/*!@.duet-theme-turva.has-error .duet-multiselect:hover*/.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:hover{box-shadow:0 0 0 1px #e55039}/*!@.duet-multiselect:focus, .duet-multiselect.duet-multiselect-active*/.duet-multiselect.sc-duet-multiselect:focus,.duet-multiselect.duet-multiselect-active.sc-duet-multiselect{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}/*!@.duet-theme-turva .duet-multiselect:focus, .duet-theme-turva .duet-multiselect.duet-multiselect-active*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:focus,.duet-theme-turva.sc-duet-multiselect .duet-multiselect.duet-multiselect-active.sc-duet-multiselect{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}/*!@.has-error .duet-multiselect:focus, .has-error .duet-multiselect.duet-multiselect-active*/.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:focus,.has-error.sc-duet-multiselect .duet-multiselect.duet-multiselect-active.sc-duet-multiselect{box-shadow:0 0 0 1px #de2362}/*!@.duet-theme-turva.has-error .duet-multiselect:focus, .duet-theme-turva.has-error .duet-multiselect.duet-multiselect-active*/.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:focus,.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect.duet-multiselect-active.sc-duet-multiselect{box-shadow:0 0 0 1px #e55039}/*!@.duet-multiselect[disabled]*/.duet-multiselect[disabled].sc-duet-multiselect{color:rgb(0, 41, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(0, 41, 77) !important}/*!@.duet-theme-turva .duet-multiselect[disabled]*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect[disabled].sc-duet-multiselect{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}/*!@.duet-multiselect > :first-child*/.duet-multiselect.sc-duet-multiselect>.sc-duet-multiselect:first-child{flex:1;min-height:24px}/*!@.duet-multiselect .duet-multiselect-badge*/.duet-multiselect.sc-duet-multiselect .duet-multiselect-badge.sc-duet-multiselect{position:relative;bottom:2px;height:20px;margin-left:4px}/*!@.duet-multiselect .duet-multiselect-icon*/.duet-multiselect.sc-duet-multiselect .duet-multiselect-icon.sc-duet-multiselect{margin-left:12px}/*!@.has-error .duet-multiselect*/.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect{border-color:rgb(222, 35, 98) !important}/*!@.has-error .duet-multiselect .duet-multiselect-icon*/.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect .duet-multiselect-icon.sc-duet-multiselect{color:rgb(222, 35, 98) !important}/*!@.duet-theme-turva.has-error .duet-multiselect*/.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect{border-color:rgb(224, 42, 13) !important}/*!@.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon*/.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect .duet-multiselect-icon.sc-duet-multiselect{color:rgb(224, 42, 13) !important}/*!@.duet-theme-turva .duet-multiselect*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect{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);border-color:rgb(116, 116, 117)}/*!@.duet-multiselect svg*/.duet-multiselect.sc-duet-multiselect svg.sc-duet-multiselect{width:20px;height:20px;color:rgb(0, 41, 77);pointer-events:none}/*!@.duet-theme-turva .duet-multiselect svg*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect svg.sc-duet-multiselect{color:rgb(23, 28, 58)}/*!@.duet-multiselect svg.duet-multiselect-icon--rotate*/.duet-multiselect.sc-duet-multiselect svg.duet-multiselect-icon--rotate.sc-duet-multiselect{transform:rotate(180deg)}/*!@.duet-multiselect-checkboxes*/.duet-multiselect-checkboxes.sc-duet-multiselect{position:absolute;z-index:700;width:100%;padding:16px;margin:8px 0 0;visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}/*!@.duet-theme-turva .duet-multiselect-checkboxes*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect-checkboxes.sc-duet-multiselect{background:rgb(255, 255, 255);border-color:rgb(228, 228, 230);box-shadow:0 4px 10px 0 rgba(23, 28, 58, 0.15)}/*!@.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active*/.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active.sc-duet-multiselect{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}/*!@.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons*/.duet-multiselect-checkboxes.sc-duet-multiselect .duet-multiselect-all-control-buttons.sc-duet-multiselect{padding:8px 0;margin:-16px;margin-bottom:16px;border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button*/.duet-multiselect-checkboxes.sc-duet-multiselect .duet-multiselect-all-control-buttons.sc-duet-multiselect button.sc-duet-multiselect{padding:6px 16px;margin:-4px 0;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:600;color:rgb(0, 119, 179);cursor:pointer;border-radius:4px}/*!@.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus*/.duet-multiselect-checkboxes.sc-duet-multiselect .duet-multiselect-all-control-buttons.sc-duet-multiselect button.sc-duet-multiselect:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus, .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect-checkboxes.sc-duet-multiselect .duet-multiselect-all-control-buttons.sc-duet-multiselect button.sc-duet-multiselect:focus,.duet-multiselect-checkboxes.sc-duet-multiselect .duet-multiselect-all-control-buttons.sc-duet-multiselect button.sc-duet-multiselect:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:first-child*/.duet-multiselect-checkboxes.sc-duet-multiselect .duet-multiselect-all-control-buttons.sc-duet-multiselect button.sc-duet-multiselect:first-child{border-right:1px solid rgb(225, 227, 230)}/*!@.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect-checkboxes.sc-duet-multiselect .duet-multiselect-all-control-buttons.sc-duet-multiselect button.sc-duet-multiselect{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(198, 12, 48)}/*!@.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect-checkboxes.sc-duet-multiselect .duet-multiselect-all-control-buttons.sc-duet-multiselect button.sc-duet-multiselect:hover{color:rgb(23, 28, 58)}/*!@.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover*/.duet-multiselect-checkboxes.sc-duet-multiselect .duet-multiselect-all-control-buttons.sc-duet-multiselect button.sc-duet-multiselect:hover{color:rgb(0, 41, 77)}/*!@.duet-multiselect-help*/.duet-multiselect-help.sc-duet-multiselect{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(101, 119, 135);border-radius:4px}/*!@.duet-multiselect-help span*/.duet-multiselect-help.sc-duet-multiselect span.sc-duet-multiselect{display:block;margin-top:8px}/*!@.duet-theme-turva .duet-multiselect-help*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect-help.sc-duet-multiselect{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(116, 116, 117)}/*!@.has-error .duet-multiselect-help*/.has-error.sc-duet-multiselect .duet-multiselect-help.sc-duet-multiselect{color:rgb(222, 35, 98)}/*!@.duet-theme-turva.has-error .duet-multiselect-help*/.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect-help.sc-duet-multiselect{color:rgb(224, 42, 13)}/*!@.duet-label-hidden duet-label*/.duet-label-hidden.sc-duet-multiselect duet-label.sc-duet-multiselect{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
15630
+ const duetMultiselectCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-multiselect,*.sc-duet-multiselect::after,*.sc-duet-multiselect::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-multiselect-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}/*!@:host:last-child, :host:last-of-type*/.sc-duet-multiselect-h:last-child,.sc-duet-multiselect-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){/*!@:host*/.sc-duet-multiselect-h{width:calc(50% - 16px - 3px)}/*!@:host.duet-expand*/.duet-expand.sc-duet-multiselect-h{width:100% !important}}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-multiselect-h{margin:0 !important}/*!@.duet-multiselect-tooltip*/.duet-multiselect-tooltip.sc-duet-multiselect{position:absolute;top:12px;right:0}@media (min-width: 48em){/*!@.duet-multiselect-tooltip*/.duet-multiselect-tooltip.sc-duet-multiselect{position:relative;top:4px;right:auto}}/*!@.duet-multiselect-placeholder*/.duet-multiselect-placeholder.sc-duet-multiselect{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}/*!@.duet-multiselect-container*/.duet-multiselect-container.sc-duet-multiselect{position:relative;width:100%}/*!@.duet-multiselect-wrapper*/.duet-multiselect-wrapper.sc-duet-multiselect{position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25}/*!@.duet-theme-turva .duet-multiselect-wrapper*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect-wrapper.sc-duet-multiselect{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}/*!@.duet-multiselect*/.duet-multiselect.sc-duet-multiselect{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:8rem;padding:12px 14px !important;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:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:4px;transition:150ms ease}/*!@.duet-multiselect .duet-multiselect-label*/.duet-multiselect.sc-duet-multiselect .duet-multiselect-label.sc-duet-multiselect{overflow:hidden;text-overflow:ellipsis}/*!@.duet-multiselect:hover*/.duet-multiselect.sc-duet-multiselect:hover{border-color:rgb(144, 149, 153);box-shadow:0 0 0 1px #909599}/*!@.duet-theme-turva .duet-multiselect:hover*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:hover{border-color:rgb(116, 116, 117);box-shadow:0 0 0 1px #747475}/*!@.has-error .duet-multiselect:hover*/.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:hover{box-shadow:0 0 0 1px #de2362}/*!@.duet-theme-turva.has-error .duet-multiselect:hover*/.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:hover{box-shadow:0 0 0 1px #e55039}/*!@.duet-multiselect:focus, .duet-multiselect.duet-multiselect-active*/.duet-multiselect.sc-duet-multiselect:focus,.duet-multiselect.duet-multiselect-active.sc-duet-multiselect{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}/*!@.duet-theme-turva .duet-multiselect:focus, .duet-theme-turva .duet-multiselect.duet-multiselect-active*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:focus,.duet-theme-turva.sc-duet-multiselect .duet-multiselect.duet-multiselect-active.sc-duet-multiselect{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}/*!@.has-error .duet-multiselect:focus, .has-error .duet-multiselect.duet-multiselect-active*/.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:focus,.has-error.sc-duet-multiselect .duet-multiselect.duet-multiselect-active.sc-duet-multiselect{box-shadow:0 0 0 1px #de2362}/*!@.duet-theme-turva.has-error .duet-multiselect:focus, .duet-theme-turva.has-error .duet-multiselect.duet-multiselect-active*/.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:focus,.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect.duet-multiselect-active.sc-duet-multiselect{box-shadow:0 0 0 1px #e55039}/*!@.duet-multiselect[disabled]*/.duet-multiselect[disabled].sc-duet-multiselect{color:rgb(0, 41, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(0, 41, 77) !important}/*!@.duet-theme-turva .duet-multiselect[disabled]*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect[disabled].sc-duet-multiselect{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}/*!@.duet-multiselect > :first-child*/.duet-multiselect.sc-duet-multiselect>.sc-duet-multiselect:first-child{flex:1;min-height:24px}/*!@.duet-multiselect .duet-multiselect-badge*/.duet-multiselect.sc-duet-multiselect .duet-multiselect-badge.sc-duet-multiselect{padding:4px 8px 4px;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-weight:600;line-height:1.25;color:rgb(0, 41, 77);background:#d9ebf4;border-radius:20rem}/*!@.duet-theme-turva .duet-multiselect .duet-multiselect-badge*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect .duet-multiselect-badge.sc-duet-multiselect{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-multiselect .duet-multiselect-icon*/.duet-multiselect.sc-duet-multiselect .duet-multiselect-icon.sc-duet-multiselect{margin-left:12px}/*!@.has-error .duet-multiselect*/.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect{border-color:rgb(222, 35, 98) !important}/*!@.has-error .duet-multiselect .duet-multiselect-icon*/.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect .duet-multiselect-icon.sc-duet-multiselect{color:rgb(222, 35, 98) !important}/*!@.duet-theme-turva.has-error .duet-multiselect*/.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect{border-color:rgb(224, 42, 13) !important}/*!@.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon*/.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect .duet-multiselect-icon.sc-duet-multiselect{color:rgb(224, 42, 13) !important}/*!@.duet-theme-turva .duet-multiselect*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect{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);border-color:rgb(116, 116, 117)}/*!@.duet-multiselect svg*/.duet-multiselect.sc-duet-multiselect svg.sc-duet-multiselect{width:20px;height:20px;color:rgb(0, 41, 77);pointer-events:none}/*!@.duet-theme-turva .duet-multiselect svg*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect svg.sc-duet-multiselect{color:rgb(23, 28, 58)}/*!@.duet-multiselect svg.duet-multiselect-icon--rotate*/.duet-multiselect.sc-duet-multiselect svg.duet-multiselect-icon--rotate.sc-duet-multiselect{transform:rotate(180deg)}/*!@.duet-multiselect-checkboxes*/.duet-multiselect-checkboxes.sc-duet-multiselect{position:absolute;z-index:700;width:100%;padding:16px;margin:8px 0 0;visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}/*!@.duet-theme-turva .duet-multiselect-checkboxes*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect-checkboxes.sc-duet-multiselect{background:rgb(255, 255, 255);border-color:rgb(228, 228, 230);box-shadow:0 4px 10px 0 rgba(23, 28, 58, 0.15)}/*!@.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active*/.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active.sc-duet-multiselect{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}/*!@.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons*/.duet-multiselect-checkboxes.sc-duet-multiselect .duet-multiselect-all-control-buttons.sc-duet-multiselect{padding:8px 0;margin:-16px;margin-bottom:16px;border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button*/.duet-multiselect-checkboxes.sc-duet-multiselect .duet-multiselect-all-control-buttons.sc-duet-multiselect button.sc-duet-multiselect{padding:6px 16px;margin:-4px 0;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:600;color:rgb(0, 119, 179);cursor:pointer;border-radius:4px}/*!@.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus*/.duet-multiselect-checkboxes.sc-duet-multiselect .duet-multiselect-all-control-buttons.sc-duet-multiselect button.sc-duet-multiselect:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus, .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect-checkboxes.sc-duet-multiselect .duet-multiselect-all-control-buttons.sc-duet-multiselect button.sc-duet-multiselect:focus,.duet-multiselect-checkboxes.sc-duet-multiselect .duet-multiselect-all-control-buttons.sc-duet-multiselect button.sc-duet-multiselect:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:first-child*/.duet-multiselect-checkboxes.sc-duet-multiselect .duet-multiselect-all-control-buttons.sc-duet-multiselect button.sc-duet-multiselect:first-child{border-right:1px solid rgb(225, 227, 230)}/*!@.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect-checkboxes.sc-duet-multiselect .duet-multiselect-all-control-buttons.sc-duet-multiselect button.sc-duet-multiselect{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(198, 12, 48)}/*!@.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect-checkboxes.sc-duet-multiselect .duet-multiselect-all-control-buttons.sc-duet-multiselect button.sc-duet-multiselect:hover{color:rgb(23, 28, 58)}/*!@.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover*/.duet-multiselect-checkboxes.sc-duet-multiselect .duet-multiselect-all-control-buttons.sc-duet-multiselect button.sc-duet-multiselect:hover{color:rgb(0, 41, 77)}/*!@.duet-multiselect-help*/.duet-multiselect-help.sc-duet-multiselect{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(101, 119, 135);border-radius:4px}/*!@.duet-multiselect-help span*/.duet-multiselect-help.sc-duet-multiselect span.sc-duet-multiselect{display:block;margin-top:8px}/*!@.duet-theme-turva .duet-multiselect-help*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect-help.sc-duet-multiselect{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(116, 116, 117)}/*!@.has-error .duet-multiselect-help*/.has-error.sc-duet-multiselect .duet-multiselect-help.sc-duet-multiselect{color:rgb(222, 35, 98)}/*!@.duet-theme-turva.has-error .duet-multiselect-help*/.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect-help.sc-duet-multiselect{color:rgb(224, 42, 13)}/*!@.duet-label-hidden duet-label*/.duet-label-hidden.sc-duet-multiselect duet-label.sc-duet-multiselect{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
15600
15631
 
15601
15632
  function toggleInArray(arr, item) {
15602
15633
  return arr.includes(item) ? arr.filter(i => i !== item) : [...arr, item];
@@ -15743,6 +15774,8 @@ class DuetMultiselect {
15743
15774
  this.items = undefined;
15744
15775
  this.disabled = false;
15745
15776
  this.label = "label";
15777
+ this.labelColor = undefined;
15778
+ this.labelWeight = undefined;
15746
15779
  this.accessibleDescribedBy = undefined;
15747
15780
  this.tooltip = "";
15748
15781
  this.tooltipDirection = "auto";
@@ -15796,7 +15829,7 @@ class DuetMultiselect {
15796
15829
  "duet-theme-turva": this.theme === "turva",
15797
15830
  "duet-input-top-caption-shown": this.isCaptionVisible,
15798
15831
  "has-error": !!this.error,
15799
- }, 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("duet-badge", { class: "duet-multiselect-badge", margin: "none", theme: this.theme }, this.value.length, " ", this.selectedLangObject[this.language], hAsync("duet-visually-hidden", null, ", ", 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: {
15832
+ }, 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: {
15800
15833
  "duet-multiselect-checkboxes": true,
15801
15834
  "duet-multiselect-checkboxes-active": this.checkboxesVisible,
15802
15835
  }, "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 &&
@@ -15828,6 +15861,8 @@ class DuetMultiselect {
15828
15861
  "items": [1],
15829
15862
  "disabled": [516],
15830
15863
  "label": [1],
15864
+ "labelColor": [1025, "label-color"],
15865
+ "labelWeight": [1025, "label-weight"],
15831
15866
  "accessibleDescribedBy": [1, "accessible-described-by"],
15832
15867
  "tooltip": [1],
15833
15868
  "tooltipDirection": [1, "tooltip-direction"],
@@ -18396,7 +18431,7 @@ class DuetPopupMenu {
18396
18431
  }; }
18397
18432
  }
18398
18433
 
18399
- 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}";
18434
+ 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}";
18400
18435
 
18401
18436
  class DuetPopupMenuItem {
18402
18437
  constructor(hostRef) {
@@ -18429,6 +18464,7 @@ class DuetPopupMenuItem {
18429
18464
  this.external = false;
18430
18465
  this.value = undefined;
18431
18466
  this.leadingIcon = undefined;
18467
+ this.leadingIconColor = undefined;
18432
18468
  this.trailingIcon = undefined;
18433
18469
  this.trailingText = undefined;
18434
18470
  this.active = false;
@@ -18458,7 +18494,7 @@ class DuetPopupMenuItem {
18458
18494
  active: this.active,
18459
18495
  "duet-theme-turva": this.theme === "turva",
18460
18496
  };
18461
- 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: "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))));
18497
+ 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))));
18462
18498
  }
18463
18499
  get element() { return getElement(this); }
18464
18500
  static get style() { return duetPopupMenuItemCss; }
@@ -18472,6 +18508,7 @@ class DuetPopupMenuItem {
18472
18508
  "external": [4],
18473
18509
  "value": [1],
18474
18510
  "leadingIcon": [1, "leading-icon"],
18511
+ "leadingIconColor": [1, "leading-icon-color"],
18475
18512
  "trailingIcon": [1, "trailing-icon"],
18476
18513
  "trailingText": [1, "trailing-text"],
18477
18514
  "active": [1028],
@@ -18947,6 +18984,8 @@ class DuetRangeSlider {
18947
18984
  this.accessibleDescribedBy = undefined;
18948
18985
  this.min = 0;
18949
18986
  this.label = "label";
18987
+ this.labelColor = undefined;
18988
+ this.labelWeight = undefined;
18950
18989
  this.labelHidden = false;
18951
18990
  this.unit = "";
18952
18991
  this.max = 100;
@@ -19008,6 +19047,8 @@ class DuetRangeSlider {
19008
19047
  "accessibleDescribedBy": [1, "accessible-described-by"],
19009
19048
  "min": [2],
19010
19049
  "label": [1],
19050
+ "labelColor": [1025, "label-color"],
19051
+ "labelWeight": [1025, "label-weight"],
19011
19052
  "labelHidden": [4, "label-hidden"],
19012
19053
  "unit": [1],
19013
19054
  "max": [2],
@@ -19529,6 +19570,8 @@ class DuetSelect {
19529
19570
  this.disabled = false;
19530
19571
  this.required = false;
19531
19572
  this.label = "label";
19573
+ this.labelColor = undefined;
19574
+ this.labelWeight = undefined;
19532
19575
  this.role = undefined;
19533
19576
  this.tooltip = "";
19534
19577
  this.tooltipDirection = "auto";
@@ -19615,6 +19658,8 @@ class DuetSelect {
19615
19658
  "disabled": [516],
19616
19659
  "required": [4],
19617
19660
  "label": [1],
19661
+ "labelColor": [1025, "label-color"],
19662
+ "labelWeight": [1025, "label-weight"],
19618
19663
  "role": [1],
19619
19664
  "tooltip": [1],
19620
19665
  "tooltipDirection": [1, "tooltip-direction"],
@@ -19796,8 +19841,11 @@ class DuetShowMore {
19796
19841
  }; }
19797
19842
  }
19798
19843
 
19799
- 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)}";
19844
+ 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)}";
19800
19845
 
19846
+ /**
19847
+ * @slot sticky-header - Content will be fixed to the top of the modal when scrolling.
19848
+ */
19801
19849
  class DuetSlideout {
19802
19850
  constructor(hostRef) {
19803
19851
  registerInstance(this, hostRef);
@@ -19813,6 +19861,7 @@ class DuetSlideout {
19813
19861
  sv: "Stäng den här menyn för att hitta objekt på toppnivå",
19814
19862
  };
19815
19863
  this.isSafariBrowser = /^((?!chrome|android).)*safari/i.test(navigator === null || navigator === void 0 ? void 0 : navigator.userAgent);
19864
+ this.hasStickyHeaderSlot = false;
19816
19865
  this.handleBodyScrolling = () => {
19817
19866
  if (this.displaying && this.open) {
19818
19867
  disableBodyScroll(this.dialog, { reserveScrollBarGap: true });
@@ -19821,6 +19870,23 @@ class DuetSlideout {
19821
19870
  enableBodyScroll(this.dialog);
19822
19871
  }
19823
19872
  };
19873
+ this.setOpenButton = (element) => {
19874
+ if (!element) {
19875
+ return;
19876
+ }
19877
+ try {
19878
+ const button = element;
19879
+ button.accessiblePopup = "true";
19880
+ button.accessibleExpanded = false;
19881
+ this.openButton = button;
19882
+ }
19883
+ catch (_e) { }
19884
+ };
19885
+ this.openButtonEventListener = (e) => {
19886
+ e.stopPropagation();
19887
+ e.preventDefault();
19888
+ this.onClick(e);
19889
+ };
19824
19890
  this.getOpenPanel = () => {
19825
19891
  return this.element.querySelector("duet-slideout-panel[open]");
19826
19892
  };
@@ -19850,8 +19916,7 @@ class DuetSlideout {
19850
19916
  }
19851
19917
  else {
19852
19918
  setTimeout(() => {
19853
- var _a;
19854
- (_a = this.openButton) === null || _a === void 0 ? void 0 : _a.setFocus();
19919
+ focusElement(this.openButton);
19855
19920
  this.handleBodyScrolling();
19856
19921
  this.teleport.resume();
19857
19922
  }, 200);
@@ -19869,71 +19934,26 @@ class DuetSlideout {
19869
19934
  this.displaying = false;
19870
19935
  this.openPanel = false;
19871
19936
  this.theme = "";
19937
+ this.accessibleRole = "menubar";
19872
19938
  this.open = false;
19873
19939
  this.opener = undefined;
19874
19940
  this.backgroundColor = "gray-lightest";
19875
19941
  }
19876
- /**
19877
- * Toggles the slideout.
19878
- */
19879
- async toggle() {
19880
- const event = new CustomEvent("toggle");
19881
- this.toggleMenu(event);
19882
- setTimeout(() => {
19883
- this.closeButton.focus();
19884
- }, 200);
19885
- }
19886
- /**
19887
- * Shows the slideout. Additionally saves the element (DuetButton or DuetMenuBarButton) that triggered
19888
- * the slideout so that focus can be moved back to this specific element when
19889
- * the slideout dialog is closed.
19890
- */
19891
- async show() {
19892
- if (this.open) {
19893
- return;
19894
- }
19895
- const button = document.activeElement;
19896
- if (button) {
19897
- button.accessiblePopup = "true";
19898
- this.openButton = button;
19899
- }
19900
- this.toggleMenu(new CustomEvent("toggle"));
19901
- }
19902
- /**
19903
- * Hides the slideout dialog and puts focus back to the original element
19904
- * that triggered the slideout (if we’re still in the same view).
19905
- */
19906
- async hide() {
19907
- if (!this.open) {
19908
- return;
19909
- }
19910
- this.toggleMenu(new CustomEvent("toggle"));
19911
- }
19912
19942
  /**
19913
19943
  * Component lifecycle events.
19914
19944
  */
19915
19945
  componentWillLoad() {
19916
19946
  inheritGlobalTheme(this);
19917
- const button = this.opener && document.getElementById(this.opener);
19918
- if (button) {
19919
- button.accessiblePopup = "true";
19920
- button.accessibleExpanded = false;
19921
- button.addEventListener("click", e => {
19922
- e.stopPropagation();
19923
- e.preventDefault();
19924
- this.openButton = button;
19925
- this.onClick(e);
19926
- });
19927
- }
19947
+ this.hasStickyHeaderSlot = hasSlot(this.element, "sticky-header");
19928
19948
  this.teleport = new Teleport(this.element);
19929
19949
  }
19930
- async componentDidLoad() {
19950
+ connectedCallback() {
19951
+ connectLanguageChangeObserver(this);
19931
19952
  {
19932
19953
  return;
19933
19954
  }
19934
19955
  }
19935
- connectedCallback() {
19936
- connectLanguageChangeObserver(this);
19956
+ componentDidRender() {
19937
19957
  {
19938
19958
  return;
19939
19959
  }
@@ -19947,6 +19967,9 @@ class DuetSlideout {
19947
19967
  if (this.mutationObserver) {
19948
19968
  this.mutationObserver.disconnect();
19949
19969
  }
19970
+ if (this.openButton) {
19971
+ this.openButton.removeEventListener("click", this.openButtonEventListener);
19972
+ }
19950
19973
  }
19951
19974
  /**
19952
19975
  * Component event handling.
@@ -19966,6 +19989,38 @@ class DuetSlideout {
19966
19989
  var _a;
19967
19990
  (_a = this.openButton) === null || _a === void 0 ? void 0 : _a.focus(options);
19968
19991
  }
19992
+ /**
19993
+ * Toggles the slideout.
19994
+ */
19995
+ async toggle() {
19996
+ const event = new CustomEvent("toggle");
19997
+ this.toggleMenu(event);
19998
+ setTimeout(() => {
19999
+ this.closeButton.focus();
20000
+ }, 200);
20001
+ }
20002
+ /**
20003
+ * Shows the slideout. Additionally saves the element (DuetButton or DuetMenuBarButton) that triggered
20004
+ * the slideout so that focus can be moved back to this specific element when
20005
+ * the slideout dialog is closed.
20006
+ */
20007
+ async show() {
20008
+ if (this.open) {
20009
+ return;
20010
+ }
20011
+ this.setOpenButton(document.activeElement);
20012
+ this.toggleMenu(new CustomEvent("toggle"));
20013
+ }
20014
+ /**
20015
+ * Hides the slideout dialog and puts focus back to the original element
20016
+ * that triggered the slideout (if we’re still in the same view).
20017
+ */
20018
+ async hide() {
20019
+ if (!this.open) {
20020
+ return;
20021
+ }
20022
+ this.toggleMenu(new CustomEvent("toggle"));
20023
+ }
19969
20024
  /**
19970
20025
  * render() function
19971
20026
  * Always the last one in the class.
@@ -19979,13 +20034,13 @@ class DuetSlideout {
19979
20034
  return (hAsync(Host, null, hAsync("div", { class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { class: {
19980
20035
  "desktop-bg": true,
19981
20036
  hidden: !this.open,
19982
- }, 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": "menubar", class: {
20037
+ }, 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: {
19983
20038
  dialog: true,
19984
20039
  hidden: !this.open,
19985
- }, 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: {
20040
+ }, 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: {
19986
20041
  "slideout-close": true,
19987
20042
  active: this.open,
19988
- }, onClick: this.onClick, inert: this.openPanel }, hAsync("duet-icon", { name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { id: "menubar", role: "menubar", "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
20043
+ }, 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: {
19989
20044
  items: true,
19990
20045
  } }, hAsync("slot", null)), hAsync(FocusGuard, { moveFocusTo: this.closeButton })))));
19991
20046
  }
@@ -19996,16 +20051,17 @@ class DuetSlideout {
19996
20051
  "$tagName$": "duet-slideout",
19997
20052
  "$members$": {
19998
20053
  "theme": [1025],
20054
+ "accessibleRole": [1, "accessible-role"],
19999
20055
  "open": [1540],
20000
20056
  "opener": [1],
20001
20057
  "backgroundColor": [1537, "background-color"],
20002
20058
  "language": [32],
20003
20059
  "displaying": [32],
20004
20060
  "openPanel": [32],
20061
+ "setFocus": [64],
20005
20062
  "toggle": [64],
20006
20063
  "show": [64],
20007
- "hide": [64],
20008
- "setFocus": [64]
20064
+ "hide": [64]
20009
20065
  },
20010
20066
  "$listeners$": [[8, "keyup", "handleKeyUp"]],
20011
20067
  "$lazyBundleId$": "-",
@@ -21555,6 +21611,8 @@ class DuetTextarea {
21555
21611
  this.identifier = undefined;
21556
21612
  this.required = false;
21557
21613
  this.label = "label";
21614
+ this.labelColor = undefined;
21615
+ this.labelWeight = undefined;
21558
21616
  this.labelHidden = false;
21559
21617
  this.name = undefined;
21560
21618
  this.placeholder = undefined;
@@ -21632,6 +21690,8 @@ class DuetTextarea {
21632
21690
  "identifier": [1],
21633
21691
  "required": [4],
21634
21692
  "label": [1],
21693
+ "labelColor": [1025, "label-color"],
21694
+ "labelWeight": [1025, "label-weight"],
21635
21695
  "labelHidden": [4, "label-hidden"],
21636
21696
  "name": [1],
21637
21697
  "placeholder": [1],
@@ -21683,6 +21743,8 @@ class DuetToggle {
21683
21743
  this.accessibleLabelledBy = undefined;
21684
21744
  this.accessibleDescription = undefined;
21685
21745
  this.label = "label";
21746
+ this.labelColor = undefined;
21747
+ this.labelWeight = undefined;
21686
21748
  this.labelPosition = "top";
21687
21749
  this.required = false;
21688
21750
  this.disabled = false;
@@ -21749,6 +21811,8 @@ class DuetToggle {
21749
21811
  "accessibleLabelledBy": [1, "accessible-labelled-by"],
21750
21812
  "accessibleDescription": [1, "accessible-description"],
21751
21813
  "label": [1],
21814
+ "labelColor": [1025, "label-color"],
21815
+ "labelWeight": [1025, "label-weight"],
21752
21816
  "labelPosition": [1, "label-position"],
21753
21817
  "required": [4],
21754
21818
  "disabled": [516],
@@ -22021,6 +22085,11 @@ class DuetTooltip {
22021
22085
  window.matchMedia(media_query_large.replace(/'/g, "")),
22022
22086
  ];
22023
22087
  this.tooltipId = createID("DuetTooltip");
22088
+ this.aboutString = {
22089
+ fi: "aiheesta",
22090
+ en: "about",
22091
+ sv: "om",
22092
+ };
22024
22093
  /**
22025
22094
  * Local methods
22026
22095
  */
@@ -22079,6 +22148,7 @@ class DuetTooltip {
22079
22148
  sv: "Visa mer tilläggsuppgifter",
22080
22149
  };
22081
22150
  this.accessibleLabel = getLocaleString(this.accessibleLabelDefault, this.language);
22151
+ this.accessibleAboutLabel = undefined;
22082
22152
  this.accessibleInputLabel = undefined;
22083
22153
  this.accessibleCloseLabelDefault = {
22084
22154
  fi: "Sulje lisätiedot",
@@ -22193,6 +22263,7 @@ class DuetTooltip {
22193
22263
  "language": [1025],
22194
22264
  "accessibleLabelDefault": [1, "accessible-label-default"],
22195
22265
  "accessibleLabel": [1025, "accessible-label"],
22266
+ "accessibleAboutLabel": [1, "accessible-about-label"],
22196
22267
  "accessibleInputLabel": [1, "accessible-input-label"],
22197
22268
  "accessibleCloseLabelDefault": [1, "accessible-close-label-default"],
22198
22269
  "accessibleCloseLabel": [1025, "accessible-close-label"],