@duetds/components 5.3.5 → 5.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (255) hide show
  1. package/hydrate/index.js +45 -9
  2. package/lib/cjs/duet-action-button.cjs.entry.js +24 -6
  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 +2 -2
  8. package/lib/cjs/duet-caption_4.cjs.entry.js +2 -2
  9. package/lib/cjs/duet-card.cjs.entry.js +2 -2
  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 +2 -2
  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 +1 -1
  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 +1 -1
  24. package/lib/cjs/duet-icon.cjs.entry.js +2 -2
  25. package/lib/cjs/duet-input_2.cjs.entry.js +21 -4
  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 +2 -2
  45. package/lib/cjs/{focus-utils-84c29960.js → focus-utils-7c1832b2.js} +1 -1
  46. package/lib/cjs/{index-772cc42f.js → index-63f324e3.js} +1 -1
  47. package/lib/cjs/loader.cjs.js +2 -2
  48. package/lib/cjs/{token-utils-50a1f7e2.js → token-utils-fef5b4eb.js} +1 -0
  49. package/lib/collection/components/duet-action-button/duet-action-button.js +44 -8
  50. package/lib/collection/components/duet-collapsible/duet-collapsible.js +1 -1
  51. package/lib/collection/components/duet-input/duet-input.js +21 -3
  52. package/lib/collection/components/duet-upload/duet-upload.js +1 -1
  53. package/lib/collection/utils/token-utils.js +1 -1
  54. package/lib/custom-elements-bundle/index.js +46 -12
  55. package/lib/duet/duet.esm.js +1 -1
  56. package/lib/duet/duet.js +1 -1
  57. package/lib/duet/{p-bacb27a1.js → p-03957a48.js} +1 -1
  58. package/lib/duet/p-0416a99f.entry.js +4 -0
  59. package/lib/duet/p-0b3f7f25.entry.js +4 -0
  60. package/lib/duet/{p-b74364d3.entry.js → p-0d8f88c8.entry.js} +1 -1
  61. package/lib/duet/p-0f69bf5d.entry.js +4 -0
  62. package/lib/duet/{p-8c282db8.system.js → p-0f6e4db9.system.js} +1 -1
  63. package/lib/duet/{p-89f53f18.system.entry.js → p-128ee483.system.entry.js} +1 -1
  64. package/lib/duet/{p-8f74030a.entry.js → p-14acc501.entry.js} +1 -1
  65. package/lib/duet/{p-8708f306.system.entry.js → p-19cac237.system.entry.js} +1 -1
  66. package/lib/duet/{p-442f1dd5.entry.js → p-1dec0f2c.entry.js} +1 -1
  67. package/lib/duet/{p-a818e289.entry.js → p-21d74fec.entry.js} +1 -1
  68. package/lib/duet/{p-7de54632.entry.js → p-23a1875c.entry.js} +1 -1
  69. package/lib/duet/{p-8eb6610c.system.entry.js → p-2522f85c.system.entry.js} +1 -1
  70. package/lib/duet/{p-64a691e3.entry.js → p-282ee56b.entry.js} +1 -1
  71. package/lib/duet/{p-ba0a4b7e.system.entry.js → p-30153133.system.entry.js} +1 -1
  72. package/lib/duet/{p-35d6061d.system.entry.js → p-347a4bb8.system.entry.js} +1 -1
  73. package/lib/duet/{p-3d27e5ed.system.entry.js → p-355fd4fc.system.entry.js} +1 -1
  74. package/lib/duet/{p-4903478e.entry.js → p-3b06dacd.entry.js} +1 -1
  75. package/lib/duet/{p-b88b18c3.entry.js → p-3bdc0b4e.entry.js} +1 -1
  76. package/lib/duet/{p-909aaac4.entry.js → p-40d4bc49.entry.js} +1 -1
  77. package/lib/duet/{p-ce276fc8.js → p-413df442.js} +1 -1
  78. package/lib/duet/{p-c0d98307.system.entry.js → p-426854f8.system.entry.js} +1 -1
  79. package/lib/duet/{p-8a472df4.system.entry.js → p-46f6dea4.system.entry.js} +1 -1
  80. package/lib/duet/{p-4fd4ddda.entry.js → p-4b50c47b.entry.js} +1 -1
  81. package/lib/duet/{p-16bc9a7e.system.entry.js → p-538ca1e8.system.entry.js} +1 -1
  82. package/lib/duet/{p-86a47942.entry.js → p-56081d74.entry.js} +1 -1
  83. package/lib/duet/{p-01ccafd3.system.entry.js → p-568fe563.system.entry.js} +2 -2
  84. package/lib/duet/{p-e36b95e0.system.entry.js → p-5d5c0181.system.entry.js} +1 -1
  85. package/lib/duet/{p-ff94713b.entry.js → p-5fea867d.entry.js} +1 -1
  86. package/lib/duet/p-6002f3d2.system.js +4 -0
  87. package/lib/duet/{p-12b8cb2f.system.entry.js → p-62352bbe.system.entry.js} +1 -1
  88. package/lib/duet/{p-e40b610d.entry.js → p-671453a4.entry.js} +1 -1
  89. package/lib/duet/{p-631054f3.system.js → p-67cbfa71.system.js} +1 -1
  90. package/lib/duet/{p-b972e7b7.system.entry.js → p-6944e2d1.system.entry.js} +1 -1
  91. package/lib/duet/{p-4e8f57dd.entry.js → p-6aece7e2.entry.js} +1 -1
  92. package/lib/duet/{p-e980faf9.system.entry.js → p-6f073ee3.system.entry.js} +1 -1
  93. package/lib/duet/{p-0b426a83.system.entry.js → p-70886ae8.system.entry.js} +1 -1
  94. package/lib/duet/{p-411bec39.system.entry.js → p-723b036a.system.entry.js} +1 -1
  95. package/lib/duet/{p-fab89c9d.system.entry.js → p-767767ad.system.entry.js} +1 -1
  96. package/lib/duet/{p-f9045aab.system.entry.js → p-768141d2.system.entry.js} +2 -2
  97. package/lib/duet/{p-dfa92326.entry.js → p-77b7fbcd.entry.js} +1 -1
  98. package/lib/duet/{p-8fa7559b.system.entry.js → p-7ad2c618.system.entry.js} +1 -1
  99. package/lib/duet/{p-05ff2672.entry.js → p-7df06bf2.entry.js} +1 -1
  100. package/lib/duet/{p-ea806947.entry.js → p-86575e21.entry.js} +1 -1
  101. package/lib/duet/p-86ed3c73.system.entry.js +4 -0
  102. package/lib/duet/{p-1717ed62.entry.js → p-8717227c.entry.js} +1 -1
  103. package/lib/duet/{p-d06f9b6c.entry.js → p-87738b6e.entry.js} +1 -1
  104. package/lib/duet/{p-e6fdaa31.entry.js → p-8d175e68.entry.js} +1 -1
  105. package/lib/duet/{p-b48811b5.entry.js → p-8fb5f933.entry.js} +1 -1
  106. package/lib/duet/{p-32dd246d.entry.js → p-9062ca61.entry.js} +1 -1
  107. package/lib/duet/{p-9071d4e1.system.entry.js → p-909a229b.system.entry.js} +1 -1
  108. package/lib/duet/{p-b787e777.system.entry.js → p-909b6b44.system.entry.js} +1 -1
  109. package/lib/duet/{p-97bb6fdd.system.entry.js → p-967eb38f.system.entry.js} +1 -1
  110. package/lib/duet/{p-0d188b2d.entry.js → p-a2b29846.entry.js} +1 -1
  111. package/lib/duet/{p-0f144788.entry.js → p-a903df4e.entry.js} +1 -1
  112. package/lib/duet/{p-c4b6bf46.entry.js → p-a93fca8b.entry.js} +1 -1
  113. package/lib/duet/{p-2d58c660.system.entry.js → p-b263653d.system.entry.js} +1 -1
  114. package/lib/duet/{p-43c1dcf5.entry.js → p-b2680be5.entry.js} +1 -1
  115. package/lib/duet/{p-3f1e781d.system.entry.js → p-b34d417d.system.entry.js} +1 -1
  116. package/lib/duet/{p-2553a64a.entry.js → p-b5fc4eee.entry.js} +1 -1
  117. package/lib/duet/{p-c60f00e7.system.entry.js → p-b98bb109.system.entry.js} +1 -1
  118. package/lib/duet/{p-f2dab640.system.entry.js → p-bdbb5c7d.system.entry.js} +1 -1
  119. package/lib/duet/{p-1a8dfe6e.system.entry.js → p-bf0efbe9.system.entry.js} +1 -1
  120. package/lib/duet/{p-9027d0a4.system.entry.js → p-c2fe4072.system.entry.js} +1 -1
  121. package/lib/duet/{p-c9f704c9.entry.js → p-c5bd7c30.entry.js} +1 -1
  122. package/lib/duet/{p-7dfe1c16.entry.js → p-c83e1e74.entry.js} +1 -1
  123. package/lib/duet/{p-6dd1cf98.entry.js → p-c90ab5d7.entry.js} +1 -1
  124. package/lib/duet/{p-3f50d9bd.system.entry.js → p-c9453dc6.system.entry.js} +1 -1
  125. package/lib/duet/{p-56ae348b.entry.js → p-c993f95a.entry.js} +1 -1
  126. package/lib/duet/p-cb64979e.system.entry.js +4 -0
  127. package/lib/duet/{p-20f4d5d2.system.entry.js → p-cbd51090.system.entry.js} +1 -1
  128. package/lib/duet/{p-c069f560.entry.js → p-cd8b61fd.entry.js} +1 -1
  129. package/lib/duet/{p-100b6a91.entry.js → p-ce8ddf05.entry.js} +1 -1
  130. package/lib/duet/{p-fdaaa3ad.entry.js → p-d243054f.entry.js} +1 -1
  131. package/lib/duet/{p-8b7adbf6.system.entry.js → p-da59200a.system.entry.js} +1 -1
  132. package/lib/duet/{p-e00170a2.system.entry.js → p-da62b929.system.entry.js} +1 -1
  133. package/lib/duet/{p-e908bfdc.system.entry.js → p-da9aa2cc.system.entry.js} +1 -1
  134. package/lib/duet/p-de3c0f4d.js +4 -0
  135. package/lib/duet/{p-5184e972.system.entry.js → p-e15ae3b1.system.entry.js} +1 -1
  136. package/lib/duet/{p-4dcbaccf.system.entry.js → p-e2628b7c.system.entry.js} +1 -1
  137. package/lib/duet/{p-f301004d.entry.js → p-e74db103.entry.js} +1 -1
  138. package/lib/duet/{p-815f4a10.system.entry.js → p-ea4e6d02.system.entry.js} +1 -1
  139. package/lib/duet/{p-7382c47e.system.entry.js → p-ec34f321.system.entry.js} +1 -1
  140. package/lib/duet/{p-85c68d48.system.entry.js → p-ec96f020.system.entry.js} +1 -1
  141. package/lib/duet/{p-36924c8f.entry.js → p-ed9cc88f.entry.js} +1 -1
  142. package/lib/duet/{p-4260e8b5.system.entry.js → p-efcc198f.system.entry.js} +1 -1
  143. package/lib/duet/{p-083e39cc.entry.js → p-f2aeef65.entry.js} +1 -1
  144. package/lib/duet/{p-923b03a6.system.entry.js → p-f3e72c0f.system.entry.js} +1 -1
  145. package/lib/duet/{p-cdba4c82.entry.js → p-f63f1511.entry.js} +1 -1
  146. package/lib/duet/{p-acaedb00.system.js → p-f86937f0.system.js} +1 -1
  147. package/lib/duet/{p-634fda0f.entry.js → p-fd7f32f7.entry.js} +1 -1
  148. package/lib/esm/duet-action-button.entry.js +24 -6
  149. package/lib/esm/duet-alert.entry.js +1 -1
  150. package/lib/esm/duet-badge.entry.js +1 -1
  151. package/lib/esm/duet-breadcrumb.entry.js +1 -1
  152. package/lib/esm/duet-breadcrumbs.entry.js +1 -1
  153. package/lib/esm/duet-button_2.entry.js +2 -2
  154. package/lib/esm/duet-caption_4.entry.js +2 -2
  155. package/lib/esm/duet-card.entry.js +2 -2
  156. package/lib/esm/duet-checkbox.entry.js +1 -1
  157. package/lib/esm/duet-choice_2.entry.js +2 -2
  158. package/lib/esm/duet-collapsible.entry.js +2 -2
  159. package/lib/esm/duet-combobox.entry.js +1 -1
  160. package/lib/esm/duet-cookie-consent.entry.js +1 -1
  161. package/lib/esm/duet-date-picker.entry.js +2 -2
  162. package/lib/esm/duet-divider_2.entry.js +1 -1
  163. package/lib/esm/duet-editable-table_3.entry.js +1 -1
  164. package/lib/esm/duet-empty-state.entry.js +1 -1
  165. package/lib/esm/duet-fieldset.entry.js +1 -1
  166. package/lib/esm/duet-footer.entry.js +1 -1
  167. package/lib/esm/duet-grid_2.entry.js +1 -1
  168. package/lib/esm/duet-header_2.entry.js +1 -1
  169. package/lib/esm/duet-hero.entry.js +1 -1
  170. package/lib/esm/duet-icon.entry.js +2 -2
  171. package/lib/esm/duet-input_2.entry.js +21 -4
  172. package/lib/esm/duet-layout.entry.js +1 -1
  173. package/lib/esm/duet-list_2.entry.js +1 -1
  174. package/lib/esm/duet-modal.entry.js +2 -2
  175. package/lib/esm/duet-notification_2.entry.js +1 -1
  176. package/lib/esm/duet-number-input.entry.js +1 -1
  177. package/lib/esm/duet-pagination_2.entry.js +1 -1
  178. package/lib/esm/duet-progress.entry.js +1 -1
  179. package/lib/esm/duet-radio_2.entry.js +1 -1
  180. package/lib/esm/duet-range-slider.entry.js +1 -1
  181. package/lib/esm/duet-scrollable_3.entry.js +1 -1
  182. package/lib/esm/duet-select.entry.js +1 -1
  183. package/lib/esm/duet-step_2.entry.js +1 -1
  184. package/lib/esm/duet-textarea.entry.js +1 -1
  185. package/lib/esm/duet-toggle.entry.js +1 -1
  186. package/lib/esm/duet-tooltip.entry.js +1 -1
  187. package/lib/esm/duet-tray.entry.js +1 -1
  188. package/lib/esm/duet-upload-aria-status.entry.js +1 -1
  189. package/lib/esm/duet-visually-hidden.entry.js +1 -1
  190. package/lib/esm/duet.js +2 -2
  191. package/lib/esm/{focus-utils-07c543df.js → focus-utils-4ca66786.js} +1 -1
  192. package/lib/esm/{index-bcca1cb8.js → index-d5956898.js} +1 -1
  193. package/lib/esm/loader.js +2 -2
  194. package/lib/esm/{token-utils-1f9435bc.js → token-utils-df78f4d8.js} +1 -1
  195. package/lib/esm-es5/duet-action-button.entry.js +2 -2
  196. package/lib/esm-es5/duet-alert.entry.js +1 -1
  197. package/lib/esm-es5/duet-badge.entry.js +1 -1
  198. package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
  199. package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
  200. package/lib/esm-es5/duet-button_2.entry.js +1 -1
  201. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  202. package/lib/esm-es5/duet-card.entry.js +1 -1
  203. package/lib/esm-es5/duet-checkbox.entry.js +1 -1
  204. package/lib/esm-es5/duet-choice_2.entry.js +1 -1
  205. package/lib/esm-es5/duet-collapsible.entry.js +2 -2
  206. package/lib/esm-es5/duet-combobox.entry.js +1 -1
  207. package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
  208. package/lib/esm-es5/duet-date-picker.entry.js +1 -1
  209. package/lib/esm-es5/duet-divider_2.entry.js +1 -1
  210. package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
  211. package/lib/esm-es5/duet-empty-state.entry.js +1 -1
  212. package/lib/esm-es5/duet-fieldset.entry.js +1 -1
  213. package/lib/esm-es5/duet-footer.entry.js +1 -1
  214. package/lib/esm-es5/duet-grid_2.entry.js +1 -1
  215. package/lib/esm-es5/duet-header_2.entry.js +1 -1
  216. package/lib/esm-es5/duet-hero.entry.js +1 -1
  217. package/lib/esm-es5/duet-icon.entry.js +1 -1
  218. package/lib/esm-es5/duet-input_2.entry.js +1 -1
  219. package/lib/esm-es5/duet-layout.entry.js +1 -1
  220. package/lib/esm-es5/duet-list_2.entry.js +1 -1
  221. package/lib/esm-es5/duet-modal.entry.js +1 -1
  222. package/lib/esm-es5/duet-notification_2.entry.js +1 -1
  223. package/lib/esm-es5/duet-number-input.entry.js +1 -1
  224. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  225. package/lib/esm-es5/duet-progress.entry.js +1 -1
  226. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  227. package/lib/esm-es5/duet-range-slider.entry.js +1 -1
  228. package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
  229. package/lib/esm-es5/duet-select.entry.js +1 -1
  230. package/lib/esm-es5/duet-step_2.entry.js +1 -1
  231. package/lib/esm-es5/duet-textarea.entry.js +2 -2
  232. package/lib/esm-es5/duet-toggle.entry.js +1 -1
  233. package/lib/esm-es5/duet-tooltip.entry.js +1 -1
  234. package/lib/esm-es5/duet-tray.entry.js +1 -1
  235. package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
  236. package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
  237. package/lib/esm-es5/duet.js +1 -1
  238. package/lib/esm-es5/{focus-utils-07c543df.js → focus-utils-4ca66786.js} +1 -1
  239. package/lib/esm-es5/{index-bcca1cb8.js → index-d5956898.js} +1 -1
  240. package/lib/esm-es5/loader.js +1 -1
  241. package/lib/esm-es5/token-utils-df78f4d8.js +4 -0
  242. package/lib/types/components/duet-action-button/duet-action-button.d.ts +12 -4
  243. package/lib/types/components/duet-input/duet-input.d.ts +2 -1
  244. package/lib/types/components/duet-upload/duet-upload.d.ts +1 -2
  245. package/lib/types/components.d.ts +13 -5
  246. package/lib/types/utils/token-utils.d.ts +1 -0
  247. package/package.json +5 -5
  248. package/lib/duet/p-35159c88.system.entry.js +0 -4
  249. package/lib/duet/p-61507bc8.entry.js +0 -4
  250. package/lib/duet/p-6190e2d6.system.js +0 -4
  251. package/lib/duet/p-661f842b.entry.js +0 -4
  252. package/lib/duet/p-9cca0bb4.js +0 -4
  253. package/lib/duet/p-9df4bfa0.system.entry.js +0 -4
  254. package/lib/duet/p-dbb2579c.entry.js +0 -4
  255. package/lib/esm-es5/token-utils-1f9435bc.js +0 -4
