@duetds/components 5.1.3 → 5.1.4

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 (283) hide show
  1. package/hydrate/index.js +93 -9
  2. package/lib/cjs/action-arrow-right-small-a25eb475.js +8 -0
  3. package/lib/cjs/duet-action-button.cjs.entry.js +3 -3
  4. package/lib/cjs/duet-alert.cjs.entry.js +1 -1
  5. package/lib/cjs/duet-badge.cjs.entry.js +1 -1
  6. package/lib/cjs/duet-breadcrumb.cjs.entry.js +1 -1
  7. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +3 -4
  8. package/lib/cjs/duet-button_2.cjs.entry.js +5 -4
  9. package/lib/cjs/duet-caption_4.cjs.entry.js +3 -3
  10. package/lib/cjs/duet-card.cjs.entry.js +3 -3
  11. package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
  12. package/lib/cjs/duet-choice_2.cjs.entry.js +2 -2
  13. package/lib/cjs/duet-collapsible.cjs.entry.js +2 -2
  14. package/lib/cjs/duet-combobox.cjs.entry.js +1 -1
  15. package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
  16. package/lib/cjs/duet-date-picker.cjs.entry.js +2 -2
  17. package/lib/cjs/duet-divider_2.cjs.entry.js +1 -1
  18. package/lib/cjs/duet-editable-table_3.cjs.entry.js +2 -2
  19. package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
  20. package/lib/cjs/duet-fieldset.cjs.entry.js +1 -1
  21. package/lib/cjs/duet-footer.cjs.entry.js +23 -4
  22. package/lib/cjs/duet-grid_2.cjs.entry.js +2 -2
  23. package/lib/cjs/duet-header_2.cjs.entry.js +3 -3
  24. package/lib/cjs/duet-hero.cjs.entry.js +1 -1
  25. package/lib/cjs/duet-icon.cjs.entry.js +3 -3
  26. package/lib/cjs/duet-input_2.cjs.entry.js +56 -4
  27. package/lib/cjs/duet-layout.cjs.entry.js +1 -1
  28. package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
  29. package/lib/cjs/duet-modal.cjs.entry.js +2 -2
  30. package/lib/cjs/duet-notification_2.cjs.entry.js +1 -1
  31. package/lib/cjs/duet-number-input.cjs.entry.js +1 -1
  32. package/lib/cjs/duet-pagination_2.cjs.entry.js +1 -1
  33. package/lib/cjs/duet-progress.cjs.entry.js +1 -1
  34. package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
  35. package/lib/cjs/duet-range-slider.cjs.entry.js +2 -2
  36. package/lib/cjs/duet-scrollable_3.cjs.entry.js +1 -1
  37. package/lib/cjs/duet-select.cjs.entry.js +1 -1
  38. package/lib/cjs/duet-step_2.cjs.entry.js +2 -2
  39. package/lib/cjs/duet-textarea.cjs.entry.js +1 -1
  40. package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
  41. package/lib/cjs/duet-tooltip.cjs.entry.js +1 -1
  42. package/lib/cjs/duet-tray.cjs.entry.js +2 -2
  43. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
  44. package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
  45. package/lib/cjs/duet.cjs.js +2 -2
  46. package/lib/cjs/{focus-utils-85b1fb81.js → focus-utils-9ac6d246.js} +1 -1
  47. package/lib/cjs/{index-a29ba279.js → index-c417c983.js} +1 -1
  48. package/lib/cjs/loader.cjs.js +2 -2
  49. package/lib/cjs/{token-utils-f402e205.js → token-utils-d1f8069b.js} +1 -1
  50. package/lib/cjs/{tokens-8596cece.js → tokens-29450bcb.js} +3 -0
  51. package/lib/cjs/{tokens.module-6b2df1c2.js → tokens.module-ef598645.js} +2 -0
  52. package/lib/collection/components/duet-button/duet-button.css +48 -16
  53. package/lib/collection/components/duet-button/duet-button.js +2 -1
  54. package/lib/collection/components/duet-footer/duet-footer.css +154 -0
  55. package/lib/collection/components/duet-footer/duet-footer.js +135 -5
  56. package/lib/collection/components/duet-input/duet-input.css +49 -0
  57. package/lib/collection/components/duet-input/duet-input.js +132 -3
  58. package/lib/collection/components/duet-step/duet-step.js +1 -1
  59. package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
  60. package/lib/custom-elements-bundle/index.js +84 -12
  61. package/lib/duet/duet.esm.js +1 -1
  62. package/lib/duet/duet.js +1 -1
  63. package/lib/duet/{p-18e17e10.entry.js → p-0356ed8e.entry.js} +1 -1
  64. package/lib/duet/{p-6910ace8.system.entry.js → p-078fcf7c.system.entry.js} +1 -1
  65. package/lib/duet/{p-8d4c33ed.system.entry.js → p-0e2e056f.system.entry.js} +1 -1
  66. package/lib/duet/p-1862208a.system.entry.js +4 -0
  67. package/lib/duet/p-18cc5627.system.js +4 -0
  68. package/lib/duet/{p-a056cc14.system.entry.js → p-18d04f2e.system.entry.js} +1 -1
  69. package/lib/duet/{p-e530ae17.entry.js → p-1e5f2840.entry.js} +1 -1
  70. package/lib/duet/p-2000ef23.entry.js +4 -0
  71. package/lib/duet/{p-28e6da82.system.entry.js → p-20c86cc5.system.entry.js} +1 -1
  72. package/lib/duet/{p-3e1145b2.entry.js → p-212f7cf5.entry.js} +1 -1
  73. package/lib/duet/{p-b7420414.entry.js → p-24c8d0df.entry.js} +1 -1
  74. package/lib/duet/{p-21d7cb5d.system.entry.js → p-24f41cb3.system.entry.js} +1 -1
  75. package/lib/duet/{p-0304408d.system.entry.js → p-29b73b1b.system.entry.js} +1 -1
  76. package/lib/duet/{p-1c67e70d.system.entry.js → p-2aeb9bd2.system.entry.js} +1 -1
  77. package/lib/duet/{p-632e25d1.system.entry.js → p-2e959285.system.entry.js} +1 -1
  78. package/lib/duet/{p-cd07c340.entry.js → p-2fd66459.entry.js} +1 -1
  79. package/lib/duet/{p-7dec1cfd.entry.js → p-30371492.entry.js} +1 -1
  80. package/lib/duet/{p-7ce6ba93.system.entry.js → p-32774c23.system.entry.js} +1 -1
  81. package/lib/duet/{p-c435f7e8.entry.js → p-3474c348.entry.js} +1 -1
  82. package/lib/duet/p-37217e63.entry.js +4 -0
  83. package/lib/duet/{p-4268681b.entry.js → p-37a36786.entry.js} +1 -1
  84. package/lib/duet/{p-b9d3eeb1.system.entry.js → p-3956c0b8.system.entry.js} +1 -1
  85. package/lib/duet/{p-ad07f399.js → p-398a79a0.js} +1 -1
  86. package/lib/duet/{p-28e309f1.entry.js → p-3f4ea241.entry.js} +1 -1
  87. package/lib/duet/{p-7888e2d8.entry.js → p-41e4f10e.entry.js} +1 -1
  88. package/lib/duet/{p-62cc6d2a.entry.js → p-445d538d.entry.js} +1 -1
  89. package/lib/duet/{p-f42c4e0f.system.entry.js → p-460e6137.system.entry.js} +1 -1
  90. package/lib/duet/{p-53849160.entry.js → p-47053a5e.entry.js} +1 -1
  91. package/lib/duet/{p-e4d54f1e.system.entry.js → p-472da63a.system.entry.js} +1 -1
  92. package/lib/duet/{p-a6b6a918.system.entry.js → p-4a1a4d2d.system.entry.js} +1 -1
  93. package/lib/duet/{p-5e591b97.entry.js → p-4ae75bd5.entry.js} +1 -1
  94. package/lib/duet/{p-d460ac7d.entry.js → p-4bbd7a9c.entry.js} +1 -1
  95. package/lib/duet/{p-995ecd9d.system.entry.js → p-4c74be13.system.entry.js} +1 -1
  96. package/lib/duet/{p-456f44e9.system.entry.js → p-4cab1ba4.system.entry.js} +1 -1
  97. package/lib/duet/{p-f8dd1339.entry.js → p-4d95a973.entry.js} +1 -1
  98. package/lib/duet/{p-ff5ddd90.system.entry.js → p-4dace9be.system.entry.js} +1 -1
  99. package/lib/duet/{p-8ee6f874.system.entry.js → p-4df9144d.system.entry.js} +1 -1
  100. package/lib/duet/p-50363944.js +4 -0
  101. package/lib/duet/{p-57f58be7.entry.js → p-553366aa.entry.js} +1 -1
  102. package/lib/duet/p-5ff75ab0.entry.js +4 -0
  103. package/lib/duet/{p-94dc3e07.system.entry.js → p-6144a827.system.entry.js} +1 -1
  104. package/lib/duet/{p-48307b31.entry.js → p-6440fa65.entry.js} +1 -1
  105. package/lib/duet/p-64611b86.entry.js +4 -0
  106. package/lib/duet/{p-83be3810.entry.js → p-71d151e6.entry.js} +1 -1
  107. package/lib/duet/{p-c5c212fd.entry.js → p-7212c87c.entry.js} +1 -1
  108. package/lib/duet/{p-0e6dd740.entry.js → p-78ccd8fa.entry.js} +1 -1
  109. package/lib/duet/{p-b683fec1.system.entry.js → p-78d2dfc8.system.entry.js} +1 -1
  110. package/lib/duet/p-7af28ef6.entry.js +4 -0
  111. package/lib/duet/p-7cbb6eba.js +4 -0
  112. package/lib/duet/{p-ad4570bf.system.entry.js → p-81ccf6d6.system.entry.js} +1 -1
  113. package/lib/duet/{p-7e17fd75.system.entry.js → p-85e8d34e.system.entry.js} +1 -1
  114. package/lib/duet/{p-7df54c59.entry.js → p-87900286.entry.js} +1 -1
  115. package/lib/duet/p-89042509.system.entry.js +4 -0
  116. package/lib/duet/{p-28feed35.system.entry.js → p-8a684ac7.system.entry.js} +1 -1
  117. package/lib/duet/{p-c06452b7.system.entry.js → p-8fa8bdab.system.entry.js} +1 -1
  118. package/lib/duet/{p-955b90c3.system.entry.js → p-9903055f.system.entry.js} +1 -1
  119. package/lib/duet/{p-bc8c3ace.system.js → p-99187a3a.system.js} +1 -1
  120. package/lib/duet/{p-aaed5ea2.entry.js → p-9bf95a5d.entry.js} +1 -1
  121. package/lib/duet/{p-f0f60ea3.entry.js → p-9c9947a8.entry.js} +1 -1
  122. package/lib/duet/{p-2c31428e.system.entry.js → p-9ce054f9.system.entry.js} +1 -1
  123. package/lib/duet/{p-dea3d7f9.system.entry.js → p-9d681426.system.entry.js} +1 -1
  124. package/lib/duet/{p-4e2532c7.system.js → p-9eaccbf3.system.js} +1 -1
  125. package/lib/duet/{p-5a434b4e.system.entry.js → p-9f3c3af5.system.entry.js} +1 -1
  126. package/lib/duet/p-a93a04b9.system.js +4 -0
  127. package/lib/duet/{p-a3857cd4.system.entry.js → p-a980e270.system.entry.js} +1 -1
  128. package/lib/duet/{p-3bf4c99a.entry.js → p-ab84084f.entry.js} +1 -1
  129. package/lib/duet/{p-2b250ac6.system.entry.js → p-b1039960.system.entry.js} +1 -1
  130. package/lib/duet/{p-3f65158e.entry.js → p-b1375931.entry.js} +1 -1
  131. package/lib/duet/p-b2dfc5bd.system.entry.js +4 -0
  132. package/lib/duet/{p-5969399b.system.entry.js → p-b49f89cf.system.entry.js} +1 -1
  133. package/lib/duet/{p-8e0bad03.entry.js → p-b6e0ea1d.entry.js} +1 -1
  134. package/lib/duet/{p-ac1e6f4b.system.js → p-b78ab2f5.system.js} +1 -1
  135. package/lib/duet/{p-acdd49f6.entry.js → p-b7e592bf.entry.js} +1 -1
  136. package/lib/duet/p-b8e8a024.entry.js +4 -0
  137. package/lib/duet/p-bd8c5946.entry.js +4 -0
  138. package/lib/duet/{p-28b24806.system.entry.js → p-be6e164e.system.entry.js} +1 -1
  139. package/lib/duet/{p-b6cbe383.entry.js → p-bf95adc2.entry.js} +1 -1
  140. package/lib/duet/p-d1746325.js +4 -0
  141. package/lib/duet/{p-ffbe9ffc.entry.js → p-d4d7c619.entry.js} +1 -1
  142. package/lib/duet/{p-ca79fa1a.js → p-e0e35d41.js} +1 -1
  143. package/lib/duet/p-e15afaf5.system.entry.js +4 -0
  144. package/lib/duet/p-e2074848.system.js +4 -0
  145. package/lib/duet/{p-adb092e7.entry.js → p-e6aa9737.entry.js} +1 -1
  146. package/lib/duet/{p-f4664942.system.entry.js → p-e6eb55cf.system.entry.js} +2 -2
  147. package/lib/duet/{p-b9120f45.system.entry.js → p-e7f60c95.system.entry.js} +1 -1
  148. package/lib/duet/{p-20814483.entry.js → p-e8340671.entry.js} +1 -1
  149. package/lib/duet/{p-cb445018.js → p-e918a990.js} +1 -1
  150. package/lib/duet/{p-cfe414d2.system.entry.js → p-ec06dc8c.system.entry.js} +1 -1
  151. package/lib/duet/{p-f2ad1371.entry.js → p-ec1797d8.entry.js} +1 -1
  152. package/lib/duet/{p-3e4a5b9c.entry.js → p-ecf2860f.entry.js} +1 -1
  153. package/lib/duet/{p-c2ad83a9.entry.js → p-efeac1a1.entry.js} +1 -1
  154. package/lib/duet/{p-bd122a6e.system.entry.js → p-f2f17151.system.entry.js} +1 -1
  155. package/lib/duet/p-f476cb84.system.js +4 -0
  156. package/lib/duet/{p-712c9016.system.entry.js → p-f4943cc5.system.entry.js} +1 -1
  157. package/lib/duet/{p-9318e1c2.system.entry.js → p-f597ccbb.system.entry.js} +1 -1
  158. package/lib/duet/{p-497750f2.entry.js → p-f650fa99.entry.js} +1 -1
  159. package/lib/duet/{p-ebd9782a.system.entry.js → p-f8b1afeb.system.entry.js} +1 -1
  160. package/lib/esm/action-arrow-right-small-f9d2ba83.js +6 -0
  161. package/lib/esm/duet-action-button.entry.js +3 -3
  162. package/lib/esm/duet-alert.entry.js +1 -1
  163. package/lib/esm/duet-badge.entry.js +1 -1
  164. package/lib/esm/duet-breadcrumb.entry.js +1 -1
  165. package/lib/esm/duet-breadcrumbs.entry.js +2 -3
  166. package/lib/esm/duet-button_2.entry.js +5 -4
  167. package/lib/esm/duet-caption_4.entry.js +3 -3
  168. package/lib/esm/duet-card.entry.js +3 -3
  169. package/lib/esm/duet-checkbox.entry.js +1 -1
  170. package/lib/esm/duet-choice_2.entry.js +2 -2
  171. package/lib/esm/duet-collapsible.entry.js +2 -2
  172. package/lib/esm/duet-combobox.entry.js +1 -1
  173. package/lib/esm/duet-cookie-consent.entry.js +1 -1
  174. package/lib/esm/duet-date-picker.entry.js +2 -2
  175. package/lib/esm/duet-divider_2.entry.js +1 -1
  176. package/lib/esm/duet-editable-table_3.entry.js +2 -2
  177. package/lib/esm/duet-empty-state.entry.js +1 -1
  178. package/lib/esm/duet-fieldset.entry.js +1 -1
  179. package/lib/esm/duet-footer.entry.js +23 -4
  180. package/lib/esm/duet-grid_2.entry.js +2 -2
  181. package/lib/esm/duet-header_2.entry.js +3 -3
  182. package/lib/esm/duet-hero.entry.js +1 -1
  183. package/lib/esm/duet-icon.entry.js +3 -3
  184. package/lib/esm/duet-input_2.entry.js +56 -4
  185. package/lib/esm/duet-layout.entry.js +1 -1
  186. package/lib/esm/duet-list_2.entry.js +1 -1
  187. package/lib/esm/duet-modal.entry.js +2 -2
  188. package/lib/esm/duet-notification_2.entry.js +1 -1
  189. package/lib/esm/duet-number-input.entry.js +1 -1
  190. package/lib/esm/duet-pagination_2.entry.js +1 -1
  191. package/lib/esm/duet-progress.entry.js +1 -1
  192. package/lib/esm/duet-radio_2.entry.js +1 -1
  193. package/lib/esm/duet-range-slider.entry.js +2 -2
  194. package/lib/esm/duet-scrollable_3.entry.js +1 -1
  195. package/lib/esm/duet-select.entry.js +1 -1
  196. package/lib/esm/duet-step_2.entry.js +2 -2
  197. package/lib/esm/duet-textarea.entry.js +1 -1
  198. package/lib/esm/duet-toggle.entry.js +1 -1
  199. package/lib/esm/duet-tooltip.entry.js +1 -1
  200. package/lib/esm/duet-tray.entry.js +2 -2
  201. package/lib/esm/duet-upload-aria-status.entry.js +1 -1
  202. package/lib/esm/duet-visually-hidden.entry.js +1 -1
  203. package/lib/esm/duet.js +2 -2
  204. package/lib/esm/{focus-utils-429ccac4.js → focus-utils-bcb5b759.js} +1 -1
  205. package/lib/esm/{index-089c3eed.js → index-7dc1fa94.js} +1 -1
  206. package/lib/esm/loader.js +2 -2
  207. package/lib/esm/{token-utils-e9a69acf.js → token-utils-f3b5f7a8.js} +1 -1
  208. package/lib/esm/{tokens-e110dc89.js → tokens-8ff8c570.js} +3 -0
  209. package/lib/esm/{tokens.module-49cbf963.js → tokens.module-f4572ed7.js} +2 -0
  210. package/lib/esm-es5/action-arrow-right-small-f9d2ba83.js +4 -0
  211. package/lib/esm-es5/duet-action-button.entry.js +1 -1
  212. package/lib/esm-es5/duet-alert.entry.js +1 -1
  213. package/lib/esm-es5/duet-badge.entry.js +1 -1
  214. package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
  215. package/lib/esm-es5/duet-breadcrumbs.entry.js +2 -2
  216. package/lib/esm-es5/duet-button_2.entry.js +2 -2
  217. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  218. package/lib/esm-es5/duet-card.entry.js +1 -1
  219. package/lib/esm-es5/duet-checkbox.entry.js +1 -1
  220. package/lib/esm-es5/duet-choice_2.entry.js +1 -1
  221. package/lib/esm-es5/duet-collapsible.entry.js +1 -1
  222. package/lib/esm-es5/duet-combobox.entry.js +1 -1
  223. package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
  224. package/lib/esm-es5/duet-date-picker.entry.js +1 -1
  225. package/lib/esm-es5/duet-divider_2.entry.js +1 -1
  226. package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
  227. package/lib/esm-es5/duet-empty-state.entry.js +1 -1
  228. package/lib/esm-es5/duet-fieldset.entry.js +1 -1
  229. package/lib/esm-es5/duet-footer.entry.js +2 -2
  230. package/lib/esm-es5/duet-grid_2.entry.js +1 -1
  231. package/lib/esm-es5/duet-header_2.entry.js +1 -1
  232. package/lib/esm-es5/duet-hero.entry.js +1 -1
  233. package/lib/esm-es5/duet-icon.entry.js +1 -1
  234. package/lib/esm-es5/duet-input_2.entry.js +2 -2
  235. package/lib/esm-es5/duet-layout.entry.js +1 -1
  236. package/lib/esm-es5/duet-list_2.entry.js +1 -1
  237. package/lib/esm-es5/duet-modal.entry.js +1 -1
  238. package/lib/esm-es5/duet-notification_2.entry.js +1 -1
  239. package/lib/esm-es5/duet-number-input.entry.js +1 -1
  240. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  241. package/lib/esm-es5/duet-progress.entry.js +1 -1
  242. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  243. package/lib/esm-es5/duet-range-slider.entry.js +1 -1
  244. package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
  245. package/lib/esm-es5/duet-select.entry.js +1 -1
  246. package/lib/esm-es5/duet-step_2.entry.js +2 -2
  247. package/lib/esm-es5/duet-textarea.entry.js +1 -1
  248. package/lib/esm-es5/duet-toggle.entry.js +1 -1
  249. package/lib/esm-es5/duet-tooltip.entry.js +1 -1
  250. package/lib/esm-es5/duet-tray.entry.js +1 -1
  251. package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
  252. package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
  253. package/lib/esm-es5/duet.js +1 -1
  254. package/lib/esm-es5/focus-utils-bcb5b759.js +4 -0
  255. package/lib/esm-es5/{index-089c3eed.js → index-7dc1fa94.js} +1 -1
  256. package/lib/esm-es5/loader.js +1 -1
  257. package/lib/esm-es5/{token-utils-e9a69acf.js → token-utils-f3b5f7a8.js} +1 -1
  258. package/lib/esm-es5/tokens-8ff8c570.js +4 -0
  259. package/lib/esm-es5/{tokens.module-49cbf963.js → tokens.module-f4572ed7.js} +1 -1
  260. package/lib/html.html-data.json +42 -1
  261. package/lib/types/components/duet-button/duet-button.d.ts +1 -1
  262. package/lib/types/components/duet-footer/duet-footer.d.ts +30 -1
  263. package/lib/types/components/duet-input/duet-input.d.ts +23 -0
  264. package/lib/types/components.d.ts +57 -1
  265. package/package.json +5 -5
  266. package/lib/duet/p-021f4ce6.entry.js +0 -4
  267. package/lib/duet/p-165aeec8.system.entry.js +0 -4
  268. package/lib/duet/p-27189fa0.entry.js +0 -4
  269. package/lib/duet/p-4cb2c888.entry.js +0 -4
  270. package/lib/duet/p-52b6d127.entry.js +0 -4
  271. package/lib/duet/p-694ebf05.entry.js +0 -4
  272. package/lib/duet/p-80e16593.entry.js +0 -4
  273. package/lib/duet/p-8143f3de.js +0 -4
  274. package/lib/duet/p-86777eb7.system.js +0 -4
  275. package/lib/duet/p-93f9ccbc.system.entry.js +0 -4
  276. package/lib/duet/p-94def463.entry.js +0 -4
  277. package/lib/duet/p-b2d00c4b.system.entry.js +0 -4
  278. package/lib/duet/p-b48323e2.system.entry.js +0 -4
  279. package/lib/duet/p-bd322f8f.js +0 -4
  280. package/lib/duet/p-ddb6344c.system.js +0 -4
  281. package/lib/duet/p-fa99eaa4.system.js +0 -4
  282. package/lib/esm-es5/focus-utils-429ccac4.js +0 -4
  283. package/lib/esm-es5/tokens-e110dc89.js +0 -4
