@duetds/components 5.1.2 → 5.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (298) hide show
  1. package/hydrate/index.js +226 -37
  2. package/lib/cjs/action-arrow-right-small-a25eb475.js +8 -0
  3. package/lib/cjs/duet-action-button.cjs.entry.js +17 -6
  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 +105 -27
  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 +4 -4
  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-b7b1bede.js → focus-utils-a84555de.js} +1 -1
  47. package/lib/cjs/{index-a521d11c.js → index-d5c2b63c.js} +1 -1
  48. package/lib/cjs/loader.cjs.js +2 -2
  49. package/lib/cjs/{token-utils-f402e205.js → token-utils-50a1f7e2.js} +16 -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-action-button/duet-action-button.css +2 -2
  53. package/lib/collection/components/duet-action-button/duet-action-button.js +14 -2
  54. package/lib/collection/components/duet-button/duet-button.css +48 -16
  55. package/lib/collection/components/duet-button/duet-button.js +2 -1
  56. package/lib/collection/components/duet-footer/duet-footer.css +154 -0
  57. package/lib/collection/components/duet-footer/duet-footer.js +135 -5
  58. package/lib/collection/components/duet-header/duet-header.js +1 -1
  59. package/lib/collection/components/duet-input/duet-input.css +49 -0
  60. package/lib/collection/components/duet-input/duet-input.js +132 -3
  61. package/lib/collection/components/duet-step/duet-step.js +1 -1
  62. package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
  63. package/lib/collection/components/duet-table/duet-table.js +1 -1
  64. package/lib/collection/components/duet-upload/duet-upload.js +136 -27
  65. package/lib/collection/components/duet-upload/upload-editable-item-pending.js +7 -0
  66. package/lib/collection/utils/token-utils.js +14 -0
  67. package/lib/custom-elements-bundle/index.js +217 -42
  68. package/lib/duet/duet.esm.js +1 -1
  69. package/lib/duet/duet.js +1 -1
  70. package/lib/duet/{p-00c21573.entry.js → p-032948e5.entry.js} +1 -1
  71. package/lib/duet/{p-c4c1c9e8.entry.js → p-04ac5c4e.entry.js} +1 -1
  72. package/lib/duet/{p-7e46cb73.entry.js → p-05092d95.entry.js} +1 -1
  73. package/lib/duet/{p-56834d68.system.entry.js → p-05ab59af.system.entry.js} +1 -1
  74. package/lib/duet/{p-388ccb59.system.entry.js → p-0dbd1f32.system.entry.js} +1 -1
  75. package/lib/duet/{p-a87a33f4.system.entry.js → p-0f1327c5.system.entry.js} +1 -1
  76. package/lib/duet/{p-11adc839.entry.js → p-0f428b46.entry.js} +1 -1
  77. package/lib/duet/{p-3762c001.system.entry.js → p-111e56ea.system.entry.js} +1 -1
  78. package/lib/duet/{p-b0bde198.system.entry.js → p-1271800f.system.entry.js} +1 -1
  79. package/lib/duet/{p-1bf42e5a.system.entry.js → p-18137a51.system.entry.js} +1 -1
  80. package/lib/duet/p-18cc5627.system.js +4 -0
  81. package/lib/duet/{p-3292f542.system.entry.js → p-199b8120.system.entry.js} +1 -1
  82. package/lib/duet/{p-5ea44650.system.entry.js → p-1eb573fd.system.entry.js} +1 -1
  83. package/lib/duet/{p-309e1d13.entry.js → p-1ef3c483.entry.js} +1 -1
  84. package/lib/duet/p-2271f8d5.system.js +4 -0
  85. package/lib/duet/{p-c76f0697.system.entry.js → p-258f3ccc.system.entry.js} +1 -1
  86. package/lib/duet/{p-14f2d627.entry.js → p-26294067.entry.js} +1 -1
  87. package/lib/duet/p-2879eb73.entry.js +4 -0
  88. package/lib/duet/{p-6bfd3066.system.entry.js → p-28ee491f.system.entry.js} +1 -1
  89. package/lib/duet/p-33e5acf3.entry.js +4 -0
  90. package/lib/duet/{p-ad07f399.js → p-398a79a0.js} +1 -1
  91. package/lib/duet/{p-f708dc6c.system.entry.js → p-3b316fee.system.entry.js} +1 -1
  92. package/lib/duet/{p-1d2717f7.system.entry.js → p-3e654074.system.entry.js} +1 -1
  93. package/lib/duet/{p-42042a04.entry.js → p-3f0c0460.entry.js} +1 -1
  94. package/lib/duet/{p-df4857f8.system.entry.js → p-4017ddb2.system.entry.js} +1 -1
  95. package/lib/duet/{p-0a4b7633.entry.js → p-41582a97.entry.js} +1 -1
  96. package/lib/duet/{p-4cb101e7.entry.js → p-45753e58.entry.js} +1 -1
  97. package/lib/duet/{p-6d85cb27.entry.js → p-45805cfc.entry.js} +1 -1
  98. package/lib/duet/{p-c512a307.system.entry.js → p-45aef220.system.entry.js} +1 -1
  99. package/lib/duet/{p-1f1eb2c6.entry.js → p-45e5f4f4.entry.js} +1 -1
  100. package/lib/duet/{p-a9e9112d.system.entry.js → p-46917bfa.system.entry.js} +1 -1
  101. package/lib/duet/{p-918ad15f.system.entry.js → p-4c080f56.system.entry.js} +1 -1
  102. package/lib/duet/{p-3128467f.entry.js → p-4d4ad632.entry.js} +1 -1
  103. package/lib/duet/{p-bac34cd4.system.entry.js → p-5265e0d0.system.entry.js} +1 -1
  104. package/lib/duet/{p-bef4f0ab.entry.js → p-5742b705.entry.js} +1 -1
  105. package/lib/duet/p-5ce17df4.system.entry.js +4 -0
  106. package/lib/duet/{p-63c4fa58.entry.js → p-5ecfc1ad.entry.js} +1 -1
  107. package/lib/duet/p-6190e2d6.system.js +4 -0
  108. package/lib/duet/{p-a6974134.system.entry.js → p-62e99b72.system.entry.js} +2 -2
  109. package/lib/duet/p-67c75f37.system.entry.js +4 -0
  110. package/lib/duet/{p-77151f3f.entry.js → p-696fb340.entry.js} +1 -1
  111. package/lib/duet/{p-5d223c1b.system.entry.js → p-6d480ff6.system.entry.js} +1 -1
  112. package/lib/duet/{p-6eb9415c.entry.js → p-740f3d97.entry.js} +1 -1
  113. package/lib/duet/p-746c8ba5.js +4 -0
  114. package/lib/duet/{p-b57856ea.system.entry.js → p-75d1f821.system.entry.js} +1 -1
  115. package/lib/duet/{p-d91eec1f.system.entry.js → p-76733981.system.entry.js} +1 -1
  116. package/lib/duet/p-7c1b3583.entry.js +4 -0
  117. package/lib/duet/p-7cbb6eba.js +4 -0
  118. package/lib/duet/{p-8a0299fb.entry.js → p-7dfb2869.entry.js} +1 -1
  119. package/lib/duet/{p-d74e231c.entry.js → p-817aaa83.entry.js} +1 -1
  120. package/lib/duet/{p-70d5c815.entry.js → p-820f1caa.entry.js} +1 -1
  121. package/lib/duet/p-83e6a536.system.entry.js +4 -0
  122. package/lib/duet/{p-39141813.entry.js → p-84603769.entry.js} +1 -1
  123. package/lib/duet/{p-411d8bf6.entry.js → p-85a02775.entry.js} +1 -1
  124. package/lib/duet/{p-82d3171d.system.js → p-88ad1951.system.js} +1 -1
  125. package/lib/duet/{p-971f8880.system.entry.js → p-9601701a.system.entry.js} +1 -1
  126. package/lib/duet/{p-ae1e63fc.system.entry.js → p-96bd1cbc.system.entry.js} +1 -1
  127. package/lib/duet/{p-5e46fd23.entry.js → p-987b7532.entry.js} +1 -1
  128. package/lib/duet/{p-2266dd2f.system.entry.js → p-9af6ba66.system.entry.js} +1 -1
  129. package/lib/duet/p-9bfffd81.system.entry.js +4 -0
  130. package/lib/duet/p-9cca0bb4.js +4 -0
  131. package/lib/duet/{p-5dc7ecff.system.entry.js → p-9ecaa83e.system.entry.js} +1 -1
  132. package/lib/duet/{p-be1bc370.system.entry.js → p-a08af4d9.system.entry.js} +1 -1
  133. package/lib/duet/{p-f233cbe6.js → p-a31268d6.js} +1 -1
  134. package/lib/duet/{p-4990454b.entry.js → p-a712a800.entry.js} +1 -1
  135. package/lib/duet/p-a93a04b9.system.js +4 -0
  136. package/lib/duet/p-aea39e5a.entry.js +4 -0
  137. package/lib/duet/p-b5a180e9.system.entry.js +4 -0
  138. package/lib/duet/{p-0d165a50.system.entry.js → p-bddd664d.system.entry.js} +1 -1
  139. package/lib/duet/{p-c5f6ab22.entry.js → p-c0086352.entry.js} +1 -1
  140. package/lib/duet/{p-1111a916.system.entry.js → p-c2ac1fab.system.entry.js} +1 -1
  141. package/lib/duet/{p-88a9fc7c.system.entry.js → p-c8ad170c.system.entry.js} +1 -1
  142. package/lib/duet/{p-89564214.system.entry.js → p-ca57d285.system.entry.js} +1 -1
  143. package/lib/duet/p-cc2204e6.entry.js +4 -0
  144. package/lib/duet/{p-18fc1046.entry.js → p-cc37da81.entry.js} +1 -1
  145. package/lib/duet/p-d1746325.js +4 -0
  146. package/lib/duet/p-d41db290.system.entry.js +4 -0
  147. package/lib/duet/{p-e3945d28.entry.js → p-dab4fba0.entry.js} +1 -1
  148. package/lib/duet/{p-32358ab8.entry.js → p-db79c34d.entry.js} +1 -1
  149. package/lib/duet/{p-fbfc5798.system.entry.js → p-dbb107d3.system.entry.js} +1 -1
  150. package/lib/duet/{p-1cb29dd2.system.js → p-e133d744.system.js} +1 -1
  151. package/lib/duet/{p-f8f31ff0.system.entry.js → p-e1a86fe6.system.entry.js} +1 -1
  152. package/lib/duet/{p-378615ba.entry.js → p-e3882375.entry.js} +1 -1
  153. package/lib/duet/{p-6440a77d.entry.js → p-ea9ebc20.entry.js} +1 -1
  154. package/lib/duet/{p-906611b7.entry.js → p-eb779add.entry.js} +1 -1
  155. package/lib/duet/{p-7a24425d.entry.js → p-ebf20912.entry.js} +1 -1
  156. package/lib/duet/{p-1028c3a0.system.entry.js → p-ec0d8fa3.system.entry.js} +1 -1
  157. package/lib/duet/{p-f9784014.system.entry.js → p-ed747a10.system.entry.js} +1 -1
  158. package/lib/duet/{p-b7906516.entry.js → p-ef5be208.entry.js} +1 -1
  159. package/lib/duet/p-f3f0db95.entry.js +4 -0
  160. package/lib/duet/{p-e073de9a.system.entry.js → p-f3f1d874.system.entry.js} +1 -1
  161. package/lib/duet/p-f476cb84.system.js +4 -0
  162. package/lib/duet/p-f4f18841.entry.js +4 -0
  163. package/lib/duet/{p-fc02305a.entry.js → p-fc0e878a.entry.js} +1 -1
  164. package/lib/duet/{p-02ebff5d.entry.js → p-fc29251a.entry.js} +1 -1
  165. package/lib/duet/p-fdb59ab3.entry.js +4 -0
  166. package/lib/duet/{p-33473844.system.entry.js → p-ff56790f.system.entry.js} +1 -1
  167. package/lib/esm/action-arrow-right-small-f9d2ba83.js +6 -0
  168. package/lib/esm/duet-action-button.entry.js +17 -6
  169. package/lib/esm/duet-alert.entry.js +1 -1
  170. package/lib/esm/duet-badge.entry.js +1 -1
  171. package/lib/esm/duet-breadcrumb.entry.js +1 -1
  172. package/lib/esm/duet-breadcrumbs.entry.js +2 -3
  173. package/lib/esm/duet-button_2.entry.js +5 -4
  174. package/lib/esm/duet-caption_4.entry.js +3 -3
  175. package/lib/esm/duet-card.entry.js +3 -3
  176. package/lib/esm/duet-checkbox.entry.js +1 -1
  177. package/lib/esm/duet-choice_2.entry.js +2 -2
  178. package/lib/esm/duet-collapsible.entry.js +2 -2
  179. package/lib/esm/duet-combobox.entry.js +1 -1
  180. package/lib/esm/duet-cookie-consent.entry.js +1 -1
  181. package/lib/esm/duet-date-picker.entry.js +2 -2
  182. package/lib/esm/duet-divider_2.entry.js +1 -1
  183. package/lib/esm/duet-editable-table_3.entry.js +105 -27
  184. package/lib/esm/duet-empty-state.entry.js +1 -1
  185. package/lib/esm/duet-fieldset.entry.js +1 -1
  186. package/lib/esm/duet-footer.entry.js +23 -4
  187. package/lib/esm/duet-grid_2.entry.js +2 -2
  188. package/lib/esm/duet-header_2.entry.js +4 -4
  189. package/lib/esm/duet-hero.entry.js +1 -1
  190. package/lib/esm/duet-icon.entry.js +3 -3
  191. package/lib/esm/duet-input_2.entry.js +56 -4
  192. package/lib/esm/duet-layout.entry.js +1 -1
  193. package/lib/esm/duet-list_2.entry.js +1 -1
  194. package/lib/esm/duet-modal.entry.js +2 -2
  195. package/lib/esm/duet-notification_2.entry.js +1 -1
  196. package/lib/esm/duet-number-input.entry.js +1 -1
  197. package/lib/esm/duet-pagination_2.entry.js +1 -1
  198. package/lib/esm/duet-progress.entry.js +1 -1
  199. package/lib/esm/duet-radio_2.entry.js +1 -1
  200. package/lib/esm/duet-range-slider.entry.js +2 -2
  201. package/lib/esm/duet-scrollable_3.entry.js +1 -1
  202. package/lib/esm/duet-select.entry.js +1 -1
  203. package/lib/esm/duet-step_2.entry.js +2 -2
  204. package/lib/esm/duet-textarea.entry.js +1 -1
  205. package/lib/esm/duet-toggle.entry.js +1 -1
  206. package/lib/esm/duet-tooltip.entry.js +1 -1
  207. package/lib/esm/duet-tray.entry.js +2 -2
  208. package/lib/esm/duet-upload-aria-status.entry.js +1 -1
  209. package/lib/esm/duet-visually-hidden.entry.js +1 -1
  210. package/lib/esm/duet.js +2 -2
  211. package/lib/esm/{focus-utils-8681b5ae.js → focus-utils-b869910b.js} +1 -1
  212. package/lib/esm/{index-ff5be49a.js → index-1e15387b.js} +1 -1
  213. package/lib/esm/loader.js +2 -2
  214. package/lib/esm/{token-utils-e9a69acf.js → token-utils-1f9435bc.js} +16 -2
  215. package/lib/esm/{tokens-e110dc89.js → tokens-8ff8c570.js} +3 -0
  216. package/lib/esm/{tokens.module-49cbf963.js → tokens.module-f4572ed7.js} +2 -0
  217. package/lib/esm-es5/action-arrow-right-small-f9d2ba83.js +4 -0
  218. package/lib/esm-es5/duet-action-button.entry.js +1 -1
  219. package/lib/esm-es5/duet-alert.entry.js +1 -1
  220. package/lib/esm-es5/duet-badge.entry.js +1 -1
  221. package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
  222. package/lib/esm-es5/duet-breadcrumbs.entry.js +2 -2
  223. package/lib/esm-es5/duet-button_2.entry.js +2 -2
  224. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  225. package/lib/esm-es5/duet-card.entry.js +1 -1
  226. package/lib/esm-es5/duet-checkbox.entry.js +1 -1
  227. package/lib/esm-es5/duet-choice_2.entry.js +2 -2
  228. package/lib/esm-es5/duet-collapsible.entry.js +1 -1
  229. package/lib/esm-es5/duet-combobox.entry.js +1 -1
  230. package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
  231. package/lib/esm-es5/duet-date-picker.entry.js +1 -1
  232. package/lib/esm-es5/duet-divider_2.entry.js +1 -1
  233. package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
  234. package/lib/esm-es5/duet-empty-state.entry.js +1 -1
  235. package/lib/esm-es5/duet-fieldset.entry.js +1 -1
  236. package/lib/esm-es5/duet-footer.entry.js +2 -2
  237. package/lib/esm-es5/duet-grid_2.entry.js +1 -1
  238. package/lib/esm-es5/duet-header_2.entry.js +1 -1
  239. package/lib/esm-es5/duet-hero.entry.js +1 -1
  240. package/lib/esm-es5/duet-icon.entry.js +1 -1
  241. package/lib/esm-es5/duet-input_2.entry.js +2 -2
  242. package/lib/esm-es5/duet-layout.entry.js +1 -1
  243. package/lib/esm-es5/duet-list_2.entry.js +1 -1
  244. package/lib/esm-es5/duet-modal.entry.js +1 -1
  245. package/lib/esm-es5/duet-notification_2.entry.js +1 -1
  246. package/lib/esm-es5/duet-number-input.entry.js +1 -1
  247. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  248. package/lib/esm-es5/duet-progress.entry.js +1 -1
  249. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  250. package/lib/esm-es5/duet-range-slider.entry.js +1 -1
  251. package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
  252. package/lib/esm-es5/duet-select.entry.js +1 -1
  253. package/lib/esm-es5/duet-step_2.entry.js +2 -2
  254. package/lib/esm-es5/duet-textarea.entry.js +1 -1
  255. package/lib/esm-es5/duet-toggle.entry.js +1 -1
  256. package/lib/esm-es5/duet-tooltip.entry.js +1 -1
  257. package/lib/esm-es5/duet-tray.entry.js +1 -1
  258. package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
  259. package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
  260. package/lib/esm-es5/duet.js +1 -1
  261. package/lib/esm-es5/{focus-utils-8681b5ae.js → focus-utils-b869910b.js} +1 -1
  262. package/lib/esm-es5/{index-ff5be49a.js → index-1e15387b.js} +1 -1
  263. package/lib/esm-es5/loader.js +1 -1
  264. package/lib/esm-es5/token-utils-1f9435bc.js +4 -0
  265. package/lib/esm-es5/tokens-8ff8c570.js +4 -0
  266. package/lib/esm-es5/{tokens.module-49cbf963.js → tokens.module-f4572ed7.js} +1 -1
  267. package/lib/html.html-data.json +49 -4
  268. package/lib/types/components/duet-button/duet-button.d.ts +1 -1
  269. package/lib/types/components/duet-footer/duet-footer.d.ts +30 -1
  270. package/lib/types/components/duet-input/duet-input.d.ts +23 -0
  271. package/lib/types/components/duet-upload/duet-upload.d.ts +18 -1
  272. package/lib/types/components/duet-upload/upload-editable-item-pending.d.ts +6 -0
  273. package/lib/types/components.d.ts +71 -3
  274. package/lib/types/utils/token-utils.d.ts +1 -0
  275. package/package.json +5 -5
  276. package/lib/duet/p-2227bd88.entry.js +0 -4
  277. package/lib/duet/p-28efbf26.entry.js +0 -4
  278. package/lib/duet/p-2ec15916.entry.js +0 -4
  279. package/lib/duet/p-33701731.system.entry.js +0 -4
  280. package/lib/duet/p-37ec8cc0.system.entry.js +0 -4
  281. package/lib/duet/p-4e2532c7.system.js +0 -4
  282. package/lib/duet/p-6a164c72.entry.js +0 -4
  283. package/lib/duet/p-6ee89e1c.entry.js +0 -4
  284. package/lib/duet/p-8143f3de.js +0 -4
  285. package/lib/duet/p-86565a1a.system.entry.js +0 -4
  286. package/lib/duet/p-87d500c2.system.entry.js +0 -4
  287. package/lib/duet/p-99457149.system.js +0 -4
  288. package/lib/duet/p-a54fb28f.entry.js +0 -4
  289. package/lib/duet/p-bb1a594c.entry.js +0 -4
  290. package/lib/duet/p-bc0356dd.system.entry.js +0 -4
  291. package/lib/duet/p-c8698d8a.js +0 -4
  292. package/lib/duet/p-cb445018.js +0 -4
  293. package/lib/duet/p-d281c96e.system.entry.js +0 -4
  294. package/lib/duet/p-ddb6344c.system.js +0 -4
  295. package/lib/duet/p-f7aa0500.entry.js +0 -4
  296. package/lib/duet/p-fa99eaa4.system.js +0 -4
  297. package/lib/esm-es5/token-utils-e9a69acf.js +0 -4
  298. package/lib/esm-es5/tokens-e110dc89.js +0 -4