package/hydrate/index.js CHANGED
@@ -6189,6 +6189,7 @@ class DuetActionButton {
6189
6189
  constructor(hostRef) {
6190
6190
  registerInstance(this, hostRef);
6191
6191
  this.duetActionEvent = createEvent$2(this, "duetActionEvent", 6);
6192
+ this.listId = createID("duet-action-button");
6192
6193
  this.numbersStore = "";
6193
6194
  /**
6194
6195
  * Theme of the pagination.
@@ -6236,6 +6237,13 @@ class DuetActionButton {
6236
6237
  * to $size-icon-medium on mobile viewports. Example: "color-primary".
6237
6238
  */
6238
6239
  this.background = "";
6240
+ /**
6241
+ * Title of the action button (shows as DOM tooltip when hovering)
6242
+ * if set to true, this will try to add a best-guess title based on action-name
6243
+ * if set to a string the string is used
6244
+ * if set to false nothing is set
6245
+ */
6246
+ this.accessibleTitle = true;
6239
6247
  /**
6240
6248
  * Described By id
6241
6249
  */
@@ -6253,7 +6261,7 @@ class DuetActionButton {
6253
6261
  */
6254
6262
  this.accessibleDescription = undefined;
6255
6263
  /**
6256
- * Default pagination labels
6264
+ * Default accessible labels
6257
6265
  */
6258
6266
  this.accessibleLabelsDefaults = {
6259
6267
  en: {
@@ -6267,14 +6275,13 @@ class DuetActionButton {
6267
6275
  },
6268
6276
  };
6269
6277
  /**
6270
- * Default pagination labels
6278
+ * Default accessible labels
6271
6279
  */
6272
6280
  this.accessibleLabels = getLocaleString(this.accessibleLabelsDefaults);
6273
6281
  /**
6274
6282
  * Used to indicate which dom element with ID this element controls
6275
6283
  */
6276
6284
  this.accessibleControls = "";
6277
- this.listId = createID("duet-action-button");
6278
6285
  /**
6279
6286
  * Private methods.
6280
6287
  */
@@ -6296,6 +6303,17 @@ class DuetActionButton {
6296
6303
  this.emitPageEvent(e);
6297
6304
  }
6298
6305
  }
6306
+ //return readable title for the action-button
6307
+ getTitle() {
6308
+ let titleString = "";
6309
+ if (typeof this.accessibleTitle === "string") {
6310
+ titleString = this.accessibleTitle;
6311
+ }
6312
+ if (this.accessibleTitle === true) {
6313
+ titleString = capitalizeFirstLetter(`${this.actionName}`);
6314
+ }
6315
+ return titleString;
6316
+ }
6299
6317
  //set update current when mouse click on page number
6300
6318
  async onMouseHandler(e) {
6301
6319
  e.preventDefault();
@@ -6341,7 +6359,7 @@ class DuetActionButton {
6341
6359
  "duet-action-button": true,
6342
6360
  "duet-action-button--disabled": this.disabled,
6343
6361
  [`duet-action-button--${this.theme}`]: this.theme !== "",
6344
- }, type: "button", onClick: e => this.onMouseHandler(e), "aria-label": this.accessibleLabels.label, "aria-labelledby": this.accessibleLabelledBy, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, "aria-details": this.accessibleDetails, "aria-controls": this.accessibleControls }, hAsync("duet-icon", { part: "icon", name: this.iconName, color: this.iconColor, margin: "none", size: this.iconSize }), hAsync("duet-visually-hidden", null, hAsync("slot", null)))));
6362
+ }, type: "button", onClick: e => this.onMouseHandler(e), "aria-label": this.accessibleLabels.label, "aria-labelledby": this.accessibleLabelledBy, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, "aria-details": this.accessibleDetails, "aria-controls": this.accessibleControls, title: this.getTitle() }, hAsync("duet-icon", { part: "icon", name: this.iconName, color: this.iconColor, margin: "none", size: this.iconSize }), hAsync("duet-visually-hidden", null, hAsync("slot", null)))));
6345
6363
  }