package/lib/custom-elements-bundle/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
  * Built with Duet Design System
3
3
  */
4
4
  const NAMESPACE = 'duet';
5
- const Env = /* duet */ {"cdnURILocal":"http://0.0.0.0:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"2.3.2"};
5
+ const Env = /* duet */ {"cdnURILocal":"http://0.0.0.0:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"2.3.3"};
6
6
 
7
7
  let scopeId;
8
8
  let contentRef;
@@ -2011,6 +2011,7 @@ const opacity85 = "0.85";
2011
2011
  const opacity75 = "0.75";
2012
2012
  const opacity50 = "0.50";
2013
2013
  const opacity30 = "0.30";
2014
+ const zIndexMaskButtons = "250";
2014
2015
  const zIndexDropdown = "600";
2015
2016
  const zIndexSpinner = "800";
2016
2017
  const zIndexDefault = "1";
@@ -2161,6 +2162,7 @@ const tokens$2 = /*#__PURE__*/Object.freeze({
2161
2162
  opacity75: opacity75,
2162
2163
  opacity50: opacity50,
2163
2164
  opacity30: opacity30,
2165
+ zIndexMaskButtons: zIndexMaskButtons,
2164
2166
  zIndexDropdown: zIndexDropdown,
2165
2167
  zIndexSpinner: zIndexSpinner,
2166
2168
  zIndexDefault: zIndexDefault,
@@ -2649,7 +2651,7 @@ const DuetStringsExternalDefaults = {
2649
2651
  en: "Opens in a new window",
2650
2652
  };
2651
2653
 
2652
- const duetButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right: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{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.duet-small){margin-right:2px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small){width:auto}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;width:100%}.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;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:#0077b3 !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:2px;border-radius:20rem;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){padding:9px 19px 10px !important;min-width:5.3333333333rem;font-size:0.875rem}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon{padding-left:48px !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon-right{padding-right:48px !important;padding-left:20px !important}.duet-theme-turva .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:#c60c30 !important}.duet-button .duet-button-contents{position:relative;display:inline-block;margin:0 auto;pointer-events:none}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button.icon{padding-left:52px !important}.duet-button.icon-right{padding-right:52px !important;padding-left:28px !important}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{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{width:16px;height:16px}.duet-button .duet-button-icon.right{right:-28px;left:auto}.duet-button .duet-button-icon.large{left:-32px;width:20px;height:20px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.large.right{right:-32px;left:auto}.duet-button .duet-button-icon.medium-small{left:-16px;width:10px;height:10px;padding-top:1px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.medium-small.right{right:-16px;left:auto}.duet-button .duet-button-icon.small{left:-16px;width:7px;height:7px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button .duet-button-icon.small.right{right:-16px;left:auto}.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{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button:active{opacity:0.75;transition:none}.duet-button.default{border-color:#e1e3e6}.duet-theme-turva .duet-button.default{color:#c60c30 !important;border-color:#e4e4e6}.duet-button.default:hover{border-color:#0077b3}.duet-theme-turva .duet-button.default:hover{border-color:#c60c30}.duet-button.default.duet-button-negative{background-color:white}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:#e4e4e6 !important}.duet-button.default.duet-button-negative:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.primary{color:white !important;background:#0077b3;border-color:#0077b3}.duet-theme-turva .duet-button.primary{color:white !important;background:#c60c30;border-color:#c60c30}.duet-button.primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover{background:#940925;border-color:#940925}.duet-button.primary:focus{outline:0;box-shadow:0 0 0 1px white, 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus{box-shadow:0 0 0 1px white, 0 0 0 4px rgba(23, 28, 58, 0.7)}.duet-button.secondary{color:#00294d !important;background:transparent;border-color:#00294d}.duet-theme-turva .duet-button.secondary{color:#171c3a !important;border-color:#171c3a}.duet-button.secondary:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.secondary:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.secondary.duet-button-negative{color:#e1e3e6 !important;border-color:white}.duet-theme-turva .duet-button.secondary.duet-button-negative{color:#e4e4e6 !important}.duet-button.secondary.duet-button-negative:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.negative{color:#00294d !important;background:white;border-color:white}.duet-theme-turva .duet-button.negative{color:#171c3a !important}.duet-button.negative:hover{color:white !important;background:transparent;border-color:white}.duet-button.negative: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{box-shadow:0 0 0 1px #171c3a, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:white !important;background:#de2362;border-color:#de2362}.duet-theme-turva .duet-button.destructive-primary{color:white !important;background:#e02a0d;border-color:#e02a0d}.duet-button.destructive-primary:hover{background:#b21c4e;border-color:#b21c4e;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#b3220a}.duet-button.destructive,.duet-button.destructive-secondary{color:#de2362 !important;background:white;border-color:#de2362}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:#e02a0d !important;background:white;border-color:#e02a0d}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:white !important;background:#b21c4e;border-color:#b21c4e}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:white !important;background:#b3220a;border-color:#b3220a}.duet-button.plain{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{color:#c60c30 !important;background:transparent;border-color:transparent}.duet-button.plain.icon{padding-left:20px !important}.duet-button.plain.icon.icon-right{padding-right:20px !important;padding-left:0 !important}.duet-button.plain.icon.medium{padding-left:24px !important}.duet-button.plain.icon.medium.icon-right{padding-right:24px !important;padding-left:0 !important}.duet-button.plain.icon.large{padding-left:30px !important}.duet-button.plain.icon.large.icon-right{padding-right:30px !important;padding-left:0 !important}.duet-button.plain .duet-button-icon.left{left:-16.6666666667px !important}.duet-button.plain .duet-button-icon.left.medium{left:-24px !important}.duet-button.plain .duet-button-icon.left.large{left:-30px !important}.duet-button.plain .duet-button-icon.right{right:-16.6666666667px !important}.duet-button.plain .duet-button-icon.right.medium{right:-24px !important}.duet-button.plain .duet-button-icon.right.large{right:-30px !important}.duet-button.plain[disabled]{color:#657787 !important;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;background:transparent !important;border-color:#e4e4e6 !important}.duet-button.plain:hover{color:#004d80 !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:#940925 !important}.duet-button.plain.duet-button-negative{color:white !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:#e4e4e6 !important}.duet-button.plain.duet-button-negative:hover{color:#0077b3 !important}.duet-theme-turva .duet-button.plain.duet-button-negative:hover{color:#c60c30 !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:#657787 !important;background:#e1e3e6 !important;border-color:#e1e3e6 !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{color:#747475 !important;background:#e4e4e6 !important;border-color:#e4e4e6 !important}.duet-button-is-loading.primary{color:white}.duet-button-is-loading.default{color:#0077b3}.duet-button-is-loading.default.duet-theme-turva{color:#c60c30}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}";
2654
+ const duetButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right: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{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.input-button){z-index:250}:host(.duet-small){margin-right:2px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small){width:auto}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;width:100%}.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:#0077b3 !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:2px;border-radius:20rem;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:not(.input-button-primary,.input-button-secondary){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){padding:9px 19px 10px !important;min-width:5.3333333333rem;font-size:0.875rem}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon{padding-left:48px !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon-right{padding-right:48px !important;padding-left:20px !important}.duet-theme-turva .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:#c60c30 !important}.duet-button .duet-button-contents{position:relative;display:inline-block;margin:0 auto;pointer-events:none}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button.icon{padding-left:52px !important}.duet-button.icon-right{padding-right:52px !important;padding-left:28px !important}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{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{width:16px;height:16px}.duet-button .duet-button-icon.right{right:-28px;left:auto}.duet-button .duet-button-icon.large{left:-32px;width:20px;height:20px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.large.right{right:-32px;left:auto}.duet-button .duet-button-icon.medium-small{left:-16px;width:10px;height:10px;padding-top:1px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.medium-small.right{right:-16px;left:auto}.duet-button .duet-button-icon.small{left:-16px;width:7px;height:7px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button .duet-button-icon.small.right{right:-16px;left:auto}.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{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button:active{opacity:0.75;transition:none}.duet-button.default{border-color:#e1e3e6}.duet-theme-turva .duet-button.default{color:#c60c30 !important;border-color:#e4e4e6}.duet-button.default:hover{border-color:#0077b3}.duet-theme-turva .duet-button.default:hover{border-color:#c60c30}.duet-button.default.duet-button-negative{background-color:white}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:#e4e4e6 !important}.duet-button.default.duet-button-negative:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.primary,.duet-button.input-button-primary{color:white !important;background:#0077b3;border-color:#0077b3}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary{color:white !important;background:#c60c30;border-color:#c60c30}.duet-button.primary:hover,.duet-button.input-button-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover{background:#940925;border-color:#940925}.duet-button.primary:focus,.duet-button.input-button-primary:focus{outline:0;box-shadow:0 0 0 1px white, 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{box-shadow:0 0 0 1px white, 0 0 0 4px rgba(23, 28, 58, 0.7)}.duet-button.secondary,.duet-button.input-button-secondary{color:#00294d !important;background:transparent;border-color:#00294d}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary{color:#171c3a !important;border-color:#171c3a}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative{color:#e1e3e6 !important;border-color:white}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative{color:#e4e4e6 !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.negative{color:#00294d !important;background:white;border-color:white}.duet-theme-turva .duet-button.negative{color:#171c3a !important}.duet-button.negative:hover{color:white !important;background:transparent;border-color:white}.duet-button.negative: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{box-shadow:0 0 0 1px #171c3a, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:white !important;background:#de2362;border-color:#de2362}.duet-theme-turva .duet-button.destructive-primary{color:white !important;background:#e02a0d;border-color:#e02a0d}.duet-button.destructive-primary:hover{background:#b21c4e;border-color:#b21c4e;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#b3220a}.duet-button.destructive,.duet-button.destructive-secondary{color:#de2362 !important;background:white;border-color:#de2362}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:#e02a0d !important;background:white;border-color:#e02a0d}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:white !important;background:#b21c4e;border-color:#b21c4e}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:white !important;background:#b3220a;border-color:#b3220a}.duet-button.plain{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{color:#c60c30 !important;background:transparent;border-color:transparent}.duet-button.plain.icon{padding-left:20px !important}.duet-button.plain.icon.icon-right{padding-right:20px !important;padding-left:0 !important}.duet-button.plain.icon.medium{padding-left:24px !important}.duet-button.plain.icon.medium.icon-right{padding-right:24px !important;padding-left:0 !important}.duet-button.plain.icon.large{padding-left:30px !important}.duet-button.plain.icon.large.icon-right{padding-right:30px !important;padding-left:0 !important}.duet-button.plain .duet-button-icon.left{left:-16.6666666667px !important}.duet-button.plain .duet-button-icon.left.medium{left:-24px !important}.duet-button.plain .duet-button-icon.left.large{left:-30px !important}.duet-button.plain .duet-button-icon.right{right:-16.6666666667px !important}.duet-button.plain .duet-button-icon.right.medium{right:-24px !important}.duet-button.plain .duet-button-icon.right.large{right:-30px !important}.duet-button.plain[disabled]{color:#657787 !important;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;background:transparent !important;border-color:#e4e4e6 !important}.duet-button.plain:hover{color:#004d80 !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:#940925 !important}.duet-button.plain.duet-button-negative{color:white !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:#e4e4e6 !important}.duet-button.plain.duet-button-negative:hover{color:#0077b3 !important}.duet-theme-turva .duet-button.plain.duet-button-negative:hover{color:#c60c30 !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{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{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{position:static}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:#657787 !important;background:#e1e3e6 !important;border-color:#e1e3e6 !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{color:#747475 !important;background:#e4e4e6 !important;border-color:#e4e4e6 !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:white}.duet-button-is-loading.default{color:#0077b3}.duet-button-is-loading.default.duet-theme-turva{color:#c60c30}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}";
2653
2655
 
2654
2656
  const DuetButton$1 = class extends H {
2655
2657
  constructor() {
@@ -2876,6 +2878,7 @@ const DuetButton$1 = class extends H {
2876
2878
  "duet-small": this.size === "small",
2877
2879
  "duet-fixed": this.fixed,
2878
2880
  "duet-expand": this.expand,
2881
+ "input-button": this.variation === "input-button-primary" || this.variation === "input-button-secondary",
2879
2882
  } }, h$1("div", { class: {
2880
2883
  "duet-button-container": true,
2881
2884
  "duet-button-is-loading": this.loading,
@@ -3944,6 +3947,7 @@ const opacity_85 = "0.85";
3944
3947
  const opacity_75 = "0.75";
3945
3948
  const opacity_50 = "0.50";
3946
3949
  const opacity_30 = "0.30";
3950
+ const z_index_mask_buttons = "250";
3947
3951
  const z_index_dropdown = "600";
3948
3952
  const z_index_spinner = "800";
3949
3953
  const z_index_default = "1";
@@ -4092,6 +4096,7 @@ const tokens = {
4092
4096
  opacity_75: opacity_75,
4093
4097
  opacity_50: opacity_50,
4094
4098
  opacity_30: opacity_30,
4099
+ z_index_mask_buttons: z_index_mask_buttons,
4095
4100
  z_index_dropdown: z_index_dropdown,
4096
4101
  z_index_spinner: z_index_spinner,
4097
4102
  z_index_default: z_index_default,
@@ -4243,6 +4248,7 @@ const tokens$1 = /*#__PURE__*/Object.freeze({
4243
4248
  opacity_75: opacity_75,
4244
4249
  opacity_50: opacity_50,
4245
4250
  opacity_30: opacity_30,
4251
+ z_index_mask_buttons: z_index_mask_buttons,
4246
4252
  z_index_dropdown: z_index_dropdown,
4247
4253
  z_index_spinner: z_index_spinner,
4248
4254
  z_index_default: z_index_default,
@@ -5965,13 +5971,18 @@ var actionNewWindow={"title":"action-new-window","tags":"arrow open new window t
5965
5971
 
5966
5972
  var actionNewWindowSmall={"title":"action-new-window-small","tags":"arrow open new window tab external linksquare box rectangle action small","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M10.5 2a1.5 1.5 0 0 1 .14 3H3.75c-.38 0-.7.28-.74.65l-.01.1v14.5c0 .38.28.7.65.74l.1.01h14.5c.38 0 .7-.28.74-.65l.01-.1v-6.89a1.5 1.5 0 0 1 3 0v6.89A3.75 3.75 0 0 1 18.25 24H3.75A3.75 3.75 0 0 1 0 20.25V5.75A3.75 3.75 0 0 1 3.75 2zm12-2c.78 0 1.42.6 1.5 1.36V7.5a1.5 1.5 0 0 1-3 .14V5.12l-5.44 5.44a1.5 1.5 0 0 1-2.22-2l.1-.12L18.88 3H16.5A1.5 1.5 0 0 1 15 1.64V1.5c0-.78.6-1.42 1.36-1.5h.14z\"/></svg>"};
5967
5973
 
5968
- const duetFooterCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex-shrink:0;width:100%}.duet-footer{display:block;width:100%;padding-top:20px;padding-bottom:16px;margin-top:48px;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:white;text-align:left;background:#00294d}.duet-footer.duet-p-0{padding:0 !important}.duet-footer.duet-m-0{margin:0 !important}@media (min-width: 36em){.duet-footer{padding-top:36px}}@media (min-width: 62em){.duet-footer{padding-top:48px;padding-bottom:36px}}.duet-footer.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background:#c60c30}.duet-footer a{color:white;text-decoration:none}@media (min-width: 62em){.duet-footer a{border-radius:4px}}.duet-footer a:focus{outline:0}:host(.user-is-tabbing) .duet-footer a:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva a:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-footer-wrapper{position:relative;margin:0 auto}@media (min-width: 62em){.duet-footer-wrapper{padding:0 72px 0 48px}}@media (min-width: 76.25em){.duet-footer-wrapper{max-width:1110px;padding:0 20px 0 0}}.duet-footer-top{width:100%}@media (min-width: 62em){.duet-footer-top{display:flex;flex-direction:row;align-items:center;justify-content:space-between}}duet-logo{margin-left:16px !important}@media (min-width: 36em){duet-logo{margin-left:28px !important}}@media (min-width: 62em){duet-logo{margin-left:0 !important}}.duet-footer-link{padding:16px !important;display:flex;flex-direction:row;align-items:center;width:100%;font-weight:600;border-bottom:1px solid rgba(255, 255, 255, 0.2);transition:background-color 300ms ease}@media (min-width: 36em){.duet-footer-link{padding-right:20px !important;padding-left:28px !important}}@media (min-width: 62em){.duet-footer-link{width:auto;min-width:0;padding-right:0 !important;padding-left:0 !important;border:0}}.duet-footer-link:first-of-type{margin-top:20px;border-top:1px solid rgba(255, 255, 255, 0.2)}@media (min-width: 62em){.duet-footer-link:first-of-type{margin:0;border:0}}.duet-footer-link span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duet-footer-link:hover{background:rgba(0, 0, 0, 0.1)}@media (min-width: 62em){.duet-footer-link:hover{background:transparent}}.duet-footer-icon{display:flex;align-items:center;justify-content:center;padding:12px;margin-right:16px;background:#0077b3;border-radius:50%;transition:300ms ease}.duet-theme-turva .duet-footer-icon{background:transparent;box-shadow:0 0 0 1px white}a:hover .duet-footer-icon{background:#006ba1}.duet-theme-turva a:hover .duet-footer-icon{background:transparent}.duet-footer-arrow{display:flex;align-items:center;justify-content:center;width:20px;min-width:20px;max-width:20px;height:20px;max-height:20px;margin-left:auto;color:white;transition:transform 300ms ease}@media (min-width: 62em){.duet-footer-arrow{width:10px;min-width:10px;margin-top:3px;margin-left:8px}}@media (min-width: 62em){.duet-footer-arrow{margin-right:0}}a:hover .duet-footer-arrow{transform:translateX(4px)}.duet-footer-arrow duet-icon{width:20px;height:20px}@media (min-width: 62em){.duet-footer-arrow duet-icon{width:10px;height:10px}}.duet-footer-menu{padding:20px !important;font-size:0.875rem}@media (min-width: 36em){.duet-footer-menu{padding:28px !important}}@media (min-width: 62em){.duet-footer-menu{padding-left:8px !important}}.duet-footer-menu a{display:inline-block;text-decoration:none;word-break:break-all}.duet-footer-menu a:hover,.duet-footer-menu a:focus{text-decoration:underline}.duet-footer-menu a:hover .duet-footer-divider,.duet-footer-menu a:focus .duet-footer-divider{text-decoration:none}.duet-footer-menu .duet-footer-divider{display:inline-block;margin:0 8px}.duet-footer-menu a:last-of-type .duet-footer-divider{display:none}.duet-footer-copyright{color:white}.duet-footer-simple{padding:0;margin:0;margin-top:16px;color:#00294d;background:transparent !important;border-top:1px solid #e1e3e6}.duet-footer-simple .duet-footer-wrapper{max-width:100%;padding:0 20px;margin:0}@media (min-width: 62em){.duet-footer-simple .duet-footer-wrapper{padding:0 36px}}@media (min-width: 106.25em){.duet-footer-simple .duet-footer-wrapper{padding:0 48px}}.duet-footer-simple .duet-footer-copyright,.duet-footer-simple .duet-footer-menu a{color:#00294d}.duet-footer-simple .duet-footer-menu{padding:20px 0 !important}.duet-footer-simple.duet-theme-turva{color:#171c3a;border-color:#e4e4e6}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:#171c3a}.duet-footer-external{display:inline-block;margin-left:4px;color:#0077b3}.duet-theme-turva .duet-footer-external{color:white}.duet-footer-simple.duet-theme-turva .duet-footer-external{color:#c60c30}";
5974
+ const duetFooterCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex-shrink:0;width:100%}.duet-footer{display:block;width:100%;padding-top:20px;padding-bottom:16px;margin-top:48px;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:white;text-align:left;background:#00294d}.duet-footer.duet-p-0{padding:0 !important}.duet-footer.duet-m-0{margin:0 !important}@media (min-width: 36em){.duet-footer{padding-top:36px}}@media (min-width: 62em){.duet-footer{padding-top:48px;padding-bottom:36px}}.duet-footer.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background:#c60c30}.duet-footer a{color:white;text-decoration:none}@media (min-width: 62em){.duet-footer a{border-radius:4px}}.duet-footer a:focus{outline:0}:host(.user-is-tabbing) .duet-footer a:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva a:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-footer-wrapper{position:relative;margin:0 auto}@media (min-width: 62em){.duet-footer-wrapper{padding:0 72px 0 48px}}@media (min-width: 76.25em){.duet-footer-wrapper{max-width:1110px;padding:0 20px 0 0}}.duet-footer-top{width:100%}@media (min-width: 62em){.duet-footer-top{display:flex;flex-direction:row;align-items:center;justify-content:space-between}}duet-logo{margin-left:16px !important}@media (min-width: 36em){duet-logo{margin-left:28px !important}}@media (min-width: 62em){duet-logo{margin-left:0 !important}}.duet-footer-link{padding:16px !important;display:flex;flex-direction:row;align-items:center;width:100%;font-weight:600;border-bottom:1px solid rgba(255, 255, 255, 0.2);transition:background-color 300ms ease}@media (min-width: 36em){.duet-footer-link{padding-right:20px !important;padding-left:28px !important}}@media (min-width: 62em){.duet-footer-link{width:auto;min-width:0;padding-right:0 !important;padding-left:0 !important;border:0}}.duet-footer-link:first-of-type{margin-top:20px;border-top:1px solid rgba(255, 255, 255, 0.2)}@media (min-width: 62em){.duet-footer-link:first-of-type{margin:0;border:0}}.duet-footer-link span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duet-footer-link:hover{background:rgba(0, 0, 0, 0.1)}@media (min-width: 62em){.duet-footer-link:hover{background:transparent}}.duet-footer-icon{display:flex;align-items:center;justify-content:center;padding:12px;margin-right:16px;background:#0077b3;border-radius:50%;transition:300ms ease}.duet-theme-turva .duet-footer-icon{background:transparent;box-shadow:0 0 0 1px white}a:hover .duet-footer-icon{background:#006ba1}.duet-theme-turva a:hover .duet-footer-icon{background:transparent}.duet-footer-arrow{display:flex;align-items:center;justify-content:center;width:20px;min-width:20px;max-width:20px;height:20px;max-height:20px;margin-left:auto;color:white;transition:transform 300ms ease}@media (min-width: 62em){.duet-footer-arrow{width:10px;min-width:10px;margin-top:3px;margin-left:8px}}@media (min-width: 62em){.duet-footer-arrow{margin-right:0}}a:hover .duet-footer-arrow{transform:translateX(4px)}.duet-footer-arrow duet-icon{width:20px;height:20px}@media (min-width: 62em){.duet-footer-arrow duet-icon{width:10px;height:10px}}.duet-footer-menu{padding:20px !important;font-size:0.875rem}@media (min-width: 36em){.duet-footer-menu{padding:28px !important}}@media (min-width: 62em){.duet-footer-menu{padding-left:8px !important}}.duet-footer-menu a{display:inline-block;text-decoration:none;word-break:break-all}.duet-footer-menu a:hover,.duet-footer-menu a:focus{text-decoration:underline}.duet-footer-menu a:hover .duet-footer-divider,.duet-footer-menu a:focus .duet-footer-divider{text-decoration:none}.duet-footer-menu .duet-footer-divider{display:inline-block;margin:0 8px}.duet-footer-menu a:last-of-type .duet-footer-divider{display:none}.duet-footer-copyright{color:white}.duet-footer-simple{padding:0;margin:0;margin-top:16px;color:#00294d;background:transparent !important;border-top:1px solid #e1e3e6}.duet-footer-simple .duet-footer-wrapper{max-width:100%;padding:0 20px;margin:0}@media (min-width: 62em){.duet-footer-simple .duet-footer-wrapper{padding:0 36px}}@media (min-width: 106.25em){.duet-footer-simple .duet-footer-wrapper{padding:0 48px}}.duet-footer-simple .duet-footer-copyright,.duet-footer-simple .duet-footer-menu a{color:#00294d}.duet-footer-simple .duet-footer-menu{padding:20px 0 !important}.duet-footer-simple.duet-theme-turva{color:#171c3a;border-color:#e4e4e6}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:#171c3a}.duet-footer-multilevel duet-logo{margin-left:0.5rem !important}@media (min-width: 62em){.duet-footer-multilevel duet-logo{margin-left:-0.5rem !important}}.duet-footer-multilevel .duet-footer-link{padding:0.5rem 1.25rem !important;border:0}.duet-footer-multilevel .duet-footer-link:first-of-type{margin:0}.duet-footer-multilevel .duet-footer-link .duet-footer-arrow{margin-left:0.5rem}.duet-footer-multilevel .duet-footer-link .duet-footer-arrow duet-icon{width:0.75rem;height:0.75rem}@media (min-width: 62em){.duet-footer-multilevel .duet-footer-link{padding:0.75rem 0 !important}}.duet-footer-multilevel .duet-footer-top{flex-direction:column;gap:1rem 0;align-items:flex-start}@media (min-width: 62em){.duet-footer-multilevel .multilevel{display:flex;justify-content:space-between;width:100%}}.duet-footer-multilevel .multilevel-main-item{margin-top:1.25rem}@media (min-width: 62em){.duet-footer-multilevel .multilevel-main-item{margin-top:0}}.duet-footer-multilevel .multilevel-main-item .duet-footer-link{padding:0 0.5 1.25rem !important;font-weight:700}@media (min-width: 62em){.duet-footer-multilevel .multilevel-main-item .duet-footer-link{padding:0 0 0.5rem !important}}@media (min-width: 62em){.duet-footer-multilevel .multilevel-primary-items{column-gap:0;width:100%;columns:3}.duet-footer-multilevel .multilevel-primary-items .duet-footer-link{display:inline-flex}}.duet-footer-multilevel .multilevel-secondary-items .duet-footer-link{padding:0.875rem 1.25rem !important;font-weight:700}.duet-footer-multilevel .multilevel-secondary-items .duet-footer-link:first-child{padding:1.25rem 1.25rem 0.875rem !important}@media (min-width: 62em){.duet-footer-multilevel .multilevel-secondary-items{display:grid;grid-template-columns:repeat(3, 1fr);width:100%}.duet-footer-multilevel .multilevel-secondary-items .duet-footer-link,.duet-footer-multilevel .multilevel-secondary-items .duet-footer-link:first-child{display:inline-flex;padding:1rem 0 !important}}.duet-footer-multilevel .multilevel-right .duet-footer-link:first-child{padding-top:0.875rem !important;font-weight:700}@media (min-width: 62em){.duet-footer-multilevel .multilevel-right .duet-footer-link{padding:0.375rem 0 !important;font-size:0.875rem;font-weight:400}.duet-footer-multilevel .multilevel-right .duet-footer-link:first-child{padding-top:0 !important;font-size:1rem;font-weight:600}.duet-footer-multilevel .multilevel-right .tertiary-main-item .duet-footer-arrow{display:none}}.duet-footer-multilevel .duet-footer-menu{padding:1.25rem !important;line-height:2.5}@media (min-width: 62em){.duet-footer-multilevel .duet-footer-menu{padding-right:0 !important;padding-left:0 !important;text-align:right}}.duet-footer-multilevel .duet-footer-copyright{display:none;font-size:0.875rem}@media (min-width: 62em){.duet-footer-multilevel .duet-footer-copyright{position:absolute;left:48px;display:inline}}@media (min-width: 76.25em){.duet-footer-multilevel .duet-footer-copyright{left:0}}.duet-footer-multilevel .duet-footer-copyright.duet-footer-copyright-mobile{display:block;padding-top:0.5rem;padding-bottom:1.25rem;text-align:center}@media (min-width: 62em){.duet-footer-multilevel .duet-footer-copyright.duet-footer-copyright-mobile{display:none}}.duet-footer-multilevel.duet-theme-turva .duet-footer-copyright-mobile{padding-left:1.25rem;text-align:left}.duet-footer-multilevel.duet-theme-turva .duet-footer-icon{color:#171c3a;background:white}.duet-footer-multilevel.duet-theme-turva a:hover .duet-footer-icon{background:#e6e6e6}.duet-footer-external{display:inline-block;margin-left:4px;color:#0077b3}.duet-theme-turva .duet-footer-external{color:white}.duet-footer-simple.duet-theme-turva .duet-footer-external{color:#c60c30}";
5969
5975
 
5970
5976
  const i18n$1 = {
5971
5977
  fi: { lahi: "© LähiTapiola", turva: "© Turva" },
5972
5978
  sv: { lahi: "© LokalTapiola", turva: "© Turva" },
5973
5979
  en: { lahi: "© LocalTapiola", turva: "© Turva" },
5974
5980
  };
5981
+ const i18nMultilevel = {
5982
+ fi: { lahi: "© LähiTapiola", turva: "© Keskinäinen Vakuutusyhtiö Turva" },
5983
+ sv: { lahi: "© LokalTapiola", turva: "© Keskinäinen Vakuutusyhtiö Turva" },
5984
+ en: { lahi: "© LocalTapiola", turva: "© Keskinäinen Vakuutusyhtiö Turva" },
5985
+ };
5975
5986
  const createEvent$1 = (ev, data) => ({
5976
5987
  component: "duet-footer",
5977
5988
  data,
@@ -5991,7 +6002,11 @@ const DuetFooter$1 = class extends H {
5991
6002
  * State() variables
5992
6003
  * Inlined decorator, alphabetical order.
5993
6004
  */
6005
+ this.processedMainItem = null;
5994
6006
  this.processedItems = null;
6007
+ this.processedSecondaryItems = null;
6008
+ this.processedTertiaryMainItem = null;
6009
+ this.processedTertiaryItems = null;
5995
6010
  this.processedMenu = null;
5996
6011
  /**
5997
6012
  * Theme of the navigation.
@@ -6066,7 +6081,11 @@ const DuetFooter$1 = class extends H {
6066
6081
  * Local methods
6067
6082
  */
6068
6083
  async refresh() {
6084
+ this.processedMainItem = parsePossibleJSON(this.mainItem);
6069
6085
  this.processedItems = parsePossibleJSON(this.items);
6086
+ this.processedSecondaryItems = parsePossibleJSON(this.secondaryItems);
6087
+ this.processedTertiaryMainItem = parsePossibleJSON(this.tertiaryMainItem);
6088
+ this.processedTertiaryItems = parsePossibleJSON(this.tertiaryItems);
6070
6089
  this.processedMenu = parsePossibleJSON(this.menu);
6071
6090
  }
6072
6091
  /**
@@ -6074,16 +6093,20 @@ const DuetFooter$1 = class extends H {
6074
6093
  * Always the last one in the class.
6075
6094
  */
6076
6095
  render() {
6077
- const text = getLocaleString(i18n$1);
6096
+ const text = this.variation === "multilevel" ? getLocaleString(i18nMultilevel) : getLocaleString(i18n$1);
6078
6097
  const copyrightLabel = this.theme === "turva" ? text.turva : text.lahi;
6079
6098
  return (h$1("footer", { class: {
6080
6099
  "duet-footer": true,
6081
6100
  "duet-m-0": this.margin === "none",
6082
6101
  "duet-theme-turva": this.theme === "turva",
6083
6102
  "duet-footer-simple": this.variation === "simple",
6103
+ "duet-footer-multilevel": this.variation === "multilevel",
6084
6104
  } }, h$1("div", { class: "duet-footer-wrapper" }, h$1("div", { class: "duet-footer-top", part: "top" }, this.variation !== "simple" && (h$1("duet-logo", { href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), this.processedItems &&
6085
6105
  this.variation !== "simple" &&
6086
- this.processedItems.map(item => (h$1("a", { class: "duet-footer-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, item) }, h$1("div", { class: "duet-footer-icon" }, h$1("duet-icon", { size: "medium", margin: "none", name: item.icon, color: "currentColor" })), h$1("span", null, item.label), item.external && h$1("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h$1("div", { class: "duet-footer-arrow" }, item.external ? (h$1("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" })) : (h$1("duet-icon", { icon: actionArrowRight.svg, size: "auto", margin: "none", color: "currentColor" }))))))), h$1("p", { class: "duet-footer-menu", part: "menu" }, h$1("span", { class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), this.processedMenu && (h$1(Fragment$1, null, h$1("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/"), this.processedMenu.map(item => (h$1("a", { href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item) }, item.label, item.external && (h$1(Fragment$1, null, h$1("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h$1("div", { class: "duet-footer-external" }, h$1("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h$1("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/"))))))))));
6106
+ this.variation !== "multilevel" &&
6107
+ this.processedItems.map(item => (h$1("a", { class: "duet-footer-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, item) }, h$1("div", { class: "duet-footer-icon" }, h$1("duet-icon", { size: "medium", margin: "none", name: item.icon, color: "currentColor" })), h$1("span", null, item.label), item.external && h$1("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h$1("div", { class: "duet-footer-arrow" }, item.external ? (h$1("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" })) : (h$1("duet-icon", { icon: actionArrowRight.svg, size: "auto", margin: "none", color: "currentColor" })))))), this.processedItems && this.variation === "multilevel" && (h$1("div", { class: "multilevel" }, h$1("div", { class: "multilevel-left" }, h$1("div", { class: "multilevel-main-item" }, this.processedMainItem && (h$1("a", { class: "duet-footer-link", href: this.processedMainItem.href, id: this.processedMainItem.id, target: this.processedMainItem.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, this.processedMainItem) }, h$1("span", null, this.processedMainItem.label), this.processedMainItem.external && (h$1("duet-visually-hidden", null, ", ", this.accessibleLabelExternal)), h$1("div", { class: "duet-footer-arrow" }, this.processedMainItem.external && (h$1("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" })))))), h$1("div", { class: "multilevel-primary-items" }, this.processedItems.map(item => (h$1("a", { class: "duet-footer-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, item) }, h$1("div", { class: "duet-footer-icon" }, h$1("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor" })), h$1("span", null, item.label), item.external && h$1("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h$1("div", { class: "duet-footer-arrow" }, item.external && (h$1("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" }))))))), h$1("div", { class: "multilevel-secondary-items" }, this.processedSecondaryItems &&
6108
+ this.processedSecondaryItems.map(item => (h$1("a", { class: "duet-footer-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, item) }, h$1("span", null, item.label), item.external && (h$1("duet-visually-hidden", null, ", ", this.accessibleLabelExternal)), h$1("div", { class: "duet-footer-arrow" }, item.external ? (h$1("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" })) : (h$1("duet-icon", { icon: actionArrowRightSmall.svg, size: "auto", margin: "none", color: "currentColor" })))))))), h$1("div", { class: "multilevel-right" }, this.processedTertiaryMainItem && (h$1("span", { class: "duet-footer-link tertiary-main-item", id: this.processedTertiaryMainItem.id }, h$1("span", null, this.processedTertiaryMainItem.label), this.processedTertiaryMainItem.external && (h$1("duet-visually-hidden", null, ", ", this.accessibleLabelExternal)), h$1("div", { class: "duet-footer-arrow" }, h$1("duet-icon", { icon: actionArrowDownSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), this.processedTertiaryItems &&
6109
+ this.processedTertiaryItems.map(item => (h$1("a", { class: "duet-footer-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, item) }, h$1("span", null, item.label), item.external && h$1("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h$1("div", { class: "duet-footer-arrow" }, item.external && (h$1("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))))), h$1("slot", { name: "extra" }), h$1("p", { class: "duet-footer-menu", part: "menu" }, h$1("span", { class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), this.processedMenu && (h$1(Fragment$1, null, this.variation !== "multilevel" && (h$1("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")), this.processedMenu.map(item => (h$1("a", { href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item) }, item.label, item.external && (h$1(Fragment$1, null, h$1("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h$1("div", { class: "duet-footer-external" }, h$1("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h$1("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/"))))))), this.variation === "multilevel" && (h$1("p", { class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`)))));
6087
6110
  }
6088
6111
  get element() { return this; }
6089
6112
  static get watchers() { return {
@@ -7651,7 +7674,7 @@ function cleanValue(input, regex) {
7651
7674
  return newValue;
7652
7675
  }
7653
7676
 
7654
- const duetInputCss = "*.sc-duet-input,*.sc-duet-input::after,*.sc-duet-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-input-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%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-input-h:last-child,.sc-duet-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-input-h{width:100% !important}.duet-m-0.sc-duet-input-h{margin:0 !important}duet-tooltip.sc-duet-input{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input{position:relative;top:4px;right:auto}}duet-caption.sc-duet-input:not(:last-of-type){margin-bottom:0}.duet-input-placeholder.sc-duet-input{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:white}.duet-input-icon.sc-duet-input{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:#00294d;pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input{color:#171c3a}.duet-input-container.sc-duet-input{position:relative;width:100%;height:100%}.duet-input.sc-duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !important;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 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:#00294d !important;cursor:initial !important;background:white !important;background-clip:initial !important;border:1px solid #909599 !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.is-number.sc-duet-input{padding-right:112px !important}.duet-input.is-date.sc-duet-input{padding-right:64px !important}.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:#de2362 !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:#de2362 !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:#e02a0d !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:#e02a0d !important}.has-icon.sc-duet-input .duet-input.sc-duet-input{padding-right:48px !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a !important;border-color:#747475 !important}.duet-input.sc-duet-input::-ms-clear{display:none}.duet-input.sc-duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input.sc-duet-input::-webkit-input-placeholder{color:#657787;opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:#747475}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:#cfd2d4}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:#cfcfd1}.duet-input.sc-duet-input::-moz-placeholder{color:#657787;opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:#747475}.duet-input.sc-duet-input:focus::-moz-placeholder{color:#cfd2d4}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:#cfcfd1}.duet-input.sc-duet-input:-ms-input-placeholder{color:#657787}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:#747475}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:#cfd2d4}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:#cfcfd1}.duet-input[disabled].sc-duet-input{color:#00294d !important;cursor:text !important;background:#f5f8fa !important;border-color:#f5f8fa !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:#00294d !important}.duet-theme-turva.sc-duet-input .duet-input[disabled].sc-duet-input{color:#171c3a !important;background:#f5f5f7 !important;border-color:#f5f5f7 !important;-webkit-text-fill-color:#171c3a !important}.duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e02a0d}.duet-input.sc-duet-input:focus{border-color:#0077b3 !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus{border-color:#171c3a !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:#171c3a}.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #e02a0d}.duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:#0077b3}.duet-input[type=search].sc-duet-input:not(:placeholder-shown):focus+.duet-input-icon.sc-duet-input{display:none}.duet-input.sc-duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=number].sc-duet-input::-webkit-outer-spin-button,.duet-input[type=time].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=time].sc-duet-input::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input.sc-duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help.sc-duet-input{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:#657787;border-radius:4px}.duet-input-help.sc-duet-input span.sc-duet-input{display:block;margin-top:8px}.duet-theme-turva.sc-duet-input .duet-input-help.sc-duet-input{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#747475}.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:#de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:#e02a0d}.duet-label-hidden.sc-duet-input duet-label.sc-duet-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative.sc-duet-input{position:relative;width:100%}";
7677
+ const duetInputCss = "*.sc-duet-input,*.sc-duet-input::after,*.sc-duet-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-input-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%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-input-h:last-child,.sc-duet-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-input-h{width:100% !important}.duet-m-0.sc-duet-input-h{margin:0 !important}duet-tooltip.sc-duet-input{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input{position:relative;top:4px;right:auto}}duet-caption.sc-duet-input:not(:last-of-type){margin-bottom:0}.duet-input-placeholder.sc-duet-input{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:white}.duet-input-icon.sc-duet-input{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:#00294d;pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input{color:#171c3a}.duet-input-container.sc-duet-input{position:relative;width:100%;height:100%}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input{position:relative;z-index:250}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{position:absolute;top:-24px;right:0;min-width:48px;min-height:48px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-input .duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:active{opacity:0.75;transition:none}.duet-input-container.has-clear.has-icon.sc-duet-input .duet-input-clear-icon.sc-duet-input{top:-24px;right:24px}.duet-input.sc-duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !important;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 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:#00294d !important;cursor:initial !important;background:white !important;background-clip:initial !important;border:1px solid #909599 !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.is-number.sc-duet-input{padding-right:112px !important}.duet-input.is-date.sc-duet-input{padding-right:64px !important}.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:#de2362 !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:#de2362 !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:#e02a0d !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:#e02a0d !important}.has-icon.sc-duet-input .duet-input.sc-duet-input{padding-right:48px !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a !important;border-color:#747475 !important}.duet-input.sc-duet-input::-ms-clear{display:none}.duet-input.sc-duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input.sc-duet-input::-webkit-input-placeholder{color:#657787;opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:#747475}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:#cfd2d4}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:#cfcfd1}.duet-input.sc-duet-input::-moz-placeholder{color:#657787;opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:#747475}.duet-input.sc-duet-input:focus::-moz-placeholder{color:#cfd2d4}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:#cfcfd1}.duet-input.sc-duet-input:-ms-input-placeholder{color:#657787}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:#747475}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:#cfd2d4}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:#cfcfd1}.duet-input[disabled].sc-duet-input{color:#00294d !important;cursor:text !important;background:#f5f8fa !important;border-color:#f5f8fa !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:#00294d !important}.duet-theme-turva.sc-duet-input .duet-input[disabled].sc-duet-input{color:#171c3a !important;background:#f5f5f7 !important;border-color:#f5f5f7 !important;-webkit-text-fill-color:#171c3a !important}.duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e02a0d}.duet-input.sc-duet-input:focus{border-color:#0077b3 !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus{border-color:#171c3a !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:#171c3a}.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #e02a0d}.duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:#0077b3}.duet-input[type=search].sc-duet-input:not(:placeholder-shown):focus+.duet-input-icon.sc-duet-input{display:none}.duet-input.sc-duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=number].sc-duet-input::-webkit-outer-spin-button,.duet-input[type=time].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=time].sc-duet-input::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input.sc-duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help.sc-duet-input{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:#657787;border-radius:4px}.duet-input-help.sc-duet-input span.sc-duet-input{display:block;margin-top:8px}.duet-theme-turva.sc-duet-input .duet-input-help.sc-duet-input{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#747475}.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:#de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:#e02a0d}.duet-label-hidden.sc-duet-input duet-label.sc-duet-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}";
7655
7678
 
7656
7679
  const icons = {
7657
7680
  search: formSearch,
@@ -7664,16 +7687,23 @@ const DuetInput$1 = class extends H {
7664
7687
  this.duetInput = createEvent$2(this, "duetInput", 7);
7665
7688
  this.duetChange = createEvent$2(this, "duetChange", 3);
7666
7689
  this.duetBlur = createEvent$2(this, "duetBlur", 7);
7690
+ this.duetClear = createEvent$2(this, "duetClear", 7);
7667
7691
  this.duetFocus = createEvent$2(this, "duetFocus", 7);
7668
7692
  /**
7669
7693
  * Own Properties
7670
7694
  */
7671
7695
  this.inputId = createID("DuetInput");
7696
+ this.clearId = createID("DuetInputClear");
7672
7697
  this.labelId = createID("DuetLabel");
7673
7698
  this.topCaptionId = createID("DuetCaptionTop");
7674
7699
  this.topCaptionPlaceholderId = createID("DuetCaptionPlaceholderTop");
7675
7700
  this.errorId = createID("DuetError");
7676
7701
  this.disallowPatternRegex = null;
7702
+ this.clearLabel = getLocaleString({
7703
+ en: "Clear",
7704
+ fi: "Tyhjennä",
7705
+ sv: "Rensa",
7706
+ });
7677
7707
  /**
7678
7708
  * Indicates the id of a component that describes the input.
7679
7709
  */
@@ -7687,6 +7717,10 @@ const DuetInput$1 = class extends H {
7687
7717
  * event after each keystroke.
7688
7718
  */
7689
7719
  this.debounce = 0;
7720
+ /**
7721
+ * If set, the input field will display a clear button that can be accessed with tabbing.
7722
+ */
7723
+ this.clear = false;
7690
7724
  /**
7691
7725
  * If form input field has a placeholder text, and user types anything (causing the placeholder text to disappear),
7692
7726
  * settings this to true will "echo" it into the caption slot - this option will be false by default for the next few versions, but will eventually be true by default (scheduled for 4.30.0)
@@ -7720,6 +7754,10 @@ const DuetInput$1 = class extends H {
7720
7754
  * Type of the input.
7721
7755
  */
7722
7756
  this.type = "text";
7757
+ /**
7758
+ * Variation of button.
7759
+ */
7760
+ this.variation = "default";
7723
7761
  /**
7724
7762
  * Label for the input.
7725
7763
  */
@@ -7787,6 +7825,13 @@ const DuetInput$1 = class extends H {
7787
7825
  component: "duet-input",
7788
7826
  });
7789
7827
  };
7828
+ this.onClear = (ev) => {
7829
+ this.duetFocus.emit({
7830
+ originalEvent: ev,
7831
+ value: this.value,
7832
+ component: "duet-input",
7833
+ });
7834
+ };
7790
7835
  /** Private functions
7791
7836
  *
7792
7837
  */
@@ -7806,6 +7851,17 @@ const DuetInput$1 = class extends H {
7806
7851
  }
7807
7852
  return describedBy;
7808
7853
  };
7854
+ this.handleClearClick = event => {
7855
+ const clearing = this.clearInput();
7856
+ this.onClear(event);
7857
+ return clearing;
7858
+ };
7859
+ this.keyHandler = event => {
7860
+ if (isEscapeKey(event) && this.clear) {
7861
+ this.handleClearClick(event);
7862
+ }
7863
+ return event;
7864
+ };
7809
7865
  }
7810
7866
  disallowedPatternChange() {
7811
7867
  this.disallowPatternRegex = this.disallowPattern ? new RegExp(this.disallowPattern, "g") : null;
@@ -7860,6 +7916,16 @@ const DuetInput$1 = class extends H {
7860
7916
  restoreCursor();
7861
7917
  }
7862
7918
  }
7919
+ /**
7920
+ * Reset the cursor position on the native element
7921
+ * `input.resetCursor()`.
7922
+ */
7923
+ async clearInput() {
7924
+ if (this.nativeInput) {
7925
+ this.nativeInput.value = "";
7926
+ this.value = "";
7927
+ }
7928
+ }
7863
7929
  /**
7864
7930
  * render() function
7865
7931
  * Always the last one in the class.
@@ -7877,19 +7943,25 @@ const DuetInput$1 = class extends H {
7877
7943
  else if (!this.pattern && this.type === "tel") {
7878
7944
  inputProps.pattern = "[0-9+ ]+";
7879
7945
  }
7880
- return (h$1(Host, { class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, h$1("div", { class: {
7946
+ return (h$1(Host, { class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, h$1("div", { class: {
7881
7947
  "duet-input-container": true,
7882
7948
  "duet-theme-turva": this.theme === "turva",
7949
+ [`duet-input-variation-${this.variation}`]: true,
7883
7950
  "duet-label-hidden": this.labelHidden,
7884
7951
  "duet-input-top-caption-shown": this.isCaptionVisible,
7885
7952
  "has-icon": !!this.icon || (this.type !== "text" && this.type !== "tel" && this.type !== "password"),
7886
7953
  "has-error": !!this.error,
7954
+ "has-clear": this.clear,
7887
7955
  } }, h$1("duet-label", { theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", id: this.labelId, for: identifier }, this.label), this.tooltip && (h$1("duet-tooltip", { direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), this.caption && (h$1("duet-caption", { id: this.topCaptionId, size: "medium" }, this.caption)), h$1("div", { class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && this.value && (h$1("duet-caption", { id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), h$1("input", Object.assign({ ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.type, class: {
7888
7956
  "duet-input": true,
7889
7957
  disabled: this.disabled,
7890
7958
  "is-number": this.component === "number",
7891
7959
  "is-date": this.component === "date",
7892
- }, value: this.value, disabled: this.disabled, "aria-invalid": this.error ? "true" : "false", "aria-labelledby": `${this.labelId} ${this.errorId}`, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-expanded": this.accessibleExpanded, "aria-haspopup": this.accessibleHasPopup, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), placeholder: this.placeholder, spellcheck: "false", minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.autoComplete, required: this.required, role: this.role, name: this.name, id: identifier }, inputProps)), !this.icon && this.type !== "text" && this.type !== "tel" && this.type !== "password" && (h$1("div", { class: "duet-input-icon" }, h$1("duet-icon", { margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.icon && (h$1("div", { class: "duet-input-icon" }, h$1("duet-icon", { margin: "none", size: "small", name: this.icon, color: "currentColor" }))), h$1("slot", null)), h$1("span", { class: "duet-input-help", id: this.errorId, "aria-live": "assertive", "aria-relevant": "additions removals" }, this.error && h$1("span", { class: "duet-input-error" }, this.error)))));
7960
+ }, value: this.value, disabled: this.disabled, "aria-invalid": this.error ? "true" : "false", "aria-labelledby": `${this.labelId} ${this.errorId}`, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-expanded": this.accessibleExpanded, "aria-haspopup": this.accessibleHasPopup, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), placeholder: this.placeholder, spellcheck: "false", minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.autoComplete, required: this.required, role: this.role, name: this.name, id: identifier }, inputProps)), !this.icon &&
7961
+ this.type !== "text" &&
7962
+ this.type !== "tel" &&
7963
+ this.type !== "password" &&
7964
+ this.variation !== "button" && (h$1("div", { class: "duet-input-icon" }, h$1("duet-icon", { margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (h$1("div", { class: "duet-input-clear-icon" }, h$1("button", { onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel, "aria-keyshortcuts": "Escape" }, h$1("duet-icon", { margin: "none", size: "xx-small", name: "activity-close", color: "currentColor" })))), this.icon && this.variation !== "button" && (h$1("div", { class: "duet-input-icon" }, h$1("duet-icon", { margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && h$1("slot", { name: "button" }), h$1("slot", null)), h$1("span", { class: "duet-input-help", id: this.errorId, "aria-live": "assertive", "aria-relevant": "additions removals" }, this.error && h$1("span", { class: "duet-input-error" }, this.error)))));
7893
7965
  }
7894
7966
  get element() { return this; }
7895
7967
  static get watchers() { return {
@@ -10630,7 +10702,7 @@ const DuetStep$1 = class extends H {
10630
10702
  "rounded-top": this.roundedTop,
10631
10703
  "rounded-bottom": this.roundedBottom,
10632
10704
  "duet-theme-turva": this.theme === "turva",
10633
- } }, h$1("div", { class: "duet-step-heading", id: this.buttonId, role: "button", tabindex: this.state !== "incomplete" ? "0" : undefined, "aria-disabled": this.isClickDisabled().toString(), "aria-expanded": (this.state === "current").toString(), "aria-controls": this.contentId, onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: element => (this.buttonElement = element) }, h$1("div", { "aria-hidden": "true" }, h$1("div", { class: "duet-step-counter" }, this.renderStepCounter())), h$1("duet-spacer", { direction: "horizontal", size: "large", breakpoint: "small" }), h$1("duet-spacer", { direction: "horizontal", size: "medium", breakpoint: "x-small" }), h$1("div", null, h$1("duet-heading", { theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), h$1("duet-spacer", { direction: "horizontal", size: "large" }), h$1("div", { class: "duet-step-heading-slot" }, h$1("slot", { name: "heading-content" }))), h$1("div", { class: "duet-step-content-wrapper" }, h$1("div", { class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, h$1("slot", null)))));
10705
+ } }, h$1("div", { class: "duet-step-heading", id: this.buttonId, role: this.state !== "current" ? "button" : "region", "aria-current": this.state === "current" ? "step" : undefined, tabindex: this.state !== "current" ? "0" : undefined, "aria-disabled": this.isClickDisabled().toString(), "aria-expanded": (this.state === "current").toString(), "aria-controls": this.contentId, "aria-selected": (this.state === "current").toString(), onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: element => (this.buttonElement = element) }, h$1("div", { "aria-hidden": "true" }, h$1("div", { class: "duet-step-counter" }, this.renderStepCounter())), h$1("duet-spacer", { direction: "horizontal", size: "large", breakpoint: "small" }), h$1("duet-spacer", { direction: "horizontal", size: "medium", breakpoint: "x-small" }), h$1("div", null, h$1("duet-heading", { theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), h$1("duet-spacer", { direction: "horizontal", size: "large" }), h$1("div", { class: "duet-step-heading-slot" }, h$1("slot", { name: "heading-content" }))), h$1("div", { class: "duet-step-content-wrapper" }, h$1("div", { class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, h$1("slot", null)))));
10634
10706
  }
10635
10707
  }
10636
10708
  get element() { return this; }
@@ -13106,14 +13178,14 @@ const DuetDivider = /*@__PURE__*/proxyCustomElement(DuetDivider$1, [1,"duet-divi
13106
13178
  const DuetEditableTable = /*@__PURE__*/proxyCustomElement(DuetEditableTable$1, [6,"duet-editable-table",{"margin":[1],"variation":[1],"sticky":[4],"stickyDistance":[1,"sticky-distance"],"breakpoint":[1],"actions":[1040],"columns":[1040],"rows":[1040],"sortable":[4],"groupId":[1,"group-id"],"theme":[1025],"accessibleRole":[1,"accessible-role"]}]);
13107
13179
  const DuetEmptyState = /*@__PURE__*/proxyCustomElement(DuetEmptyState$1, [1,"duet-empty-state",{"theme":[1025],"icon":[1],"size":[1]}]);
13108
13180
  const DuetFieldset = /*@__PURE__*/proxyCustomElement(DuetFieldset$1, [1,"duet-fieldset",{"theme":[1025],"margin":[1],"caption":[1],"label":[1],"error":[1],"labelHidden":[4,"label-hidden"],"hasTooltip":[32]}]);
13109
- const DuetFooter = /*@__PURE__*/proxyCustomElement(DuetFooter$1, [1,"duet-footer",{"theme":[1025],"variation":[1],"margin":[1],"logoHref":[1,"logo-href"],"language":[1025],"items":[8],"accessibleLabelExternalDefaults":[1,"accessible-label-external-default"],"accessibleLabelExternal":[1,"accessible-label-external"],"menu":[8],"processedItems":[32],"processedMenu":[32]}]);
13181
+ const DuetFooter = /*@__PURE__*/proxyCustomElement(DuetFooter$1, [1,"duet-footer",{"theme":[1025],"variation":[1],"margin":[1],"logoHref":[1,"logo-href"],"language":[1025],"mainItem":[8,"main-item"],"items":[8],"secondaryItems":[8,"secondary-items"],"tertiaryMainItem":[8,"tertiary-main-item"],"tertiaryItems":[8,"tertiary-items"],"accessibleLabelExternalDefaults":[1,"accessible-label-external-default"],"accessibleLabelExternal":[1,"accessible-label-external"],"menu":[8],"processedMainItem":[32],"processedItems":[32],"processedSecondaryItems":[32],"processedTertiaryMainItem":[32],"processedTertiaryItems":[32],"processedMenu":[32]}]);
13110
13182
  const DuetGrid = /*@__PURE__*/proxyCustomElement(DuetGrid$1, [2,"duet-grid",{"responsive":[4],"breakpoint":[1],"direction":[1],"alignment":[1],"distribution":[1],"mobile":[1],"distributeFormElement":[32]}]);
13111
13183
  const DuetGridItem = /*@__PURE__*/proxyCustomElement(DuetGridItem$1, [2,"duet-grid-item",{"fill":[4],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"theme":[1025],"margin":[1],"responsive":[4],"breakpoint":[1]}]);
13112
13184
  const DuetHeader = /*@__PURE__*/proxyCustomElement(DuetHeader$1, [1,"duet-header",{"theme":[1025],"language":[1025],"accessibleI18nLabelsDefaults":[1,"accessible-labels-default"],"accessibleI18nLabels":[16],"accessibleLabelExternalDefaults":[1,"accessible-label-external-default"],"accessibleLabelExternal":[1,"accessible-label-external"],"accessibleLabelDefaults":[1,"accessible-label-default"],"accessibleLabel":[1,"accessible-label"],"user":[8],"logoHref":[1,"logo-href"],"currentHref":[1025,"current-href"],"skipToId":[1,"skip-to-id"],"items":[8],"region":[1],"session":[8],"search":[8],"back":[8],"contact":[1],"contactItems":[8,"contact-items"],"languageItems":[8,"language-items"],"isContactOpen":[32],"isLanguageOpen":[32],"isSessionOpen":[32],"isSlideOutOpen":[32],"isSegmentOpen":[32],"openMenu":[32],"closedActives":[32],"processedItems":[32],"processedLanguageItems":[32],"processedContactItems":[32],"processedSession":[32],"processedSearch":[32],"processedUser":[32],"processedBack":[32],"renderDesktopNav":[32]},[[8,"keyup","handleKeyUp"],[8,"keydown","handleKeyDown"],[4,"focus","handleDocumentClick"],[4,"click","handleDocumentClick"]]]);
13113
13185
  const DuetHeading = /*@__PURE__*/proxyCustomElement(DuetHeading$1, [1,"duet-heading",{"level":[513],"margin":[1],"visualLevel":[1,"visual-level"],"border":[8],"weight":[1],"color":[1],"theme":[1025],"hyphenate":[4]}]);
13114
13186
  const DuetHero = /*@__PURE__*/proxyCustomElement(DuetHero$1, [1,"duet-hero",{"theme":[1025],"heading":[1],"preHeading":[1,"pre-heading"],"level":[1],"description":[1],"icon":[1],"iconSize":[1,"icon-size"],"iconRight":[4,"icon-right"],"categoryIcon":[1,"category-icon"],"categoryIconColor":[1,"category-icon-color"],"buttonLabel":[1,"button-label"],"language":[1025],"accessibleLabelExternalDefaults":[1,"accessible-label-external-default"],"accessibleLabelExternal":[1,"accessible-label-external"],"buttonUrl":[1,"button-url"],"buttonId":[1,"button-id"],"buttonData":[16],"textCenter":[4,"text-center"],"leftAlign":[4,"left-align"],"image":[1],"variation":[1],"back":[8],"listItems":[8,"list-items"],"actions":[8],"processedListItems":[32],"processedActions":[32],"processedBack":[32]}]);
13115
13187
  const DuetIcon = /*@__PURE__*/proxyCustomElement(DuetIcon$1, [1,"duet-icon",{"theme":[1025],"icon":[1],"src":[1],"name":[1],"margin":[1],"responsive":[4],"color":[513],"background":[1],"size":[1],"outline":[1],"svgContent":[32]}]);
13116
- const DuetInput = /*@__PURE__*/proxyCustomElement(DuetInput$1, [6,"duet-input",{"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleAutocomplete":[1,"accessible-autocomplete"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleExpanded":[1,"accessible-expanded"],"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleHasPopup":[1,"accessible-has-popup"],"debounce":[2],"caption":[1],"echoPlaceholder":[4,"echo-placeholder"],"theme":[1025],"expand":[4],"disabled":[516],"identifier":[1],"margin":[1],"required":[4],"type":[1],"label":[1],"error":[1],"labelHidden":[4,"label-hidden"],"numericKeyboard":[4,"numeric-keyboard"],"name":[1],"pattern":[1],"maxlength":[2],"minlength":[2],"placeholder":[1],"component":[1],"role":[1],"icon":[1],"autoComplete":[1,"auto-complete"],"disallowPattern":[1,"disallow-pattern"],"value":[1025],"tooltip":[1],"tooltipDirection":[1,"tooltip-direction"]}]);
13188
+ const DuetInput = /*@__PURE__*/proxyCustomElement(DuetInput$1, [6,"duet-input",{"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleAutocomplete":[1,"accessible-autocomplete"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleExpanded":[1,"accessible-expanded"],"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleHasPopup":[1,"accessible-has-popup"],"debounce":[2],"clear":[4],"caption":[1],"echoPlaceholder":[4,"echo-placeholder"],"theme":[1025],"expand":[4],"disabled":[516],"identifier":[1],"margin":[1],"required":[4],"type":[1],"variation":[1],"label":[1],"error":[1],"labelHidden":[4,"label-hidden"],"numericKeyboard":[4,"numeric-keyboard"],"name":[1],"pattern":[1],"maxlength":[2],"minlength":[2],"placeholder":[1],"component":[1],"role":[1],"icon":[1],"autoComplete":[1,"auto-complete"],"disallowPattern":[1,"disallow-pattern"],"value":[1025],"tooltip":[1],"tooltipDirection":[1,"tooltip-direction"]}]);
13117
13189
  const DuetLabel = /*@__PURE__*/proxyCustomElement(DuetLabel$1, [6,"duet-label",{"theme":[1025],"for":[1],"margin":[1],"size":[1]}]);
13118
13190
  const DuetLayout = /*@__PURE__*/proxyCustomElement(DuetLayout$1, [1,"duet-layout",{"sticky":[4],"margin":[1],"stickyDistance":[1,"sticky-distance"],"center":[4],"tabs":[4],"middle":[4]}]);
13119
13191
  const DuetLink = /*@__PURE__*/proxyCustomElement(DuetLink$1, [17,"duet-link",{"accessibleLabel":[1,"accessible-label"],"language":[1025],"accessibleLabelExternalDefaults":[1,"accessible-label-external-default"],"accessibleLabelExternal":[1,"accessible-label-external"],"identifier":[1],"theme":[1025],"url":[513],"external":[4]}]);
@@ -13136,7 +13208,7 @@ const DuetSelect = /*@__PURE__*/proxyCustomElement(DuetSelect$1, [2,"duet-select
13136
13208
  const DuetSpacer = /*@__PURE__*/proxyCustomElement(DuetSpacer$1, [1,"duet-spacer",{"size":[1],"direction":[1],"breakpoint":[1]}]);
13137
13209
  const DuetSpinner = /*@__PURE__*/proxyCustomElement(DuetSpinner$1, [1,"duet-spinner",{"accessibleLabel":[1,"accessible-label"],"color":[1],"size":[1],"theme":[1025]}]);
13138
13210
  const DuetStep = /*@__PURE__*/proxyCustomElement(DuetStep$1, [6,"duet-step",{"theme":[1025],"heading":[1],"headingLevel":[1,"heading-level"],"stepIndex":[2,"step-index"],"state":[1],"roundedTop":[4,"rounded-top"],"roundedBottom":[4,"rounded-bottom"]}]);
13139
- const DuetStepper = /*@__PURE__*/proxyCustomElement(DuetStepper$1, [1,"duet-stepper",{"theme":[1025],"accessibleLive":[1,"accessible-live"],"margin":[1],"backDisabled":[4,"back-disabled"],"selected":[514]},[[0,"duetStepClick","onDuetStepClick"]]]);
13211
+ const DuetStepper = /*@__PURE__*/proxyCustomElement(DuetStepper$1, [1,"duet-stepper",{"theme":[1025],"accessibleLive":[1,"accessible-live"],"margin":[1],"backDisabled":[4,"back-disabled"],"selected":[1538]},[[0,"duetStepClick","onDuetStepClick"]]]);
13140
13212
  const DuetTab = /*@__PURE__*/proxyCustomElement(DuetTab$1, [6,"duet-tab",{"label":[513],"selected":[516],"accessibleDescriptionDefault":[1,"accessible-description-defaults"],"accessibleDescription":[1,"accessible-description"]}]);
13141
13213
  const DuetTabGroup = /*@__PURE__*/proxyCustomElement(DuetTabGroup$1, [1,"duet-tab-group",{"theme":[1025],"scrolls":[4],"collapses":[4],"accessibleLabel":[1,"accessible-label"],"variation":[1],"language":[1025],"labelDefaults":[1,"label-default"],"label":[1],"labelHidden":[4,"label-hidden"],"identifier":[1],"margin":[1],"padding":[1],"tabs":[32],"selected":[32]}]);
13142
13214
  const DuetTable = /*@__PURE__*/proxyCustomElement(DuetTable$1, [4,"duet-table",{"theme":[1025],"margin":[1],"variation":[1],"sticky":[4],"stickyDistance":[1,"sticky-distance"],"breakpoint":[1],"matchesBreakpoint":[32]}]);