package/lib/cjs/duet-footer.cjs.entry.js CHANGED
@@ -5,7 +5,9 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-a521d11c.js');
8
+ const index = require('./index-d5c2b63c.js');
9
+ const actionArrowDownSmall = require('./action-arrow-down-small-ef77a2d1.js');
10
+ const actionArrowRightSmall = require('./action-arrow-right-small-a25eb475.js');
9
11
  const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
10
12
  const commonStrings = require('./common-strings-de17f887.js');
11
13
  const languageUtils = require('./language-utils-4f62a7db.js');
@@ -16,13 +18,18 @@ var actionArrowRight={"title":"action-arrow-right","tags":"action arrow right ca
16
18
 
17
19
  var actionNewWindow={"title":"action-new-window","tags":"arrow open new window tab external link square box rectangle action","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M10.25 2a.75.75 0 1 1 0 1.5h-6.5A2.252 2.252 0 0 0 1.5 5.75v14.5a2.252 2.252 0 0 0 2.25 2.25h14.5a2.252 2.252 0 0 0 2.25-2.25v-6.5a.75.75 0 0 1 1.5 0v6.5A3.754 3.754 0 0 1 18.25 24H3.75A3.754 3.754 0 0 1 0 20.25V5.75A3.754 3.754 0 0 1 3.75 2zm12.985-2c.1 0 .198.02.29.058l.025.011a.726.726 0 0 1 .15.091l.066.059a.755.755 0 0 1 .109.138l.051.1c.04.092.06.192.06.293l-.001 6.363c0 .2-.078.389-.22.53a.743.743 0 0 1-.53.22.743.743 0 0 1-.53-.22.743.743 0 0 1-.22-.53V2.559L15.28 9.764a.75.75 0 0 1-1.06-1.06l7.204-7.205h-4.553a.744.744 0 0 1-.75-.75c0-.2.078-.388.22-.53A.743.743 0 0 1 16.87 0z\"/></svg>"};
18
20
 
19
- 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}";
21
+ 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}";
20
22
 