6346
6364
  get element() { return getElement(this); }
6347
6365
  static get style() { return duetActionButtonCss; }
@@ -6359,6 +6377,7 @@ class DuetActionButton {
6359
6377
  "disabled": [4],
6360
6378
  "color": [513],
6361
6379
  "background": [1],
6380
+ "accessibleTitle": [8, "title"],
6362
6381
  "accessibleDescribedBy": [1, "accessible-described-by"],
6363
6382
  "accessibleDetails": [1, "accessible-details"],
6364
6383
  "accessibleLabelledBy": [1, "accessible-labelled-by"],
@@ -8369,7 +8388,7 @@ var tokens$1 = /*#__PURE__*/Object.freeze({
8369
8388
  'default': tokens
8370
8389
  });
8371
8390
 
8372
- const duetCollapsibleCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-collapsible,*.sc-duet-collapsible::after,*.sc-duet-collapsible::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-collapsible-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display: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:1rem;font-weight:600;line-height:1.5;color:#00294d}/*!@:host(.duet-theme-turva)*/.duet-theme-turva.sc-duet-collapsible-h{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}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-collapsible-h{margin:0 !important}/*!@.duet-collapsible-content*/.duet-collapsible-content.sc-duet-collapsible{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:#00294d}@media (max-width: 35.9375em){/*!@.duet-collapsible-content*/.duet-collapsible-content.sc-duet-collapsible{font-size:0.875rem}}/*!@.duet-collapsible-content.duet-theme-turva*/.duet-collapsible-content.duet-theme-turva.sc-duet-collapsible{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}/*!@:host([open]) .duet-collapsible-content*/[open].sc-duet-collapsible-h .duet-collapsible-content.sc-duet-collapsible{display:block}/*!@.duet-collapsible-heading*/.duet-collapsible-heading.sc-duet-collapsible{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d;cursor:pointer;border-radius:4px}/*!@.duet-collapsible-heading.duet-collapsible-normal-weight*/.duet-collapsible-heading.duet-collapsible-normal-weight.sc-duet-collapsible{font-weight:400}/*!@.duet-collapsible-heading.duet-theme-turva*/.duet-collapsible-heading.duet-theme-turva.sc-duet-collapsible{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}/*!@.duet-collapsible-heading .duet-collapsible-heading-content*/.duet-collapsible-heading.sc-duet-collapsible .duet-collapsible-heading-content.sc-duet-collapsible{flex:1}/*!@.duet-collapsible-heading:focus*/.duet-collapsible-heading.sc-duet-collapsible:focus{outline:0}/*!@:host(.user-is-tabbing) .duet-collapsible-heading:focus*/.user-is-tabbing.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible: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) .duet-collapsible-heading:focus*/.user-is-tabbing.duet-theme-turva.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-collapsible-heading-icon*/.duet-collapsible-heading-icon.sc-duet-collapsible{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:#00294d;transition:transform 300ms ease}/*!@.duet-collapsible-heading-icon:last-child, .duet-collapsible-heading-icon:last-of-type*/.duet-collapsible-heading-icon.sc-duet-collapsible:last-child,.duet-collapsible-heading-icon.sc-duet-collapsible:last-of-type{margin-right:0 !important}/*!@[aria-expanded=true] .duet-collapsible-heading-icon*/[aria-expanded=true].sc-duet-collapsible .duet-collapsible-heading-icon.sc-duet-collapsible{transform:rotate(180deg)}";
8391
+ const duetCollapsibleCss = "*.sc-duet-collapsible,*.sc-duet-collapsible::after,*.sc-duet-collapsible::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-collapsible-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display: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:1rem;font-weight:600;line-height:1.5;color:#00294d}.duet-theme-turva.sc-duet-collapsible-h{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}.duet-m-0.sc-duet-collapsible-h{margin:0 !important}.duet-collapsible-content.sc-duet-collapsible{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:#00294d}@media (max-width: 35.9375em){.duet-collapsible-content.sc-duet-collapsible{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva.sc-duet-collapsible{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}[open].sc-duet-collapsible-h .duet-collapsible-content.sc-duet-collapsible{display:block}.duet-collapsible-heading.sc-duet-collapsible{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d;cursor:pointer;border-radius:4px}.duet-collapsible-heading.duet-collapsible-normal-weight.sc-duet-collapsible{font-weight:400}.duet-collapsible-heading.duet-theme-turva.sc-duet-collapsible{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}.duet-collapsible-heading.sc-duet-collapsible .duet-collapsible-heading-content.sc-duet-collapsible{flex:1}.duet-collapsible-heading.sc-duet-collapsible:focus{outline:0}.user-is-tabbing.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon.sc-duet-collapsible{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:#00294d;transition:transform 300ms ease}.duet-collapsible-heading-icon.sc-duet-collapsible:last-child,.duet-collapsible-heading-icon.sc-duet-collapsible:last-of-type{margin-right:0 !important}[aria-expanded=true].sc-duet-collapsible .duet-collapsible-heading-icon.sc-duet-collapsible{transform:rotate(180deg)}";
8373
8392
 
8374
8393
  /**
8375
8394
  * @part duet-collapsible-heading-content - piercing selector for styling the heading content
@@ -8498,7 +8517,7 @@ class DuetCollapsible {
8498
8517
  get element() { return getElement(this); }
8499
8518
  static get style() { return duetCollapsibleCss; }
8500
8519
  static get cmpMeta() { return {
8501
- "$flags$": 9,
8520
+ "$flags$": 6,
8502
8521
  "$tagName$": "duet-collapsible",
8503
8522
  "$members$": {
8504
8523
  "theme": [1025],
@@ -12016,6 +12035,11 @@ class DuetInput {
12016
12035
  fi: "Tyhjennä",
12017
12036
  sv: "Rensa",
12018
12037
  });
12038
+ this.timeAnnouncement = getLocaleString({
12039
+ en: "Time",
12040
+ fi: "Aika",
12041
+ sv: "Tid",
12042
+ });
12019
12043
  /**
12020
12044
  * Indicates the id or a string of space seperated ids of a component(s) that describes the input.
12021
12045
  */
@@ -12267,16 +12291,27 @@ class DuetInput {
12267
12291
  else if (!this.pattern && this.type === "tel") {
12268
12292
  inputProps.pattern = "[0-9+ ]+";
12269
12293
  }
12270
- return (hAsync(Host, { class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, hAsync("div", { class: {
12294
+ let selectedTime;
12295
+ if (this.value) {
12296
+ selectedTime = new Date();
12297
+ try {
12298
+ selectedTime.setHours(Number(this.value.slice(0, 2)), Number(this.value.slice(3, 5)), 0, 0);
12299
+ }
12300
+ catch (e) {
12301
+ selectedTime = undefined;
12302
+ }
12303
+ }
12304
+ return (hAsync(Host, { class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, this.type === "time" && (hAsync("duet-visually-hidden", { "aria-live": "polite", "aria-atomic": "true" }, selectedTime ? `${this.timeAnnouncement} ${selectedTime.toLocaleTimeString()}` : "")), hAsync("div", { class: {
12271
12305
  "duet-input-container": true,
12272
12306
  "duet-theme-turva": this.theme === "turva",
12273
12307
  [`duet-input-variation-${this.variation}`]: true,
12274
12308
  "duet-label-hidden": this.labelHidden,
12275
12309
  "duet-input-top-caption-shown": this.isCaptionVisible,
12276
- "has-icon": !!this.icon || (this.type !== "text" && this.type !== "tel" && this.type !== "password"),
12310
+ "has-icon": !!this.icon ||
12311
+ (this.type !== "text" && this.type !== "tel" && this.type !== "password" && this.type !== "time"),
12277
12312
  "has-error": !!this.error,
12278
12313
  "has-clear": this.clear,
12279
- } }, hAsync("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 && (hAsync("duet-tooltip", { direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), this.caption && (hAsync("duet-caption", { id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), hAsync("input", Object.assign({ ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.type, class: {
12314
+ } }, hAsync("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 && (hAsync("duet-tooltip", { direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), this.caption && (hAsync("duet-caption", { id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && (this.value || this.type === "time") && (hAsync("duet-caption", { id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), hAsync("input", Object.assign({ ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.type, class: {
12280
12315
  "duet-input": true,
12281
12316
  disabled: this.disabled,
12282
12317
  "is-number": this.component === "number",
@@ -12287,6 +12322,7 @@ class DuetInput {
12287
12322
  this.type !== "text" &&
12288
12323
  this.type !== "tel" &&
12289
12324
  this.type !== "password" &&
12325
+ this.type !== "time" &&
12290
12326
  this.variation !== "button" && (hAsync("div", { class: "duet-input-icon" }, hAsync("duet-icon", { margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (hAsync("div", { class: "duet-input-clear-icon" }, hAsync("button", { onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel, "aria-keyshortcuts": "Escape" }, hAsync("duet-icon", { margin: "none", size: "xx-small", name: "activity-close", color: "currentColor" })))), this.icon && this.variation !== "button" && (hAsync("div", { class: "duet-input-icon" }, hAsync("duet-icon", { margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && hAsync("slot", { name: "button" }), hAsync("slot", null)), hAsync("span", { class: "duet-input-help", id: this.errorId, "aria-live": "assertive", "aria-relevant": "additions removals" }, this.error && hAsync("span", { class: "duet-input-error" }, this.error)))));
12291
12327
  }
12292
12328
  get element() { return getElement(this); }
@@ -5,13 +5,13 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.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');
12
12
  const keyboardUtils = require('./keyboard-utils-bb32119b.js');
13
13
  const languageUtils = require('./language-utils-4f62a7db.js');
14
- const tokenUtils = require('./token-utils-50a1f7e2.js');
14
+ const tokenUtils = require('./token-utils-fef5b4eb.js');
15
15
  require('./string-utils-5cadd058.js');
16
16
  require('./tokens.module-ef598645.js');
17
17
 
@@ -21,6 +21,7 @@ const DuetActionButton = class {
21
21
  constructor(hostRef) {
22
22
  index.registerInstance(this, hostRef);
23
23
  this.duetActionEvent = index.createEvent(this, "duetActionEvent", 6);
24
+ this.listId = createId.createID("duet-action-button");
24
25
  this.numbersStore = "";
25
26
  /**
26
27
  * Theme of the pagination.
@@ -68,6 +69,13 @@ const DuetActionButton = class {
68
69
  * to $size-icon-medium on mobile viewports. Example: "color-primary".
69
70
  */
70
71
  this.background = "";
72
+ /**
73
+ * Title of the action button (shows as DOM tooltip when hovering)
74
+ * if set to true, this will try to add a best-guess title based on action-name
75
+ * if set to a string the string is used
76
+ * if set to false nothing is set
77
+ */
78
+ this.accessibleTitle = true;
71
79
  /**
72
80
  * Described By id
73
81
  */
@@ -85,7 +93,7 @@ const DuetActionButton = class {
85
93
  */
86
94
  this.accessibleDescription = undefined;
87
95
  /**
88
- * Default pagination labels
96
+ * Default accessible labels
89
97
  */
90
98
  this.accessibleLabelsDefaults = {
91
99
  en: {
@@ -99,14 +107,13 @@ const DuetActionButton = class {
99
107
  },
100
108
  };
101
109
  /**
102
- * Default pagination labels
110
+ * Default accessible labels
103
111
  */
104
112
  this.accessibleLabels = languageUtils.getLocaleString(this.accessibleLabelsDefaults);
105
113
  /**
106
114
  * Used to indicate which dom element with ID this element controls
107
115
  */
108
116
  this.accessibleControls = "";
109
- this.listId = createId.createID("duet-action-button");
110
117
  /**
111
118
  * Private methods.
112
119
  */
@@ -128,6 +135,17 @@ const DuetActionButton = class {
128
135
  this.emitPageEvent(e);
129
136
  }
130
137
  }
138
+ //return readable title for the action-button
139
+ getTitle() {
140
+ let titleString = "";
141
+ if (typeof this.accessibleTitle === "string") {
142
+ titleString = this.accessibleTitle;
143
+ }
144
+ if (this.accessibleTitle === true) {
145
+ titleString = tokenUtils.capitalizeFirstLetter(`${this.actionName}`);
146
+ }
147
+ return titleString;
148
+ }
131
149
  //set update current when mouse click on page number
132
150
  async onMouseHandler(e) {
133
151
  e.preventDefault();
@@ -173,7 +191,7 @@ const DuetActionButton = class {
173
191
  "duet-action-button": true,
174
192
  "duet-action-button--disabled": this.disabled,
175
193
  [`duet-action-button--${this.theme}`]: this.theme !== "",
176
- }, type: "button", onClick: e => this.onMouseHandler(e), "aria-label": this.accessibleLabels.label, "aria-labelledby": this.accessibleLabelledBy, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, "aria-details": this.accessibleDetails, "aria-controls": this.accessibleControls }, index.h("duet-icon", { part: "icon", name: this.iconName, color: this.iconColor, margin: "none", size: this.iconSize }), index.h("duet-visually-hidden", null, index.h("slot", null)))));
194
+ }, type: "button", onClick: e => this.onMouseHandler(e), "aria-label": this.accessibleLabels.label, "aria-labelledby": this.accessibleLabelledBy, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, "aria-details": this.accessibleDetails, "aria-controls": this.accessibleControls, title: this.getTitle() }, index.h("duet-icon", { part: "icon", name: this.iconName, color: this.iconColor, margin: "none", size: this.iconSize }), index.h("duet-visually-hidden", null, index.h("slot", null)))));
177
195
  }
178
196
  get element() { return index.getElement(this); }
179
197
  };
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.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');
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.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}";
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.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}";
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.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');
@@ -5,11 +5,11 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.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');
12
- const tokenUtils = require('./token-utils-50a1f7e2.js');
12
+ const tokenUtils = require('./token-utils-fef5b4eb.js');
13
13
  require('./string-utils-5cadd058.js');
14
14
  require('./tokens.module-ef598645.js');
15
15
 
@@ -5,10 +5,10 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const stringUtils = require('./string-utils-5cadd058.js');
11
- const tokenUtils = require('./token-utils-50a1f7e2.js');
11
+ const tokenUtils = require('./token-utils-fef5b4eb.js');
12
12
  const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
13
13
  const commonStrings = require('./common-strings-de17f887.js');
14
14
  const languageUtils = require('./language-utils-4f62a7db.js');
@@ -5,12 +5,12 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.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');
12
12
  const stringUtils = require('./string-utils-5cadd058.js');
13
- const tokenUtils = require('./token-utils-50a1f7e2.js');
13
+ const tokenUtils = require('./token-utils-fef5b4eb.js');
14
14
  require('./tokens.module-ef598645.js');
15
15
 
16
16
  var actionArrowUp={"title":"action-arrow-up","tags":"action arrow up caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M.75 17.939a.752.752 0 0 1-.53-1.281L10.94 5.94c.283-.284.659-.44 1.059-.44.401 0 .777.156 1.06.438l10.721 10.72a.752.752 0 0 1-.53 1.281.743.743 0 0 1-.53-.22L12 7 1.28 17.719a.743.743 0 0 1-.53.22z\"/></svg>"};
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
 
@@ -5,11 +5,11 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.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-84c29960.js');
12
+ const focusUtils = require('./focus-utils-7c1832b2.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');
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.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');
@@ -13,7 +13,7 @@ const createId = require('./create-id-c3b984b1.js');
13
13
  const keyboardUtils = require('./keyboard-utils-bb32119b.js');
14
14
  const stringUtils = require('./string-utils-5cadd058.js');
15
15
 
16
- const duetCollapsibleCss = "*,*::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-bottom:16px !important;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:1rem;font-weight:600;line-height:1.5;color:#00294d}:host(.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\";color:#171c3a}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:#00294d}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.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\";color:#171c3a}:host([open]) .duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d;cursor:pointer;border-radius:4px}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.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\";color:#171c3a}.duet-collapsible-heading .duet-collapsible-heading-content{flex:1}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading: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) .duet-collapsible-heading:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:#00294d;transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}";
16
+ const duetCollapsibleCss = "*.sc-duet-collapsible,*.sc-duet-collapsible::after,*.sc-duet-collapsible::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-collapsible-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display: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:1rem;font-weight:600;line-height:1.5;color:#00294d}.duet-theme-turva.sc-duet-collapsible-h{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}.duet-m-0.sc-duet-collapsible-h{margin:0 !important}.duet-collapsible-content.sc-duet-collapsible{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:#00294d}@media (max-width: 35.9375em){.duet-collapsible-content.sc-duet-collapsible{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva.sc-duet-collapsible{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}[open].sc-duet-collapsible-h .duet-collapsible-content.sc-duet-collapsible{display:block}.duet-collapsible-heading.sc-duet-collapsible{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d;cursor:pointer;border-radius:4px}.duet-collapsible-heading.duet-collapsible-normal-weight.sc-duet-collapsible{font-weight:400}.duet-collapsible-heading.duet-theme-turva.sc-duet-collapsible{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}.duet-collapsible-heading.sc-duet-collapsible .duet-collapsible-heading-content.sc-duet-collapsible{flex:1}.duet-collapsible-heading.sc-duet-collapsible:focus{outline:0}.user-is-tabbing.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon.sc-duet-collapsible{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:#00294d;transition:transform 300ms ease}.duet-collapsible-heading-icon.sc-duet-collapsible:last-child,.duet-collapsible-heading-icon.sc-duet-collapsible:last-of-type{margin-right:0 !important}[aria-expanded=true].sc-duet-collapsible .duet-collapsible-heading-icon.sc-duet-collapsible{transform:rotate(180deg)}";
17
17
 
18
18
  const DuetCollapsible = class {
19
19
  constructor(hostRef) {
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.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');
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.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}";
@@ -5,10 +5,10 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.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-84c29960.js');
11
+ const focusUtils = require('./focus-utils-7c1832b2.js');
12
12
  const languageUtils = require('./language-utils-4f62a7db.js');
13
13
  require('./string-utils-5cadd058.js');
14
14
 
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.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}";
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.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');
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.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}";
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
 
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.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');
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.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');
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.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');
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.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');
@@ -5,9 +5,9 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
- const tokenUtils = require('./token-utils-50a1f7e2.js');
10
+ const tokenUtils = require('./token-utils-fef5b4eb.js');
11
11
  require('./tokens.module-ef598645.js');
12
12
 
13
13
  const cleanupSvg = (svgContent) => {
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-772cc42f.js');
8
+ const index = require('./index-63f324e3.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');
@@ -45,6 +45,11 @@ const DuetInput = class {
45
45
  fi: "Tyhjennä",
46
46
  sv: "Rensa",
47
47
  });
48
+ this.timeAnnouncement = languageUtils.getLocaleString({
49
+ en: "Time",
50
+ fi: "Aika",
51
+ sv: "Tid",
52
+ });
48
53
  /**
49
54
  * Indicates the id or a string of space seperated ids of a component(s) that describes the input.
50
55
  */
@@ -296,16 +301,27 @@ const DuetInput = class {
296
301
  else if (!this.pattern && this.type === "tel") {
297
302
  inputProps.pattern = "[0-9+ ]+";
298
303
  }
299
- 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: {
304
+ let selectedTime;
305
+ if (this.value) {
306
+ selectedTime = new Date();
307
+ try {
308
+ selectedTime.setHours(Number(this.value.slice(0, 2)), Number(this.value.slice(3, 5)), 0, 0);
309
+ }
310
+ catch (e) {
311
+ selectedTime = undefined;
312
+ }
313
+ }
314
+ return (index.h(index.Host, { class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, this.type === "time" && (index.h("duet-visually-hidden", { "aria-live": "polite", "aria-atomic": "true" }, selectedTime ? `${this.timeAnnouncement} ${selectedTime.toLocaleTimeString()}` : "")), index.h("div", { class: {
300
315
  "duet-input-container": true,
301
316
  "duet-theme-turva": this.theme === "turva",
302
317
  [`duet-input-variation-${this.variation}`]: true,
303
318
  "duet-label-hidden": this.labelHidden,
304
319
  "duet-input-top-caption-shown": this.isCaptionVisible,
305
- "has-icon": !!this.icon || (this.type !== "text" && this.type !== "tel" && this.type !== "password"),
320
+ "has-icon": !!this.icon ||
321
+ (this.type !== "text" && this.type !== "tel" && this.type !== "password" && this.type !== "time"),
306
322
  "has-error": !!this.error,
307
323
  "has-clear": this.clear,
308
- } }, 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: {
324
+ } }, 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 || this.type === "time") && (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: {
309
325
  "duet-input": true,
310
326
  disabled: this.disabled,
311
327
  "is-number": this.component === "number",
@@ -316,6 +332,7 @@ const DuetInput = class {
316
332
  this.type !== "text" &&
317
333
  this.type !== "tel" &&
318
334
  this.type !== "password" &&
335
+ this.type !== "time" &&
319
336
  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)))));
320
337
  }
321
338
  get element() { return index.getElement(this); }