@duetds/components 5.4.1 → 5.4.2

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 (252) hide show
  1. package/hydrate/index.js +69 -52
  2. package/lib/cjs/duet-action-button.cjs.entry.js +2 -2
  3. package/lib/cjs/duet-alert.cjs.entry.js +1 -1
  4. package/lib/cjs/duet-badge.cjs.entry.js +1 -1
  5. package/lib/cjs/duet-breadcrumb.cjs.entry.js +1 -1
  6. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +1 -1
  7. package/lib/cjs/duet-button_2.cjs.entry.js +1 -1
  8. package/lib/cjs/duet-caption_4.cjs.entry.js +1 -1
  9. package/lib/cjs/duet-card.cjs.entry.js +1 -1
  10. package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
  11. package/lib/cjs/duet-choice_2.cjs.entry.js +2 -2
  12. package/lib/cjs/duet-collapsible.cjs.entry.js +1 -1
  13. package/lib/cjs/duet-combobox.cjs.entry.js +2 -2
  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 +8 -3
  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 +51 -49
  23. package/lib/cjs/duet-hero.cjs.entry.js +1 -1
  24. package/lib/cjs/duet-icon.cjs.entry.js +1 -1
  25. package/lib/cjs/duet-input_2.cjs.entry.js +1 -1
  26. package/lib/cjs/duet-layout.cjs.entry.js +1 -1
  27. package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
  28. package/lib/cjs/duet-modal.cjs.entry.js +2 -2
  29. package/lib/cjs/duet-notification_2.cjs.entry.js +1 -1
  30. package/lib/cjs/duet-number-input.cjs.entry.js +1 -1
  31. package/lib/cjs/duet-pagination_2.cjs.entry.js +2 -2
  32. package/lib/cjs/duet-progress.cjs.entry.js +1 -1
  33. package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
  34. package/lib/cjs/duet-range-slider.cjs.entry.js +1 -1
  35. package/lib/cjs/duet-scrollable_3.cjs.entry.js +1 -1
  36. package/lib/cjs/duet-select.cjs.entry.js +1 -1
  37. package/lib/cjs/duet-step_2.cjs.entry.js +1 -1
  38. package/lib/cjs/duet-textarea.cjs.entry.js +1 -1
  39. package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
  40. package/lib/cjs/duet-tooltip.cjs.entry.js +1 -1
  41. package/lib/cjs/duet-tray.cjs.entry.js +1 -1
  42. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
  43. package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
  44. package/lib/cjs/duet.cjs.js +1 -1
  45. package/lib/cjs/{focus-utils-61a69e27.js → focus-utils-9226aef7.js} +1 -1
  46. package/lib/cjs/{index-e68830a0.js → index-60a8ec8a.js} +8 -1
  47. package/lib/cjs/{js-utils-be1d29ae.js → js-utils-134e0318.js} +11 -0
  48. package/lib/cjs/loader.cjs.js +1 -1
  49. package/lib/collection/components/duet-header/duet-header-icon.js +1 -1
  50. package/lib/collection/components/duet-header/duet-header.css +69 -43
  51. package/lib/collection/components/duet-header/duet-header.js +117 -114
  52. package/lib/collection/components/duet-upload/upload-validators.js +6 -1
  53. package/lib/collection/utils/js-utils.js +11 -0
  54. package/lib/custom-elements-bundle/index.js +74 -50
  55. package/lib/duet/duet.esm.js +1 -1
  56. package/lib/duet/duet.js +1 -1
  57. package/lib/duet/p-07a2ad03.entry.js +4 -0
  58. package/lib/duet/{p-dbb4a588.js → p-0b3f675e.js} +0 -0
  59. package/lib/duet/{p-985cad9f.system.entry.js → p-0dbd00e1.system.entry.js} +1 -1
  60. package/lib/duet/{p-5ae9988c.entry.js → p-12606a4b.entry.js} +1 -1
  61. package/lib/duet/p-21321528.system.entry.js +4 -0
  62. package/lib/duet/{p-18d48e33.entry.js → p-28f87990.entry.js} +1 -1
  63. package/lib/duet/{p-13f46ee7.entry.js → p-2ac07ac9.entry.js} +1 -1
  64. package/lib/duet/{p-16952e4c.entry.js → p-2b155bd9.entry.js} +1 -1
  65. package/lib/duet/{p-1b17eaf5.system.js → p-309e3417.system.js} +3 -3
  66. package/lib/duet/{p-e89aeabf.system.entry.js → p-30fc343d.system.entry.js} +1 -1
  67. package/lib/duet/{p-bd6a7d90.system.entry.js → p-322676e3.system.entry.js} +1 -1
  68. package/lib/duet/{p-cec93899.system.entry.js → p-33a0c070.system.entry.js} +1 -1
  69. package/lib/duet/{p-92639d0b.system.js → p-34ea0849.system.js} +0 -0
  70. package/lib/duet/{p-8d16d52d.entry.js → p-440e2c47.entry.js} +1 -1
  71. package/lib/duet/{p-2d865c6b.entry.js → p-451adbf4.entry.js} +1 -1
  72. package/lib/duet/{p-25b2f6c4.system.entry.js → p-46b83696.system.entry.js} +1 -1
  73. package/lib/duet/{p-656c6565.entry.js → p-46d9a853.entry.js} +1 -1
  74. package/lib/duet/{p-11cab757.system.entry.js → p-48a036c1.system.entry.js} +1 -1
  75. package/lib/duet/{p-86aacc6c.system.entry.js → p-4dd79e38.system.entry.js} +1 -1
  76. package/lib/duet/{p-930ef39a.system.entry.js → p-526e6d8e.system.entry.js} +1 -1
  77. package/lib/duet/{p-0d100aa6.system.entry.js → p-56a80c32.system.entry.js} +1 -1
  78. package/lib/duet/{p-025d4390.entry.js → p-56f17656.entry.js} +1 -1
  79. package/lib/duet/{p-fe47e5d0.entry.js → p-590e8508.entry.js} +1 -1
  80. package/lib/duet/{p-3262c779.entry.js → p-5a5117d4.entry.js} +1 -1
  81. package/lib/duet/{p-9b558995.entry.js → p-5c1646f2.entry.js} +1 -1
  82. package/lib/duet/{p-6c6bd25f.entry.js → p-5ea398eb.entry.js} +1 -1
  83. package/lib/duet/{p-a90075e7.entry.js → p-5f528fa2.entry.js} +1 -1
  84. package/lib/duet/{p-1f70eb19.system.entry.js → p-62303524.system.entry.js} +1 -1
  85. package/lib/duet/{p-3f60c823.system.entry.js → p-6255147e.system.entry.js} +1 -1
  86. package/lib/duet/{p-78ae6f30.system.entry.js → p-63aea0dc.system.entry.js} +1 -1
  87. package/lib/duet/{p-d3d948a3.system.entry.js → p-64cbe9b7.system.entry.js} +1 -1
  88. package/lib/duet/{p-d828722e.entry.js → p-65821960.entry.js} +1 -1
  89. package/lib/duet/{p-ba362a52.entry.js → p-675d713b.entry.js} +1 -1
  90. package/lib/duet/{p-652b1bad.entry.js → p-67734fad.entry.js} +1 -1
  91. package/lib/duet/{p-895bbb3c.system.entry.js → p-67ed94fa.system.entry.js} +1 -1
  92. package/lib/duet/{p-49060f77.system.entry.js → p-6ab6ce4f.system.entry.js} +1 -1
  93. package/lib/duet/{p-38316d12.entry.js → p-6c5d3def.entry.js} +1 -1
  94. package/lib/duet/{p-19ae7dfc.system.entry.js → p-6e3f764f.system.entry.js} +1 -1
  95. package/lib/duet/{p-3d7ab631.js → p-6e64cd02.js} +2 -2
  96. package/lib/duet/{p-af5ad080.entry.js → p-6f1d6649.entry.js} +1 -1
  97. package/lib/duet/{p-1f411205.entry.js → p-70e567e9.entry.js} +1 -1
  98. package/lib/duet/{p-a290738e.entry.js → p-77e3591e.entry.js} +1 -1
  99. package/lib/duet/{p-f1ed2527.system.entry.js → p-79948b47.system.entry.js} +1 -1
  100. package/lib/duet/{p-8e9bd0bb.entry.js → p-7d0051ea.entry.js} +1 -1
  101. package/lib/duet/p-7dfc475d.entry.js +4 -0
  102. package/lib/duet/{p-ea1e9c21.system.entry.js → p-80d16341.system.entry.js} +1 -1
  103. package/lib/duet/{p-62a74682.system.entry.js → p-817ef07d.system.entry.js} +1 -1
  104. package/lib/duet/{p-5f4253e1.system.entry.js → p-838ef01e.system.entry.js} +1 -1
  105. package/lib/duet/{p-81365c09.system.entry.js → p-84310e48.system.entry.js} +1 -1
  106. package/lib/duet/{p-6d8b50c4.system.js → p-89f50fd8.system.js} +1 -1
  107. package/lib/duet/{p-0fe5d208.system.entry.js → p-8bf92f1e.system.entry.js} +1 -1
  108. package/lib/duet/{p-fc4fd026.system.entry.js → p-8e1cf2fb.system.entry.js} +1 -1
  109. package/lib/duet/{p-30d9f5f4.system.entry.js → p-9205c79a.system.entry.js} +1 -1
  110. package/lib/duet/{p-27af3967.entry.js → p-97130a4c.entry.js} +1 -1
  111. package/lib/duet/{p-2c8c61ce.entry.js → p-97631cdc.entry.js} +1 -1
  112. package/lib/duet/{p-46364bc6.system.entry.js → p-98ca5a08.system.entry.js} +2 -2
  113. package/lib/duet/p-99bf8545.js +4 -0
  114. package/lib/duet/{p-61a46581.system.entry.js → p-9c9fbda5.system.entry.js} +1 -1
  115. package/lib/duet/{p-b9955a11.system.entry.js → p-9df52009.system.entry.js} +1 -1
  116. package/lib/duet/{p-932bf52a.entry.js → p-a03485f8.entry.js} +1 -1
  117. package/lib/duet/p-a806d616.entry.js +4 -0
  118. package/lib/duet/{p-7169f6c1.entry.js → p-a91bb73d.entry.js} +1 -1
  119. package/lib/duet/{p-a35ad2c1.system.entry.js → p-ac86999f.system.entry.js} +1 -1
  120. package/lib/duet/{p-d134b0b3.entry.js → p-aefb80e3.entry.js} +1 -1
  121. package/lib/duet/{p-9d9c2b86.entry.js → p-b004cbd3.entry.js} +1 -1
  122. package/lib/duet/{p-3753f57c.system.entry.js → p-b28e6872.system.entry.js} +1 -1
  123. package/lib/duet/{p-c12f6508.system.entry.js → p-b2ac632f.system.entry.js} +1 -1
  124. package/lib/duet/{p-72428669.system.entry.js → p-b70f2ae2.system.entry.js} +1 -1
  125. package/lib/duet/{p-e2f2be10.entry.js → p-bc24eeda.entry.js} +1 -1
  126. package/lib/duet/{p-b6959e10.system.entry.js → p-bec4d094.system.entry.js} +1 -1
  127. package/lib/duet/{p-00e1e70f.entry.js → p-bf8f3b14.entry.js} +1 -1
  128. package/lib/duet/{p-c8cdb936.system.entry.js → p-c383ceb4.system.entry.js} +1 -1
  129. package/lib/duet/{p-138dc194.system.entry.js → p-c694e7fb.system.entry.js} +1 -1
  130. package/lib/duet/p-c918ce45.system.entry.js +4 -0
  131. package/lib/duet/{p-36c2321d.entry.js → p-c9f244f6.entry.js} +1 -1
  132. package/lib/duet/{p-cffc34b3.entry.js → p-d3d6e75d.entry.js} +1 -1
  133. package/lib/duet/{p-6daec143.entry.js → p-dfd9a9ff.entry.js} +1 -1
  134. package/lib/duet/{p-514d1b2d.entry.js → p-e3017ffc.entry.js} +1 -1
  135. package/lib/duet/{p-c6c6518c.entry.js → p-e358c599.entry.js} +1 -1
  136. package/lib/duet/{p-76b9d26f.entry.js → p-e5b22358.entry.js} +1 -1
  137. package/lib/duet/{p-0230f7c1.system.entry.js → p-ea12c081.system.entry.js} +1 -1
  138. package/lib/duet/{p-aa09f585.entry.js → p-ef2f6881.entry.js} +1 -1
  139. package/lib/duet/{p-4f12201d.system.entry.js → p-f2831cda.system.entry.js} +1 -1
  140. package/lib/duet/{p-4651626c.entry.js → p-f2dce86d.entry.js} +1 -1
  141. package/lib/duet/{p-634fbfc5.entry.js → p-f30eb0fd.entry.js} +1 -1
  142. package/lib/duet/{p-111d9c07.system.entry.js → p-f661ebf9.system.entry.js} +1 -1
  143. package/lib/duet/{p-fcecdd10.system.entry.js → p-f6f30fb7.system.entry.js} +1 -1
  144. package/lib/duet/{p-ab7ab38c.entry.js → p-faf6cfe8.entry.js} +1 -1
  145. package/lib/duet/{p-0ba86e25.system.entry.js → p-fdb0277c.system.entry.js} +1 -1
  146. package/lib/duet/{p-d073feef.system.js → p-fe03f359.system.js} +1 -1
  147. package/lib/duet/{p-aaf68044.system.entry.js → p-ffadc9ea.system.entry.js} +1 -1
  148. package/lib/esm/duet-action-button.entry.js +2 -2
  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 +1 -1
  154. package/lib/esm/duet-caption_4.entry.js +1 -1
  155. package/lib/esm/duet-card.entry.js +1 -1
  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 +1 -1
  159. package/lib/esm/duet-combobox.entry.js +2 -2
  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 +8 -3
  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 +51 -49
  169. package/lib/esm/duet-hero.entry.js +1 -1
  170. package/lib/esm/duet-icon.entry.js +1 -1
  171. package/lib/esm/duet-input_2.entry.js +1 -1
  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 +2 -2
  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 +1 -1
  191. package/lib/esm/{focus-utils-f28f7d53.js → focus-utils-8dc04c1c.js} +1 -1
  192. package/lib/esm/{index-1e42fd5c.js → index-e1964887.js} +8 -2
  193. package/lib/esm/{js-utils-52e0944c.js → js-utils-fa98b8cd.js} +11 -0
  194. package/lib/esm/loader.js +1 -1
  195. package/lib/esm-es5/duet-action-button.entry.js +1 -1
  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 +1 -1
  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 +2 -2
  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-f28f7d53.js → focus-utils-8dc04c1c.js} +1 -1
  239. package/lib/esm-es5/{index-1e42fd5c.js → index-e1964887.js} +3 -3
  240. package/lib/esm-es5/{js-utils-52e0944c.js → js-utils-fa98b8cd.js} +0 -0
  241. package/lib/esm-es5/loader.js +1 -1
  242. package/lib/types/components/duet-header/duet-header-icon.d.ts +1 -0
  243. package/lib/types/components/duet-header/duet-header.d.ts +2 -2
  244. package/lib/types/components.d.ts +2 -2
  245. package/lib/types/utils/js-utils.d.ts +11 -0
  246. package/package.json +5 -5
  247. package/lib/duet/p-1d6e11db.entry.js +0 -4
  248. package/lib/duet/p-358583f9.system.entry.js +0 -4
  249. package/lib/duet/p-6842301e.entry.js +0 -4
  250. package/lib/duet/p-7b6f2f71.js +0 -4
  251. package/lib/duet/p-983ce052.system.entry.js +0 -4
  252. package/lib/duet/p-d3443dea.entry.js +0 -4