21
23
  const i18n = {
22
24
  fi: { lahi: "© LähiTapiola", turva: "© Turva" },
23
25
  sv: { lahi: "© LokalTapiola", turva: "© Turva" },
24
26
  en: { lahi: "© LocalTapiola", turva: "© Turva" },
25
27
  };
28
+ const i18nMultilevel = {
29
+ fi: { lahi: "© LähiTapiola", turva: "© Keskinäinen Vakuutusyhtiö Turva" },
30
+ sv: { lahi: "© LokalTapiola", turva: "© Keskinäinen Vakuutusyhtiö Turva" },
31
+ en: { lahi: "© LocalTapiola", turva: "© Keskinäinen Vakuutusyhtiö Turva" },
32
+ };
26
33
  const createEvent = (ev, data) => ({
27
34
  component: "duet-footer",
28
35
  data,
@@ -40,7 +47,11 @@ const DuetFooter = class {
40
47
  * State() variables
41
48
  * Inlined decorator, alphabetical order.
42
49
  */
50
+ this.processedMainItem = null;
43
51
  this.processedItems = null;
52
+ this.processedSecondaryItems = null;
53
+ this.processedTertiaryMainItem = null;
54
+ this.processedTertiaryItems = null;
44
55
  this.processedMenu = null;
45
56
  /**
46
57
  * Theme of the navigation.
@@ -115,7 +126,11 @@ const DuetFooter = class {
115
126
  * Local methods
116
127
  */
117
128
  async refresh() {
129
+ this.processedMainItem = stringUtils.parsePossibleJSON(this.mainItem);
118
130
  this.processedItems = stringUtils.parsePossibleJSON(this.items);
131
+ this.processedSecondaryItems = stringUtils.parsePossibleJSON(this.secondaryItems);
132
+ this.processedTertiaryMainItem = stringUtils.parsePossibleJSON(this.tertiaryMainItem);
133
+ this.processedTertiaryItems = stringUtils.parsePossibleJSON(this.tertiaryItems);
119
134
  this.processedMenu = stringUtils.parsePossibleJSON(this.menu);
120
135
  }
121
136
  /**
@@ -123,16 +138,20 @@ const DuetFooter = class {
123
138
  * Always the last one in the class.
124
139
  */
125
140
  render() {
126
- const text = languageUtils.getLocaleString(i18n);
141
+ const text = this.variation === "multilevel" ? languageUtils.getLocaleString(i18nMultilevel) : languageUtils.getLocaleString(i18n);
127
142
  const copyrightLabel = this.theme === "turva" ? text.turva : text.lahi;
128
143
  return (index.h("footer", { class: {
129
144
  "duet-footer": true,
130
145
  "duet-m-0": this.margin === "none",
131
146
  "duet-theme-turva": this.theme === "turva",
132
147
  "duet-footer-simple": this.variation === "simple",
148
+ "duet-footer-multilevel": this.variation === "multilevel",
133
149
  } }, index.h("div", { class: "duet-footer-wrapper" }, index.h("div", { class: "duet-footer-top", part: "top" }, this.variation !== "simple" && (index.h("duet-logo", { href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), this.processedItems &&
134
150
  this.variation !== "simple" &&
135
- this.processedItems.map(item => (index.h("a", { class: "duet-footer-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, item) }, index.h("div", { class: "duet-footer-icon" }, index.h("duet-icon", { size: "medium", margin: "none", name: item.icon, color: "currentColor" })), index.h("span", null, item.label), item.external && index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), index.h("div", { class: "duet-footer-arrow" }, item.external ? (index.h("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" })) : (index.h("duet-icon", { icon: actionArrowRight.svg, size: "auto", margin: "none", color: "currentColor" }))))))), index.h("p", { class: "duet-footer-menu", part: "menu" }, index.h("span", { class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), this.processedMenu && (index.h(index.Fragment, null, index.h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/"), this.processedMenu.map(item => (index.h("a", { href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item) }, item.label, item.external && (index.h(index.Fragment, null, index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), index.h("div", { class: "duet-footer-external" }, index.h("duet-icon", { icon: actionNewWindowSmall.actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), index.h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/"))))))))));
151
+ this.variation !== "multilevel" &&
152
+ this.processedItems.map(item => (index.h("a", { class: "duet-footer-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, item) }, index.h("div", { class: "duet-footer-icon" }, index.h("duet-icon", { size: "medium", margin: "none", name: item.icon, color: "currentColor" })), index.h("span", null, item.label), item.external && index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), index.h("div", { class: "duet-footer-arrow" }, item.external ? (index.h("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" })) : (index.h("duet-icon", { icon: actionArrowRight.svg, size: "auto", margin: "none", color: "currentColor" })))))), this.processedItems && this.variation === "multilevel" && (index.h("div", { class: "multilevel" }, index.h("div", { class: "multilevel-left" }, index.h("div", { class: "multilevel-main-item" }, this.processedMainItem && (index.h("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) }, index.h("span", null, this.processedMainItem.label), this.processedMainItem.external && (index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal)), index.h("div", { class: "duet-footer-arrow" }, this.processedMainItem.external && (index.h("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" })))))), index.h("div", { class: "multilevel-primary-items" }, this.processedItems.map(item => (index.h("a", { class: "duet-footer-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, item) }, index.h("div", { class: "duet-footer-icon" }, index.h("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor" })), index.h("span", null, item.label), item.external && index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), index.h("div", { class: "duet-footer-arrow" }, item.external && (index.h("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" }))))))), index.h("div", { class: "multilevel-secondary-items" }, this.processedSecondaryItems &&
153
+ this.processedSecondaryItems.map(item => (index.h("a", { class: "duet-footer-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, item) }, index.h("span", null, item.label), item.external && (index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal)), index.h("div", { class: "duet-footer-arrow" }, item.external ? (index.h("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" })) : (index.h("duet-icon", { icon: actionArrowRightSmall.actionArrowRightSmall.svg, size: "auto", margin: "none", color: "currentColor" })))))))), index.h("div", { class: "multilevel-right" }, this.processedTertiaryMainItem && (index.h("span", { class: "duet-footer-link tertiary-main-item", id: this.processedTertiaryMainItem.id }, index.h("span", null, this.processedTertiaryMainItem.label), this.processedTertiaryMainItem.external && (index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal)), index.h("div", { class: "duet-footer-arrow" }, index.h("duet-icon", { icon: actionArrowDownSmall.actionArrowDownSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), this.processedTertiaryItems &&
154
+ this.processedTertiaryItems.map(item => (index.h("a", { class: "duet-footer-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, item) }, index.h("span", null, item.label), item.external && index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), index.h("div", { class: "duet-footer-arrow" }, item.external && (index.h("duet-icon", { icon: actionNewWindow.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))))), index.h("slot", { name: "extra" }), index.h("p", { class: "duet-footer-menu", part: "menu" }, index.h("span", { class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), this.processedMenu && (index.h(index.Fragment, null, this.variation !== "multilevel" && (index.h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")), this.processedMenu.map(item => (index.h("a", { href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item) }, item.label, item.external && (index.h(index.Fragment, null, index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), index.h("div", { class: "duet-footer-external" }, index.h("duet-icon", { icon: actionNewWindowSmall.actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), index.h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/"))))))), this.variation === "multilevel" && (index.h("p", { class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`)))));
136
155
  }
137
156
  get element() { return index.getElement(this); }
138
157
  static get watchers() { return {
package/lib/cjs/duet-grid_2.cjs.entry.js CHANGED
@@ -5,8 +5,8 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-a521d11c.js');
9
- const tokens = require('./tokens-8596cece.js');
8
+ const index = require('./index-d5c2b63c.js');
9
+ const tokens = require('./tokens-29450bcb.js');
10
10
  const watchOptions = require('./watch-options-d88afac0.js');
11
11
  const themeableComponent = require('./themeable-component-940d3b50.js');
12
12
 
package/lib/cjs/duet-header_2.cjs.entry.js CHANGED
@@ -5,9 +5,9 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-a521d11c.js');
8
+ const index = require('./index-d5c2b63c.js');
9
9
  const formSearch = require('./form-search-d61b2843.js');
10
- const tokens = require('./tokens-8596cece.js');
10
+ const tokens = require('./tokens-29450bcb.js');
11
11
  const bodyScrollLock_es6 = require('./bodyScrollLock.es6-6ef1142a.js');
12
12
  const commonStrings = require('./common-strings-de17f887.js');
13
13
  const keyboardUtils = require('./keyboard-utils-bb32119b.js');
@@ -15,7 +15,7 @@ const languageUtils = require('./language-utils-4f62a7db.js');
15
15
  const stringUtils = require('./string-utils-5cadd058.js');
16
16
  const themeableComponent = require('./themeable-component-940d3b50.js');
17
17
  const actionArrowDownSmall = require('./action-arrow-down-small-ef77a2d1.js');
18
- const tokens_module = require('./tokens.module-6b2df1c2.js');
18
+ const tokens_module = require('./tokens.module-ef598645.js');
19
19
  const createId = require('./create-id-c3b984b1.js');
20
20
 
21
21
  var navigationContactDropdown={"title":"navigation-contact-dropdown","tags":"navigation contact dropdown speech bubbles","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M20.247 24a.743.743 0 0 1-.53-.22l-4.28-4.28h-.439c-3.308 0-6-2.692-6-6s2.692-6 6-6h3c3.309.001 6 2.692 6 6a5.974 5.974 0 0 1-3 5.179v4.571a.75.75 0 0 1-.751.75zm-5.25-15c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5h.75c.198 0 .391.08.53.22l3.22 3.22v-3.213c0-.289.169-.555.429-.678a4.51 4.51 0 0 0 2.571-4.049 4.504 4.504 0 0 0-4.498-4.499h-3.002z\"/><path d=\"M3.747 16.5a.747.747 0 0 1-.75-.75v-4.57a5.967 5.967 0 0 1-2.65-3.171A5.948 5.948 0 0 1 .57 3.431 6.014 6.014 0 0 1 5.985 0h3.012a6.04 6.04 0 0 1 5.752 4.286.751.751 0 0 1-.718.964.755.755 0 0 1-.719-.536A4.531 4.531 0 0 0 8.997 1.5h-3a4.511 4.511 0 0 0-4.071 2.572c-.512 1.084-.571 2.302-.167 3.431s1.224 2.032 2.308 2.545c.261.123.43.39.43.678v3.214l1.72-1.72a.744.744 0 0 1 1.06 0 .752.752 0 0 1 0 1.061l-3 3a.744.744 0 0 1-.53.219z\"/></svg>"};
@@ -642,7 +642,7 @@ const DuetHeader = class {
642
642
  secondLevelItem.items.map(thirdLevelItem => (index.h("a", { class: {
643
643
  "duet-header-item": true,
644
644
  active: thirdLevelItem.active === true,
645
- }, role: "menuitem", href: thirdLevelItem.href || "#", id: thirdLevelItem.id, onClick: event => this.handleItemClick(event, item), onKeyDown: ev => this.handleArrowKeys(ev), target: thirdLevelItem.external ? "_blank" : "_self" }, thirdLevelItem.icon && (index.h("div", { class: "duet-header-icon" }, index.h("duet-icon", { margin: "none", size: "medium", name: thirdLevelItem.icon, color: "currentColor" }))), index.h("span", null, thirdLevelItem.label), thirdLevelItem.badge && index.h("div", { class: "duet-header-badge" })))))));
645
+ }, role: "menuitem", href: thirdLevelItem.href || "#", id: thirdLevelItem.id, onClick: event => this.handleItemClick(event, thirdLevelItem), onKeyDown: ev => this.handleArrowKeys(ev), target: thirdLevelItem.external ? "_blank" : "_self" }, thirdLevelItem.icon && (index.h("div", { class: "duet-header-icon" }, index.h("duet-icon", { margin: "none", size: "medium", name: thirdLevelItem.icon, color: "currentColor" }))), index.h("span", null, thirdLevelItem.label), thirdLevelItem.badge && index.h("div", { class: "duet-header-badge" })))))));
646
646
  }))))), index.h("div", { class: "duet-header-bottom-utils" }, index.h("slot", { name: "utility" })), index.h("div", { class: "duet-header-utils" }, !itemsHaveSubItems && contactDropdown, languageDropdown, !itemsHaveSubItems && (index.h(index.Fragment, null, processedUserWithLink, processedUserWithoutLink)), processedSearch, processedSession))))));
647
647
  }
648
648
  get element() { return index.getElement(this); }
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-a521d11c.js');
8
+ const index = require('./index-d5c2b63c.js');
9
9
  const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
10
10
  const commonStrings = require('./common-strings-de17f887.js');
11
11
  const languageUtils = require('./language-utils-4f62a7db.js');
package/lib/cjs/duet-icon.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-a521d11c.js');
8
+ const index = require('./index-d5c2b63c.js');
9
9
  const themeableComponent = require('./themeable-component-940d3b50.js');
10
- const tokenUtils = require('./token-utils-f402e205.js');
11
- require('./tokens.module-6b2df1c2.js');
10
+ const tokenUtils = require('./token-utils-50a1f7e2.js');
11
+ require('./tokens.module-ef598645.js');
12
12
 
13
13
  const cleanupSvg = (svgContent) => {
14
14
  if (typeof document === "undefined" || !svgContent) {
package/lib/cjs/duet-input_2.cjs.entry.js CHANGED
@@ -5,15 +5,18 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-a521d11c.js');
8
+ const index = require('./index-d5c2b63c.js');
9
9
  const formSearch = require('./form-search-d61b2843.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
  const inputUtils = require('./input-utils-b5e8f524.js');
12
+ const keyboardUtils = require('./keyboard-utils-bb32119b.js');
13
+ const languageUtils = require('./language-utils-4f62a7db.js');
12
14
  const themeableComponent = require('./themeable-component-940d3b50.js');
15
+ require('./string-utils-5cadd058.js');
13
16
 
14
17
  var formEmail={"title":"form-email","tags":"form email","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M12 23.999c-3.205 0-6.218-1.248-8.484-3.514S.001 15.206.001 12.001s1.248-6.218 3.514-8.485C5.782 1.25 8.795.001 12 .001s6.218 1.248 8.485 3.514A11.92 11.92 0 0 1 24 12v2.25A3.754 3.754 0 0 1 20.25 18a3.77 3.77 0 0 1-3.48-2.365A6.009 6.009 0 0 1 12 18c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6v2.25c0 1.241 1.009 2.25 2.25 2.25s2.25-1.009 2.25-2.25V12c0-2.804-1.092-5.441-3.075-7.424A10.433 10.433 0 0 0 12 1.501c-2.804 0-5.441 1.092-7.424 3.075S1.501 9.196 1.501 12c0 2.805 1.092 5.441 3.075 7.424s4.619 3.074 7.423 3.074c2.257 0 4.494-.746 6.299-2.1a.749.749 0 1 1 .9 1.199A12.049 12.049 0 0 1 12 23.999zM12 7.5c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5z\"/></svg>"};
15
18
 
16
- 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%}";
19
+ 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}";
17
20
 
18
21
  const icons = {
19
22
  search: formSearch.formSearch,
@@ -25,16 +28,23 @@ const DuetInput = class {
25
28
  this.duetInput = index.createEvent(this, "duetInput", 7);
26
29
  this.duetChange = index.createEvent(this, "duetChange", 3);
27
30
  this.duetBlur = index.createEvent(this, "duetBlur", 7);
31
+ this.duetClear = index.createEvent(this, "duetClear", 7);
28
32
  this.duetFocus = index.createEvent(this, "duetFocus", 7);
29
33
  /**
30
34
  * Own Properties
31
35
  */
32
36
  this.inputId = createId.createID("DuetInput");
37
+ this.clearId = createId.createID("DuetInputClear");
33
38
  this.labelId = createId.createID("DuetLabel");
34
39
  this.topCaptionId = createId.createID("DuetCaptionTop");
35
40
  this.topCaptionPlaceholderId = createId.createID("DuetCaptionPlaceholderTop");
36
41
  this.errorId = createId.createID("DuetError");
37
42
  this.disallowPatternRegex = null;
43
+ this.clearLabel = languageUtils.getLocaleString({
44
+ en: "Clear",
45
+ fi: "Tyhjennä",
46
+ sv: "Rensa",
47
+ });
38
48
  /**
39
49
  * Indicates the id of a component that describes the input.
40
50
  */
@@ -48,6 +58,10 @@ const DuetInput = class {
48
58
  * event after each keystroke.
49
59
  */
50
60
  this.debounce = 0;
61
+ /**
62
+ * If set, the input field will display a clear button that can be accessed with tabbing.
63
+ */
64
+ this.clear = false;
51
65
  /**
52
66
  * If form input field has a placeholder text, and user types anything (causing the placeholder text to disappear),
53
67
  * 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)
@@ -81,6 +95,10 @@ const DuetInput = class {
81
95
  * Type of the input.
82
96
  */
83
97
  this.type = "text";
98
+ /**
99
+ * Variation of button.
100
+ */
101
+ this.variation = "default";
84
102
  /**
85
103
  * Label for the input.
86
104
  */
@@ -148,6 +166,13 @@ const DuetInput = class {
148
166
  component: "duet-input",
149
167
  });
150
168
  };
169
+ this.onClear = (ev) => {
170
+ this.duetFocus.emit({
171
+ originalEvent: ev,
172
+ value: this.value,
173
+ component: "duet-input",
174
+ });
175
+ };
151
176
  /** Private functions
152
177
  *
153
178
  */
@@ -167,6 +192,17 @@ const DuetInput = class {
167
192
  }
168
193
  return describedBy;
169
194
  };
195
+ this.handleClearClick = event => {
196
+ const clearing = this.clearInput();
197
+ this.onClear(event);
198
+ return clearing;
199
+ };
200
+ this.keyHandler = event => {
201
+ if (keyboardUtils.isEscapeKey(event) && this.clear) {
202
+ this.handleClearClick(event);
203
+ }
204
+ return event;
205
+ };
170
206
  }
171
207
  disallowedPatternChange() {
172
208
  this.disallowPatternRegex = this.disallowPattern ? new RegExp(this.disallowPattern, "g") : null;
@@ -221,6 +257,16 @@ const DuetInput = class {
221
257
  restoreCursor();
222
258
  }
223
259
  }
260
+ /**
261
+ * Reset the cursor position on the native element
262
+ * `input.resetCursor()`.
263
+ */
264
+ async clearInput() {
265
+ if (this.nativeInput) {
266
+ this.nativeInput.value = "";
267
+ this.value = "";
268
+ }
269
+ }
224
270
  /**
225
271
  * render() function
226
272
  * Always the last one in the class.
@@ -238,19 +284,25 @@ const DuetInput = class {
238
284
  else if (!this.pattern && this.type === "tel") {
239
285
  inputProps.pattern = "[0-9+ ]+";
240
286
  }
241
- return (index.h(index.Host, { class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, index.h("div", { class: {
287
+ return (index.h(index.Host, { class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, index.h("div", { class: {
242
288
  "duet-input-container": true,
243
289
  "duet-theme-turva": this.theme === "turva",
290
+ [`duet-input-variation-${this.variation}`]: true,
244
291
  "duet-label-hidden": this.labelHidden,
245
292
  "duet-input-top-caption-shown": this.isCaptionVisible,
246
293
  "has-icon": !!this.icon || (this.type !== "text" && this.type !== "tel" && this.type !== "password"),
247
294
  "has-error": !!this.error,
295
+ "has-clear": this.clear,
248
296
  } }, index.h("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 && (index.h("duet-tooltip", { direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), this.caption && (index.h("duet-caption", { id: this.topCaptionId, size: "medium" }, this.caption)), index.h("div", { class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && this.value && (index.h("duet-caption", { id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), index.h("input", Object.assign({ ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.type, class: {
249
297
  "duet-input": true,
250
298
  disabled: this.disabled,
251
299
  "is-number": this.component === "number",
252
300
  "is-date": this.component === "date",
253
- }, 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" && (index.h("div", { class: "duet-input-icon" }, index.h("duet-icon", { margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.icon && (index.h("div", { class: "duet-input-icon" }, index.h("duet-icon", { margin: "none", size: "small", name: this.icon, color: "currentColor" }))), index.h("slot", null)), index.h("span", { class: "duet-input-help", id: this.errorId, "aria-live": "assertive", "aria-relevant": "additions removals" }, this.error && index.h("span", { class: "duet-input-error" }, this.error)))));
301
+ }, 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 &&
302
+ this.type !== "text" &&
303
+ this.type !== "tel" &&
304
+ this.type !== "password" &&
305
+ this.variation !== "button" && (index.h("div", { class: "duet-input-icon" }, index.h("duet-icon", { margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (index.h("div", { class: "duet-input-clear-icon" }, index.h("button", { onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel, "aria-keyshortcuts": "Escape" }, index.h("duet-icon", { margin: "none", size: "xx-small", name: "activity-close", color: "currentColor" })))), this.icon && this.variation !== "button" && (index.h("div", { class: "duet-input-icon" }, index.h("duet-icon", { margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && index.h("slot", { name: "button" }), index.h("slot", null)), index.h("span", { class: "duet-input-help", id: this.errorId, "aria-live": "assertive", "aria-relevant": "additions removals" }, this.error && index.h("span", { class: "duet-input-error" }, this.error)))));
254
306
  }
255
307
  get element() { return index.getElement(this); }
256
308
  static get watchers() { return {
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-a521d11c.js');
8
+ const index = require('./index-d5c2b63c.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-a521d11c.js');
8
+ const index = require('./index-d5c2b63c.js');
9
9
  const themeableComponent = require('./themeable-component-940d3b50.js');
10
10
  const watchOptions = require('./watch-options-d88afac0.js');
11
11
 
package/lib/cjs/duet-modal.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-a521d11c.js');
8
+ const index = require('./index-d5c2b63c.js');
9
9
  const bodyScrollLock_es6 = require('./bodyScrollLock.es6-6ef1142a.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
- const focusUtils = require('./focus-utils-b7b1bede.js');
11
+ const focusUtils = require('./focus-utils-a84555de.js');
12
12
  const keyboardUtils = require('./keyboard-utils-bb32119b.js');
13
13
  const languageUtils = require('./language-utils-4f62a7db.js');
14
14
  const themeableComponent = require('./themeable-component-940d3b50.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-a521d11c.js');
8
+ const index = require('./index-d5c2b63c.js');
9
9
  const languageUtils = require('./language-utils-4f62a7db.js');
10
10
  const themeableComponent = require('./themeable-component-940d3b50.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-a521d11c.js');
8
+ const index = require('./index-d5c2b63c.js');
9
9
  const createId = require('./create-id-c3b984b1.js');
10
10
  const keyboardUtils = require('./keyboard-utils-bb32119b.js');
11
11
  const languageUtils = require('./language-utils-4f62a7db.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-a521d11c.js');
8
+ const index = require('./index-d5c2b63c.js');
9
9
  const createId = require('./create-id-c3b984b1.js');
10
10
  const jsUtils = require('./js-utils-be1d29ae.js');
11
11
  const keyboardUtils = require('./keyboard-utils-bb32119b.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-a521d11c.js');
8
+ const index = require('./index-d5c2b63c.js');
9
9
  const createId = require('./create-id-c3b984b1.js');
10
10
  const languageUtils = require('./language-utils-4f62a7db.js');
11
11
  const themeableComponent = require('./themeable-component-940d3b50.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-a521d11c.js');
8
+ const index = require('./index-d5c2b63c.js');
9
9
  const createId = require('./create-id-c3b984b1.js');
10
10
  const themeableComponent = require('./themeable-component-940d3b50.js');
11
11
  const watchOptions = require('./watch-options-d88afac0.js');
package/lib/cjs/duet-range-slider.cjs.entry.js CHANGED
@@ -5,8 +5,8 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-a521d11c.js');
9
- const tokens_module = require('./tokens.module-6b2df1c2.js');
8
+ const index = require('./index-d5c2b63c.js');
9
+ const tokens_module = require('./tokens.module-ef598645.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
  const isInternetExplorer = require('./is-internet-explorer-91361c56.js');
12
12
  const themeableComponent = require('./themeable-component-940d3b50.js');
package/lib/cjs/duet-scrollable_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-a521d11c.js');
8
+ const index = require('./index-d5c2b63c.js');
9
9
  const themeableComponent = require('./themeable-component-940d3b50.js');
10
10
  const languageUtils = require('./language-utils-4f62a7db.js');
11
11
  const createId = require('./create-id-c3b984b1.js');
package/lib/cjs/duet-select.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-a521d11c.js');
8
+ const index = require('./index-d5c2b63c.js');
9
9
  const createId = require('./create-id-c3b984b1.js');
10
10
  const stringUtils = require('./string-utils-5cadd058.js');
11
11
  const themeableComponent = require('./themeable-component-940d3b50.js');
package/lib/cjs/duet-step_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-a521d11c.js');
8
+ const index = require('./index-d5c2b63c.js');
9
9
  const createId = require('./create-id-c3b984b1.js');
10
10
  const keyboardUtils = require('./keyboard-utils-bb32119b.js');
11
11
  const themeableComponent = require('./themeable-component-940d3b50.js');
@@ -100,7 +100,7 @@ const DuetStep = class {
100
100
  "rounded-top": this.roundedTop,
101
101
  "rounded-bottom": this.roundedBottom,
102
102
  "duet-theme-turva": this.theme === "turva",
103
- } }, index.h("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) }, index.h("div", { "aria-hidden": "true" }, index.h("div", { class: "duet-step-counter" }, this.renderStepCounter())), index.h("duet-spacer", { direction: "horizontal", size: "large", breakpoint: "small" }), index.h("duet-spacer", { direction: "horizontal", size: "medium", breakpoint: "x-small" }), index.h("div", null, index.h("duet-heading", { theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), index.h("duet-spacer", { direction: "horizontal", size: "large" }), index.h("div", { class: "duet-step-heading-slot" }, index.h("slot", { name: "heading-content" }))), index.h("div", { class: "duet-step-content-wrapper" }, index.h("div", { class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, index.h("slot", null)))));
103
+ } }, index.h("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) }, index.h("div", { "aria-hidden": "true" }, index.h("div", { class: "duet-step-counter" }, this.renderStepCounter())), index.h("duet-spacer", { direction: "horizontal", size: "large", breakpoint: "small" }), index.h("duet-spacer", { direction: "horizontal", size: "medium", breakpoint: "x-small" }), index.h("div", null, index.h("duet-heading", { theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), index.h("duet-spacer", { direction: "horizontal", size: "large" }), index.h("div", { class: "duet-step-heading-slot" }, index.h("slot", { name: "heading-content" }))), index.h("div", { class: "duet-step-content-wrapper" }, index.h("div", { class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, index.h("slot", null)))));
104
104
  }
105
105
  }
106
106
  get element() { return index.getElement(this); }
package/lib/cjs/duet-textarea.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-a521d11c.js');
8
+ const index = require('./index-d5c2b63c.js');
9
9
  const createId = require('./create-id-c3b984b1.js');
10
10
  const inputUtils = require('./input-utils-b5e8f524.js');
11
11
  const themeableComponent = require('./themeable-component-940d3b50.js');
package/lib/cjs/duet-toggle.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-a521d11c.js');
8
+ const index = require('./index-d5c2b63c.js');
9
9
  const createId = require('./create-id-c3b984b1.js');
10
10
  const themeableComponent = require('./themeable-component-940d3b50.js');
11
11
 
package/lib/cjs/duet-tooltip.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-a521d11c.js');
8
+ const index = require('./index-d5c2b63c.js');
9
9
  const createId = require('./create-id-c3b984b1.js');
10
10
  const languageUtils = require('./language-utils-4f62a7db.js');
11
11
  const themeableComponent = require('./themeable-component-940d3b50.js');
package/lib/cjs/duet-tray.cjs.entry.js CHANGED
@@ -5,8 +5,8 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-a521d11c.js');
9
- const tokens_module = require('./tokens.module-6b2df1c2.js');
8
+ const index = require('./index-d5c2b63c.js');
9
+ const tokens_module = require('./tokens.module-ef598645.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
  const languageUtils = require('./language-utils-4f62a7db.js');
12
12
  const themeableComponent = require('./themeable-component-940d3b50.js');
package/lib/cjs/duet-upload-aria-status.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-a521d11c.js');
8
+ const index = require('./index-d5c2b63c.js');
9
9
 
10
10
  const DuetUploadAriaStatus = class {
11
11
  constructor(hostRef) {
package/lib/cjs/duet-visually-hidden.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-a521d11c.js');
8
+ const index = require('./index-d5c2b63c.js');
9
9
 
10
10
  const duetVisuallyHiddenCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}";
11
11