@duetds/components 5.4.0 → 5.4.1

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 (239) hide show
  1. package/hydrate/index.js +20 -35
  2. package/lib/cjs/duet-action-button.cjs.entry.js +1 -1
  3. package/lib/cjs/duet-alert.cjs.entry.js +1 -1
  4. package/lib/cjs/duet-badge.cjs.entry.js +1 -1
  5. package/lib/cjs/duet-breadcrumb.cjs.entry.js +1 -1
  6. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +1 -1
  7. package/lib/cjs/duet-button_2.cjs.entry.js +1 -1
  8. package/lib/cjs/duet-caption_4.cjs.entry.js +1 -1
  9. package/lib/cjs/duet-card.cjs.entry.js +1 -1
  10. package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
  11. package/lib/cjs/duet-choice_2.cjs.entry.js +2 -2
  12. package/lib/cjs/duet-collapsible.cjs.entry.js +1 -1
  13. package/lib/cjs/duet-combobox.cjs.entry.js +1 -1
  14. package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
  15. package/lib/cjs/duet-date-picker.cjs.entry.js +2 -2
  16. package/lib/cjs/duet-divider_2.cjs.entry.js +1 -1
  17. package/lib/cjs/duet-editable-table_3.cjs.entry.js +11 -11
  18. package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
  19. package/lib/cjs/duet-fieldset.cjs.entry.js +1 -1
  20. package/lib/cjs/duet-footer.cjs.entry.js +1 -1
  21. package/lib/cjs/duet-grid_2.cjs.entry.js +1 -1
  22. package/lib/cjs/duet-header_2.cjs.entry.js +1 -1
  23. package/lib/cjs/duet-hero.cjs.entry.js +4 -3
  24. package/lib/cjs/duet-icon.cjs.entry.js +1 -1
  25. package/lib/cjs/duet-input_2.cjs.entry.js +1 -1
  26. package/lib/cjs/duet-layout.cjs.entry.js +1 -1
  27. package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
  28. package/lib/cjs/duet-modal.cjs.entry.js +2 -2
  29. package/lib/cjs/duet-notification_2.cjs.entry.js +1 -1
  30. package/lib/cjs/duet-number-input.cjs.entry.js +1 -1
  31. package/lib/cjs/duet-pagination_2.cjs.entry.js +1 -1
  32. package/lib/cjs/duet-progress.cjs.entry.js +1 -1
  33. package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
  34. package/lib/cjs/duet-range-slider.cjs.entry.js +1 -1
  35. package/lib/cjs/duet-scrollable_3.cjs.entry.js +1 -1
  36. package/lib/cjs/duet-select.cjs.entry.js +1 -1
  37. package/lib/cjs/duet-step_2.cjs.entry.js +1 -1
  38. package/lib/cjs/duet-textarea.cjs.entry.js +1 -1
  39. package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
  40. package/lib/cjs/duet-tooltip.cjs.entry.js +1 -1
  41. package/lib/cjs/duet-tray.cjs.entry.js +1 -1
  42. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
  43. package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
  44. package/lib/cjs/duet.cjs.js +1 -1
  45. package/lib/cjs/{focus-utils-7c1832b2.js → focus-utils-61a69e27.js} +1 -1
  46. package/lib/cjs/{index-63f324e3.js → index-e68830a0.js} +1 -1
  47. package/lib/cjs/loader.cjs.js +1 -1
  48. package/lib/collection/components/duet-choice-group/duet-choice-group.js +7 -1
  49. package/lib/collection/components/duet-hero/duet-hero.js +13 -5
  50. package/lib/collection/components/duet-upload/duet-upload.js +11 -11
  51. package/lib/custom-elements-bundle/index.js +14 -13
  52. package/lib/duet/duet.esm.js +1 -1
  53. package/lib/duet/duet.js +1 -1
  54. package/lib/duet/{p-c5bd7c30.entry.js → p-00e1e70f.entry.js} +1 -1
  55. package/lib/duet/{p-bdbb5c7d.system.entry.js → p-0230f7c1.system.entry.js} +1 -1
  56. package/lib/duet/{p-77b7fbcd.entry.js → p-025d4390.entry.js} +1 -1
  57. package/lib/duet/{p-b263653d.system.entry.js → p-0ba86e25.system.entry.js} +1 -1
  58. package/lib/duet/{p-da62b929.system.entry.js → p-0d100aa6.system.entry.js} +1 -1
  59. package/lib/duet/{p-da59200a.system.entry.js → p-0fe5d208.system.entry.js} +1 -1
  60. package/lib/duet/{p-19cac237.system.entry.js → p-111d9c07.system.entry.js} +1 -1
  61. package/lib/duet/{p-efcc198f.system.entry.js → p-11cab757.system.entry.js} +1 -1
  62. package/lib/duet/{p-723b036a.system.entry.js → p-138dc194.system.entry.js} +1 -1
  63. package/lib/duet/{p-6aece7e2.entry.js → p-13f46ee7.entry.js} +1 -1
  64. package/lib/duet/{p-7df06bf2.entry.js → p-16952e4c.entry.js} +1 -1
  65. package/lib/duet/{p-14acc501.entry.js → p-18d48e33.entry.js} +1 -1
  66. package/lib/duet/{p-ea4e6d02.system.entry.js → p-19ae7dfc.system.entry.js} +1 -1
  67. package/lib/duet/{p-f86937f0.system.js → p-1b17eaf5.system.js} +1 -1
  68. package/lib/duet/{p-8717227c.entry.js → p-1d6e11db.entry.js} +1 -1
  69. package/lib/duet/{p-a2b29846.entry.js → p-1f411205.entry.js} +1 -1
  70. package/lib/duet/{p-da9aa2cc.system.entry.js → p-1f70eb19.system.entry.js} +1 -1
  71. package/lib/duet/{p-c9453dc6.system.entry.js → p-25b2f6c4.system.entry.js} +1 -1
  72. package/lib/duet/{p-ce8ddf05.entry.js → p-27af3967.entry.js} +1 -1
  73. package/lib/duet/{p-a93fca8b.entry.js → p-2c8c61ce.entry.js} +1 -1
  74. package/lib/duet/{p-8d175e68.entry.js → p-2d865c6b.entry.js} +1 -1
  75. package/lib/duet/{p-cbd51090.system.entry.js → p-30d9f5f4.system.entry.js} +1 -1
  76. package/lib/duet/{p-b2680be5.entry.js → p-3262c779.entry.js} +1 -1
  77. package/lib/duet/{p-128ee483.system.entry.js → p-358583f9.system.entry.js} +1 -1
  78. package/lib/duet/{p-d243054f.entry.js → p-36c2321d.entry.js} +1 -1
  79. package/lib/duet/{p-355fd4fc.system.entry.js → p-3753f57c.system.entry.js} +1 -1
  80. package/lib/duet/{p-f2aeef65.entry.js → p-38316d12.entry.js} +1 -1
  81. package/lib/duet/{p-03957a48.js → p-3d7ab631.js} +1 -1
  82. package/lib/duet/{p-6944e2d1.system.entry.js → p-3f60c823.system.entry.js} +1 -1
  83. package/lib/duet/{p-768141d2.system.entry.js → p-46364bc6.system.entry.js} +2 -2
  84. package/lib/duet/{p-a903df4e.entry.js → p-4651626c.entry.js} +1 -1
  85. package/lib/duet/{p-538ca1e8.system.entry.js → p-49060f77.system.entry.js} +1 -1
  86. package/lib/duet/{p-e2628b7c.system.entry.js → p-4f12201d.system.entry.js} +1 -1
  87. package/lib/duet/{p-ed9cc88f.entry.js → p-514d1b2d.entry.js} +1 -1
  88. package/lib/duet/{p-0f69bf5d.entry.js → p-5ae9988c.entry.js} +1 -1
  89. package/lib/duet/{p-347a4bb8.system.entry.js → p-5f4253e1.system.entry.js} +1 -1
  90. package/lib/duet/{p-967eb38f.system.entry.js → p-61a46581.system.entry.js} +1 -1
  91. package/lib/duet/{p-ec96f020.system.entry.js → p-62a74682.system.entry.js} +1 -1
  92. package/lib/duet/{p-56081d74.entry.js → p-634fbfc5.entry.js} +1 -1
  93. package/lib/duet/{p-cd8b61fd.entry.js → p-652b1bad.entry.js} +1 -1
  94. package/lib/duet/{p-f63f1511.entry.js → p-656c6565.entry.js} +1 -1
  95. package/lib/duet/{p-40d4bc49.entry.js → p-6842301e.entry.js} +1 -1
  96. package/lib/duet/p-6c6bd25f.entry.js +4 -0
  97. package/lib/duet/{p-67cbfa71.system.js → p-6d8b50c4.system.js} +1 -1
  98. package/lib/duet/{p-b5fc4eee.entry.js → p-6daec143.entry.js} +1 -1
  99. package/lib/duet/{p-c993f95a.entry.js → p-7169f6c1.entry.js} +1 -1
  100. package/lib/duet/{p-bf0efbe9.system.entry.js → p-72428669.system.entry.js} +1 -1
  101. package/lib/duet/{p-87738b6e.entry.js → p-76b9d26f.entry.js} +1 -1
  102. package/lib/duet/{p-b34d417d.system.entry.js → p-78ae6f30.system.entry.js} +1 -1
  103. package/lib/duet/{p-413df442.js → p-7b6f2f71.js} +1 -1
  104. package/lib/duet/{p-7ad2c618.system.entry.js → p-81365c09.system.entry.js} +1 -1
  105. package/lib/duet/{p-46f6dea4.system.entry.js → p-86aacc6c.system.entry.js} +1 -1
  106. package/lib/duet/{p-767767ad.system.entry.js → p-895bbb3c.system.entry.js} +1 -1
  107. package/lib/duet/{p-c83e1e74.entry.js → p-8d16d52d.entry.js} +1 -1
  108. package/lib/duet/{p-1dec0f2c.entry.js → p-8e9bd0bb.entry.js} +1 -1
  109. package/lib/duet/{p-909a229b.system.entry.js → p-930ef39a.system.entry.js} +1 -1
  110. package/lib/duet/{p-fd7f32f7.entry.js → p-932bf52a.entry.js} +1 -1
  111. package/lib/duet/{p-b98bb109.system.entry.js → p-983ce052.system.entry.js} +1 -1
  112. package/lib/duet/{p-70886ae8.system.entry.js → p-985cad9f.system.entry.js} +1 -1
  113. package/lib/duet/{p-282ee56b.entry.js → p-9b558995.entry.js} +1 -1
  114. package/lib/duet/{p-23a1875c.entry.js → p-9d9c2b86.entry.js} +1 -1
  115. package/lib/duet/{p-c90ab5d7.entry.js → p-a290738e.entry.js} +1 -1
  116. package/lib/duet/{p-5d5c0181.system.entry.js → p-a35ad2c1.system.entry.js} +1 -1
  117. package/lib/duet/{p-3b06dacd.entry.js → p-a90075e7.entry.js} +1 -1
  118. package/lib/duet/{p-86575e21.entry.js → p-aa09f585.entry.js} +1 -1
  119. package/lib/duet/{p-ec34f321.system.entry.js → p-aaf68044.system.entry.js} +1 -1
  120. package/lib/duet/{p-5fea867d.entry.js → p-ab7ab38c.entry.js} +1 -1
  121. package/lib/duet/{p-671453a4.entry.js → p-af5ad080.entry.js} +1 -1
  122. package/lib/duet/{p-e15ae3b1.system.entry.js → p-b6959e10.system.entry.js} +1 -1
  123. package/lib/duet/{p-2522f85c.system.entry.js → p-b9955a11.system.entry.js} +1 -1
  124. package/lib/duet/{p-0b3f7f25.entry.js → p-ba362a52.entry.js} +1 -1
  125. package/lib/duet/{p-62352bbe.system.entry.js → p-bd6a7d90.system.entry.js} +1 -1
  126. package/lib/duet/{p-f3e72c0f.system.entry.js → p-c12f6508.system.entry.js} +1 -1
  127. package/lib/duet/{p-4b50c47b.entry.js → p-c6c6518c.entry.js} +1 -1
  128. package/lib/duet/{p-568fe563.system.entry.js → p-c8cdb936.system.entry.js} +1 -1
  129. package/lib/duet/{p-426854f8.system.entry.js → p-cec93899.system.entry.js} +1 -1
  130. package/lib/duet/{p-0d8f88c8.entry.js → p-cffc34b3.entry.js} +1 -1
  131. package/lib/duet/{p-0f6e4db9.system.js → p-d073feef.system.js} +1 -1
  132. package/lib/duet/{p-8fb5f933.entry.js → p-d134b0b3.entry.js} +1 -1
  133. package/lib/duet/{p-9062ca61.entry.js → p-d3443dea.entry.js} +1 -1
  134. package/lib/duet/{p-30153133.system.entry.js → p-d3d948a3.system.entry.js} +1 -1
  135. package/lib/duet/{p-0416a99f.entry.js → p-d828722e.entry.js} +1 -1
  136. package/lib/duet/{p-e74db103.entry.js → p-e2f2be10.entry.js} +1 -1
  137. package/lib/duet/{p-86ed3c73.system.entry.js → p-e89aeabf.system.entry.js} +1 -1
  138. package/lib/duet/{p-909b6b44.system.entry.js → p-ea1e9c21.system.entry.js} +1 -1
  139. package/lib/duet/{p-c2fe4072.system.entry.js → p-f1ed2527.system.entry.js} +1 -1
  140. package/lib/duet/{p-cb64979e.system.entry.js → p-fc4fd026.system.entry.js} +1 -1
  141. package/lib/duet/{p-6f073ee3.system.entry.js → p-fcecdd10.system.entry.js} +1 -1
  142. package/lib/duet/{p-3bdc0b4e.entry.js → p-fe47e5d0.entry.js} +1 -1
  143. package/lib/esm/duet-action-button.entry.js +1 -1
  144. package/lib/esm/duet-alert.entry.js +1 -1
  145. package/lib/esm/duet-badge.entry.js +1 -1
  146. package/lib/esm/duet-breadcrumb.entry.js +1 -1
  147. package/lib/esm/duet-breadcrumbs.entry.js +1 -1
  148. package/lib/esm/duet-button_2.entry.js +1 -1
  149. package/lib/esm/duet-caption_4.entry.js +1 -1
  150. package/lib/esm/duet-card.entry.js +1 -1
  151. package/lib/esm/duet-checkbox.entry.js +1 -1
  152. package/lib/esm/duet-choice_2.entry.js +2 -2
  153. package/lib/esm/duet-collapsible.entry.js +1 -1
  154. package/lib/esm/duet-combobox.entry.js +1 -1
  155. package/lib/esm/duet-cookie-consent.entry.js +1 -1
  156. package/lib/esm/duet-date-picker.entry.js +2 -2
  157. package/lib/esm/duet-divider_2.entry.js +1 -1
  158. package/lib/esm/duet-editable-table_3.entry.js +11 -11
  159. package/lib/esm/duet-empty-state.entry.js +1 -1
  160. package/lib/esm/duet-fieldset.entry.js +1 -1
  161. package/lib/esm/duet-footer.entry.js +1 -1
  162. package/lib/esm/duet-grid_2.entry.js +1 -1
  163. package/lib/esm/duet-header_2.entry.js +1 -1
  164. package/lib/esm/duet-hero.entry.js +4 -3
  165. package/lib/esm/duet-icon.entry.js +1 -1
  166. package/lib/esm/duet-input_2.entry.js +1 -1
  167. package/lib/esm/duet-layout.entry.js +1 -1
  168. package/lib/esm/duet-list_2.entry.js +1 -1
  169. package/lib/esm/duet-modal.entry.js +2 -2
  170. package/lib/esm/duet-notification_2.entry.js +1 -1
  171. package/lib/esm/duet-number-input.entry.js +1 -1
  172. package/lib/esm/duet-pagination_2.entry.js +1 -1
  173. package/lib/esm/duet-progress.entry.js +1 -1
  174. package/lib/esm/duet-radio_2.entry.js +1 -1
  175. package/lib/esm/duet-range-slider.entry.js +1 -1
  176. package/lib/esm/duet-scrollable_3.entry.js +1 -1
  177. package/lib/esm/duet-select.entry.js +1 -1
  178. package/lib/esm/duet-step_2.entry.js +1 -1
  179. package/lib/esm/duet-textarea.entry.js +1 -1
  180. package/lib/esm/duet-toggle.entry.js +1 -1
  181. package/lib/esm/duet-tooltip.entry.js +1 -1
  182. package/lib/esm/duet-tray.entry.js +1 -1
  183. package/lib/esm/duet-upload-aria-status.entry.js +1 -1
  184. package/lib/esm/duet-visually-hidden.entry.js +1 -1
  185. package/lib/esm/duet.js +1 -1
  186. package/lib/esm/{focus-utils-4ca66786.js → focus-utils-f28f7d53.js} +1 -1
  187. package/lib/esm/{index-d5956898.js → index-1e42fd5c.js} +1 -1
  188. package/lib/esm/loader.js +1 -1
  189. package/lib/esm-es5/duet-action-button.entry.js +1 -1
  190. package/lib/esm-es5/duet-alert.entry.js +1 -1
  191. package/lib/esm-es5/duet-badge.entry.js +1 -1
  192. package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
  193. package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
  194. package/lib/esm-es5/duet-button_2.entry.js +1 -1
  195. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  196. package/lib/esm-es5/duet-card.entry.js +1 -1
  197. package/lib/esm-es5/duet-checkbox.entry.js +1 -1
  198. package/lib/esm-es5/duet-choice_2.entry.js +1 -1
  199. package/lib/esm-es5/duet-collapsible.entry.js +1 -1
  200. package/lib/esm-es5/duet-combobox.entry.js +1 -1
  201. package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
  202. package/lib/esm-es5/duet-date-picker.entry.js +1 -1
  203. package/lib/esm-es5/duet-divider_2.entry.js +1 -1
  204. package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
  205. package/lib/esm-es5/duet-empty-state.entry.js +1 -1
  206. package/lib/esm-es5/duet-fieldset.entry.js +1 -1
  207. package/lib/esm-es5/duet-footer.entry.js +1 -1
  208. package/lib/esm-es5/duet-grid_2.entry.js +1 -1
  209. package/lib/esm-es5/duet-header_2.entry.js +1 -1
  210. package/lib/esm-es5/duet-hero.entry.js +1 -1
  211. package/lib/esm-es5/duet-icon.entry.js +1 -1
  212. package/lib/esm-es5/duet-input_2.entry.js +1 -1
  213. package/lib/esm-es5/duet-layout.entry.js +1 -1
  214. package/lib/esm-es5/duet-list_2.entry.js +1 -1
  215. package/lib/esm-es5/duet-modal.entry.js +1 -1
  216. package/lib/esm-es5/duet-notification_2.entry.js +1 -1
  217. package/lib/esm-es5/duet-number-input.entry.js +1 -1
  218. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  219. package/lib/esm-es5/duet-progress.entry.js +1 -1
  220. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  221. package/lib/esm-es5/duet-range-slider.entry.js +1 -1
  222. package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
  223. package/lib/esm-es5/duet-select.entry.js +1 -1
  224. package/lib/esm-es5/duet-step_2.entry.js +1 -1
  225. package/lib/esm-es5/duet-textarea.entry.js +1 -1
  226. package/lib/esm-es5/duet-toggle.entry.js +1 -1
  227. package/lib/esm-es5/duet-tooltip.entry.js +1 -1
  228. package/lib/esm-es5/duet-tray.entry.js +1 -1
  229. package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
  230. package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
  231. package/lib/esm-es5/duet.js +1 -1
  232. package/lib/esm-es5/focus-utils-f28f7d53.js +4 -0
  233. package/lib/esm-es5/{index-d5956898.js → index-1e42fd5c.js} +1 -1
  234. package/lib/esm-es5/loader.js +1 -1
  235. package/lib/types/components/duet-hero/duet-hero.d.ts +4 -0
  236. package/lib/types/components.d.ts +2 -2
  237. package/package.json +5 -5
  238. package/lib/duet/p-21d74fec.entry.js +0 -4
  239. package/lib/esm-es5/focus-utils-4ca66786.js +0 -4