package/lib/duet/{p-6daec143.entry.js → p-dfd9a9ff.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as t,c as e,h as o,H as n,g as i}from"./p-3d7ab631.js";import{i as r}from"./p-4ebf1618.js";import{D as u}from"./p-76f00bd5.js";import{a,g as d}from"./p-ede854e1.js";import{g as s}from"./p-de3c0f4d.js";import"./p-5a9d75e1.js";import"./p-398a79a0.js";const b=class{constructor(o){t(this,o),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.accessiblePopup="false",this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.loading=!1,this.variation="default",this.negative=!1,this.theme="",this.margin="auto",this.padding="auto",this.centerText=!1,this.wrapping="auto",this.expand=!1,this.fixed=!1,this.disabled=!1,this.submit=!1,this.external=!1,this.language=a(),this.accessibleLabelExternalDefaults=u,this.accessibleLabelExternal=d(this.accessibleLabelExternalDefaults),this.icon="",this.color="",this.iconRight=!1,this.iconSize="medium",this.size="medium",this.iconOnly=!1,this.handleClick=t=>{!this.url&&this.element.closest("form")&&(t.preventDefault(),this.proxyButton.click())},this.onFocus=()=>{this.duetFocus.emit()},this.onBlur=()=>{this.duetBlur.emit()}}componentWillLoad(){r(this),this.url&&this.external&&this.icon&&console.warn("[DUET]: Button used as an external link will override any icon that is set")}connectedCallback(){this.proxyButton=document.createElement("button"),this.proxyButton.style.display="none",this.syncToProxyButton(),!this.url&&this.element.closest("form")&&this.element.insertAdjacentElement("beforebegin",this.proxyButton)}disconnectedCallback(){this.proxyButton.remove(),this.proxyButton=null}syncToProxyButton(){this.proxyButton.type=this.getButtonType(),this.proxyButton.disabled=this.disabled,null!=this.name?this.proxyButton.name=this.name:this.proxyButton.removeAttribute("name"),null!=this.value?this.proxyButton.value=this.value:this.proxyButton.removeAttribute("value")}getButtonType(){return this.submit?"submit":"button"}async setFocus(t){this.nativeButton&&this.nativeButton.focus(t)}render(){const t=this.external&&this.url,e=t?"action-new-window":this.icon,i=!!t||this.iconRight,r=o("span",{class:"duet-button-contents",style:{color:s(this.color)}},e&&o("div",{"aria-hidden":"true",class:{"duet-button-icon":!0,left:!i,right:i,[this.iconSize]:!0}},o("duet-icon",{size:"auto",margin:"none",name:e,color:"currentColor"})),o("slot",null)),u={onFocus:this.onFocus,onBlur:this.onBlur,ref:t=>this.nativeButton=t,id:this.identifier,class:{"duet-m-0":"none"===this.margin,"duet-p-0":"none"===this.padding,"duet-no-wrap":"none"===this.wrapping,"duet-button":!0,"duet-button-is-small":"small"===this.size,"duet-button-icon-only":this.iconOnly,"duet-button-text-center":this.centerText,"duet-button-negative":this.negative||"negative"===this.variation,[this.variation]:!0,disabled:this.disabled,icon:!!e,"icon-right":i,[this.iconSize]:!0},"aria-controls":this.accessibleControls,"aria-label":this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription};return o(n,{onClick:this.handleClick,class:{"duet-m-0":"none"===this.margin,"duet-small":"small"===this.size,"duet-fixed":this.fixed,"duet-expand":this.expand,"input-button":"input-button-primary"===this.variation||"input-button-secondary"===this.variation}},o("div",{class:{"duet-button-container":!0,"duet-button-is-loading":this.loading,"duet-theme-turva":"turva"===this.theme,"duet-button-negative":this.negative||"negative"===this.variation,[this.variation]:!0}},this.url?o("a",Object.assign({},u,{href:this.url,target:this.external?"_blank":"_self",rel:this.external?"noopener":void 0}),r,this.external&&o("duet-visually-hidden",null,", ",this.accessibleLabelExternal)):o("button",Object.assign({},u,{type:this.getButtonType(),disabled:this.disabled,name:this.name,value:this.value,"aria-pressed":null!=this.accessiblePressed?this.accessiblePressed.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0}),r),this.loading&&o("duet-spinner",{color:"currentColor"})))}get element(){return i(this)}static get watchers(){return{disabled:["syncToProxyButton"],submit:["syncToProxyButton"],value:["syncToProxyButton"],name:["syncToProxyButton"]}}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.input-button){z-index:250}:host(.duet-small){margin-right:2px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small){width:auto}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;width:100%}.duet-button{padding:14px 27px 15px !important;-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;min-width:8rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:#0077b3 !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:2px;border-radius:20rem;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:not(.input-button-primary,.input-button-secondary){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){padding:9px 19px 10px !important;min-width:5.3333333333rem;font-size:0.875rem}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon{padding-left:48px !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon-right{padding-right:48px !important;padding-left:20px !important}.duet-theme-turva .duet-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#c60c30 !important}.duet-button .duet-button-contents{position:relative;display:inline-block;margin:0 auto;pointer-events:none}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button.icon{padding-left:52px !important}.duet-button.icon-right{padding-right:52px !important;padding-left:28px !important}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{position:absolute;top:50%;left:-28px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0 !important;transform:translateY(-50%)}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.right{right:-28px;left:auto}.duet-button .duet-button-icon.large{left:-32px;width:20px;height:20px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.large.right{right:-32px;left:auto}.duet-button .duet-button-icon.medium-small{left:-16px;width:10px;height:10px;padding-top:1px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.medium-small.right{right:-16px;left:auto}.duet-button .duet-button-icon.small{left:-16px;width:7px;height:7px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button .duet-button-icon.small.right{right:-16px;left:auto}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button:active{opacity:0.75;transition:none}.duet-button.default{border-color:#e1e3e6}.duet-theme-turva .duet-button.default{color:#c60c30 !important;border-color:#e4e4e6}.duet-button.default:hover{border-color:#0077b3}.duet-theme-turva .duet-button.default:hover{border-color:#c60c30}.duet-button.default.duet-button-negative{background-color:white}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:#e4e4e6 !important}.duet-button.default.duet-button-negative:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.primary,.duet-button.input-button-primary{color:white !important;background:#0077b3;border-color:#0077b3}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary{color:white !important;background:#c60c30;border-color:#c60c30}.duet-button.primary:hover,.duet-button.input-button-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover{background:#940925;border-color:#940925}.duet-button.primary:focus,.duet-button.input-button-primary:focus{outline:0;box-shadow:0 0 0 1px white, 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus{box-shadow:0 0 0 1px white, 0 0 0 4px rgba(23, 28, 58, 0.7)}.duet-button.secondary,.duet-button.input-button-secondary{color:#00294d !important;background:transparent;border-color:#00294d}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary{color:#171c3a !important;border-color:#171c3a}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative{color:#e1e3e6 !important;border-color:white}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative{color:#e4e4e6 !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.negative{color:#00294d !important;background:white;border-color:white}.duet-theme-turva .duet-button.negative{color:#171c3a !important}.duet-button.negative:hover{color:white !important;background:transparent;border-color:white}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px #171c3a, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:white !important;background:#de2362;border-color:#de2362}.duet-theme-turva .duet-button.destructive-primary{color:white !important;background:#e02a0d;border-color:#e02a0d}.duet-button.destructive-primary:hover{background:#b21c4e;border-color:#b21c4e;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#b3220a}.duet-button.destructive,.duet-button.destructive-secondary{color:#de2362 !important;background:white;border-color:#de2362}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:#e02a0d !important;background:white;border-color:#e02a0d}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:white !important;background:#b21c4e;border-color:#b21c4e}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:white !important;background:#b3220a;border-color:#b3220a}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:#c60c30 !important;background:transparent;border-color:transparent}.duet-button.plain.icon{padding-left:20px !important}.duet-button.plain.icon.icon-right{padding-right:20px !important;padding-left:0 !important}.duet-button.plain.icon.medium{padding-left:24px !important}.duet-button.plain.icon.medium.icon-right{padding-right:24px !important;padding-left:0 !important}.duet-button.plain.icon.large{padding-left:30px !important}.duet-button.plain.icon.large.icon-right{padding-right:30px !important;padding-left:0 !important}.duet-button.plain .duet-button-icon.left{left:-16.6666666667px !important}.duet-button.plain .duet-button-icon.left.medium{left:-24px !important}.duet-button.plain .duet-button-icon.left.large{left:-30px !important}.duet-button.plain .duet-button-icon.right{right:-16.6666666667px !important}.duet-button.plain .duet-button-icon.right.medium{right:-24px !important}.duet-button.plain .duet-button-icon.right.large{right:-30px !important}.duet-button.plain[disabled]{color:#657787 !important;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;background:transparent !important;border-color:#e4e4e6 !important}.duet-button.plain:hover{color:#004d80 !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:#940925 !important}.duet-button.plain.duet-button-negative{color:white !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:#e4e4e6 !important}.duet-button.plain.duet-button-negative:hover{color:#0077b3 !important}.duet-theme-turva .duet-button.plain.duet-button-negative:hover{color:#c60c30 !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:#657787 !important;background:#e1e3e6 !important;border-color:#e1e3e6 !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:#747475 !important;background:#e4e4e6 !important;border-color:#e4e4e6 !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:white}.duet-button-is-loading.default{color:#0077b3}.duet-button-is-loading.default.duet-theme-turva{color:#c60c30}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}';const p=class{constructor(e){t(this,e),this.color="gray-lightest",this.size="small",this.theme=""}componentWillLoad(){r(this)}render(){const t="currentColor"===this.color?"currentColor":s(this.color);return o(n,{class:{"duet-custom-color":"currentColor"!==this.color&&"turva"!==this.theme&&"default"!==this.theme,"duet-theme-turva":"turva"===this.theme&&"currentColor"!==this.color,"duet-theme-default":"default"===this.theme&&"currentColor"!==this.color}},o("div",{class:{"duet-spinner":!0,[this.size]:!0},style:{color:t},"aria-label":this.accessibleLabel}))}};p.style=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;top:50%;left:50%;z-index:800;max-width:100%}:host(.duet-theme-default) .duet-spinner{color:#0077b3 !important}:host(.duet-theme-turva) .duet-spinner{color:#c60c30 !important}:host(.duet-custom-color){color:inherit}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-spinner{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;z-index:800;width:24px;height:24px;color:#0077b3;border:2px solid transparent;border-left:2px solid currentColor;border-radius:50%;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%;animation:duetRotate 0.6s linear infinite}.duet-spinner::after{position:absolute;top:50%;left:50%;z-index:200;box-sizing:content-box;width:100%;height:100%;overflow:hidden;content:"";border:2px solid currentColor;border-radius:50%;opacity:0.3;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%}.duet-spinner.medium{width:36px;height:36px;border-width:4px}.duet-spinner.medium::after{border-width:4px}.duet-spinner.large{width:72px;height:72px;border-width:8px}.duet-spinner.large::after{border-width:8px}@keyframes duetRotate{0%{transform:translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%)}100%{transform:translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%)}}';export{b as duet_button,p as duet_spinner}
4
+ import{r as t,c as e,h as o,H as n,g as i}from"./p-6e64cd02.js";import{i as r}from"./p-4ebf1618.js";import{D as u}from"./p-76f00bd5.js";import{a,g as d}from"./p-ede854e1.js";import{g as s}from"./p-de3c0f4d.js";import"./p-5a9d75e1.js";import"./p-398a79a0.js";const b=class{constructor(o){t(this,o),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.accessiblePopup="false",this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.loading=!1,this.variation="default",this.negative=!1,this.theme="",this.margin="auto",this.padding="auto",this.centerText=!1,this.wrapping="auto",this.expand=!1,this.fixed=!1,this.disabled=!1,this.submit=!1,this.external=!1,this.language=a(),this.accessibleLabelExternalDefaults=u,this.accessibleLabelExternal=d(this.accessibleLabelExternalDefaults),this.icon="",this.color="",this.iconRight=!1,this.iconSize="medium",this.size="medium",this.iconOnly=!1,this.handleClick=t=>{!this.url&&this.element.closest("form")&&(t.preventDefault(),this.proxyButton.click())},this.onFocus=()=>{this.duetFocus.emit()},this.onBlur=()=>{this.duetBlur.emit()}}componentWillLoad(){r(this),this.url&&this.external&&this.icon&&console.warn("[DUET]: Button used as an external link will override any icon that is set")}connectedCallback(){this.proxyButton=document.createElement("button"),this.proxyButton.style.display="none",this.syncToProxyButton(),!this.url&&this.element.closest("form")&&this.element.insertAdjacentElement("beforebegin",this.proxyButton)}disconnectedCallback(){this.proxyButton.remove(),this.proxyButton=null}syncToProxyButton(){this.proxyButton.type=this.getButtonType(),this.proxyButton.disabled=this.disabled,null!=this.name?this.proxyButton.name=this.name:this.proxyButton.removeAttribute("name"),null!=this.value?this.proxyButton.value=this.value:this.proxyButton.removeAttribute("value")}getButtonType(){return this.submit?"submit":"button"}async setFocus(t){this.nativeButton&&this.nativeButton.focus(t)}render(){const t=this.external&&this.url,e=t?"action-new-window":this.icon,i=!!t||this.iconRight,r=o("span",{class:"duet-button-contents",style:{color:s(this.color)}},e&&o("div",{"aria-hidden":"true",class:{"duet-button-icon":!0,left:!i,right:i,[this.iconSize]:!0}},o("duet-icon",{size:"auto",margin:"none",name:e,color:"currentColor"})),o("slot",null)),u={onFocus:this.onFocus,onBlur:this.onBlur,ref:t=>this.nativeButton=t,id:this.identifier,class:{"duet-m-0":"none"===this.margin,"duet-p-0":"none"===this.padding,"duet-no-wrap":"none"===this.wrapping,"duet-button":!0,"duet-button-is-small":"small"===this.size,"duet-button-icon-only":this.iconOnly,"duet-button-text-center":this.centerText,"duet-button-negative":this.negative||"negative"===this.variation,[this.variation]:!0,disabled:this.disabled,icon:!!e,"icon-right":i,[this.iconSize]:!0},"aria-controls":this.accessibleControls,"aria-label":this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription};return o(n,{onClick:this.handleClick,class:{"duet-m-0":"none"===this.margin,"duet-small":"small"===this.size,"duet-fixed":this.fixed,"duet-expand":this.expand,"input-button":"input-button-primary"===this.variation||"input-button-secondary"===this.variation}},o("div",{class:{"duet-button-container":!0,"duet-button-is-loading":this.loading,"duet-theme-turva":"turva"===this.theme,"duet-button-negative":this.negative||"negative"===this.variation,[this.variation]:!0}},this.url?o("a",Object.assign({},u,{href:this.url,target:this.external?"_blank":"_self",rel:this.external?"noopener":void 0}),r,this.external&&o("duet-visually-hidden",null,", ",this.accessibleLabelExternal)):o("button",Object.assign({},u,{type:this.getButtonType(),disabled:this.disabled,name:this.name,value:this.value,"aria-pressed":null!=this.accessiblePressed?this.accessiblePressed.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0}),r),this.loading&&o("duet-spinner",{color:"currentColor"})))}get element(){return i(this)}static get watchers(){return{disabled:["syncToProxyButton"],submit:["syncToProxyButton"],value:["syncToProxyButton"],name:["syncToProxyButton"]}}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.input-button){z-index:250}:host(.duet-small){margin-right:2px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small){width:auto}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;width:100%}.duet-button{padding:14px 27px 15px !important;-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;min-width:8rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:#0077b3 !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:2px;border-radius:20rem;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:not(.input-button-primary,.input-button-secondary){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){padding:9px 19px 10px !important;min-width:5.3333333333rem;font-size:0.875rem}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon{padding-left:48px !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon-right{padding-right:48px !important;padding-left:20px !important}.duet-theme-turva .duet-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#c60c30 !important}.duet-button .duet-button-contents{position:relative;display:inline-block;margin:0 auto;pointer-events:none}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button.icon{padding-left:52px !important}.duet-button.icon-right{padding-right:52px !important;padding-left:28px !important}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{position:absolute;top:50%;left:-28px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0 !important;transform:translateY(-50%)}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.right{right:-28px;left:auto}.duet-button .duet-button-icon.large{left:-32px;width:20px;height:20px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.large.right{right:-32px;left:auto}.duet-button .duet-button-icon.medium-small{left:-16px;width:10px;height:10px;padding-top:1px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.medium-small.right{right:-16px;left:auto}.duet-button .duet-button-icon.small{left:-16px;width:7px;height:7px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button .duet-button-icon.small.right{right:-16px;left:auto}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button:active{opacity:0.75;transition:none}.duet-button.default{border-color:#e1e3e6}.duet-theme-turva .duet-button.default{color:#c60c30 !important;border-color:#e4e4e6}.duet-button.default:hover{border-color:#0077b3}.duet-theme-turva .duet-button.default:hover{border-color:#c60c30}.duet-button.default.duet-button-negative{background-color:white}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:#e4e4e6 !important}.duet-button.default.duet-button-negative:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.primary,.duet-button.input-button-primary{color:white !important;background:#0077b3;border-color:#0077b3}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary{color:white !important;background:#c60c30;border-color:#c60c30}.duet-button.primary:hover,.duet-button.input-button-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover{background:#940925;border-color:#940925}.duet-button.primary:focus,.duet-button.input-button-primary:focus{outline:0;box-shadow:0 0 0 1px white, 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus{box-shadow:0 0 0 1px white, 0 0 0 4px rgba(23, 28, 58, 0.7)}.duet-button.secondary,.duet-button.input-button-secondary{color:#00294d !important;background:transparent;border-color:#00294d}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary{color:#171c3a !important;border-color:#171c3a}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative{color:#e1e3e6 !important;border-color:white}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative{color:#e4e4e6 !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.negative{color:#00294d !important;background:white;border-color:white}.duet-theme-turva .duet-button.negative{color:#171c3a !important}.duet-button.negative:hover{color:white !important;background:transparent;border-color:white}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px #171c3a, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:white !important;background:#de2362;border-color:#de2362}.duet-theme-turva .duet-button.destructive-primary{color:white !important;background:#e02a0d;border-color:#e02a0d}.duet-button.destructive-primary:hover{background:#b21c4e;border-color:#b21c4e;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#b3220a}.duet-button.destructive,.duet-button.destructive-secondary{color:#de2362 !important;background:white;border-color:#de2362}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:#e02a0d !important;background:white;border-color:#e02a0d}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:white !important;background:#b21c4e;border-color:#b21c4e}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:white !important;background:#b3220a;border-color:#b3220a}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:#c60c30 !important;background:transparent;border-color:transparent}.duet-button.plain.icon{padding-left:20px !important}.duet-button.plain.icon.icon-right{padding-right:20px !important;padding-left:0 !important}.duet-button.plain.icon.medium{padding-left:24px !important}.duet-button.plain.icon.medium.icon-right{padding-right:24px !important;padding-left:0 !important}.duet-button.plain.icon.large{padding-left:30px !important}.duet-button.plain.icon.large.icon-right{padding-right:30px !important;padding-left:0 !important}.duet-button.plain .duet-button-icon.left{left:-16.6666666667px !important}.duet-button.plain .duet-button-icon.left.medium{left:-24px !important}.duet-button.plain .duet-button-icon.left.large{left:-30px !important}.duet-button.plain .duet-button-icon.right{right:-16.6666666667px !important}.duet-button.plain .duet-button-icon.right.medium{right:-24px !important}.duet-button.plain .duet-button-icon.right.large{right:-30px !important}.duet-button.plain[disabled]{color:#657787 !important;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;background:transparent !important;border-color:#e4e4e6 !important}.duet-button.plain:hover{color:#004d80 !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:#940925 !important}.duet-button.plain.duet-button-negative{color:white !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:#e4e4e6 !important}.duet-button.plain.duet-button-negative:hover{color:#0077b3 !important}.duet-theme-turva .duet-button.plain.duet-button-negative:hover{color:#c60c30 !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:#657787 !important;background:#e1e3e6 !important;border-color:#e1e3e6 !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:#747475 !important;background:#e4e4e6 !important;border-color:#e4e4e6 !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:white}.duet-button-is-loading.default{color:#0077b3}.duet-button-is-loading.default.duet-theme-turva{color:#c60c30}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}';const p=class{constructor(e){t(this,e),this.color="gray-lightest",this.size="small",this.theme=""}componentWillLoad(){r(this)}render(){const t="currentColor"===this.color?"currentColor":s(this.color);return o(n,{class:{"duet-custom-color":"currentColor"!==this.color&&"turva"!==this.theme&&"default"!==this.theme,"duet-theme-turva":"turva"===this.theme&&"currentColor"!==this.color,"duet-theme-default":"default"===this.theme&&"currentColor"!==this.color}},o("div",{class:{"duet-spinner":!0,[this.size]:!0},style:{color:t},"aria-label":this.accessibleLabel}))}};p.style=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;top:50%;left:50%;z-index:800;max-width:100%}:host(.duet-theme-default) .duet-spinner{color:#0077b3 !important}:host(.duet-theme-turva) .duet-spinner{color:#c60c30 !important}:host(.duet-custom-color){color:inherit}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-spinner{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;z-index:800;width:24px;height:24px;color:#0077b3;border:2px solid transparent;border-left:2px solid currentColor;border-radius:50%;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%;animation:duetRotate 0.6s linear infinite}.duet-spinner::after{position:absolute;top:50%;left:50%;z-index:200;box-sizing:content-box;width:100%;height:100%;overflow:hidden;content:"";border:2px solid currentColor;border-radius:50%;opacity:0.3;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%}.duet-spinner.medium{width:36px;height:36px;border-width:4px}.duet-spinner.medium::after{border-width:4px}.duet-spinner.large{width:72px;height:72px;border-width:8px}.duet-spinner.large::after{border-width:8px}@keyframes duetRotate{0%{transform:translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%)}100%{transform:translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%)}}';export{b as duet_button,p as duet_spinner}
package/lib/duet/{p-514d1b2d.entry.js → p-e3017ffc.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as e,h as t,g as i}from"./p-3d7ab631.js";import{i as o}from"./p-4ebf1618.js";import{a,g as r}from"./p-ede854e1.js";import{a as n}from"./p-115c79b6.js";import"./p-5a9d75e1.js";const d=class{constructor(t){e(this,t),this.language=a(),this.accessibleLabelUnreadDefaults={en:"Unread",fi:"Lukematon",sv:"Oläst"},this.accessibleLabelUnread=r(this.accessibleLabelUnreadDefaults,this.language),this.url="#",this.date="",this.highlight=!1,this.external=!1,this.theme=""}componentWillLoad(){o(this)}async setFocus(e){this.linkElement.focus(e)}render(){return t("div",{role:"listitem",class:{"duet-notification":!0,"duet-notification-highlight":this.highlight,"duet-theme-turva":"turva"===this.theme}},t("a",{ref:e=>this.linkElement=e,href:this.url,target:this.external?"_blank":"_self"},t("div",{class:"duet-notification-container"},t("div",{class:"duet-notification-badge-container"},this.highlight&&t("div",{class:"duet-notification-badge"},t("duet-visually-hidden",null,this.accessibleLabelUnread,":"))),t("div",{class:"duet-notification-content"},t("slot",null)),t("div",{class:"duet-notification-date"},this.date))))}get element(){return i(this)}};d.style="*,*::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-notification{display:block;padding:16px;color:#00294d;cursor:pointer;border-bottom:1px solid #e1e3e6;transition:300ms ease}:host(:last-of-type) .duet-notification{border-bottom:0}.duet-notification.duet-theme-turva{color:#171c3a;border-bottom-color:#e4e4e6}.duet-notification.duet-notification-highlight{font-weight:600;background:#f3f9fc}.duet-notification.duet-notification-highlight.duet-theme-turva{background:#fcf3f4}@media (min-width: 62em){.duet-notification:hover{background:#f3f9fc}.duet-notification:hover.duet-theme-turva{background:#fcf3f4}}.duet-notification a{text-decoration:none}.duet-notification a:focus{outline:0}:host(.user-is-tabbing) .duet-notification:focus-within{z-index:1;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-notification-container{position:relative;display:flex}.duet-notification-badge-container{position:relative;width:16px}.duet-notification-badge{position:absolute;top:6px;left:-2px;width:8px;height:8px;background:#0077b3;border-radius:50%}.duet-theme-turva .duet-notification-badge{background:#c60c30}.duet-notification-content{flex:1}.duet-notification-date{position:absolute;top:2px;right:0;width:96px;font-size:0.75rem;font-weight:600;line-height:1.25;color:#657787;text-align:right;text-transform:uppercase}@media (max-width: 35.9375em){.duet-notification-date{width:auto}}.duet-theme-turva .duet-notification-date{color:#444445}::slotted(duet-heading){padding-right:80px !important}::slotted(duet-paragraph){margin-bottom:2px !important}";const s=class{constructor(t){e(this,t),this.isOpen=!1,this.icon="",this.label="Label",this.language=a(),this.accessibleLabelNotificationsDefaults={en:"No notifications",fi:"Ei ilmoituksia",sv:"Inga notifikationer"},this.accessibleLabelNotifications=r(this.accessibleLabelNotificationsDefaults),this.badge=!1,this.theme="",this.direction="left",this.handleKeyDown=e=>{this.isOpen&&27===e.keyCode&&this.close()},this.toggleMenu=e=>{e.stopPropagation(),this.isOpen?this.close():this.open()},this.updateNotificationState=()=>{this.hasNotifications=this.element.children.length>0}}componentWillLoad(){o(this),this.updateNotificationState()}connectedCallback(){this.observer=new MutationObserver(this.updateNotificationState),this.observer.observe(this.element,{childList:!0})}disconnectedCallback(){this.observer.disconnect(),this.observer=null}handleClickFocusOutside(e){this.isOpen&&!this.element.contains(e.target)&&this.close(!1)}async setFocus(e){this.drawerButtonEl.focus(e)}async open(){const e=this.element.closest("duet-header");e&&e.closeMenus(),this.isOpen=!0,this.drawerContentEl.scrollTop=0}async close(e=!0){this.isOpen=!1,e&&this.setFocus({preventScroll:!0})}render(){return t("div",{class:{"duet-drawer":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:this.handleKeyDown},t("button",{ref:e=>this.drawerButtonEl=e,type:"button",class:"duet-drawer-toggle",id:"duet-drawer-toggle","aria-controls":"duet-drawer-content","aria-expanded":this.isOpen?"true":"false",onClick:this.toggleMenu},this.icon&&t("div",{class:"duet-drawer-icon"},t("duet-icon",{margin:"none",size:"x-small",name:this.icon,color:"currentColor"}),this.badge&&t("div",{class:"duet-drawer-badge"})),t("span",{class:"duet-drawer-label"},this.label),t("div",{class:"duet-drawer-caret"},t("duet-icon",{margin:"none",size:"auto",icon:n.svg,color:"currentColor"}))),t("div",{id:"duet-drawer-content",class:{"duet-drawer-content":!0,"duet-drawer-right":"right"===this.direction,"duet-drawer-left":"left"===this.direction,"duet-drawer-open":this.isOpen},ref:e=>this.drawerContentEl=e},this.hasNotifications?t("div",{role:"list"},t("slot",null)):t("duet-empty-state",{size:"small"},t("duet-paragraph",{size:"small",margin:"none"},this.accessibleLabelNotifications))))}get element(){return i(this)}};s.style='*,*::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-drawer{position:relative}@media (min-width: 62em){.duet-drawer{display:inline-block}}.duet-drawer-toggle{position:relative;display:flex;align-items:center;width:100%;height:48px;padding:0 20px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:48px;color:#00294d;text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:white;border-bottom:1px solid #e1e3e6;border-radius:0;-webkit-appearance:none;appearance:none}@media (min-width: 62em){.duet-drawer-toggle{z-index:200;width:auto;max-width:200px;padding:0 30px 0 12px;overflow:hidden;font-size:0.875rem;line-height:4rem;border:0;border-radius:4px;transition:border 300ms ease}}.duet-theme-turva .duet-drawer-toggle{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;background-color:white;border-color:#e4e4e6}.duet-drawer-toggle:active{opacity:0.75}.duet-drawer-toggle:focus{outline:0}:host(.user-is-tabbing) .duet-drawer-toggle: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 .duet-drawer-toggle:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-drawer-toggle:hover{color:#004d80}.duet-theme-turva .duet-drawer-toggle:hover{color:#444445}.duet-drawer-toggle::after{display:none !important}@media (min-width: 62em){.duet-drawer-toggle::after{position:absolute;top:auto;bottom:0;left:0;display:block !important;width:100%;height:3px;content:"";background:#0077b3;transition:300ms ease;transform:translateY(3px)}.duet-theme-turva .duet-drawer-toggle::after{background:#c60c30}}.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{color:#004d80;border-bottom:1px solid #f5f8fa;border-radius:0}.duet-theme-turva .duet-drawer-toggle[aria-expanded=true],.duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover{color:#444445;border-color:#f5f5f7}@media (min-width: 62em){.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{border:0}.duet-drawer-toggle[aria-expanded=true]::after,.duet-drawer-toggle[aria-expanded=true]:hover::after{left:0;width:100%;transform:translateY(0)}}.duet-drawer-icon{position:relative;display:inline-flex;min-width:12px;margin-right:12px;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-drawer-icon{margin-right:8px}}.duet-drawer-label{line-height:1}.duet-drawer-caret{position:absolute;top:50%;right:20px;display:flex;width:10px;height:10px;margin-left:8px;line-height:normal;pointer-events:none;transition:300ms ease;transform:translateY(-50%);transform-origin:50% 50%}@media (min-width: 62em){.duet-drawer-caret{right:16px;width:7px;height:7px}}.duet-drawer-caret duet-icon{width:10px}.duet-drawer-toggle[aria-expanded=true] .duet-drawer-caret{transform:translateY(-50%) rotate(180deg)}.duet-drawer-badge{position:absolute;top:0;right:0;display:inline-block;width:6px;height:6px;background:#f7b228;border-radius:50%;box-shadow:0 0 0 1px #c18b1f}.duet-theme-turva .duet-drawer-badge{background:#faa40f}.duet-drawer-content{display:none;background-color:white;border-bottom:1px solid #e1e3e6}.duet-drawer-content:focus{outline:0}.duet-theme-turva .duet-drawer-content{background-color:white;border-color:#e1e3e6}@media (min-width: 62em){.duet-drawer-content{position:absolute;top:100%;z-index:600;display:block;width:450px;max-height:420px;padding-left:0;overflow-y:auto;visibility:hidden;background-color:white;border:1px solid #e1e3e6;border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:300ms ease;transform:scale(0.95) translateZ(0) translateY(-10px);transform-origin:50% 0;scrollbar-width:none}.duet-drawer-content::-webkit-scrollbar{display:none}.duet-theme-turva .duet-drawer-content{background-color:white}.duet-drawer-content.duet-drawer-left{right:0}.duet-drawer-content.duet-drawer-right{left:0}}.duet-drawer-content.duet-drawer-open{display:block}@media (min-width: 62em){.duet-drawer-content.duet-drawer-open{visibility:visible;opacity:1;transform:scale(1) translateZ(0) translateY(0)}}';export{d as duet_notification,s as duet_notification_drawer}
4
+ import{r as e,h as t,g as i}from"./p-6e64cd02.js";import{i as o}from"./p-4ebf1618.js";import{a,g as r}from"./p-ede854e1.js";import{a as n}from"./p-115c79b6.js";import"./p-5a9d75e1.js";const d=class{constructor(t){e(this,t),this.language=a(),this.accessibleLabelUnreadDefaults={en:"Unread",fi:"Lukematon",sv:"Oläst"},this.accessibleLabelUnread=r(this.accessibleLabelUnreadDefaults,this.language),this.url="#",this.date="",this.highlight=!1,this.external=!1,this.theme=""}componentWillLoad(){o(this)}async setFocus(e){this.linkElement.focus(e)}render(){return t("div",{role:"listitem",class:{"duet-notification":!0,"duet-notification-highlight":this.highlight,"duet-theme-turva":"turva"===this.theme}},t("a",{ref:e=>this.linkElement=e,href:this.url,target:this.external?"_blank":"_self"},t("div",{class:"duet-notification-container"},t("div",{class:"duet-notification-badge-container"},this.highlight&&t("div",{class:"duet-notification-badge"},t("duet-visually-hidden",null,this.accessibleLabelUnread,":"))),t("div",{class:"duet-notification-content"},t("slot",null)),t("div",{class:"duet-notification-date"},this.date))))}get element(){return i(this)}};d.style="*,*::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-notification{display:block;padding:16px;color:#00294d;cursor:pointer;border-bottom:1px solid #e1e3e6;transition:300ms ease}:host(:last-of-type) .duet-notification{border-bottom:0}.duet-notification.duet-theme-turva{color:#171c3a;border-bottom-color:#e4e4e6}.duet-notification.duet-notification-highlight{font-weight:600;background:#f3f9fc}.duet-notification.duet-notification-highlight.duet-theme-turva{background:#fcf3f4}@media (min-width: 62em){.duet-notification:hover{background:#f3f9fc}.duet-notification:hover.duet-theme-turva{background:#fcf3f4}}.duet-notification a{text-decoration:none}.duet-notification a:focus{outline:0}:host(.user-is-tabbing) .duet-notification:focus-within{z-index:1;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-notification-container{position:relative;display:flex}.duet-notification-badge-container{position:relative;width:16px}.duet-notification-badge{position:absolute;top:6px;left:-2px;width:8px;height:8px;background:#0077b3;border-radius:50%}.duet-theme-turva .duet-notification-badge{background:#c60c30}.duet-notification-content{flex:1}.duet-notification-date{position:absolute;top:2px;right:0;width:96px;font-size:0.75rem;font-weight:600;line-height:1.25;color:#657787;text-align:right;text-transform:uppercase}@media (max-width: 35.9375em){.duet-notification-date{width:auto}}.duet-theme-turva .duet-notification-date{color:#444445}::slotted(duet-heading){padding-right:80px !important}::slotted(duet-paragraph){margin-bottom:2px !important}";const s=class{constructor(t){e(this,t),this.isOpen=!1,this.icon="",this.label="Label",this.language=a(),this.accessibleLabelNotificationsDefaults={en:"No notifications",fi:"Ei ilmoituksia",sv:"Inga notifikationer"},this.accessibleLabelNotifications=r(this.accessibleLabelNotificationsDefaults),this.badge=!1,this.theme="",this.direction="left",this.handleKeyDown=e=>{this.isOpen&&27===e.keyCode&&this.close()},this.toggleMenu=e=>{e.stopPropagation(),this.isOpen?this.close():this.open()},this.updateNotificationState=()=>{this.hasNotifications=this.element.children.length>0}}componentWillLoad(){o(this),this.updateNotificationState()}connectedCallback(){this.observer=new MutationObserver(this.updateNotificationState),this.observer.observe(this.element,{childList:!0})}disconnectedCallback(){this.observer.disconnect(),this.observer=null}handleClickFocusOutside(e){this.isOpen&&!this.element.contains(e.target)&&this.close(!1)}async setFocus(e){this.drawerButtonEl.focus(e)}async open(){const e=this.element.closest("duet-header");e&&e.closeMenus(),this.isOpen=!0,this.drawerContentEl.scrollTop=0}async close(e=!0){this.isOpen=!1,e&&this.setFocus({preventScroll:!0})}render(){return t("div",{class:{"duet-drawer":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:this.handleKeyDown},t("button",{ref:e=>this.drawerButtonEl=e,type:"button",class:"duet-drawer-toggle",id:"duet-drawer-toggle","aria-controls":"duet-drawer-content","aria-expanded":this.isOpen?"true":"false",onClick:this.toggleMenu},this.icon&&t("div",{class:"duet-drawer-icon"},t("duet-icon",{margin:"none",size:"x-small",name:this.icon,color:"currentColor"}),this.badge&&t("div",{class:"duet-drawer-badge"})),t("span",{class:"duet-drawer-label"},this.label),t("div",{class:"duet-drawer-caret"},t("duet-icon",{margin:"none",size:"auto",icon:n.svg,color:"currentColor"}))),t("div",{id:"duet-drawer-content",class:{"duet-drawer-content":!0,"duet-drawer-right":"right"===this.direction,"duet-drawer-left":"left"===this.direction,"duet-drawer-open":this.isOpen},ref:e=>this.drawerContentEl=e},this.hasNotifications?t("div",{role:"list"},t("slot",null)):t("duet-empty-state",{size:"small"},t("duet-paragraph",{size:"small",margin:"none"},this.accessibleLabelNotifications))))}get element(){return i(this)}};s.style='*,*::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-drawer{position:relative}@media (min-width: 62em){.duet-drawer{display:inline-block}}.duet-drawer-toggle{position:relative;display:flex;align-items:center;width:100%;height:48px;padding:0 20px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:48px;color:#00294d;text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:white;border-bottom:1px solid #e1e3e6;border-radius:0;-webkit-appearance:none;appearance:none}@media (min-width: 62em){.duet-drawer-toggle{z-index:200;width:auto;max-width:200px;padding:0 30px 0 12px;overflow:hidden;font-size:0.875rem;line-height:4rem;border:0;border-radius:4px;transition:border 300ms ease}}.duet-theme-turva .duet-drawer-toggle{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;background-color:white;border-color:#e4e4e6}.duet-drawer-toggle:active{opacity:0.75}.duet-drawer-toggle:focus{outline:0}:host(.user-is-tabbing) .duet-drawer-toggle: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 .duet-drawer-toggle:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-drawer-toggle:hover{color:#004d80}.duet-theme-turva .duet-drawer-toggle:hover{color:#444445}.duet-drawer-toggle::after{display:none !important}@media (min-width: 62em){.duet-drawer-toggle::after{position:absolute;top:auto;bottom:0;left:0;display:block !important;width:100%;height:3px;content:"";background:#0077b3;transition:300ms ease;transform:translateY(3px)}.duet-theme-turva .duet-drawer-toggle::after{background:#c60c30}}.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{color:#004d80;border-bottom:1px solid #f5f8fa;border-radius:0}.duet-theme-turva .duet-drawer-toggle[aria-expanded=true],.duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover{color:#444445;border-color:#f5f5f7}@media (min-width: 62em){.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{border:0}.duet-drawer-toggle[aria-expanded=true]::after,.duet-drawer-toggle[aria-expanded=true]:hover::after{left:0;width:100%;transform:translateY(0)}}.duet-drawer-icon{position:relative;display:inline-flex;min-width:12px;margin-right:12px;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-drawer-icon{margin-right:8px}}.duet-drawer-label{line-height:1}.duet-drawer-caret{position:absolute;top:50%;right:20px;display:flex;width:10px;height:10px;margin-left:8px;line-height:normal;pointer-events:none;transition:300ms ease;transform:translateY(-50%);transform-origin:50% 50%}@media (min-width: 62em){.duet-drawer-caret{right:16px;width:7px;height:7px}}.duet-drawer-caret duet-icon{width:10px}.duet-drawer-toggle[aria-expanded=true] .duet-drawer-caret{transform:translateY(-50%) rotate(180deg)}.duet-drawer-badge{position:absolute;top:0;right:0;display:inline-block;width:6px;height:6px;background:#f7b228;border-radius:50%;box-shadow:0 0 0 1px #c18b1f}.duet-theme-turva .duet-drawer-badge{background:#faa40f}.duet-drawer-content{display:none;background-color:white;border-bottom:1px solid #e1e3e6}.duet-drawer-content:focus{outline:0}.duet-theme-turva .duet-drawer-content{background-color:white;border-color:#e1e3e6}@media (min-width: 62em){.duet-drawer-content{position:absolute;top:100%;z-index:600;display:block;width:450px;max-height:420px;padding-left:0;overflow-y:auto;visibility:hidden;background-color:white;border:1px solid #e1e3e6;border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:300ms ease;transform:scale(0.95) translateZ(0) translateY(-10px);transform-origin:50% 0;scrollbar-width:none}.duet-drawer-content::-webkit-scrollbar{display:none}.duet-theme-turva .duet-drawer-content{background-color:white}.duet-drawer-content.duet-drawer-left{right:0}.duet-drawer-content.duet-drawer-right{left:0}}.duet-drawer-content.duet-drawer-open{display:block}@media (min-width: 62em){.duet-drawer-content.duet-drawer-open{visibility:visible;opacity:1;transform:scale(1) translateZ(0) translateY(0)}}';export{d as duet_notification,s as duet_notification_drawer}
package/lib/duet/{p-c6c6518c.entry.js → p-e358c599.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as t,h as e,H as o,g as i,c as a}from"./p-3d7ab631.js";import{i as s}from"./p-4ebf1618.js";import{g as r,a as n}from"./p-ede854e1.js";import{c as l}from"./p-c1325e35.js";import{d,b,a as u,c as h}from"./p-54f35a79.js";import"./p-5a9d75e1.js";const c=class{constructor(e){t(this,e),this.currentIndex=0,this.tabListElement=void 0,this.tabListClass="duet-scrollable-list",this.tablistAtStart=!0,this.isTabContentSmallerThanWrapper=!1,this.tablistAtEnd=!1,this.childrenData={},this.resizeObserver=new ResizeObserver((t=>{var e,o,i,a;if(1===(null==t?void 0:t.length)){const s=null===(o=null===(e=t[0])||void 0===e?void 0:e.target)||void 0===o?void 0:o.getBoundingClientRect().width,r=null===(a=null===(i=t[0])||void 0===i?void 0:i.target)||void 0===a?void 0:a.scrollWidth;this.isTabContentSmallerThanWrapper=r>s+5}})),this.theme="",this.identifier="",this.selected=0}watchPropHandler(t){this.scrollToTab(t,"center")}componentWillLoad(){s(this);const t=this.host.children;this.childrenData={hasChildren:t&&t.length>0,numberOfChildren:t&&t.length}}componentDidLoad(){this.resizeObserver.observe(this.tabListElement)}disconnectedCallback(){this.resizeObserver.disconnect()}getLastVisibleElement(){const t=this.tabListElement.clientWidth;return Array.from(this.host.querySelectorAll("button")).findIndex((e=>e.getBoundingClientRect().x>t))}getFirstVisibleElement(){const t=this.host.querySelectorAll("button");return Array.from(t).map((t=>t.getBoundingClientRect().x-t.getBoundingClientRect().width)).findIndex((t=>t>0))}updateScrollButtons(t=this.tabListElement){t.scrollLeft<=0?this.tablistAtStart=!0:t.scrollLeft>0&&(this.tablistAtStart=!1),t.clientWidth+t.scrollLeft+10>=t.scrollWidth?this.tablistAtEnd=!0:t.clientWidth+t.scrollLeft+10<t.scrollWidth&&(this.tablistAtEnd=!1)}scrollToTab(t=this.currentIndex,e){if(!this.childrenData.hasChildren)return;t+1>=this.childrenData.numberOfChildren&&(t=this.childrenData.numberOfChildren-1),t<0&&(t=0);const o=this.host.querySelectorAll("button");let i=o[0].getBoundingClientRect().x,a=5;const s=()=>{if(o[0].getBoundingClientRect().x===i){if(a--,0!==a)return void window.requestAnimationFrame(s);this.updateScrollButtons()}else window.requestAnimationFrame(s),i=o[0].getBoundingClientRect().x};o[t].scrollIntoView({behavior:"smooth",inline:e}),window.requestAnimationFrame(s)}scrollLeft(){this.tablistAtEnd=!1;const t=this.getFirstVisibleElement()-1;this.scrollToTab(t,"center")}scrollRight(){this.tablistAtStart=!1;const t=this.getLastVisibleElement()+1;this.scrollToTab(t,"center")}render(){return e(o,{class:{"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme}},e("div",{class:"duet-scrollable-items"},e("button",{part:`${this.identifier}-button-left`,"aria-hidden":"true",class:{"duet-scrollable-button":!0,"duet-scrollable-button--left":!0,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:()=>this.scrollLeft(),disabled:this.tablistAtStart,tabindex:"-1"},e("duet-icon",{name:"action-arrow-left-small",size:"small",margin:"none"})),e("div",{class:this.tabListClass,onScroll:()=>this.updateScrollButtons(),ref:t=>this.tabListElement=t},e("slot",null)),e("button",{part:`${this.identifier}-button-right`,"aria-hidden":"true",class:{"duet-scrollable-button":!0,"duet-scrollable-button--right":!0,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:()=>this.scrollRight(),disabled:this.tablistAtEnd,tabindex:"-1"},e("duet-icon",{name:"action-arrow-right-small",size:"small",margin:"none"}))))}get host(){return i(this)}static get watchers(){return{selected:["watchPropHandler"]}}};c.style="*,*::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;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{display:flex}:host .duet-scrollable-items .duet-scrollable-button{position:relative;flex:0 0 auto;flex-basis:40px;padding:10px;cursor:pointer}:host .duet-scrollable-items .duet-scrollable-button:active{transform:scale(0.8)}:host .duet-scrollable-items .duet-scrollable-button--left{left:-12px}:host .duet-scrollable-items .duet-scrollable-button--right{right:-12px}:host .duet-scrollable-items .duet-scrollable-button--occluded{display:none}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-top:2px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}::slotted(*){scroll-snap-align:center;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}";const p=class{constructor(e){t(this,e),this.accessibleDescriptionDefault=null,this.accessibleDescription=this.accessibleDescriptionDefault?r(this.accessibleDescriptionDefault):null}render(){return e("div",{role:"tabpanel",class:{"duet-tab":!0,selected:this.selected},"aria-description":this.accessibleDescription},e("slot",null))}};p.style=".sc-duet-tab-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tab.sc-duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected.sc-duet-tab{display:block}";const m=class{constructor(o){t(this,o),this.duetChange=a(this,"duetChange",3),this.duetTabChange=a(this,"duetTabChange",7),this.id=l("DuetTabGroup"),this.tabs=[],this.selected=0,this.theme="",this.scrolls=!1,this.collapses=!0,this.accessibleLabel=void 0,this.variation="default",this.language=n(),this.labelDefaults={fi:"Valitse",en:"Choose",sv:"Välj"},this.label=r(this.labelDefaults,this.language),this.labelHidden=!0,this.identifier=this.id,this.margin="auto",this.padding="auto",this.handleKeyDown=t=>{let e;d(t)||b(t)?e=t.target.previousElementSibling:(u(t)||h(t))&&(e=t.target.nextElementSibling),e&&(t.preventDefault(),e.click(),e.focus())},this.renderTab=()=>{const t=this.tabs.map(((t,o)=>e("button",{role:"tab",id:this.getButtonId(o),"aria-controls":this.getTabId(o),"aria-selected":t.selected?"true":"false","aria-description":this.getAccessibleDescription(o),tabindex:0===o?"0":"-1",part:`${this.identifier}-button ${t.selected?`${this.identifier}-button--selected`:""}`,type:"button",class:{"duet-p-0":"none"===this.padding,"duet-tab-button":!0,selected:t.selected},onClick:()=>this.openTab(o),onKeyDown:t=>this.handleKeyDown(t)},t.label)));return this.scrolls?e("duet-scrollable",{selected:this.selected,identifier:this.identifier},t):t}}async connectedCallback(){"undefined"!=typeof MutationObserver&&(this.mutationO=new MutationObserver((()=>{this.updateTabs()})),this.mutationO.observe(this.element,{attributes:!0,attributeFilter:["label"],childList:!0,characterData:!0,subtree:!0})),await this.updateTabs()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}componentWillLoad(){s(this)}async openTab(t){if(t>=this.tabs.length)throw new Error(`[duet-tabs] Index ${t} is out of bounds of tabs length`);this.selected=t,this.tabs.forEach(((e,o)=>{e.selected=o===t}));const e={value:t,component:"duet-tab-group"};this.duetChange.emit(e),this.duetTabChange.emit(e)}async refresh(){console.log("[duet-tabs] Refresh method is deprecated and will be removed in the future version.")}getTabs(){const t=Array.from(this.element.querySelectorAll("duet-tab")).filter((t=>t.closest("duet-tab-group")===this.element));if(0===t.length)throw new Error("[duet-tabs] Must have at least one tab");return t}getButtonId(t){return`${this.id}-button-${t}`}getTabId(t){return`${this.id}-tab-${t}`}getAccessibleDescription(t){return this.tabs[t].getAttribute("accessible-description")||null}async updateTabs(){this.tabs=this.getTabs(),this.tabs.forEach(((t,e)=>{t.id=this.getTabId(e),t.setAttribute("aria-labelledby",this.getButtonId(e)),t.selected&&(this.selected=e)}))}render(){return e("div",{class:{"duet-tab-group":!0,"duet-theme-turva":"turva"===this.theme,[`duet-tab-variation-${this.variation}`]:!0,"duet-tab-group-scrolls":this.scrolls,"duet-tab-group-collapses":this.collapses},"aria-label":this.accessibleLabel},this.tabs.length>3&&this.collapses&&e("duet-select",{value:this.selected.toString(),expand:!0,label:this.label,labelHidden:this.labelHidden,theme:this.theme,onDuetChange:t=>this.openTab(Number(t.detail.value)),items:this.tabs.map(((t,e)=>({label:t.label,value:e.toString()})))}),e("div",{role:"tablist",class:{"duet-m-0":"none"===this.margin,"duet-tab-group-tabs":!0,"duet-tab-group-hidden":this.tabs.length>3,"duet-tab-group-collapses":this.collapses}},this.renderTab()),e("div",{role:"tabpanel",tabindex:"0",class:{"duet-tab-group-content":!0,"duet-m-0":"none"===this.margin}},e("slot",null)))}get element(){return i(this)}};m.style='*,*::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;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:none}@media (min-width: 36em){.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:block}}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid #e1e3e6}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:#e4e4e6}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px;margin-top:-2px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.1;color:#00294d;text-align:left;text-decoration:none;cursor:pointer;background:white;border:2px solid #e1e3e6;border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-theme-turva .duet-tab-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a;border-color:#e4e4e6}.duet-tab-button.duet-p-0{padding:0 !important}@media (min-width: 36em){.duet-tab-button{display:inline-block;width:auto;margin-left:-2px;border-right:2px solid #e1e3e6;border-radius:0}}.duet-tab-button:hover{z-index:200;border-color:#909599}.duet-theme-turva .duet-tab-button:hover{border-color:#747475}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:white;background:#00294d;border-color:#00294d;outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:white;background-color:#171c3a;border-color:#171c3a}.duet-tab-button:focus{z-index:200;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-button:first-child{border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.duet-tab-button:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}.duet-tab-button:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-tab-button:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding-right:0;padding-left:0;border:0;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-tab-variation-plain .duet-tab-button.selected{color:#0077b3;background:white;border-bottom:3px solid #0077b3}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:#c60c30;border-bottom-color:#c60c30}.duet-tab-group-content{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#00294d;text-align:left}.duet-theme-turva .duet-tab-group-content{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}';export{c as duet_scrollable,p as duet_tab,m as duet_tab_group}
4
+ import{r as t,h as e,H as o,g as i,c as a}from"./p-6e64cd02.js";import{i as s}from"./p-4ebf1618.js";import{g as r,a as n}from"./p-ede854e1.js";import{c as l}from"./p-c1325e35.js";import{d,b,a as u,c as h}from"./p-54f35a79.js";import"./p-5a9d75e1.js";const c=class{constructor(e){t(this,e),this.currentIndex=0,this.tabListElement=void 0,this.tabListClass="duet-scrollable-list",this.tablistAtStart=!0,this.isTabContentSmallerThanWrapper=!1,this.tablistAtEnd=!1,this.childrenData={},this.resizeObserver=new ResizeObserver((t=>{var e,o,i,a;if(1===(null==t?void 0:t.length)){const s=null===(o=null===(e=t[0])||void 0===e?void 0:e.target)||void 0===o?void 0:o.getBoundingClientRect().width,r=null===(a=null===(i=t[0])||void 0===i?void 0:i.target)||void 0===a?void 0:a.scrollWidth;this.isTabContentSmallerThanWrapper=r>s+5}})),this.theme="",this.identifier="",this.selected=0}watchPropHandler(t){this.scrollToTab(t,"center")}componentWillLoad(){s(this);const t=this.host.children;this.childrenData={hasChildren:t&&t.length>0,numberOfChildren:t&&t.length}}componentDidLoad(){this.resizeObserver.observe(this.tabListElement)}disconnectedCallback(){this.resizeObserver.disconnect()}getLastVisibleElement(){const t=this.tabListElement.clientWidth;return Array.from(this.host.querySelectorAll("button")).findIndex((e=>e.getBoundingClientRect().x>t))}getFirstVisibleElement(){const t=this.host.querySelectorAll("button");return Array.from(t).map((t=>t.getBoundingClientRect().x-t.getBoundingClientRect().width)).findIndex((t=>t>0))}updateScrollButtons(t=this.tabListElement){t.scrollLeft<=0?this.tablistAtStart=!0:t.scrollLeft>0&&(this.tablistAtStart=!1),t.clientWidth+t.scrollLeft+10>=t.scrollWidth?this.tablistAtEnd=!0:t.clientWidth+t.scrollLeft+10<t.scrollWidth&&(this.tablistAtEnd=!1)}scrollToTab(t=this.currentIndex,e){if(!this.childrenData.hasChildren)return;t+1>=this.childrenData.numberOfChildren&&(t=this.childrenData.numberOfChildren-1),t<0&&(t=0);const o=this.host.querySelectorAll("button");let i=o[0].getBoundingClientRect().x,a=5;const s=()=>{if(o[0].getBoundingClientRect().x===i){if(a--,0!==a)return void window.requestAnimationFrame(s);this.updateScrollButtons()}else window.requestAnimationFrame(s),i=o[0].getBoundingClientRect().x};o[t].scrollIntoView({behavior:"smooth",inline:e}),window.requestAnimationFrame(s)}scrollLeft(){this.tablistAtEnd=!1;const t=this.getFirstVisibleElement()-1;this.scrollToTab(t,"center")}scrollRight(){this.tablistAtStart=!1;const t=this.getLastVisibleElement()+1;this.scrollToTab(t,"center")}render(){return e(o,{class:{"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme}},e("div",{class:"duet-scrollable-items"},e("button",{part:`${this.identifier}-button-left`,"aria-hidden":"true",class:{"duet-scrollable-button":!0,"duet-scrollable-button--left":!0,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:()=>this.scrollLeft(),disabled:this.tablistAtStart,tabindex:"-1"},e("duet-icon",{name:"action-arrow-left-small",size:"small",margin:"none"})),e("div",{class:this.tabListClass,onScroll:()=>this.updateScrollButtons(),ref:t=>this.tabListElement=t},e("slot",null)),e("button",{part:`${this.identifier}-button-right`,"aria-hidden":"true",class:{"duet-scrollable-button":!0,"duet-scrollable-button--right":!0,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:()=>this.scrollRight(),disabled:this.tablistAtEnd,tabindex:"-1"},e("duet-icon",{name:"action-arrow-right-small",size:"small",margin:"none"}))))}get host(){return i(this)}static get watchers(){return{selected:["watchPropHandler"]}}};c.style="*,*::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;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{display:flex}:host .duet-scrollable-items .duet-scrollable-button{position:relative;flex:0 0 auto;flex-basis:40px;padding:10px;cursor:pointer}:host .duet-scrollable-items .duet-scrollable-button:active{transform:scale(0.8)}:host .duet-scrollable-items .duet-scrollable-button--left{left:-12px}:host .duet-scrollable-items .duet-scrollable-button--right{right:-12px}:host .duet-scrollable-items .duet-scrollable-button--occluded{display:none}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-top:2px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}::slotted(*){scroll-snap-align:center;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}";const p=class{constructor(e){t(this,e),this.accessibleDescriptionDefault=null,this.accessibleDescription=this.accessibleDescriptionDefault?r(this.accessibleDescriptionDefault):null}render(){return e("div",{role:"tabpanel",class:{"duet-tab":!0,selected:this.selected},"aria-description":this.accessibleDescription},e("slot",null))}};p.style=".sc-duet-tab-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tab.sc-duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected.sc-duet-tab{display:block}";const m=class{constructor(o){t(this,o),this.duetChange=a(this,"duetChange",3),this.duetTabChange=a(this,"duetTabChange",7),this.id=l("DuetTabGroup"),this.tabs=[],this.selected=0,this.theme="",this.scrolls=!1,this.collapses=!0,this.accessibleLabel=void 0,this.variation="default",this.language=n(),this.labelDefaults={fi:"Valitse",en:"Choose",sv:"Välj"},this.label=r(this.labelDefaults,this.language),this.labelHidden=!0,this.identifier=this.id,this.margin="auto",this.padding="auto",this.handleKeyDown=t=>{let e;d(t)||b(t)?e=t.target.previousElementSibling:(u(t)||h(t))&&(e=t.target.nextElementSibling),e&&(t.preventDefault(),e.click(),e.focus())},this.renderTab=()=>{const t=this.tabs.map(((t,o)=>e("button",{role:"tab",id:this.getButtonId(o),"aria-controls":this.getTabId(o),"aria-selected":t.selected?"true":"false","aria-description":this.getAccessibleDescription(o),tabindex:0===o?"0":"-1",part:`${this.identifier}-button ${t.selected?`${this.identifier}-button--selected`:""}`,type:"button",class:{"duet-p-0":"none"===this.padding,"duet-tab-button":!0,selected:t.selected},onClick:()=>this.openTab(o),onKeyDown:t=>this.handleKeyDown(t)},t.label)));return this.scrolls?e("duet-scrollable",{selected:this.selected,identifier:this.identifier},t):t}}async connectedCallback(){"undefined"!=typeof MutationObserver&&(this.mutationO=new MutationObserver((()=>{this.updateTabs()})),this.mutationO.observe(this.element,{attributes:!0,attributeFilter:["label"],childList:!0,characterData:!0,subtree:!0})),await this.updateTabs()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}componentWillLoad(){s(this)}async openTab(t){if(t>=this.tabs.length)throw new Error(`[duet-tabs] Index ${t} is out of bounds of tabs length`);this.selected=t,this.tabs.forEach(((e,o)=>{e.selected=o===t}));const e={value:t,component:"duet-tab-group"};this.duetChange.emit(e),this.duetTabChange.emit(e)}async refresh(){console.log("[duet-tabs] Refresh method is deprecated and will be removed in the future version.")}getTabs(){const t=Array.from(this.element.querySelectorAll("duet-tab")).filter((t=>t.closest("duet-tab-group")===this.element));if(0===t.length)throw new Error("[duet-tabs] Must have at least one tab");return t}getButtonId(t){return`${this.id}-button-${t}`}getTabId(t){return`${this.id}-tab-${t}`}getAccessibleDescription(t){return this.tabs[t].getAttribute("accessible-description")||null}async updateTabs(){this.tabs=this.getTabs(),this.tabs.forEach(((t,e)=>{t.id=this.getTabId(e),t.setAttribute("aria-labelledby",this.getButtonId(e)),t.selected&&(this.selected=e)}))}render(){return e("div",{class:{"duet-tab-group":!0,"duet-theme-turva":"turva"===this.theme,[`duet-tab-variation-${this.variation}`]:!0,"duet-tab-group-scrolls":this.scrolls,"duet-tab-group-collapses":this.collapses},"aria-label":this.accessibleLabel},this.tabs.length>3&&this.collapses&&e("duet-select",{value:this.selected.toString(),expand:!0,label:this.label,labelHidden:this.labelHidden,theme:this.theme,onDuetChange:t=>this.openTab(Number(t.detail.value)),items:this.tabs.map(((t,e)=>({label:t.label,value:e.toString()})))}),e("div",{role:"tablist",class:{"duet-m-0":"none"===this.margin,"duet-tab-group-tabs":!0,"duet-tab-group-hidden":this.tabs.length>3,"duet-tab-group-collapses":this.collapses}},this.renderTab()),e("div",{role:"tabpanel",tabindex:"0",class:{"duet-tab-group-content":!0,"duet-m-0":"none"===this.margin}},e("slot",null)))}get element(){return i(this)}};m.style='*,*::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;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:none}@media (min-width: 36em){.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:block}}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid #e1e3e6}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:#e4e4e6}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px;margin-top:-2px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.1;color:#00294d;text-align:left;text-decoration:none;cursor:pointer;background:white;border:2px solid #e1e3e6;border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-theme-turva .duet-tab-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a;border-color:#e4e4e6}.duet-tab-button.duet-p-0{padding:0 !important}@media (min-width: 36em){.duet-tab-button{display:inline-block;width:auto;margin-left:-2px;border-right:2px solid #e1e3e6;border-radius:0}}.duet-tab-button:hover{z-index:200;border-color:#909599}.duet-theme-turva .duet-tab-button:hover{border-color:#747475}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:white;background:#00294d;border-color:#00294d;outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:white;background-color:#171c3a;border-color:#171c3a}.duet-tab-button:focus{z-index:200;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-button:first-child{border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.duet-tab-button:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}.duet-tab-button:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-tab-button:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding-right:0;padding-left:0;border:0;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-tab-variation-plain .duet-tab-button.selected{color:#0077b3;background:white;border-bottom:3px solid #0077b3}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:#c60c30;border-bottom-color:#c60c30}.duet-tab-group-content{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#00294d;text-align:left}.duet-theme-turva .duet-tab-group-content{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}';export{c as duet_scrollable,p as duet_tab,m as duet_tab_group}
package/lib/duet/{p-76b9d26f.entry.js → p-e5b22358.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as t,h as i,g as e,H as d}from"./p-3d7ab631.js";import{m as r,a as n,b as a}from"./p-d1746325.js";import{w as s,a as m}from"./p-12721178.js";import{i as o}from"./p-4ebf1618.js";function g(t){return"duet-grid-item"===t.tagName.toLowerCase()}const u=class{constructor(i){t(this,i),this.mql=[window.matchMedia(r.replace(/'/g,"")),window.matchMedia(n.replace(/'/g,"")),window.matchMedia(a.replace(/'/g,""))],this.distributeFormElement=!1,this.responsive=!1,this.breakpoint="small",this.direction="horizontal",this.alignment="top",this.distribution="default",this.mobile=""}outerHeight(t){const i=t.offsetHeight,e=window.getComputedStyle(t);return["top","bottom"].map((t=>parseInt(e[`margin-${t}`]))).reduce(((t,i)=>t+i),i)}async connectedCallback(){const t=this.element;if(this.distributeFormElement="form_distribute"===this.alignment,this.mutationO=s(t,"duet-grid-item",(()=>{this.updateGridItems()})),this.distributeFormElement){this.mutation1=m(t,"duet-input",(()=>{this.updateGridItemsWithInputFields()}));for(let t=0;t<this.mql.length;t++)this.mql[t].addEventListener&&this.mql[t].addEventListener("change",this.updateGridItemsWithInputFields.bind(this))}this.updateGridItems()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0),this.mutation1&&(this.mutation1.disconnect(),this.mutation1=void 0);for(let t=0;t<this.mql.length;t++)this.mql[t].removeEventListener&&this.mql[t].removeEventListener("change",this.updateGridItemsWithInputFields.bind(this))}async updateGridItems(){Array.from(this.element.children).filter(g).forEach((t=>{t.responsive=this.responsive,t.breakpoint=this.breakpoint}))}async updateGridItemsWithInputFields(){const t=Array.from(this.element.children).filter(g),i=!!window&&"column"===window.getComputedStyle(this.element).flexDirection;let e=0;const d=[];t.forEach((t=>{const i=t.querySelector("span.duet-input-error"),e=i?this.outerHeight(i):0;d.push(e)})),e=Math.max(...d),t.forEach((t=>{const d=t.querySelector("span.duet-input-error"),r=d?this.outerHeight(d):0;r<e&&!i?t.setAttribute("style",`padding-bottom: ${e-r}px;`):(r===e||i)&&t.setAttribute("style","padding-bottom: 0px;")}))}render(){return i(d,{class:{"duet-grid":!0,"duet-no-stacking":!this.responsive,"duet-grid-align-top":"top"===this.alignment,"duet-grid-align-bottom":"bottom"===this.alignment||"form_distribute"===this.alignment,"duet-grid-align-center":"center"===this.alignment,"duet-grid-align-stretch":"stretch"===this.alignment,"duet-grid-align-baseline":"baseline"===this.alignment,"duet-grid-distribution-left":"left"===this.distribution,"duet-grid-distribution-right":"right"===this.distribution,"duet-grid-distribution-center":"center"===this.distribution,"duet-grid-distribution-between":"space-between"===this.distribution,"duet-grid-distribution-around":"space-around"===this.distribution,"duet-grid-distribution-evenly":"space-evenly"===this.distribution,"duet-grid-mobile-left":"left"===this.mobile,"duet-grid-mobile-center":"center"===this.mobile,"duet-grid-mobile-right":"right"===this.mobile,"duet-grid-direction-horizontal":"horizontal"===this.direction,"duet-grid-direction-vertical":"vertical"===this.direction,"duet-grid-breakpoint-small":"small"===this.breakpoint,"duet-grid-breakpoint-medium":"medium"===this.breakpoint,"duet-grid-breakpoint-x-large":"x-large"===this.breakpoint}})}get element(){return e(this)}static get watchers(){return{responsive:["updateGridItems"],breakpoint:["updateGridItems"]}}};u.style=".sc-duet-grid-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;width:100%;max-width:100%;height:auto}@media (min-width: 36em){.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:row !important}}@media (min-width: 48em){.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:row !important}}@media (min-width: 64.0625em){.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:row !important}}.duet-grid-wrap.sc-duet-grid-h{flex-wrap:wrap !important}.duet-no-stacking.sc-duet-grid-h{flex-direction:row !important}.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 36em){.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 48em){.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 64.0625em){.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-align-top.duet-no-stacking.sc-duet-grid-h{align-items:flex-start !important}.duet-grid-align-bottom.duet-no-stacking.sc-duet-grid-h{align-items:flex-end !important}.duet-grid-align-center.duet-no-stacking.sc-duet-grid-h{align-items:center !important}.duet-grid-align-stretch.duet-no-stacking.sc-duet-grid-h{align-items:stretch !important}.duet-grid-align-baseline.duet-no-stacking.sc-duet-grid-h{align-items:baseline !important}@media (min-width: 36em){.duet-grid-align-top.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 36em){.duet-grid-align-bottom.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 36em){.duet-grid-align-center.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:center !important}}@media (min-width: 36em){.duet-grid-align-stretch.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 36em){.duet-grid-align-baseline.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 48em){.duet-grid-align-top.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 48em){.duet-grid-align-bottom.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 48em){.duet-grid-align-center.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:center !important}}@media (min-width: 48em){.duet-grid-align-stretch.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 48em){.duet-grid-align-baseline.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 64.0625em){.duet-grid-align-top.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 64.0625em){.duet-grid-align-bottom.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 64.0625em){.duet-grid-align-center.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:center !important}}@media (min-width: 64.0625em){.duet-grid-align-stretch.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 64.0625em){.duet-grid-align-baseline.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:baseline !important}}.duet-grid-distribution-left.sc-duet-grid-h{justify-content:flex-start !important}.duet-grid-distribution-right.sc-duet-grid-h{justify-content:flex-end !important}.duet-grid-distribution-center.sc-duet-grid-h{justify-content:center !important}.duet-grid-distribution-between.sc-duet-grid-h{justify-content:space-between !important}.duet-grid-distribution-around.sc-duet-grid-h{justify-content:space-around !important}.duet-grid-distribution-evenly.sc-duet-grid-h{justify-content:space-evenly !important}@media (max-width: 35.9375em){.duet-grid-mobile-left.sc-duet-grid-h{align-items:flex-start !important;justify-content:flex-start !important;text-align:left !important}}@media (max-width: 35.9375em){.duet-grid-mobile-center.sc-duet-grid-h{align-items:center !important;justify-content:center !important;text-align:center !important}.duet-grid-mobile-center.sc-duet-grid-h *.sc-duet-grid{text-align:center !important}}@media (max-width: 35.9375em){.duet-grid-mobile-right.sc-duet-grid-h{align-items:flex-end !important;justify-content:flex-end !important;text-align:right !important}.duet-grid-mobile-right.sc-duet-grid-h *.sc-duet-grid{text-align:right !important}}";const l=class{constructor(i){t(this,i),this.fill=!1,this.theme="",this.margin="auto",this.responsive=!1,this.breakpoint="small"}componentWillLoad(){o(this)}render(){return i(d,{style:{"min-width":this.minWidth,"max-width":this.maxWidth},class:{"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme,"duet-grid-item":!0,"duet-grid-item-fill":this.fill,"duet-grid-item-responsive":this.responsive,"duet-grid-item-br-medium":"medium"===this.breakpoint,"duet-grid-item-br-x-large":"x-large"===this.breakpoint}})}};l.style='.sc-duet-grid-item-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;min-width:0;max-width:100%;flex:0 0 auto;padding-right:8px;padding-left: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-style:normal;font-weight:400;line-height:1.5;color:#00294d}.sc-duet-grid-item-h:first-child,.sc-duet-grid-item-h:first-of-type{padding-left:0}.sc-duet-grid-item-h:last-child,.sc-duet-grid-item-h:last-of-type{padding-right:0}@media (max-width: 35.9375em){.duet-grid-item-responsive.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important;padding-right:0;padding-left:0}}@media screen and (max-width: 47.9375em){.duet-grid-item-br-medium.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 47.9375em){.duet-grid-item-responsive.duet-grid-item-br-medium.sc-duet-grid-item-h{padding-right:0;padding-left:0}}@media screen and (max-width: 64em){.duet-grid-item-br-x-large.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 64em){.duet-grid-item-responsive.duet-grid-item-br-x-large.sc-duet-grid-item-h{padding-right:0;padding-left:0}}.duet-grid-item-fill.sc-duet-grid-item-h{flex:1 1 auto;width:100%}.duet-theme-turva.sc-duet-grid-item-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-grid-item-h{padding:0 !important;margin:0 !important}';export{u as duet_grid,l as duet_grid_item}
4
+ import{r as t,h as i,g as e,H as d}from"./p-6e64cd02.js";import{m as r,a as n,b as a}from"./p-d1746325.js";import{w as s,a as m}from"./p-12721178.js";import{i as o}from"./p-4ebf1618.js";function g(t){return"duet-grid-item"===t.tagName.toLowerCase()}const u=class{constructor(i){t(this,i),this.mql=[window.matchMedia(r.replace(/'/g,"")),window.matchMedia(n.replace(/'/g,"")),window.matchMedia(a.replace(/'/g,""))],this.distributeFormElement=!1,this.responsive=!1,this.breakpoint="small",this.direction="horizontal",this.alignment="top",this.distribution="default",this.mobile=""}outerHeight(t){const i=t.offsetHeight,e=window.getComputedStyle(t);return["top","bottom"].map((t=>parseInt(e[`margin-${t}`]))).reduce(((t,i)=>t+i),i)}async connectedCallback(){const t=this.element;if(this.distributeFormElement="form_distribute"===this.alignment,this.mutationO=s(t,"duet-grid-item",(()=>{this.updateGridItems()})),this.distributeFormElement){this.mutation1=m(t,"duet-input",(()=>{this.updateGridItemsWithInputFields()}));for(let t=0;t<this.mql.length;t++)this.mql[t].addEventListener&&this.mql[t].addEventListener("change",this.updateGridItemsWithInputFields.bind(this))}this.updateGridItems()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0),this.mutation1&&(this.mutation1.disconnect(),this.mutation1=void 0);for(let t=0;t<this.mql.length;t++)this.mql[t].removeEventListener&&this.mql[t].removeEventListener("change",this.updateGridItemsWithInputFields.bind(this))}async updateGridItems(){Array.from(this.element.children).filter(g).forEach((t=>{t.responsive=this.responsive,t.breakpoint=this.breakpoint}))}async updateGridItemsWithInputFields(){const t=Array.from(this.element.children).filter(g),i=!!window&&"column"===window.getComputedStyle(this.element).flexDirection;let e=0;const d=[];t.forEach((t=>{const i=t.querySelector("span.duet-input-error"),e=i?this.outerHeight(i):0;d.push(e)})),e=Math.max(...d),t.forEach((t=>{const d=t.querySelector("span.duet-input-error"),r=d?this.outerHeight(d):0;r<e&&!i?t.setAttribute("style",`padding-bottom: ${e-r}px;`):(r===e||i)&&t.setAttribute("style","padding-bottom: 0px;")}))}render(){return i(d,{class:{"duet-grid":!0,"duet-no-stacking":!this.responsive,"duet-grid-align-top":"top"===this.alignment,"duet-grid-align-bottom":"bottom"===this.alignment||"form_distribute"===this.alignment,"duet-grid-align-center":"center"===this.alignment,"duet-grid-align-stretch":"stretch"===this.alignment,"duet-grid-align-baseline":"baseline"===this.alignment,"duet-grid-distribution-left":"left"===this.distribution,"duet-grid-distribution-right":"right"===this.distribution,"duet-grid-distribution-center":"center"===this.distribution,"duet-grid-distribution-between":"space-between"===this.distribution,"duet-grid-distribution-around":"space-around"===this.distribution,"duet-grid-distribution-evenly":"space-evenly"===this.distribution,"duet-grid-mobile-left":"left"===this.mobile,"duet-grid-mobile-center":"center"===this.mobile,"duet-grid-mobile-right":"right"===this.mobile,"duet-grid-direction-horizontal":"horizontal"===this.direction,"duet-grid-direction-vertical":"vertical"===this.direction,"duet-grid-breakpoint-small":"small"===this.breakpoint,"duet-grid-breakpoint-medium":"medium"===this.breakpoint,"duet-grid-breakpoint-x-large":"x-large"===this.breakpoint}})}get element(){return e(this)}static get watchers(){return{responsive:["updateGridItems"],breakpoint:["updateGridItems"]}}};u.style=".sc-duet-grid-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;width:100%;max-width:100%;height:auto}@media (min-width: 36em){.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:row !important}}@media (min-width: 48em){.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:row !important}}@media (min-width: 64.0625em){.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:row !important}}.duet-grid-wrap.sc-duet-grid-h{flex-wrap:wrap !important}.duet-no-stacking.sc-duet-grid-h{flex-direction:row !important}.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 36em){.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 48em){.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 64.0625em){.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-align-top.duet-no-stacking.sc-duet-grid-h{align-items:flex-start !important}.duet-grid-align-bottom.duet-no-stacking.sc-duet-grid-h{align-items:flex-end !important}.duet-grid-align-center.duet-no-stacking.sc-duet-grid-h{align-items:center !important}.duet-grid-align-stretch.duet-no-stacking.sc-duet-grid-h{align-items:stretch !important}.duet-grid-align-baseline.duet-no-stacking.sc-duet-grid-h{align-items:baseline !important}@media (min-width: 36em){.duet-grid-align-top.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 36em){.duet-grid-align-bottom.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 36em){.duet-grid-align-center.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:center !important}}@media (min-width: 36em){.duet-grid-align-stretch.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 36em){.duet-grid-align-baseline.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 48em){.duet-grid-align-top.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 48em){.duet-grid-align-bottom.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 48em){.duet-grid-align-center.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:center !important}}@media (min-width: 48em){.duet-grid-align-stretch.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 48em){.duet-grid-align-baseline.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 64.0625em){.duet-grid-align-top.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 64.0625em){.duet-grid-align-bottom.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 64.0625em){.duet-grid-align-center.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:center !important}}@media (min-width: 64.0625em){.duet-grid-align-stretch.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 64.0625em){.duet-grid-align-baseline.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:baseline !important}}.duet-grid-distribution-left.sc-duet-grid-h{justify-content:flex-start !important}.duet-grid-distribution-right.sc-duet-grid-h{justify-content:flex-end !important}.duet-grid-distribution-center.sc-duet-grid-h{justify-content:center !important}.duet-grid-distribution-between.sc-duet-grid-h{justify-content:space-between !important}.duet-grid-distribution-around.sc-duet-grid-h{justify-content:space-around !important}.duet-grid-distribution-evenly.sc-duet-grid-h{justify-content:space-evenly !important}@media (max-width: 35.9375em){.duet-grid-mobile-left.sc-duet-grid-h{align-items:flex-start !important;justify-content:flex-start !important;text-align:left !important}}@media (max-width: 35.9375em){.duet-grid-mobile-center.sc-duet-grid-h{align-items:center !important;justify-content:center !important;text-align:center !important}.duet-grid-mobile-center.sc-duet-grid-h *.sc-duet-grid{text-align:center !important}}@media (max-width: 35.9375em){.duet-grid-mobile-right.sc-duet-grid-h{align-items:flex-end !important;justify-content:flex-end !important;text-align:right !important}.duet-grid-mobile-right.sc-duet-grid-h *.sc-duet-grid{text-align:right !important}}";const l=class{constructor(i){t(this,i),this.fill=!1,this.theme="",this.margin="auto",this.responsive=!1,this.breakpoint="small"}componentWillLoad(){o(this)}render(){return i(d,{style:{"min-width":this.minWidth,"max-width":this.maxWidth},class:{"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme,"duet-grid-item":!0,"duet-grid-item-fill":this.fill,"duet-grid-item-responsive":this.responsive,"duet-grid-item-br-medium":"medium"===this.breakpoint,"duet-grid-item-br-x-large":"x-large"===this.breakpoint}})}};l.style='.sc-duet-grid-item-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;min-width:0;max-width:100%;flex:0 0 auto;padding-right:8px;padding-left: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-style:normal;font-weight:400;line-height:1.5;color:#00294d}.sc-duet-grid-item-h:first-child,.sc-duet-grid-item-h:first-of-type{padding-left:0}.sc-duet-grid-item-h:last-child,.sc-duet-grid-item-h:last-of-type{padding-right:0}@media (max-width: 35.9375em){.duet-grid-item-responsive.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important;padding-right:0;padding-left:0}}@media screen and (max-width: 47.9375em){.duet-grid-item-br-medium.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 47.9375em){.duet-grid-item-responsive.duet-grid-item-br-medium.sc-duet-grid-item-h{padding-right:0;padding-left:0}}@media screen and (max-width: 64em){.duet-grid-item-br-x-large.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 64em){.duet-grid-item-responsive.duet-grid-item-br-x-large.sc-duet-grid-item-h{padding-right:0;padding-left:0}}.duet-grid-item-fill.sc-duet-grid-item-h{flex:1 1 auto;width:100%}.duet-theme-turva.sc-duet-grid-item-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-grid-item-h{padding:0 !important;margin:0 !important}';export{u as duet_grid,l as duet_grid_item}
package/lib/duet/{p-0230f7c1.system.entry.js → p-ea12c081.system.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  var __awaiter=this&&this.__awaiter||function(e,t,s,o){function i(e){return e instanceof s?e:new s((function(t){t(e)}))}return new(s||(s=Promise))((function(s,l){function c(e){try{a(o.next(e))}catch(t){l(t)}}function r(e){try{a(o["throw"](e))}catch(t){l(t)}}function a(e){e.done?s(e.value):i(e.value).then(c,r)}a((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var s={label:0,sent:function(){if(l[0]&1)throw l[1];return l[1]},trys:[],ops:[]},o,i,l,c;return c={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function r(e){return function(t){return a([e,t])}}function a(c){if(o)throw new TypeError("Generator is already executing.");while(s)try{if(o=1,i&&(l=c[0]&2?i["return"]:c[0]?i["throw"]||((l=i["return"])&&l.call(i),0):i.next)&&!(l=l.call(i,c[1])).done)return l;if(i=0,l)c=[c[0]&2,l.value];switch(c[0]){case 0:case 1:l=c;break;case 4:s.label++;return{value:c[1],done:false};case 5:s.label++;i=c[1];c=[0];continue;case 7:c=s.ops.pop();s.trys.pop();continue;default:if(!(l=s.trys,l=l.length>0&&l[l.length-1])&&(c[0]===6||c[0]===2)){s=0;continue}if(c[0]===3&&(!l||c[1]>l[0]&&c[1]<l[3])){s.label=c[1];break}if(c[0]===6&&s.label<l[1]){s.label=l[1];l=c;break}if(l&&s.label<l[2]){s.label=l[2];s.ops.push(c);break}if(l[2])s.ops.pop();s.trys.pop();continue}c=t.call(e,s)}catch(r){c=[6,r];i=0}finally{o=l=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};
2
2
  /*!
3
3
  * Built with Duet Design System
4
- */System.register(["./p-1b17eaf5.system.js","./p-33b3aba4.system.js","./p-5f6bd5db.system.js","./p-b6d51921.system.js"],(function(e){"use strict";var t,s,o,i,l,c,r,a;return{setters:[function(e){t=e.r;s=e.c;o=e.h;i=e.H;l=e.g},function(e){c=e.i},function(e){r=e.c},function(e){a=e.p}],execute:function(){var n='@charset "UTF-8";*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{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-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !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;line-height:1.25}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-wrapper.sc-duet-select::after{content:"  "}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:#909599;box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:#747475;box-shadow:0 0 0 1px #747475}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e02a0d}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:#0077b3;outline:0;box-shadow:0 0 0 1px #0077b3;transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:#171c3a;box-shadow:0 0 0 1px #171c3a}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:#171c3a}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:#0077b3}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e02a0d}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:#00294d !important;cursor:default !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-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:#171c3a !important;background:#f5f5f7 !important;border-color:#f5f5f7 !important;-webkit-text-fill-color:#171c3a !important}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:#00294d;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:white;border:1px solid #909599;border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:#de2362 !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:#de2362 !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:#e02a0d !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:#e02a0d !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{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;border-color:#747475}.duet-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:#00294d;pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:#171c3a}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-help.sc-duet-select{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-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{color:#747475}.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:#de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:#e02a0d}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';function d(e){return"options"in e}function u(e,t){for(var s=0;s<e.length;s++){var o=e[s];if(d(o)){o=u(o.options,t)}if(o&&o.value===t){return o}}}var p=e("duet_select",function(){function e(e){var o=this;t(this,e);this.duetChange=s(this,"duetChange",3);this.duetFocus=s(this,"duetFocus",7);this.duetBlur=s(this,"duetBlur",7);this.selectId=r("DuetSelect");this.errorId=r("DuetError");this.labelId=r("DuetLabel");this.topCaptionId=r("DuetCaptionTop");this.topCaptionPlaceholderId=r("DuetCaptionPlaceholderTop");this.processedItems=null;this.variation="default";this.margin="auto";this.error="";this.expand=false;this.theme="";this.labelHidden=false;this.placeholder="";this.echoPlaceholder=false;this.disabled=false;this.required=false;this.label="label";this.tooltip="";this.tooltipDirection="auto";this.onClick=function(e){e.stopPropagation()};this.onChange=function(){o.value=o.nativeSelect.value;o.duetChange.emit({value:o.value,component:"duet-select"})};this.onBlur=function(e){o.duetBlur.emit({originalEvent:e,value:o.value,component:"duet-select"})};this.onFocus=function(e){o.duetFocus.emit({originalEvent:e,value:o.value,component:"duet-select"})}}e.prototype.valueChanged=function(){if(this.nativeSelect){this.nativeSelect.value=this.value}this.isCaptionVisible=!!this.caption};e.prototype.componentWillLoad=function(){c(this);this.isCaptionVisible=!!this.caption;this.refresh()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeSelect){this.nativeSelect.focus(e)}return[2]}))}))};e.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.processedItems=a(this.items);return[2]}))}))};e.prototype.getSelectedItemLabel=function(){var e;if(this.processedItems){e=u(this.processedItems,this.value)}return e?e.label:this.placeholder||""};e.prototype.renderOption=function(e){return o("option",{value:e.value,key:e.value,selected:this.value===e.value,disabled:e.disabled},e.label)};e.prototype.renderOptionGroup=function(e){var t=this;return o("optgroup",{key:e.label,label:e.label,disabled:e.disabled},e.options.map((function(e){return t.renderOption(e)})))};e.prototype.render=function(){var e=this;var t=this.identifier||this.selectId;return o(i,{onClick:this.onClick,class:{"duet-m-0":this.margin==="none","duet-expand":this.expand,"duet-select-variation-tiny":this.variation==="tiny"}},o("div",{class:{"duet-select-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva","duet-select-variation-tiny":this.variation==="tiny","duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},o("duet-label",{theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},id:this.labelId,for:t},this.label),this.tooltip&&o("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),this.caption&&o("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),o("div",{class:"duet-select-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&o("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-select-placeholder",size:"small"},this.placeholder),o("select",{ref:function(t){return e.nativeSelect=t},disabled:this.disabled,name:this.name,id:t,role:this.role,"aria-labelledby":"".concat(this.labelId," ").concat(this.errorId),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,required:this.required,"aria-describedby":this.accessibleDescribedBy},this.placeholder&&o("option",{disabled:true,selected:true,value:""},this.placeholder),!this.processedItems?o("option",null,"Virhe valintoja ladattaessa. Päivitä sivu ja kokeile uusiksi."):this.processedItems.map((function(t){return d(t)?e.renderOptionGroup(t):e.renderOption(t)}))),o("div",{class:{"duet-select":true,"duet-select-variation-tiny":this.variation==="tiny"},"aria-hidden":"true"},o("span",{key:this.value},this.getSelectedItemLabel()),this.variation!=="tiny"&&o("svg",{role:"img",class:"duet-select-icon",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"})),this.variation==="tiny"&&o("duet-icon",{name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xx-small"}))),o("span",{class:"duet-select-help",id:this.errorId,"aria-live":"assertive","aria-relevant":"additions removals"},this.error&&o("span",null,this.error))))};Object.defineProperty(e.prototype,"element",{get:function(){return l(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"],items:["refresh"]}},enumerable:false,configurable:true});return e}());p.style=n}}}));
4
+ */System.register(["./p-309e3417.system.js","./p-33b3aba4.system.js","./p-5f6bd5db.system.js","./p-b6d51921.system.js"],(function(e){"use strict";var t,s,o,i,l,c,r,a;return{setters:[function(e){t=e.r;s=e.c;o=e.h;i=e.H;l=e.g},function(e){c=e.i},function(e){r=e.c},function(e){a=e.p}],execute:function(){var n='@charset "UTF-8";*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{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-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !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;line-height:1.25}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-wrapper.sc-duet-select::after{content:"  "}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:#909599;box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:#747475;box-shadow:0 0 0 1px #747475}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e02a0d}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:#0077b3;outline:0;box-shadow:0 0 0 1px #0077b3;transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:#171c3a;box-shadow:0 0 0 1px #171c3a}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:#171c3a}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:#0077b3}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e02a0d}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:#00294d !important;cursor:default !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-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:#171c3a !important;background:#f5f5f7 !important;border-color:#f5f5f7 !important;-webkit-text-fill-color:#171c3a !important}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:#00294d;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:white;border:1px solid #909599;border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:#de2362 !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:#de2362 !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:#e02a0d !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:#e02a0d !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{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;border-color:#747475}.duet-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:#00294d;pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:#171c3a}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-help.sc-duet-select{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-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{color:#747475}.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:#de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:#e02a0d}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';function d(e){return"options"in e}function u(e,t){for(var s=0;s<e.length;s++){var o=e[s];if(d(o)){o=u(o.options,t)}if(o&&o.value===t){return o}}}var p=e("duet_select",function(){function e(e){var o=this;t(this,e);this.duetChange=s(this,"duetChange",3);this.duetFocus=s(this,"duetFocus",7);this.duetBlur=s(this,"duetBlur",7);this.selectId=r("DuetSelect");this.errorId=r("DuetError");this.labelId=r("DuetLabel");this.topCaptionId=r("DuetCaptionTop");this.topCaptionPlaceholderId=r("DuetCaptionPlaceholderTop");this.processedItems=null;this.variation="default";this.margin="auto";this.error="";this.expand=false;this.theme="";this.labelHidden=false;this.placeholder="";this.echoPlaceholder=false;this.disabled=false;this.required=false;this.label="label";this.tooltip="";this.tooltipDirection="auto";this.onClick=function(e){e.stopPropagation()};this.onChange=function(){o.value=o.nativeSelect.value;o.duetChange.emit({value:o.value,component:"duet-select"})};this.onBlur=function(e){o.duetBlur.emit({originalEvent:e,value:o.value,component:"duet-select"})};this.onFocus=function(e){o.duetFocus.emit({originalEvent:e,value:o.value,component:"duet-select"})}}e.prototype.valueChanged=function(){if(this.nativeSelect){this.nativeSelect.value=this.value}this.isCaptionVisible=!!this.caption};e.prototype.componentWillLoad=function(){c(this);this.isCaptionVisible=!!this.caption;this.refresh()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeSelect){this.nativeSelect.focus(e)}return[2]}))}))};e.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.processedItems=a(this.items);return[2]}))}))};e.prototype.getSelectedItemLabel=function(){var e;if(this.processedItems){e=u(this.processedItems,this.value)}return e?e.label:this.placeholder||""};e.prototype.renderOption=function(e){return o("option",{value:e.value,key:e.value,selected:this.value===e.value,disabled:e.disabled},e.label)};e.prototype.renderOptionGroup=function(e){var t=this;return o("optgroup",{key:e.label,label:e.label,disabled:e.disabled},e.options.map((function(e){return t.renderOption(e)})))};e.prototype.render=function(){var e=this;var t=this.identifier||this.selectId;return o(i,{onClick:this.onClick,class:{"duet-m-0":this.margin==="none","duet-expand":this.expand,"duet-select-variation-tiny":this.variation==="tiny"}},o("div",{class:{"duet-select-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva","duet-select-variation-tiny":this.variation==="tiny","duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},o("duet-label",{theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},id:this.labelId,for:t},this.label),this.tooltip&&o("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),this.caption&&o("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),o("div",{class:"duet-select-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&o("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-select-placeholder",size:"small"},this.placeholder),o("select",{ref:function(t){return e.nativeSelect=t},disabled:this.disabled,name:this.name,id:t,role:this.role,"aria-labelledby":"".concat(this.labelId," ").concat(this.errorId),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,required:this.required,"aria-describedby":this.accessibleDescribedBy},this.placeholder&&o("option",{disabled:true,selected:true,value:""},this.placeholder),!this.processedItems?o("option",null,"Virhe valintoja ladattaessa. Päivitä sivu ja kokeile uusiksi."):this.processedItems.map((function(t){return d(t)?e.renderOptionGroup(t):e.renderOption(t)}))),o("div",{class:{"duet-select":true,"duet-select-variation-tiny":this.variation==="tiny"},"aria-hidden":"true"},o("span",{key:this.value},this.getSelectedItemLabel()),this.variation!=="tiny"&&o("svg",{role:"img",class:"duet-select-icon",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"})),this.variation==="tiny"&&o("duet-icon",{name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xx-small"}))),o("span",{class:"duet-select-help",id:this.errorId,"aria-live":"assertive","aria-relevant":"additions removals"},this.error&&o("span",null,this.error))))};Object.defineProperty(e.prototype,"element",{get:function(){return l(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"],items:["refresh"]}},enumerable:false,configurable:true});return e}());p.style=n}}}));
package/lib/duet/{p-aa09f585.entry.js → p-ef2f6881.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as e,c as t,h as s,g as i,H as r}from"./p-3d7ab631.js";import{i as d}from"./p-4ebf1618.js";import{c as o}from"./p-c1325e35.js";import{i as n}from"./p-54f35a79.js";const p=class{constructor(s){e(this,s),this.duetStepClick=t(this,"duetStepClick",7),this.buttonId=o("DuetStepButton"),this.contentId=o("DuetStepContent"),this.theme="",this.roundedTop=!1,this.roundedBottom=!1,this.handleKeyDown=e=>{this.isClickDisabled()||n(e)&&(e.preventDefault(),this.handleStepClick(e))},this.handleClick=e=>{this.isClickDisabled()||this.handleStepClick(e)}}handleStepClick(e){this.duetStepClick.emit({originalEvent:e,component:"duet-step",stepIndex:this.stepIndex})}componentWillLoad(){d(this)}async setFocus(e={preventScroll:!0}){this.buttonElement.focus(e)}isClickDisabled(){return"complete"!==this.state}headingColor(){return"incomplete"!==this.state?"":"turva"!==this.theme?"gray-darker":"gray-dark-turva"}renderStepCounter(){return"complete"===this.state||"disabled"===this.state?s("div",{class:"duet-step-icon"},s("duet-icon",{margin:"none",size:"auto",color:"gray-lightest",icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z"/></svg>'})):`${this.stepIndex+1} `}render(){return s("div",{class:{"duet-step":!0,[`is-${this.state}`]:!0,"rounded-top":this.roundedTop,"rounded-bottom":this.roundedBottom,"duet-theme-turva":"turva"===this.theme}},s("div",{class:"duet-step-heading",id:this.buttonId,role:"current"!==this.state?"button":"region","aria-current":"current"===this.state?"step":void 0,tabindex:"current"!==this.state?"0":void 0,"aria-disabled":this.isClickDisabled().toString(),"aria-expanded":("current"===this.state).toString(),"aria-controls":this.contentId,"aria-selected":("current"===this.state).toString(),onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:e=>this.buttonElement=e},s("div",{"aria-hidden":"true"},s("div",{class:"duet-step-counter"},this.renderStepCounter())),s("duet-spacer",{direction:"horizontal",size:"large",breakpoint:"small"}),s("duet-spacer",{direction:"horizontal",size:"medium",breakpoint:"x-small"}),s("div",null,s("duet-heading",{theme:this.theme,level:this.headingLevel,visualLevel:"h4",color:this.headingColor(),margin:"none"},this.heading)),s("duet-spacer",{direction:"horizontal",size:"large"}),s("div",{class:"duet-step-heading-slot"},s("slot",{name:"heading-content"}))),s("div",{class:"duet-step-content-wrapper"},s("div",{class:"duet-step-content",role:"region","aria-labelledby":this.buttonId,id:this.contentId},s("slot",null))))}get element(){return i(this)}};p.style='*.sc-duet-step,*.sc-duet-step::after,*.sc-duet-step::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-step-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-step.sc-duet-step{padding:20px !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:600;background:white;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.duet-theme-turva.sc-duet-step{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top.sc-duet-step{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom.sc-duet-step{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom.sc-duet-step{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step.sc-duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading.sc-duet-step{display:flex;align-items:center;border-radius:4px}.duet-step-heading[aria-disabled=false].sc-duet-step{cursor:pointer}.duet-step-heading.sc-duet-step:focus{outline:0}.duet-step-heading.sc-duet-step:active{opacity:0.75}.user-is-tabbing.sc-duet-step-h .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-step-h .duet-theme-turva.sc-duet-step .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#005f8f}.duet-theme-turva.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#9e0a26}.is-current.sc-duet-step .duet-step-heading.sc-duet-step{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading.sc-duet-step{margin-top:8px;margin-bottom:8px !important}.sc-duet-step-h:first-of-type .duet-step-heading.sc-duet-step{margin-top:0}.sc-duet-step-h:last-of-type .duet-step-heading.sc-duet-step{margin-bottom:0 !important}}.duet-step-counter.sc-duet-step{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:white;text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter.sc-duet-step{width:40px;height:40px;line-height:40px}}.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:#0077b3}.duet-theme-turva.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:#c60c30}.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:#657787}.duet-theme-turva.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:#747475}.duet-step-icon.sc-duet-step{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step{width:20px;height:20px}}.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper.sc-duet-step{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid #e1e3e6}.duet-theme-turva.sc-duet-step .duet-step-content-wrapper.sc-duet-step{border-color:#e4e4e6}.sc-duet-step-h:last-of-type .duet-step-content-wrapper.sc-duet-step{min-height:0;border:transparent}}.duet-step-content.sc-duet-step{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content.sc-duet-step{padding-bottom:28px}}.is-current.sc-duet-step .duet-step-content.sc-duet-step{display:block}.duet-step-heading-slot.sc-duet-step{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot.sc-duet-step{display:block}}';const a=class{constructor(s){e(this,s),this.duetStepChange=t(this,"duetStepChange",7),this.theme="",this.accessibleLive="Lista jossa {total} kohtaa. Olet kohdassa {current}.",this.margin="auto",this.backDisabled=!1,this.selected=0}currentStepChanged(e){if(isNaN(e))throw new Error(`step must be a number. got: ${e}`);if(e<0)throw new Error(`step must be not be less than zero. got: ${e}`);if(e>this.getSteps().length)throw new Error("step must not exceed total number of steps");this.updateStepState(),setTimeout((()=>this.setStepFocus()),50)}currentStepInvokedDisable(){this.updateStepState()}onDuetStepClick(e){this.duetStepChange.emit({fromStep:this.selected,toStep:e.detail.stepIndex,component:"duet-stepper"})}componentWillLoad(){d(this)}async connectedCallback(){this.updateStepState()}getSteps(){return Array.from(this.element.querySelectorAll("duet-step"))}setStepFocus(){this.getSteps()[this.selected].setFocus()}updateStepState(){const e=this.getSteps();e.forEach(((e,t)=>{let s;s=t<this.selected?this.backDisabled?"disabled":"complete":t>this.selected?"incomplete":"current",e.theme=this.theme,e.state=s,e.stepIndex=t}));const t=function(e,t){const s={};return t.forEach((e=>{const t=e.state;s[t]||(s[t]=[]),s[t].push(e)})),s}(0,e);Object.values(t).forEach((e=>{e.forEach(((t,s)=>{t.roundedTop=0===s,t.roundedBottom=s===e.length-1}))}))}formatAnnouncement(){const e=this.getSteps(),t=(this.selected+1).toString(10),s=e.length.toString(10);return this.accessibleLive.replace("{current}",t).replace("{total}",s)}render(){return s(r,{class:{"duet-m-0":"none"===this.margin}},s("div",{class:{"duet-stepper":!0,"duet-theme-turva":"turva"===this.theme}},s("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement()),s("slot",null)))}get element(){return i(this)}static get watchers(){return{selected:["currentStepChanged"],backDisabled:["currentStepInvokedDisable"]}}};a.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}.duet-stepper{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-stepper{padding:28px !important;padding-top:36px !important;padding-bottom:36px !important;background:white;border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}}";export{p as duet_step,a as duet_stepper}
4
+ import{r as e,c as t,h as s,g as i,H as r}from"./p-6e64cd02.js";import{i as d}from"./p-4ebf1618.js";import{c as o}from"./p-c1325e35.js";import{i as n}from"./p-54f35a79.js";const p=class{constructor(s){e(this,s),this.duetStepClick=t(this,"duetStepClick",7),this.buttonId=o("DuetStepButton"),this.contentId=o("DuetStepContent"),this.theme="",this.roundedTop=!1,this.roundedBottom=!1,this.handleKeyDown=e=>{this.isClickDisabled()||n(e)&&(e.preventDefault(),this.handleStepClick(e))},this.handleClick=e=>{this.isClickDisabled()||this.handleStepClick(e)}}handleStepClick(e){this.duetStepClick.emit({originalEvent:e,component:"duet-step",stepIndex:this.stepIndex})}componentWillLoad(){d(this)}async setFocus(e={preventScroll:!0}){this.buttonElement.focus(e)}isClickDisabled(){return"complete"!==this.state}headingColor(){return"incomplete"!==this.state?"":"turva"!==this.theme?"gray-darker":"gray-dark-turva"}renderStepCounter(){return"complete"===this.state||"disabled"===this.state?s("div",{class:"duet-step-icon"},s("duet-icon",{margin:"none",size:"auto",color:"gray-lightest",icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z"/></svg>'})):`${this.stepIndex+1} `}render(){return s("div",{class:{"duet-step":!0,[`is-${this.state}`]:!0,"rounded-top":this.roundedTop,"rounded-bottom":this.roundedBottom,"duet-theme-turva":"turva"===this.theme}},s("div",{class:"duet-step-heading",id:this.buttonId,role:"current"!==this.state?"button":"region","aria-current":"current"===this.state?"step":void 0,tabindex:"current"!==this.state?"0":void 0,"aria-disabled":this.isClickDisabled().toString(),"aria-expanded":("current"===this.state).toString(),"aria-controls":this.contentId,"aria-selected":("current"===this.state).toString(),onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:e=>this.buttonElement=e},s("div",{"aria-hidden":"true"},s("div",{class:"duet-step-counter"},this.renderStepCounter())),s("duet-spacer",{direction:"horizontal",size:"large",breakpoint:"small"}),s("duet-spacer",{direction:"horizontal",size:"medium",breakpoint:"x-small"}),s("div",null,s("duet-heading",{theme:this.theme,level:this.headingLevel,visualLevel:"h4",color:this.headingColor(),margin:"none"},this.heading)),s("duet-spacer",{direction:"horizontal",size:"large"}),s("div",{class:"duet-step-heading-slot"},s("slot",{name:"heading-content"}))),s("div",{class:"duet-step-content-wrapper"},s("div",{class:"duet-step-content",role:"region","aria-labelledby":this.buttonId,id:this.contentId},s("slot",null))))}get element(){return i(this)}};p.style='*.sc-duet-step,*.sc-duet-step::after,*.sc-duet-step::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-step-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-step.sc-duet-step{padding:20px !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:600;background:white;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.duet-theme-turva.sc-duet-step{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top.sc-duet-step{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom.sc-duet-step{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom.sc-duet-step{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step.sc-duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading.sc-duet-step{display:flex;align-items:center;border-radius:4px}.duet-step-heading[aria-disabled=false].sc-duet-step{cursor:pointer}.duet-step-heading.sc-duet-step:focus{outline:0}.duet-step-heading.sc-duet-step:active{opacity:0.75}.user-is-tabbing.sc-duet-step-h .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-step-h .duet-theme-turva.sc-duet-step .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#005f8f}.duet-theme-turva.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#9e0a26}.is-current.sc-duet-step .duet-step-heading.sc-duet-step{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading.sc-duet-step{margin-top:8px;margin-bottom:8px !important}.sc-duet-step-h:first-of-type .duet-step-heading.sc-duet-step{margin-top:0}.sc-duet-step-h:last-of-type .duet-step-heading.sc-duet-step{margin-bottom:0 !important}}.duet-step-counter.sc-duet-step{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:white;text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter.sc-duet-step{width:40px;height:40px;line-height:40px}}.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:#0077b3}.duet-theme-turva.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:#c60c30}.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:#657787}.duet-theme-turva.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:#747475}.duet-step-icon.sc-duet-step{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step{width:20px;height:20px}}.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper.sc-duet-step{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid #e1e3e6}.duet-theme-turva.sc-duet-step .duet-step-content-wrapper.sc-duet-step{border-color:#e4e4e6}.sc-duet-step-h:last-of-type .duet-step-content-wrapper.sc-duet-step{min-height:0;border:transparent}}.duet-step-content.sc-duet-step{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content.sc-duet-step{padding-bottom:28px}}.is-current.sc-duet-step .duet-step-content.sc-duet-step{display:block}.duet-step-heading-slot.sc-duet-step{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot.sc-duet-step{display:block}}';const a=class{constructor(s){e(this,s),this.duetStepChange=t(this,"duetStepChange",7),this.theme="",this.accessibleLive="Lista jossa {total} kohtaa. Olet kohdassa {current}.",this.margin="auto",this.backDisabled=!1,this.selected=0}currentStepChanged(e){if(isNaN(e))throw new Error(`step must be a number. got: ${e}`);if(e<0)throw new Error(`step must be not be less than zero. got: ${e}`);if(e>this.getSteps().length)throw new Error("step must not exceed total number of steps");this.updateStepState(),setTimeout((()=>this.setStepFocus()),50)}currentStepInvokedDisable(){this.updateStepState()}onDuetStepClick(e){this.duetStepChange.emit({fromStep:this.selected,toStep:e.detail.stepIndex,component:"duet-stepper"})}componentWillLoad(){d(this)}async connectedCallback(){this.updateStepState()}getSteps(){return Array.from(this.element.querySelectorAll("duet-step"))}setStepFocus(){this.getSteps()[this.selected].setFocus()}updateStepState(){const e=this.getSteps();e.forEach(((e,t)=>{let s;s=t<this.selected?this.backDisabled?"disabled":"complete":t>this.selected?"incomplete":"current",e.theme=this.theme,e.state=s,e.stepIndex=t}));const t=function(e,t){const s={};return t.forEach((e=>{const t=e.state;s[t]||(s[t]=[]),s[t].push(e)})),s}(0,e);Object.values(t).forEach((e=>{e.forEach(((t,s)=>{t.roundedTop=0===s,t.roundedBottom=s===e.length-1}))}))}formatAnnouncement(){const e=this.getSteps(),t=(this.selected+1).toString(10),s=e.length.toString(10);return this.accessibleLive.replace("{current}",t).replace("{total}",s)}render(){return s(r,{class:{"duet-m-0":"none"===this.margin}},s("div",{class:{"duet-stepper":!0,"duet-theme-turva":"turva"===this.theme}},s("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement()),s("slot",null)))}get element(){return i(this)}static get watchers(){return{selected:["currentStepChanged"],backDisabled:["currentStepInvokedDisable"]}}};a.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}.duet-stepper{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-stepper{padding:28px !important;padding-top:36px !important;padding-bottom:36px !important;background:white;border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}}";export{p as duet_step,a as duet_stepper}
package/lib/duet/{p-4f12201d.system.entry.js → p-f2831cda.system.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  var __awaiter=this&&this.__awaiter||function(e,t,i,o){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,n){function d(e){try{l(o.next(e))}catch(t){n(t)}}function s(e){try{l(o["throw"](e))}catch(t){n(t)}}function l(e){e.done?i(e.value):a(e.value).then(d,s)}l((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,a,n,d;return d={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function s(e){return function(t){return l([e,t])}}function l(d){if(o)throw new TypeError("Generator is already executing.");while(i)try{if(o=1,a&&(n=d[0]&2?a["return"]:d[0]?a["throw"]||((n=a["return"])&&n.call(a),0):a.next)&&!(n=n.call(a,d[1])).done)return n;if(a=0,n)d=[d[0]&2,n.value];switch(d[0]){case 0:case 1:n=d;break;case 4:i.label++;return{value:d[1],done:false};case 5:i.label++;a=d[1];d=[0];continue;case 7:d=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(d[0]===6||d[0]===2)){i=0;continue}if(d[0]===3&&(!n||d[1]>n[0]&&d[1]<n[3])){i.label=d[1];break}if(d[0]===6&&i.label<n[1]){i.label=n[1];n=d;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(d);break}if(n[2])i.ops.pop();i.trys.pop();continue}d=t.call(e,i)}catch(s){d=[6,s];a=0}finally{o=n=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};
2
2
  /*!
3
3
  * Built with Duet Design System
4
- */System.register(["./p-1b17eaf5.system.js","./p-d863e150.system.js","./p-33b3aba4.system.js","./p-5f6bd5db.system.js","./p-6d8b50c4.system.js","./p-a63f753e.system.js","./p-f69b64c9.system.js","./p-b6d51921.system.js"],(function(e){"use strict";var t,i,o,a,n,d,s,l,r,u,c,m,p;return{setters:[function(e){t=e.r;i=e.c;o=e.h;a=e.g},function(e){n=e.d;d=e.e},function(e){s=e.i},function(e){l=e.c},function(e){r=e.f;u=e.F},function(e){c=e.f},function(e){m=e.a;p=e.g},function(){}],execute:function(){var h='*,*::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}.duet-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;background:rgba(0, 41, 77, 0.85);opacity:0;transition:300ms ease;transition-delay:200ms}.duet-modal-overlay.duet-theme-turva{background:rgba(23, 28, 58, 0.85)}.duet-modal-overlay.duet-modal-active{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}.duet-modal-overlay.duet-disable-transitions{transition:none}::slotted(img){width:100%}.duet-modal-inner{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){.duet-modal-inner{padding:48px 16px}}@media (max-width: 35.9375em){.duet-modal-inner.duet-modal-large{padding-right:0;padding-left:0}}.duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:#00294d;background:white;border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}.duet-theme-turva .duet-modal{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-modal-active .duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}.duet-disable-transitions .duet-modal{transition:none}.duet-modal.small{max-width:545px}.duet-modal.large{max-width:100%}@media (min-width: 36em){.duet-modal.large{max-width:1110px}}.duet-modal:focus{outline:0}.duet-modal-body{width:100%;padding:36px 28px}.duet-modal-body.duet-modal-gutter-small{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large{padding:48px 36px}@media (max-width: 22.5em){.duet-modal-body{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large{padding:48px 28px}}@media (max-width: 35.9375em){.duet-modal-body{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large{padding:48px 36px}}@media (min-width: 36em){.duet-modal-body{padding:36px}.duet-modal-body.duet-modal-gutter-large{padding:28px 72px}}@media (min-width: 48em){.duet-modal-body{padding:36px 72px}.duet-modal-body.duet-modal-gutter-large{padding:36px 72px}}@media (min-width: 76.25em){.duet-modal-body{padding:36px 48px 48px}.duet-modal-body.duet-modal-gutter-large{padding:48px 94px}.small .duet-modal-body{padding:36px 48px}}.duet-modal-header{text-align:center}.duet-modal-close{position:absolute;top:12px;right:12px}.duet-modal-heading{width:100%;padding-right:60px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:#00294d;text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}.duet-modal-heading.duet-p-0{padding:0 !important}.duet-modal-heading.duet-m-0{margin:0 !important}';var f=600;var g=e("duet_modal",function(){function e(e){t(this,e);this.duetOpen=i(this,"duetOpen",7);this.duetClose=i(this,"duetClose",7);this.duetBeforeClose=i(this,"duetBeforeClose",7);var o,a;this.modalId=l("DuetModal");this.slotDefaultId=l("DuetModal-default-slot");this.isAndroidDevice=((a=(o=navigator===null||navigator===void 0?void 0:navigator.userAgent)===null||o===void 0?void 0:o.toLowerCase())===null||a===void 0?void 0:a.indexOf("android"))>-1||null;this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(navigator===null||navigator===void 0?void 0:navigator.userAgent);this.handleAndroidResizeEvents=function(){if(document.activeElement.tagName=="INPUT"){window.setTimeout((function(){var e;try{(e=document===null||document===void 0?void 0:document.activeElement)===null||e===void 0?void 0:e.scrollIntoViewIfNeeded(true)}catch(t){}}),100)}};this.open=false;this.language=m();this.accessibleCloseLabelDefaults={fi:"Sulje ikkuna",sv:"Stäng fönstret",en:"Close the dialog"};this.accessibleCloseLabel=p(this.accessibleCloseLabelDefaults,this.language);this.size="medium";this.accessibleDetails=undefined;this.accessibleDescription=undefined;this.gutterSize="medium";this.theme="";this.heading="";this.headingLevel="h3";this.icon="";this.color="";this.active=false;this.closeOnBlur=false}e.prototype.openChanged=function(){var e=this;if(this.open){if(this.modalEl&&this.modalEl.scrollTop){this.modalEl.scrollTop=0}this.focusedElBeforeOpen=document.activeElement;n(this.modalEl,{reserveScrollBarGap:true});setTimeout((function(){e.buttonEl.setFocus()}),f);setTimeout((function(){e.modalEl.classList.add("duet-disable-transitions")}),f+200);if(this.isAndroidDevice){window.addEventListener("resize",this.handleAndroidResizeEvents)}this.duetOpen.emit()}else{this.modalEl.classList.remove("duet-disable-transitions");d(this.modalEl);this.duetClose.emit();setTimeout((function(){r(e.focusedElBeforeOpen)}),f);if(this.isAndroidDevice){window.removeEventListener("resize",this.handleAndroidResizeEvents)}}};e.prototype.activeChanged=function(){this.open=this.active};e.prototype.componentWillLoad=function(){s(this)};e.prototype.componentDidLoad=function(){if(this.active){this.open=true;this.modalEl.classList.add("duet-disable-transitions")}};e.prototype.disconnectedCallback=function(){d(this.modalEl)};e.prototype.handleKeyUp=function(e){if(this.open){if(c(e)){this.closeModal(e)}}};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=true;return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=false;return[2]}))}))};e.prototype.closeModal=function(e){var t=this;this.duetBeforeClose.emit({originalEvent:e,component:"duet-modal"});if(!e.defaultPrevented){setTimeout((function(){t.hide()}),1)}};e.prototype.render=function(){var e;var t=this;var i="primary";var a="secondary";if(this.theme==="turva"){i="primary-turva";a="secondary-turva"}return o("div",{ref:function(e){return t.modalEl=e},"aria-labelledby":this.heading?this.modalId:false,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy?"".concat(this.slotDefaultId," ").concat(this.accessibleDescribedBy):this.slotDefaultId,role:"dialog","aria-modal":this.isSafariBrowser?false:true,tabindex:"-1","aria-flowto":this.slotDefaultId,class:{"duet-modal-overlay":true,"duet-theme-turva":this.theme==="turva","duet-modal-active":this.open}},o(u,{moveFocusTo:this.buttonEl}),o("div",{class:{"duet-modal-inner":true,"duet-modal-large":this.size==="large"},role:"document",onClick:function(e){if(t.closeOnBlur){t.closeModal(e)}}},o("div",{class:(e={"duet-modal":true},e[this.size]=true,e),onClick:function(e){if(t.closeOnBlur){e.stopPropagation()}}},o("duet-spacer",null),o("div",{class:"duet-modal-close"},o("duet-button",{ref:function(e){return t.buttonEl=e},variation:"plain",accessibleLabel:this.accessibleCloseLabel,color:a,iconSize:"large",icon:"navigation-close",iconOnly:true,margin:"none",theme:this.theme,onClick:function(e){return t.closeModal(e)},fixed:true})),o("div",{class:{"duet-modal-body":true,"duet-modal-gutter-small":this.gutterSize==="small","duet-modal-gutter-medium":this.gutterSize==="medium","duet-modal-gutter-large":this.gutterSize==="large"}},o("div",{class:"duet-modal-header"},o("span",{class:"duet-modal-inner-slot-top"},o("slot",{name:"top"})),this.icon&&o("duet-icon",{name:this.icon,size:"xx-large",color:this.color||i}),this.heading&&o("duet-heading",{level:this.headingLevel,theme:this.theme,id:this.modalId},this.heading)),o("span",{class:"duet-modal-inner-slot-default",id:this.slotDefaultId},o("slot",null))))),o(u,{moveFocusTo:this.buttonEl}))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["openChanged"],active:["activeChanged"]}},enumerable:false,configurable:true});return e}());g.style=h}}}));
4
+ */System.register(["./p-309e3417.system.js","./p-d863e150.system.js","./p-33b3aba4.system.js","./p-5f6bd5db.system.js","./p-89f50fd8.system.js","./p-a63f753e.system.js","./p-f69b64c9.system.js","./p-b6d51921.system.js"],(function(e){"use strict";var t,i,o,a,n,d,s,l,r,u,c,m,p;return{setters:[function(e){t=e.r;i=e.c;o=e.h;a=e.g},function(e){n=e.d;d=e.e},function(e){s=e.i},function(e){l=e.c},function(e){r=e.f;u=e.F},function(e){c=e.f},function(e){m=e.a;p=e.g},function(){}],execute:function(){var h='*,*::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}.duet-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;background:rgba(0, 41, 77, 0.85);opacity:0;transition:300ms ease;transition-delay:200ms}.duet-modal-overlay.duet-theme-turva{background:rgba(23, 28, 58, 0.85)}.duet-modal-overlay.duet-modal-active{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}.duet-modal-overlay.duet-disable-transitions{transition:none}::slotted(img){width:100%}.duet-modal-inner{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){.duet-modal-inner{padding:48px 16px}}@media (max-width: 35.9375em){.duet-modal-inner.duet-modal-large{padding-right:0;padding-left:0}}.duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:#00294d;background:white;border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}.duet-theme-turva .duet-modal{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-modal-active .duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}.duet-disable-transitions .duet-modal{transition:none}.duet-modal.small{max-width:545px}.duet-modal.large{max-width:100%}@media (min-width: 36em){.duet-modal.large{max-width:1110px}}.duet-modal:focus{outline:0}.duet-modal-body{width:100%;padding:36px 28px}.duet-modal-body.duet-modal-gutter-small{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large{padding:48px 36px}@media (max-width: 22.5em){.duet-modal-body{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large{padding:48px 28px}}@media (max-width: 35.9375em){.duet-modal-body{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large{padding:48px 36px}}@media (min-width: 36em){.duet-modal-body{padding:36px}.duet-modal-body.duet-modal-gutter-large{padding:28px 72px}}@media (min-width: 48em){.duet-modal-body{padding:36px 72px}.duet-modal-body.duet-modal-gutter-large{padding:36px 72px}}@media (min-width: 76.25em){.duet-modal-body{padding:36px 48px 48px}.duet-modal-body.duet-modal-gutter-large{padding:48px 94px}.small .duet-modal-body{padding:36px 48px}}.duet-modal-header{text-align:center}.duet-modal-close{position:absolute;top:12px;right:12px}.duet-modal-heading{width:100%;padding-right:60px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:#00294d;text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}.duet-modal-heading.duet-p-0{padding:0 !important}.duet-modal-heading.duet-m-0{margin:0 !important}';var f=600;var g=e("duet_modal",function(){function e(e){t(this,e);this.duetOpen=i(this,"duetOpen",7);this.duetClose=i(this,"duetClose",7);this.duetBeforeClose=i(this,"duetBeforeClose",7);var o,a;this.modalId=l("DuetModal");this.slotDefaultId=l("DuetModal-default-slot");this.isAndroidDevice=((a=(o=navigator===null||navigator===void 0?void 0:navigator.userAgent)===null||o===void 0?void 0:o.toLowerCase())===null||a===void 0?void 0:a.indexOf("android"))>-1||null;this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(navigator===null||navigator===void 0?void 0:navigator.userAgent);this.handleAndroidResizeEvents=function(){if(document.activeElement.tagName=="INPUT"){window.setTimeout((function(){var e;try{(e=document===null||document===void 0?void 0:document.activeElement)===null||e===void 0?void 0:e.scrollIntoViewIfNeeded(true)}catch(t){}}),100)}};this.open=false;this.language=m();this.accessibleCloseLabelDefaults={fi:"Sulje ikkuna",sv:"Stäng fönstret",en:"Close the dialog"};this.accessibleCloseLabel=p(this.accessibleCloseLabelDefaults,this.language);this.size="medium";this.accessibleDetails=undefined;this.accessibleDescription=undefined;this.gutterSize="medium";this.theme="";this.heading="";this.headingLevel="h3";this.icon="";this.color="";this.active=false;this.closeOnBlur=false}e.prototype.openChanged=function(){var e=this;if(this.open){if(this.modalEl&&this.modalEl.scrollTop){this.modalEl.scrollTop=0}this.focusedElBeforeOpen=document.activeElement;n(this.modalEl,{reserveScrollBarGap:true});setTimeout((function(){e.buttonEl.setFocus()}),f);setTimeout((function(){e.modalEl.classList.add("duet-disable-transitions")}),f+200);if(this.isAndroidDevice){window.addEventListener("resize",this.handleAndroidResizeEvents)}this.duetOpen.emit()}else{this.modalEl.classList.remove("duet-disable-transitions");d(this.modalEl);this.duetClose.emit();setTimeout((function(){r(e.focusedElBeforeOpen)}),f);if(this.isAndroidDevice){window.removeEventListener("resize",this.handleAndroidResizeEvents)}}};e.prototype.activeChanged=function(){this.open=this.active};e.prototype.componentWillLoad=function(){s(this)};e.prototype.componentDidLoad=function(){if(this.active){this.open=true;this.modalEl.classList.add("duet-disable-transitions")}};e.prototype.disconnectedCallback=function(){d(this.modalEl)};e.prototype.handleKeyUp=function(e){if(this.open){if(c(e)){this.closeModal(e)}}};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=true;return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=false;return[2]}))}))};e.prototype.closeModal=function(e){var t=this;this.duetBeforeClose.emit({originalEvent:e,component:"duet-modal"});if(!e.defaultPrevented){setTimeout((function(){t.hide()}),1)}};e.prototype.render=function(){var e;var t=this;var i="primary";var a="secondary";if(this.theme==="turva"){i="primary-turva";a="secondary-turva"}return o("div",{ref:function(e){return t.modalEl=e},"aria-labelledby":this.heading?this.modalId:false,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy?"".concat(this.slotDefaultId," ").concat(this.accessibleDescribedBy):this.slotDefaultId,role:"dialog","aria-modal":this.isSafariBrowser?false:true,tabindex:"-1","aria-flowto":this.slotDefaultId,class:{"duet-modal-overlay":true,"duet-theme-turva":this.theme==="turva","duet-modal-active":this.open}},o(u,{moveFocusTo:this.buttonEl}),o("div",{class:{"duet-modal-inner":true,"duet-modal-large":this.size==="large"},role:"document",onClick:function(e){if(t.closeOnBlur){t.closeModal(e)}}},o("div",{class:(e={"duet-modal":true},e[this.size]=true,e),onClick:function(e){if(t.closeOnBlur){e.stopPropagation()}}},o("duet-spacer",null),o("div",{class:"duet-modal-close"},o("duet-button",{ref:function(e){return t.buttonEl=e},variation:"plain",accessibleLabel:this.accessibleCloseLabel,color:a,iconSize:"large",icon:"navigation-close",iconOnly:true,margin:"none",theme:this.theme,onClick:function(e){return t.closeModal(e)},fixed:true})),o("div",{class:{"duet-modal-body":true,"duet-modal-gutter-small":this.gutterSize==="small","duet-modal-gutter-medium":this.gutterSize==="medium","duet-modal-gutter-large":this.gutterSize==="large"}},o("div",{class:"duet-modal-header"},o("span",{class:"duet-modal-inner-slot-top"},o("slot",{name:"top"})),this.icon&&o("duet-icon",{name:this.icon,size:"xx-large",color:this.color||i}),this.heading&&o("duet-heading",{level:this.headingLevel,theme:this.theme,id:this.modalId},this.heading)),o("span",{class:"duet-modal-inner-slot-default",id:this.slotDefaultId},o("slot",null))))),o(u,{moveFocusTo:this.buttonEl}))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["openChanged"],active:["activeChanged"]}},enumerable:false,configurable:true});return e}());g.style=h}}}));
package/lib/duet/{p-4651626c.entry.js → p-f2dce86d.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as t,h as o,H as e,g as i}from"./p-3d7ab631.js";import{i as r}from"./p-4ebf1618.js";import{c as a}from"./p-c1325e35.js";import{a as n,g as s}from"./p-ede854e1.js";import"./p-5a9d75e1.js";const l=class{constructor(o){t(this,o),this.tooltipId=a("DuetTooltip"),this.lastScrollTop=0,this.openDown=!1,this.theme="",this.language=n(),this.accessibleLabelDefault={fi:"Näytä lisätietoja",en:"Show more information",sv:"Visa mer tilläggsuppgifter"},this.accessibleLabel=s(this.accessibleLabelDefault,this.language),this.accessibleCloseLabelDefault={fi:"Sulje lisätiedot",en:"Close details",sv:"Stäng tilläggsuppgifter"},this.accessibleCloseLabel=s(this.accessibleCloseLabelDefault,this.language),this.label="",this.breakpoint="medium",this.direction="auto",this.positionVertical="0",this.positionHorizontal="0",this.active=!1,this.openTooltip=()=>{this.focusTarget="tooltip",this.active=!0},this.closeTooltip=(t=!1)=>{t&&(this.focusTarget="trigger"),this.active=!1},this.toggleOpen=()=>{this.active?this.closeTooltip():this.openTooltip()},this.handleFocusOut=t=>{if(!this.active)return;const o=t.relatedTarget;null==o||this.element.shadowRoot.contains(o)||this.element.contains(o)||this.closeTooltip()},this.handleKeyDown=t=>{(27===t.keyCode||t.target===this.scrollableEl&&t.shiftKey&&9===t.keyCode)&&this.closeTooltip(!0)},this.handleCloseClick=()=>{this.closeTooltip(!0)},this.isElementInViewport=t=>{if(!t)return!1;var o=t.getBoundingClientRect();return o.top>=100&&o.left>=0&&o.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&o.right<=(window.innerWidth||document.documentElement.clientWidth)}}componentWillLoad(){r(this)}componentDidUpdate(){switch(this.focusTarget){case"tooltip":this.scrollableEl.focus({preventScroll:!0});break;case"trigger":this.buttonEl.focus({preventScroll:!0})}this.focusTarget=null}onScroll(){clearTimeout(this.scrollTimer),this.scrollTimer=setTimeout((()=>{const t=window.pageYOffset||document.documentElement.scrollTop;this.isElementInViewport(this.tooltipEl)||(this.openDown=t>this.lastScrollTop),this.lastScrollTop=Math.max(0,t)}),100)}handleDocumentClick(t){this.active&&t.composedPath().every((t=>t!==this.element))&&this.closeTooltip()}async handleActiveChange(t){t?this.openDown=!this.isElementInViewport(this.tooltipEl):setTimeout((()=>this.openDown=!1),300)}render(){return o(e,{style:{transform:`translateY(${this.positionVertical}) translateX(${this.positionHorizontal})`,zIndex:this.active?"201":""}},o("button",{ref:t=>this.buttonEl=t,"aria-controls":this.tooltipId,"aria-expanded":this.active?"true":"false",onClick:this.toggleOpen,type:"button",class:{"duet-tooltip-button":!0,"duet-tooltip-button-has-label":!!this.label,"duet-theme-turva":"turva"===this.theme}},o("svg",{"aria-hidden":"true",role:"img",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z"}),o("circle",{cx:"11.625",cy:"7.125",r:"1.125"}),o("path",{d:"m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z"})),this.label?o("span",{class:"duet-tooltip-label"},this.label):o("duet-visually-hidden",null,this.accessibleInputLabel?`${this.accessibleInputLabel}, ${this.accessibleLabel}`:this.accessibleLabel)),o("div",{ref:t=>this.tooltipEl=t,class:{"duet-tooltip":!0,"duet-mq-large":"large"===this.breakpoint,"duet-mq-medium":"medium"===this.breakpoint,"duet-theme-turva":"turva"===this.theme,"duet-tooltip-down":this.openDown,"duet-tooltip-has-label":!!this.label,"duet-tooltip-left":"left"===this.direction,"duet-tooltip-right":"right"===this.direction,"duet-tooltip-active":!0===this.active},onClick:t=>t.stopPropagation(),onKeyDown:this.handleKeyDown,onFocusout:this.handleFocusOut},o("div",{ref:t=>this.scrollableEl=t,class:"duet-tooltip-scrollable",tabindex:"0",id:this.tooltipId},o("slot",null)),o("button",{type:"button",class:"duet-tooltip-close",onClick:this.handleCloseClick},o("duet-icon",{name:"navigation-close-small",margin:"none",color:"currentColor",size:"xxx-small"}),o("duet-visually-hidden",null,this.accessibleCloseLabel))))}get element(){return i(this)}static get watchers(){return{active:["handleActiveChange"]}}};l.style='*,*::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:relative;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}.duet-tooltip{position:absolute;right:-21px;bottom:100%;z-index:950;display:block;width:282px;min-height:48px;max-height:340px;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:#00294d;visibility:hidden;background:white;border:1px solid #e1e3e6;border-radius:4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:300ms ease;transform:scale(0.9) translateZ(0) translateY(20px);transform-origin:100% 100%}.duet-tooltip.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;border-color:#e4e4e6;box-shadow:0 2px 10px 0 rgba(117, 117, 117, 0.13)}.duet-tooltip::after{position:absolute;right:22px;bottom:-20px;z-index:200;width:0;height:0;content:"";border:10px solid transparent;border-top:10px solid white}.duet-tooltip::before{position:absolute;right:21px;bottom:-22px;z-index:100;width:0;height:0;content:"";border:11px solid transparent;border-top:11px solid #e1e3e6}.duet-theme-turva .duet-tooltip::before{border-top:11px solid #e4e4e6}.duet-tooltip.duet-tooltip-down{top:100%;bottom:auto;transform:scale(0.9) translateZ(0) translateY(-20px);transform-origin:100% 0}.duet-tooltip.duet-tooltip-down::after{top:-20px;bottom:auto;border:10px solid transparent;border-bottom:10px solid white}.duet-tooltip.duet-tooltip-down::before{top:-22px;bottom:auto;border:11px solid transparent;border-bottom:11px solid #e1e3e6}.duet-theme-turva .duet-tooltip.duet-tooltip-down::before{border-bottom:11px solid #e4e4e6}.duet-tooltip.duet-tooltip-left{right:-21px !important;transform-origin:100% 100% !important}.duet-tooltip.duet-tooltip-left::after{right:22px !important;transform:none !important}.duet-tooltip.duet-tooltip-left::before{right:21px !important;transform:none !important}.duet-tooltip.duet-tooltip-right{right:auto !important;left:-9px !important;transform-origin:100% 100% !important}.duet-tooltip.duet-tooltip-right::after{right:auto !important;left:22px !important;transform:none !important}.duet-tooltip.duet-tooltip-right::before{right:auto !important;left:21px !important;transform:none !important}.duet-tooltip.duet-tooltip-has-label{right:auto !important;left:0;width:282px !important;transform-origin:0 0 !important}.duet-tooltip.duet-tooltip-has-label::after{right:auto !important;left:1px !important;transform:none !important}.duet-tooltip.duet-tooltip-has-label::before{right:auto !important;left:0 !important;transform:none !important}.duet-tooltip.duet-tooltip-active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(-8px)}.duet-tooltip.duet-tooltip-active.duet-tooltip-down{transform:scale(1.0001) translateZ(0) translateY(8px)}.duet-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:#0077b3;white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button.duet-theme-turva{color:#c60c30}.duet-tooltip-button:hover{color:#004d80}.duet-tooltip-button:hover.duet-theme-turva{color:#940925}.duet-tooltip-button:focus{background:transparent !important;outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-tooltip-button.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-scrollable{padding:20px !important;width:100%;max-height:250px;padding-right:25px !important;overflow-y:auto;-webkit-hyphens:auto;hyphens:auto;border-radius:4px;-webkit-overflow-scrolling:touch}.duet-tooltip-scrollable:focus{outline:none}:host(.user-is-tabbing) .duet-tooltip-scrollable: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 .duet-tooltip-scrollable:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tooltip-scrollable::-webkit-scrollbar{width:4px}.duet-tooltip-scrollable::-webkit-scrollbar-track{border-radius:4px}.duet-tooltip-scrollable::-webkit-scrollbar-thumb{background:#e1e3e6;border-radius:4px}.duet-theme-turva .duet-tooltip-scrollable::-webkit-scrollbar-thumb{background:#e4e4e6}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !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:600;line-height:1.25;text-align:left;white-space:normal;vertical-align:top}.duet-theme-turva .duet-tooltip-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-tooltip-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;min-height:0 !important;padding:0 !important;margin:0 !important;line-height:normal;color:#00294d;cursor:pointer;background:#f5f8fa;border-radius:50%;-webkit-appearance:none;appearance:none}.duet-tooltip-close:focus{outline:none;box-shadow:0 0 0 2px #0077b3}.duet-theme-turva .duet-tooltip-close:focus{color:#171c3a;box-shadow:0 0 0 2px #171c3a}@media (min-width: 48em){.duet-tooltip.duet-mq-medium{right:-148px;width:320px;transform-origin:50% 100%}.duet-tooltip.duet-mq-medium::after{right:50%;transform:translateX(50%)}.duet-tooltip.duet-mq-medium::before{right:50%;transform:translateX(50%)}.duet-tooltip.duet-mq-medium.duet-tooltip-down{transform-origin:50% 0}}@media (min-width: 62em){.duet-tooltip.duet-mq-large{right:-148px;width:320px;transform-origin:50% 100%}.duet-tooltip.duet-mq-large::after{right:50%;transform:translateX(50%)}.duet-tooltip.duet-mq-large::before{right:50%;transform:translateX(50%)}.duet-tooltip.duet-mq-large.duet-tooltip-down{transform-origin:50% 0}}';export{l as duet_tooltip}
4
+ import{r as t,h as o,H as e,g as i}from"./p-6e64cd02.js";import{i as r}from"./p-4ebf1618.js";import{c as a}from"./p-c1325e35.js";import{a as n,g as s}from"./p-ede854e1.js";import"./p-5a9d75e1.js";const l=class{constructor(o){t(this,o),this.tooltipId=a("DuetTooltip"),this.lastScrollTop=0,this.openDown=!1,this.theme="",this.language=n(),this.accessibleLabelDefault={fi:"Näytä lisätietoja",en:"Show more information",sv:"Visa mer tilläggsuppgifter"},this.accessibleLabel=s(this.accessibleLabelDefault,this.language),this.accessibleCloseLabelDefault={fi:"Sulje lisätiedot",en:"Close details",sv:"Stäng tilläggsuppgifter"},this.accessibleCloseLabel=s(this.accessibleCloseLabelDefault,this.language),this.label="",this.breakpoint="medium",this.direction="auto",this.positionVertical="0",this.positionHorizontal="0",this.active=!1,this.openTooltip=()=>{this.focusTarget="tooltip",this.active=!0},this.closeTooltip=(t=!1)=>{t&&(this.focusTarget="trigger"),this.active=!1},this.toggleOpen=()=>{this.active?this.closeTooltip():this.openTooltip()},this.handleFocusOut=t=>{if(!this.active)return;const o=t.relatedTarget;null==o||this.element.shadowRoot.contains(o)||this.element.contains(o)||this.closeTooltip()},this.handleKeyDown=t=>{(27===t.keyCode||t.target===this.scrollableEl&&t.shiftKey&&9===t.keyCode)&&this.closeTooltip(!0)},this.handleCloseClick=()=>{this.closeTooltip(!0)},this.isElementInViewport=t=>{if(!t)return!1;var o=t.getBoundingClientRect();return o.top>=100&&o.left>=0&&o.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&o.right<=(window.innerWidth||document.documentElement.clientWidth)}}componentWillLoad(){r(this)}componentDidUpdate(){switch(this.focusTarget){case"tooltip":this.scrollableEl.focus({preventScroll:!0});break;case"trigger":this.buttonEl.focus({preventScroll:!0})}this.focusTarget=null}onScroll(){clearTimeout(this.scrollTimer),this.scrollTimer=setTimeout((()=>{const t=window.pageYOffset||document.documentElement.scrollTop;this.isElementInViewport(this.tooltipEl)||(this.openDown=t>this.lastScrollTop),this.lastScrollTop=Math.max(0,t)}),100)}handleDocumentClick(t){this.active&&t.composedPath().every((t=>t!==this.element))&&this.closeTooltip()}async handleActiveChange(t){t?this.openDown=!this.isElementInViewport(this.tooltipEl):setTimeout((()=>this.openDown=!1),300)}render(){return o(e,{style:{transform:`translateY(${this.positionVertical}) translateX(${this.positionHorizontal})`,zIndex:this.active?"201":""}},o("button",{ref:t=>this.buttonEl=t,"aria-controls":this.tooltipId,"aria-expanded":this.active?"true":"false",onClick:this.toggleOpen,type:"button",class:{"duet-tooltip-button":!0,"duet-tooltip-button-has-label":!!this.label,"duet-theme-turva":"turva"===this.theme}},o("svg",{"aria-hidden":"true",role:"img",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z"}),o("circle",{cx:"11.625",cy:"7.125",r:"1.125"}),o("path",{d:"m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z"})),this.label?o("span",{class:"duet-tooltip-label"},this.label):o("duet-visually-hidden",null,this.accessibleInputLabel?`${this.accessibleInputLabel}, ${this.accessibleLabel}`:this.accessibleLabel)),o("div",{ref:t=>this.tooltipEl=t,class:{"duet-tooltip":!0,"duet-mq-large":"large"===this.breakpoint,"duet-mq-medium":"medium"===this.breakpoint,"duet-theme-turva":"turva"===this.theme,"duet-tooltip-down":this.openDown,"duet-tooltip-has-label":!!this.label,"duet-tooltip-left":"left"===this.direction,"duet-tooltip-right":"right"===this.direction,"duet-tooltip-active":!0===this.active},onClick:t=>t.stopPropagation(),onKeyDown:this.handleKeyDown,onFocusout:this.handleFocusOut},o("div",{ref:t=>this.scrollableEl=t,class:"duet-tooltip-scrollable",tabindex:"0",id:this.tooltipId},o("slot",null)),o("button",{type:"button",class:"duet-tooltip-close",onClick:this.handleCloseClick},o("duet-icon",{name:"navigation-close-small",margin:"none",color:"currentColor",size:"xxx-small"}),o("duet-visually-hidden",null,this.accessibleCloseLabel))))}get element(){return i(this)}static get watchers(){return{active:["handleActiveChange"]}}};l.style='*,*::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:relative;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}.duet-tooltip{position:absolute;right:-21px;bottom:100%;z-index:950;display:block;width:282px;min-height:48px;max-height:340px;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:#00294d;visibility:hidden;background:white;border:1px solid #e1e3e6;border-radius:4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:300ms ease;transform:scale(0.9) translateZ(0) translateY(20px);transform-origin:100% 100%}.duet-tooltip.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;border-color:#e4e4e6;box-shadow:0 2px 10px 0 rgba(117, 117, 117, 0.13)}.duet-tooltip::after{position:absolute;right:22px;bottom:-20px;z-index:200;width:0;height:0;content:"";border:10px solid transparent;border-top:10px solid white}.duet-tooltip::before{position:absolute;right:21px;bottom:-22px;z-index:100;width:0;height:0;content:"";border:11px solid transparent;border-top:11px solid #e1e3e6}.duet-theme-turva .duet-tooltip::before{border-top:11px solid #e4e4e6}.duet-tooltip.duet-tooltip-down{top:100%;bottom:auto;transform:scale(0.9) translateZ(0) translateY(-20px);transform-origin:100% 0}.duet-tooltip.duet-tooltip-down::after{top:-20px;bottom:auto;border:10px solid transparent;border-bottom:10px solid white}.duet-tooltip.duet-tooltip-down::before{top:-22px;bottom:auto;border:11px solid transparent;border-bottom:11px solid #e1e3e6}.duet-theme-turva .duet-tooltip.duet-tooltip-down::before{border-bottom:11px solid #e4e4e6}.duet-tooltip.duet-tooltip-left{right:-21px !important;transform-origin:100% 100% !important}.duet-tooltip.duet-tooltip-left::after{right:22px !important;transform:none !important}.duet-tooltip.duet-tooltip-left::before{right:21px !important;transform:none !important}.duet-tooltip.duet-tooltip-right{right:auto !important;left:-9px !important;transform-origin:100% 100% !important}.duet-tooltip.duet-tooltip-right::after{right:auto !important;left:22px !important;transform:none !important}.duet-tooltip.duet-tooltip-right::before{right:auto !important;left:21px !important;transform:none !important}.duet-tooltip.duet-tooltip-has-label{right:auto !important;left:0;width:282px !important;transform-origin:0 0 !important}.duet-tooltip.duet-tooltip-has-label::after{right:auto !important;left:1px !important;transform:none !important}.duet-tooltip.duet-tooltip-has-label::before{right:auto !important;left:0 !important;transform:none !important}.duet-tooltip.duet-tooltip-active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(-8px)}.duet-tooltip.duet-tooltip-active.duet-tooltip-down{transform:scale(1.0001) translateZ(0) translateY(8px)}.duet-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:#0077b3;white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button.duet-theme-turva{color:#c60c30}.duet-tooltip-button:hover{color:#004d80}.duet-tooltip-button:hover.duet-theme-turva{color:#940925}.duet-tooltip-button:focus{background:transparent !important;outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-tooltip-button.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-scrollable{padding:20px !important;width:100%;max-height:250px;padding-right:25px !important;overflow-y:auto;-webkit-hyphens:auto;hyphens:auto;border-radius:4px;-webkit-overflow-scrolling:touch}.duet-tooltip-scrollable:focus{outline:none}:host(.user-is-tabbing) .duet-tooltip-scrollable: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 .duet-tooltip-scrollable:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tooltip-scrollable::-webkit-scrollbar{width:4px}.duet-tooltip-scrollable::-webkit-scrollbar-track{border-radius:4px}.duet-tooltip-scrollable::-webkit-scrollbar-thumb{background:#e1e3e6;border-radius:4px}.duet-theme-turva .duet-tooltip-scrollable::-webkit-scrollbar-thumb{background:#e4e4e6}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !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:600;line-height:1.25;text-align:left;white-space:normal;vertical-align:top}.duet-theme-turva .duet-tooltip-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-tooltip-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;min-height:0 !important;padding:0 !important;margin:0 !important;line-height:normal;color:#00294d;cursor:pointer;background:#f5f8fa;border-radius:50%;-webkit-appearance:none;appearance:none}.duet-tooltip-close:focus{outline:none;box-shadow:0 0 0 2px #0077b3}.duet-theme-turva .duet-tooltip-close:focus{color:#171c3a;box-shadow:0 0 0 2px #171c3a}@media (min-width: 48em){.duet-tooltip.duet-mq-medium{right:-148px;width:320px;transform-origin:50% 100%}.duet-tooltip.duet-mq-medium::after{right:50%;transform:translateX(50%)}.duet-tooltip.duet-mq-medium::before{right:50%;transform:translateX(50%)}.duet-tooltip.duet-mq-medium.duet-tooltip-down{transform-origin:50% 0}}@media (min-width: 62em){.duet-tooltip.duet-mq-large{right:-148px;width:320px;transform-origin:50% 100%}.duet-tooltip.duet-mq-large::after{right:50%;transform:translateX(50%)}.duet-tooltip.duet-mq-large::before{right:50%;transform:translateX(50%)}.duet-tooltip.duet-mq-large.duet-tooltip-down{transform-origin:50% 0}}';export{l as duet_tooltip}