package/hydrate/index.js CHANGED
@@ -7830,32 +7830,13 @@ class DuetChoiceGroup {
7830
7830
  * Component lifecycle events.
7831
7831
  */
7832
7832
  async connectedCallback() {
7833
- const el = this.element;
7834
- if (this.value === undefined) {
7835
- const choice = findCheckedOption(el, ":scope > duet-choice");
7836
- if (choice !== undefined) {
7837
- await choice.componentOnReady();
7838
- if (this.value === undefined) {
7839
- this.value = choice.value;
7840
- }
7841
- }
7833
+ {
7834
+ return;
7842
7835
  }
7843
- this.mutationO = watchForOptions(el, ":scope > duet-choice", newOption => {
7844
- if (newOption !== undefined) {
7845
- newOption.componentOnReady().then(() => {
7846
- this.value = newOption.value;
7847
- });
7848
- }
7849
- else {
7850
- this.updateChoices();
7851
- }
7852
- });
7853
- this.updateChoices();
7854
7836
  }
7855
7837
  disconnectedCallback() {
7856
- if (this.mutationO) {
7857
- this.mutationO.disconnect();
7858
- this.mutationO = undefined;
7838
+ {
7839
+ return;
7859
7840
  }
7860
7841
  }
7861
7842
  componentWillLoad() {
@@ -11586,8 +11567,11 @@ class DuetHeading {
11586
11567
  const duetHeroCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-hero,*.sc-duet-hero::after,*.sc-duet-hero::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-hero-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}/*!@.duet-hero*/.duet-hero.sc-duet-hero{position:relative;display:block;width:100%;padding:48px 28px;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-style:normal;font-weight:400;line-height:1.5;text-decoration:none;text-shadow:none;text-transform:none;background:#00294d}/*!@.duet-hero.duet-p-0*/.duet-hero.duet-p-0.sc-duet-hero{padding:0 !important}/*!@.duet-hero.duet-m-0*/.duet-hero.duet-m-0.sc-duet-hero{margin:0 !important}/*!@.duet-hero.duet-hero-text-center*/.duet-hero.duet-hero-text-center.sc-duet-hero{text-align:center !important}/*!@.duet-hero.duet-hero-light*/.duet-hero.duet-hero-light.sc-duet-hero{padding-bottom:0 !important}@media (min-width: 62em){/*!@.duet-hero.duet-hero-light*/.duet-hero.duet-hero-light.sc-duet-hero{padding-bottom:28px !important}}/*!@.duet-hero.duet-hero-with-image*/.duet-hero.duet-hero-with-image.sc-duet-hero{padding-bottom:20px !important;margin-bottom:-36px}@media (min-width: 48em){/*!@.duet-hero.duet-hero-with-image*/.duet-hero.duet-hero-with-image.sc-duet-hero{padding-bottom:28px !important}}@media (min-width: 62em){/*!@.duet-hero.duet-hero-with-image*/.duet-hero.duet-hero-with-image.sc-duet-hero{padding-bottom:36px !important;margin-bottom:-20px}}/*!@.duet-hero.duet-hero-light, .duet-hero.duet-hero-with-image*/.duet-hero.duet-hero-light.sc-duet-hero,.duet-hero.duet-hero-with-image.sc-duet-hero{color:#00294d;background-color:white;background-image:linear-gradient(#f3f9fc, #f9fcfe)}/*!@.duet-hero.duet-hero-light::before, .duet-hero.duet-hero-with-image::before*/.duet-hero.duet-hero-light.sc-duet-hero::before,.duet-hero.duet-hero-with-image.sc-duet-hero::before{position:absolute;top:100%;left:0;z-index:-1;width:100%;height:400px;content:\"\";background-image:linear-gradient(#f9fcfe, white)}/*!@.duet-hero.duet-hero-light.duet-theme-turva, .duet-hero.duet-hero-with-image.duet-theme-turva*/.duet-hero.duet-hero-light.duet-theme-turva.sc-duet-hero,.duet-hero.duet-hero-with-image.duet-theme-turva.sc-duet-hero{color:#171c3a;background-image:linear-gradient(#f5f5f7, #fafafb)}/*!@.duet-hero.duet-hero-light.duet-theme-turva::before, .duet-hero.duet-hero-with-image.duet-theme-turva::before*/.duet-hero.duet-hero-light.duet-theme-turva.sc-duet-hero::before,.duet-hero.duet-hero-with-image.duet-theme-turva.sc-duet-hero::before{background-image:linear-gradient(#fafafb, white)}/*!@.duet-hero.duet-hero-gray*/.duet-hero.duet-hero-gray.sc-duet-hero{color:#00294d;background:#f5f8fa}/*!@.duet-hero.duet-hero-gray.duet-theme-turva*/.duet-hero.duet-hero-gray.duet-theme-turva.sc-duet-hero{background:#f5f5f7}@media (min-width: 62em){/*!@.duet-hero.duet-hero-gray .duet-hero-text*/.duet-hero.duet-hero-gray.sc-duet-hero .duet-hero-text.sc-duet-hero{display:inline-block;vertical-align:top}/*!@.duet-hero.duet-hero-gray .duet-hero-icon + .duet-hero-text*/.duet-hero.duet-hero-gray.sc-duet-hero .duet-hero-icon.sc-duet-hero+.duet-hero-text.sc-duet-hero{margin-left:28px}}@media (min-width: 62em){/*!@.duet-hero.duet-hero-gray-with-actions*/.duet-hero.duet-hero-gray-with-actions.sc-duet-hero{padding-bottom:65.4545454545px}}@media (min-width: 62em){/*!@.duet-hero.duet-hero-gray-with-back*/.duet-hero.duet-hero-gray-with-back.sc-duet-hero{padding-top:72px}}/*!@.duet-hero.duet-theme-turva*/.duet-hero.duet-theme-turva.sc-duet-hero{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}@media (min-width: 62em){/*!@.duet-hero*/.duet-hero.sc-duet-hero{min-height:290px;padding:111.6px 56px;overflow:visible}}/*!@.duet-hero-icon*/.duet-hero-icon.sc-duet-hero{display:inline-block;vertical-align:top}@media (min-width: 62em){/*!@.duet-hero-icon*/.duet-hero-icon.sc-duet-hero{margin-top:-8px}}@media (min-width: 62em){/*!@.duet-hero-heading*/.duet-hero-heading.sc-duet-hero{margin-top:12px}}@media (min-width: 62em){/*!@.duet-hero-heading-has-pre*/.duet-hero-heading-has-pre.sc-duet-hero{margin-top:0}}/*!@.duet-hero-wrapper*/.duet-hero-wrapper.sc-duet-hero{position:relative;width:100%;max-width:1110px;margin:0 auto;text-align:center}/*!@.duet-hero-left-align .duet-hero-wrapper*/.duet-hero-left-align.sc-duet-hero .duet-hero-wrapper.sc-duet-hero{text-align:left}/*!@.duet-hero-with-image .duet-hero-wrapper*/.duet-hero-with-image.sc-duet-hero .duet-hero-wrapper.sc-duet-hero{position:static}@media (min-width: 62em){/*!@.duet-hero-wrapper*/.duet-hero-wrapper.sc-duet-hero{text-align:left}}/*!@.duet-hero-text*/.duet-hero-text.sc-duet-hero{max-width:50rem;margin:0 auto}/*!@.duet-hero-text-center .duet-hero-text*/.duet-hero-text-center.sc-duet-hero .duet-hero-text.sc-duet-hero{text-align:center !important}@media (min-width: 48em){/*!@.duet-hero-text*/.duet-hero-text.sc-duet-hero{width:80%}/*!@.duet-hero-left-align .duet-hero-text*/.duet-hero-left-align.sc-duet-hero .duet-hero-text.sc-duet-hero{margin:0}}@media (min-width: 62em){/*!@.duet-hero-text*/.duet-hero-text.sc-duet-hero{width:52%;max-width:none;margin-top:-10px;margin-left:0}/*!@.duet-hero-text-center .duet-hero-text*/.duet-hero-text-center.sc-duet-hero .duet-hero-text.sc-duet-hero{margin-left:auto}}/*!@.duet-hero:not(.duet-hero-with-image) .duet-hero-image*/.duet-hero.sc-duet-hero:not(.duet-hero-with-image) .duet-hero-image.sc-duet-hero{width:100%;max-width:400px;height:0;padding-bottom:50%;margin:28px auto 0;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}@media (min-width: 36em){/*!@.duet-hero:not(.duet-hero-with-image) .duet-hero-image*/.duet-hero.sc-duet-hero:not(.duet-hero-with-image) .duet-hero-image.sc-duet-hero{padding-bottom:40%}}@media (min-width: 48em){/*!@.duet-hero:not(.duet-hero-with-image) .duet-hero-image*/.duet-hero.sc-duet-hero:not(.duet-hero-with-image) .duet-hero-image.sc-duet-hero{max-width:420px;padding-bottom:34%}/*!@.duet-hero-light .duet-hero:not(.duet-hero-with-image) .duet-hero-image*/.duet-hero-light.sc-duet-hero .duet-hero.sc-duet-hero:not(.duet-hero-with-image) .duet-hero-image.sc-duet-hero{max-width:540px}}@media (min-width: 62em){/*!@.duet-hero:not(.duet-hero-with-image) .duet-hero-image*/.duet-hero.sc-duet-hero:not(.duet-hero-with-image) .duet-hero-image.sc-duet-hero{position:absolute;top:50%;right:0;padding-bottom:30%;margin:0;transform:translateY(-50%)}/*!@.duet-hero-light .duet-hero:not(.duet-hero-with-image) .duet-hero-image*/.duet-hero-light.sc-duet-hero .duet-hero.sc-duet-hero:not(.duet-hero-with-image) .duet-hero-image.sc-duet-hero{right:-60px;padding-bottom:26%}/*!@.duet-hero-gray .duet-hero:not(.duet-hero-with-image) .duet-hero-image*/.duet-hero-gray.sc-duet-hero .duet-hero.sc-duet-hero:not(.duet-hero-with-image) .duet-hero-image.sc-duet-hero{right:-34px;padding-bottom:20%}}@media (min-width: 62em){/*!@.duet-hero-gray:not(.duet-hero-with-image) .duet-hero-image*/.duet-hero-gray.sc-duet-hero:not(.duet-hero-with-image) .duet-hero-image.sc-duet-hero{right:-34px;padding-bottom:20%}}/*!@.duet-hero-image-wrapper*/.duet-hero-image-wrapper.sc-duet-hero{position:relative;width:80%;height:0;padding-bottom:80%;margin:-30px auto 36px;overflow:hidden;border-radius:28%;box-shadow:0 0 20px rgba(255, 255, 255, 0.5);transform:rotate(10deg)}/*!@.duet-theme-turva .duet-hero-image-wrapper*/.duet-theme-turva.sc-duet-hero .duet-hero-image-wrapper.sc-duet-hero{padding-bottom:68%;border-radius:44% 47% 38% 54%;transform:none}@media screen and (min-width: 440px){/*!@.duet-hero-image-wrapper*/.duet-hero-image-wrapper.sc-duet-hero{width:300px;padding-bottom:300px}/*!@.duet-theme-turva .duet-hero-image-wrapper*/.duet-theme-turva.sc-duet-hero .duet-hero-image-wrapper.sc-duet-hero{width:80%;padding-bottom:68%}}@media (min-width: 62em){/*!@.duet-hero-image-wrapper*/.duet-hero-image-wrapper.sc-duet-hero{position:absolute;top:-60px;right:-50px;width:470px;padding-bottom:470px;margin:0}/*!@.duet-theme-turva .duet-hero-image-wrapper*/.duet-theme-turva.sc-duet-hero .duet-hero-image-wrapper.sc-duet-hero{top:-40px;right:-80px;width:536px;padding-bottom:470px}}@media (min-width: 76.25em){/*!@.duet-hero-image-wrapper*/.duet-hero-image-wrapper.sc-duet-hero{top:-70px;right:-60px;width:600px;padding-bottom:600px}/*!@.duet-theme-turva .duet-hero-image-wrapper*/.duet-theme-turva.sc-duet-hero .duet-hero-image-wrapper.sc-duet-hero{top:-70px;right:-60px;width:650px;padding-bottom:600px}}@media screen and (min-width: 1450px){/*!@.duet-hero-image-wrapper*/.duet-hero-image-wrapper.sc-duet-hero{top:-70px;right:25px}/*!@.duet-theme-turva .duet-hero-image-wrapper*/.duet-theme-turva.sc-duet-hero .duet-hero-image-wrapper.sc-duet-hero{right:0}}/*!@.duet-hero-image-wrapper .duet-hero-image*/.duet-hero-image-wrapper.sc-duet-hero .duet-hero-image.sc-duet-hero{position:absolute;top:-5%;left:-5%;width:110%;height:110%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;transform:rotate(-10deg)}/*!@.duet-theme-turva .duet-hero-image-wrapper .duet-hero-image*/.duet-theme-turva.sc-duet-hero .duet-hero-image-wrapper.sc-duet-hero .duet-hero-image.sc-duet-hero{top:0;left:0;width:100%;height:100%;transform:none}/*!@.duet-hero-image-mask*/.duet-hero-image-mask.sc-duet-hero{position:relative;margin:-48px auto 0;overflow:hidden}@media (min-width: 62em){/*!@.duet-hero-image-mask*/.duet-hero-image-mask.sc-duet-hero{position:absolute;top:0;right:0;width:470px;height:460px;margin:0}}@media (min-width: 76.25em){/*!@.duet-hero-image-mask*/.duet-hero-image-mask.sc-duet-hero{width:650px;height:580px}}@media screen and (min-width: 1450px){/*!@.duet-hero-image-mask*/.duet-hero-image-mask.sc-duet-hero{right:50%;transform:translateX(110%)}/*!@.duet-theme-turva .duet-hero-image-mask*/.duet-theme-turva.sc-duet-hero .duet-hero-image-mask.sc-duet-hero{transform:translateX(108%)}}/*!@duet-heading + duet-button*/duet-heading.sc-duet-hero+duet-button.sc-duet-hero{margin-top:12px !important}/*!@.duet-hero-links*/.duet-hero-links.sc-duet-hero{width:calc(100% + 56px);margin-top:48px;margin-left:-28px}/*!@.duet-hero-minimal .duet-hero-links*/.duet-hero-minimal.sc-duet-hero .duet-hero-links.sc-duet-hero{margin-top:28px}@media (min-width: 36em){/*!@.duet-hero-links*/.duet-hero-links.sc-duet-hero{margin-top:72px}/*!@.duet-hero-minimal .duet-hero-links*/.duet-hero-minimal.sc-duet-hero .duet-hero-links.sc-duet-hero{margin-top:28px}}@media (min-width: 62em){/*!@.duet-hero-links*/.duet-hero-links.sc-duet-hero{width:auto;margin:36px 0 0}/*!@.duet-hero-minimal .duet-hero-links*/.duet-hero-minimal.sc-duet-hero .duet-hero-links.sc-duet-hero{margin-top:28px}}/*!@.duet-hero-link*/.duet-hero-link.sc-duet-hero{display:flex;align-items:center;width:100%;padding:16px 16px 8px;font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.25;color:#0077b3;text-align:left;text-decoration:none;border-bottom:1px solid #e1e3e6;transition:background-color 300ms ease}/*!@.duet-hero-link:focus*/.duet-hero-link.sc-duet-hero:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-hero-link:focus, .duet-hero-link:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-hero .duet-hero-link.sc-duet-hero:focus,.duet-hero-link.sc-duet-hero:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-hero-link:hover, .duet-hero-link:hover .duet-hero-action-arrow*/.duet-hero-link.sc-duet-hero:hover,.duet-hero-link.sc-duet-hero:hover .duet-hero-action-arrow.sc-duet-hero{color:#004d80 !important;background:transparent !important}/*!@.duet-theme-turva .duet-hero-link:hover, .duet-theme-turva .duet-hero-link:hover .duet-hero-action-arrow*/.duet-theme-turva.sc-duet-hero .duet-hero-link.sc-duet-hero:hover,.duet-theme-turva.sc-duet-hero .duet-hero-link.sc-duet-hero:hover .duet-hero-action-arrow.sc-duet-hero{color:#940925 !important}/*!@.duet-theme-turva .duet-hero-link*/.duet-theme-turva.sc-duet-hero .duet-hero-link.sc-duet-hero{color:#c60c30}@media (min-width: 36em){/*!@.duet-hero-link*/.duet-hero-link.sc-duet-hero{padding:16px 16px 16px 28px}}@media (min-width: 62em){/*!@.duet-hero-link*/.duet-hero-link.sc-duet-hero{display:inline-flex;width:auto;max-width:350px;padding:0;margin:0 28px 16px 0;border:0;border-radius:4px}}/*!@.duet-hero-link:hover*/.duet-hero-link.sc-duet-hero:hover{background:rgba(0, 0, 0, 0.02)}@media (min-width: 62em){/*!@.duet-hero-link:hover*/.duet-hero-link.sc-duet-hero:hover{background:transparent}}/*!@.duet-hero-link:first-of-type*/.duet-hero-link.sc-duet-hero:first-of-type{border-top:1px solid #e1e3e6}@media (min-width: 62em){/*!@.duet-hero-link:first-of-type*/.duet-hero-link.sc-duet-hero:first-of-type{margin-top:0;border:0}}/*!@.duet-hero-link:last-of-type*/.duet-hero-link.sc-duet-hero:last-of-type{margin-bottom:-48px}@media (min-width: 62em){/*!@.duet-hero-link:last-of-type*/.duet-hero-link.sc-duet-hero:last-of-type{margin-right:0;margin-bottom:0}}/*!@.duet-hero-link span*/.duet-hero-link.sc-duet-hero span.sc-duet-hero{margin-top:-8px}@media (min-width: 36em){/*!@.duet-hero-link span*/.duet-hero-link.sc-duet-hero span.sc-duet-hero{margin:0}}/*!@.duet-hero-action-icon*/.duet-hero-action-icon.sc-duet-hero{margin-right:8px}@media (min-width: 36em){/*!@.duet-hero-action-icon*/.duet-hero-action-icon.sc-duet-hero{margin-right:12px}}/*!@.duet-hero-action-arrow*/.duet-hero-action-arrow.sc-duet-hero{margin:0 0 0 8px;color:#0077b3}@media (max-width: 35.9375em){/*!@.duet-hero-action-arrow*/.duet-hero-action-arrow.sc-duet-hero{margin-top:-9px}}/*!@.duet-theme-turva .duet-hero-action-arrow*/.duet-theme-turva.sc-duet-hero .duet-hero-action-arrow.sc-duet-hero{color:#c60c30}/*!@.duet-hero-back*/.duet-hero-back.sc-duet-hero{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center}/*!@.duet-hero-left-align .duet-hero-back*/.duet-hero-left-align.sc-duet-hero .duet-hero-back.sc-duet-hero{align-items:self-start;justify-content:flex-start}@media (min-width: 36em){/*!@.duet-hero-back*/.duet-hero-back.sc-duet-hero{margin-bottom:36px !important}/*!@.duet-hero-minimal .duet-hero-back*/.duet-hero-minimal.sc-duet-hero .duet-hero-back.sc-duet-hero{margin-bottom:28px !important}}@media (min-width: 62em){/*!@.duet-hero-back*/.duet-hero-back.sc-duet-hero{display:block}}/*!@.duet-hero-pre*/.duet-hero-pre.sc-duet-hero{display:inline-block;width:auto;margin-right:8px}/*!@.duet-hero-pre + duet-heading*/.duet-hero-pre.sc-duet-hero+duet-heading.sc-duet-hero{margin-top:0 !important}";
11587
11568
 
11588
11569
  /**
11570
+ * @part duet-hero - piercing selector for styling the hero container
11589
11571
  * @slot default - This is an unamed slot for a text or extra button that is placed after any buttons (or list item)
11590
11572
  * @slot badge - This is a slot for a status badge that sits next to pre-heading inside the hero component.
11573
+ * @slot bottom - This is a slot for content under the main hero content.
11574
+ * @slot heading - This is a slot for heading content inside the hero component.
11591
11575
  */
11592
11576
  class DuetHero {
11593
11577
  constructor(hostRef) {
@@ -11606,6 +11590,7 @@ class DuetHero {
11606
11590
  */
11607
11591
  this.theme = "";
11608
11592
  /**
11593
+ * @deprecated please use heading slot instead.
11609
11594
  * The heading of the hero area, rendered in an H1 tag. P.S. you can control
11610
11595
  * the level of the HTML heading by using “level” prop. If empty, heading
11611
11596
  * will be hidden.
@@ -11777,13 +11762,13 @@ class DuetHero {
11777
11762
  "duet-hero-gray-with-back": !!this.processedBack,
11778
11763
  "duet-hero-text-center": this.textCenter && !this.leftAlign,
11779
11764
  "duet-hero-left-align": this.leftAlign,
11780
- } }, hAsync("div", { class: "duet-hero-wrapper" }, this.image && this.variation === "image" && (hAsync("div", { class: "duet-hero-image-mask" }, hAsync("div", { class: "duet-hero-image-wrapper" }, hAsync("div", { class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
11765
+ }, part: "duet-hero" }, hAsync("div", { class: "duet-hero-wrapper" }, this.image && this.variation === "image" && (hAsync("div", { class: "duet-hero-image-mask" }, hAsync("div", { class: "duet-hero-image-wrapper" }, hAsync("div", { class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
11781
11766
  this.processedBack && (hAsync("div", { class: "duet-hero-back" }, hAsync("duet-button", { style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
11782
11767
  label: this.processedBack.label,
11783
11768
  href: this.processedBack.href,
11784
11769
  id: this.processedBack.id,
11785
11770
  analyticsId: this.processedBack.analyticsId,
11786
- }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { class: "duet-hero-text" }, this.preHeading && (hAsync("duet-paragraph", { margin: "none", class: "duet-hero-pre" }, this.preHeading)), hAsync("slot", { name: "badge" }), hAsync("duet-heading", { theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: this.variation === "default" ? "gray-lightest" : "", visualLevel: this.variation === "gray" || this.variation === "minimal" ? "h2" : "h1" }, this.heading), this.description && (hAsync("duet-paragraph", { theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("span", { class: "duet-hero-slot-unnamed" }, hAsync("slot", null))), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image && this.variation !== "image" && hAsync("div", { class: "duet-hero-image", style: styles }))));
11771
+ }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { class: "duet-hero-text" }, this.preHeading && (hAsync("duet-paragraph", { margin: "none", class: "duet-hero-pre" }, this.preHeading)), hAsync("slot", { name: "badge" }), hAsync("duet-heading", { theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: this.variation === "default" ? "gray-lightest" : "", visualLevel: this.variation === "gray" || this.variation === "minimal" ? "h2" : "h1" }, this.heading ? this.heading : hAsync("slot", { name: "heading" })), this.description && (hAsync("duet-paragraph", { theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("span", { class: "duet-hero-slot-unnamed" }, hAsync("slot", null))), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image && this.variation !== "image" && hAsync("div", { class: "duet-hero-image", style: styles }), hAsync("slot", { name: "bottom" }))));
11787
11772
  }
11788
11773
  get element() { return getElement(this); }
11789
11774
  static get watchers() { return {
@@ -17671,14 +17656,6 @@ class DuetUpload {
17671
17656
  * @example [{ id: "success", label: {fi: "Onnistunut", en: "Success", sv: "Alt klart", }}]
17672
17657
  */
17673
17658
  this.groups = [
17674
- {
17675
- id: this.DefaultGroups.inprogress,
17676
- label: {
17677
- fi: "Kesken olevat tiedostot",
17678
- sv: "Filer inprogress",
17679
- en: "Files inprogress",
17680
- },
17681
- },
17682
17659
  {
17683
17660
  id: this.DefaultGroups.pending,
17684
17661
  label: {
@@ -17703,6 +17680,14 @@ class DuetUpload {
17703
17680
  en: "Files with errors",
17704
17681
  },
17705
17682
  },
17683
+ {
17684
+ id: this.DefaultGroups.inprogress,
17685
+ label: {
17686
+ fi: "Kesken olevat tiedostot",
17687
+ sv: "Filer inprogress",
17688
+ en: "Files inprogress",
17689
+ },
17690
+ },
17706
17691
  ];
17707
17692
  this.kick = debounce(() => {
17708
17693
  this.tick = Date.now();
@@ -18083,17 +18068,17 @@ class DuetUpload {
18083
18068
  }
18084
18069
  });
18085
18070
  return {
18086
- inprogress,
18087
18071
  pending,
18088
18072
  failure,
18089
18073
  success,
18074
+ inprogress,
18090
18075
  };
18091
18076
  };
18092
18077
  this.getColumns = (group) => {
18093
18078
  return [
18094
18079
  {
18095
18080
  sort_order: 1,
18096
- direction: 1,
18081
+ direction: -1,
18097
18082
  index: 0,
18098
18083
  key: group.id,
18099
18084
  label: group.label,
package/lib/cjs/duet-action-button.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
  const jsUtils = require('./js-utils-be1d29ae.js');
package/lib/cjs/duet-alert.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const languageUtils = require('./language-utils-4f62a7db.js');
11
11
  require('./string-utils-5cadd058.js');
package/lib/cjs/duet-badge.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
 
11
11
  const duetBadgeCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;color:#00294d;text-align:center;word-break:break-word;vertical-align:middle;background:#e6f1f7;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:#171c3a;background:#e8e8eb}.duet-badge.warning{background:#fef3df}.duet-badge.warning.duet-theme-turva{background:#fef1db}.duet-badge.danger{background:#fce9ef}.duet-badge.danger.duet-theme-turva{background:#fceae7}.duet-badge.success{background:#e6f3ef}.duet-badge.success.duet-theme-turva{background:#e6f3ed}";
package/lib/cjs/duet-breadcrumb.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
 
11
11
  const duetBreadcrumbCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;color:#00294d;text-decoration:none}.duet-breadcrumb:hover{color:#004d80}.duet-breadcrumb.duet-theme-turva{color:#171c3a}.duet-breadcrumb.duet-theme-turva:hover{color:#940925}.duet-breadcrumb:focus{outline:0}.duet-breadcrumb:active{opacity:0.75}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
package/lib/cjs/duet-breadcrumbs.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const languageUtils = require('./language-utils-4f62a7db.js');
11
11
  require('./string-utils-5cadd058.js');
package/lib/cjs/duet-button_2.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const commonStrings = require('./common-strings-de17f887.js');
11
11
  const languageUtils = require('./language-utils-4f62a7db.js');
package/lib/cjs/duet-caption_4.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const stringUtils = require('./string-utils-5cadd058.js');
11
11
  const tokenUtils = require('./token-utils-fef5b4eb.js');
package/lib/cjs/duet-card.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
  const keyboardUtils = require('./keyboard-utils-bb32119b.js');
package/lib/cjs/duet-checkbox.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
 
package/lib/cjs/duet-choice_2.cjs.entry.js CHANGED
@@ -5,11 +5,11 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const commonStrings = require('./common-strings-de17f887.js');
11
11
  const createId = require('./create-id-c3b984b1.js');
12
- const focusUtils = require('./focus-utils-7c1832b2.js');
12
+ const focusUtils = require('./focus-utils-61a69e27.js');
13
13
  const keyboardUtils = require('./keyboard-utils-bb32119b.js');
14
14
  const languageUtils = require('./language-utils-4f62a7db.js');
15
15
  const watchOptions = require('./watch-options-d88afac0.js');
package/lib/cjs/duet-collapsible.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const actionArrowDownSmall = require('./action-arrow-down-small-ef77a2d1.js');
10
10
  const tokens = require('./tokens-29450bcb.js');
11
11
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
package/lib/cjs/duet-combobox.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const jsUtils = require('./js-utils-be1d29ae.js');
11
11
  const keyboardUtils = require('./keyboard-utils-bb32119b.js');
package/lib/cjs/duet-cookie-consent.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
 
11
11
  const duetCookieConsentCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;color:white !important;background-color:rgba(0, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(0, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:white !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url(\"data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+\") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
package/lib/cjs/duet-date-picker.cjs.entry.js CHANGED
@@ -5,10 +5,10 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
- const focusUtils = require('./focus-utils-7c1832b2.js');
11
+ const focusUtils = require('./focus-utils-61a69e27.js');
12
12
  const languageUtils = require('./language-utils-4f62a7db.js');
13
13
  require('./string-utils-5cadd058.js');
14
14
 
package/lib/cjs/duet-divider_2.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
 
11
11
  const duetDividerCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:#e1e3e6}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:#e4e4e6}";
package/lib/cjs/duet-editable-table_3.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const jsUtils = require('./js-utils-be1d29ae.js');
11
11
  const keyboardUtils = require('./keyboard-utils-bb32119b.js');
@@ -1001,14 +1001,6 @@ const DuetUpload = class {
1001
1001
  * @example [{ id: "success", label: {fi: "Onnistunut", en: "Success", sv: "Alt klart", }}]
1002
1002
  */
1003
1003
  this.groups = [
1004
- {
1005
- id: this.DefaultGroups.inprogress,
1006
- label: {
1007
- fi: "Kesken olevat tiedostot",
1008
- sv: "Filer inprogress",
1009
- en: "Files inprogress",
1010
- },
1011
- },
1012
1004
  {
1013
1005
  id: this.DefaultGroups.pending,
1014
1006
  label: {
@@ -1033,6 +1025,14 @@ const DuetUpload = class {
1033
1025
  en: "Files with errors",
1034
1026
  },
1035
1027
  },
1028
+ {
1029
+ id: this.DefaultGroups.inprogress,
1030
+ label: {
1031
+ fi: "Kesken olevat tiedostot",
1032
+ sv: "Filer inprogress",
1033
+ en: "Files inprogress",
1034
+ },
1035
+ },
1036
1036
  ];
1037
1037
  this.kick = jsUtils.debounce(() => {
1038
1038
  this.tick = Date.now();
@@ -1413,17 +1413,17 @@ const DuetUpload = class {
1413
1413
  }
1414
1414
  });
1415
1415
  return {
1416
- inprogress,
1417
1416
  pending,
1418
1417
  failure,
1419
1418
  success,
1419
+ inprogress,
1420
1420
  };
1421
1421
  };
1422
1422
  this.getColumns = (group) => {
1423
1423
  return [
1424
1424
  {
1425
1425
  sort_order: 1,
1426
- direction: 1,
1426
+ direction: -1,
1427
1427
  index: 0,
1428
1428
  key: group.id,
1429
1429
  label: group.label,
package/lib/cjs/duet-empty-state.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
 
11
11
  const duetEmptyStateCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:48px;color:#00294d;text-align:center;background:#f5f8fa;border-radius:4px}.duet-empty-state.duet-theme-turva{color:#171c3a;background:#f5f5f7}";
package/lib/cjs/duet-fieldset.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
 
package/lib/cjs/duet-footer.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
10
10
  const commonStrings = require('./common-strings-de17f887.js');
11
11
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
package/lib/cjs/duet-grid_2.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const tokens = require('./tokens-29450bcb.js');
10
10
  const watchOptions = require('./watch-options-d88afac0.js');
11
11
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
package/lib/cjs/duet-header_2.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const formSearch = require('./form-search-d61b2843.js');
10
10
  const tokens = require('./tokens-29450bcb.js');
11
11
  const bodyScrollLock_es6 = require('./bodyScrollLock.es6-6ef1142a.js');
package/lib/cjs/duet-hero.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
10
10
  const commonStrings = require('./common-strings-de17f887.js');
11
11
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
@@ -31,6 +31,7 @@ const DuetHero = class {
31
31
  */
32
32
  this.theme = "";
33
33
  /**
34
+ * @deprecated please use heading slot instead.
34
35
  * The heading of the hero area, rendered in an H1 tag. P.S. you can control
35
36
  * the level of the HTML heading by using “level” prop. If empty, heading
36
37
  * will be hidden.
@@ -202,13 +203,13 @@ const DuetHero = class {
202
203
  "duet-hero-gray-with-back": !!this.processedBack,
203
204
  "duet-hero-text-center": this.textCenter && !this.leftAlign,
204
205
  "duet-hero-left-align": this.leftAlign,
205
- } }, index.h("div", { class: "duet-hero-wrapper" }, this.image && this.variation === "image" && (index.h("div", { class: "duet-hero-image-mask" }, index.h("div", { class: "duet-hero-image-wrapper" }, index.h("div", { class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
206
+ }, part: "duet-hero" }, index.h("div", { class: "duet-hero-wrapper" }, this.image && this.variation === "image" && (index.h("div", { class: "duet-hero-image-mask" }, index.h("div", { class: "duet-hero-image-wrapper" }, index.h("div", { class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
206
207
  this.processedBack && (index.h("div", { class: "duet-hero-back" }, index.h("duet-button", { style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
207
208
  label: this.processedBack.label,
208
209
  href: this.processedBack.href,
209
210
  id: this.processedBack.id,
210
211
  analyticsId: this.processedBack.analyticsId,
211
- }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (index.h("duet-icon", { class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), index.h("div", { class: "duet-hero-text" }, this.preHeading && (index.h("duet-paragraph", { margin: "none", class: "duet-hero-pre" }, this.preHeading)), index.h("slot", { name: "badge" }), index.h("duet-heading", { theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: this.variation === "default" ? "gray-lightest" : "", visualLevel: this.variation === "gray" || this.variation === "minimal" ? "h2" : "h1" }, this.heading), this.description && (index.h("duet-paragraph", { theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (index.h("duet-list", { theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (index.h("duet-list-item", null, index.h("span", { slot: "label" }, item.label), index.h("span", { slot: "value" }, item.value)))))), this.buttonLabel && (index.h("duet-button", { url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), index.h("span", { class: "duet-hero-slot-unnamed" }, index.h("slot", null))), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (index.h("div", { class: "duet-hero-links" }, this.processedActions.map(item => (index.h("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, index.h("div", { class: "duet-hero-action-icon" }, index.h("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), index.h("span", null, item.label), item.external && index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (index.h("div", { class: "duet-hero-action-arrow" }, index.h("duet-icon", { icon: actionNewWindowSmall.actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image && this.variation !== "image" && index.h("div", { class: "duet-hero-image", style: styles }))));
212
+ }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (index.h("duet-icon", { class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), index.h("div", { class: "duet-hero-text" }, this.preHeading && (index.h("duet-paragraph", { margin: "none", class: "duet-hero-pre" }, this.preHeading)), index.h("slot", { name: "badge" }), index.h("duet-heading", { theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: this.variation === "default" ? "gray-lightest" : "", visualLevel: this.variation === "gray" || this.variation === "minimal" ? "h2" : "h1" }, this.heading ? this.heading : index.h("slot", { name: "heading" })), this.description && (index.h("duet-paragraph", { theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (index.h("duet-list", { theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (index.h("duet-list-item", null, index.h("span", { slot: "label" }, item.label), index.h("span", { slot: "value" }, item.value)))))), this.buttonLabel && (index.h("duet-button", { url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), index.h("span", { class: "duet-hero-slot-unnamed" }, index.h("slot", null))), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (index.h("div", { class: "duet-hero-links" }, this.processedActions.map(item => (index.h("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, index.h("div", { class: "duet-hero-action-icon" }, index.h("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), index.h("span", null, item.label), item.external && index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (index.h("div", { class: "duet-hero-action-arrow" }, index.h("duet-icon", { icon: actionNewWindowSmall.actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image && this.variation !== "image" && index.h("div", { class: "duet-hero-image", style: styles }), index.h("slot", { name: "bottom" }))));
212
213
  }
213
214
  get element() { return index.getElement(this); }
214
215
  static get watchers() { return {
package/lib/cjs/duet-icon.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const tokenUtils = require('./token-utils-fef5b4eb.js');
11
11
  require('./tokens.module-ef598645.js');
package/lib/cjs/duet-input_2.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const formSearch = require('./form-search-d61b2843.js');
10
10
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
11
11
  const createId = require('./create-id-c3b984b1.js');
package/lib/cjs/duet-layout.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const isInternetExplorer = require('./is-internet-explorer-91361c56.js');
10
10
 
11
11
  const duetLayoutCss = "*,*::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:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-layout-has-top{margin-top:0}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%;margin:72px auto 0}.duet-layout-top.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";
package/lib/cjs/duet-list_2.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const watchOptions = require('./watch-options-d88afac0.js');
11
11
 
package/lib/cjs/duet-modal.cjs.entry.js CHANGED
@@ -5,11 +5,11 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const bodyScrollLock_es6 = require('./bodyScrollLock.es6-6ef1142a.js');
10
10
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
11
11
  const createId = require('./create-id-c3b984b1.js');
12
- const focusUtils = require('./focus-utils-7c1832b2.js');
12
+ const focusUtils = require('./focus-utils-61a69e27.js');
13
13
  const keyboardUtils = require('./keyboard-utils-bb32119b.js');
14
14
  const languageUtils = require('./language-utils-4f62a7db.js');
15
15
  require('./string-utils-5cadd058.js');
package/lib/cjs/duet-notification_2.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const languageUtils = require('./language-utils-4f62a7db.js');
11
11
  const actionArrowDownSmall = require('./action-arrow-down-small-ef77a2d1.js');
package/lib/cjs/duet-number-input.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
  const keyboardUtils = require('./keyboard-utils-bb32119b.js');
package/lib/cjs/duet-pagination_2.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
  const jsUtils = require('./js-utils-be1d29ae.js');
package/lib/cjs/duet-progress.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
  const languageUtils = require('./language-utils-4f62a7db.js');
package/lib/cjs/duet-radio_2.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
  const watchOptions = require('./watch-options-d88afac0.js');
package/lib/cjs/duet-range-slider.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-63f324e3.js');
8
+ const index = require('./index-e68830a0.js');
9
9
  const tokens_module = require('./tokens.module-ef598645.js');
10
10
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
11
11
  const createId = require('./create-id-c3b984b1.js');