@duetds/components 10.3.1 → 10.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (425) hide show
  1. package/hydrate/index.js +329 -264
  2. package/hydrate/index.mjs +329 -264
  3. package/lib/cjs/{a11y-utils-dXXDBTyF.js → a11y-utils-BXDHn_nL.js} +1 -1
  4. package/lib/cjs/{app-globals-CyPV2FZK.js → app-globals-Bs3-XKhd.js} +1 -1
  5. package/lib/cjs/duet-action-button.cjs.entry.js +3 -3
  6. package/lib/cjs/duet-alert.cjs.entry.js +4 -4
  7. package/lib/cjs/duet-badge.cjs.entry.js +5 -5
  8. package/lib/cjs/duet-banner.cjs.entry.js +3 -3
  9. package/lib/cjs/duet-breadcrumb.cjs.entry.js +6 -6
  10. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +5 -5
  11. package/lib/cjs/duet-button_2.cjs.entry.js +4 -4
  12. package/lib/cjs/duet-callout.cjs.entry.js +5 -5
  13. package/lib/cjs/duet-caption_4.cjs.entry.js +12 -12
  14. package/lib/cjs/duet-card.cjs.entry.js +3 -3
  15. package/lib/cjs/duet-checkbox.cjs.entry.js +3 -3
  16. package/lib/cjs/duet-checkmark.cjs.entry.js +4 -4
  17. package/lib/cjs/duet-chip.cjs.entry.js +7 -5
  18. package/lib/cjs/duet-choice_2.cjs.entry.js +15 -13
  19. package/lib/cjs/duet-collapsible.cjs.entry.js +3 -3
  20. package/lib/cjs/duet-combobox.cjs.entry.js +26 -9
  21. package/lib/cjs/duet-contact-card.cjs.entry.js +5 -5
  22. package/lib/cjs/duet-cookie-consent.cjs.entry.js +2 -2
  23. package/lib/cjs/duet-date-picker.cjs.entry.js +7 -7
  24. package/lib/cjs/duet-divider_2.cjs.entry.js +3 -3
  25. package/lib/cjs/duet-editable-table_3.cjs.entry.js +8 -8
  26. package/lib/cjs/duet-empty-state.cjs.entry.js +33 -7
  27. package/lib/cjs/duet-fieldset.cjs.entry.js +6 -6
  28. package/lib/cjs/duet-file-chooser.cjs.entry.js +3 -3
  29. package/lib/cjs/duet-footer.cjs.entry.js +8 -8
  30. package/lib/cjs/duet-grid_2.cjs.entry.js +14 -7
  31. package/lib/cjs/duet-header_2.cjs.entry.js +4 -4
  32. package/lib/cjs/duet-hero.cjs.entry.js +9 -9
  33. package/lib/cjs/duet-icon.cjs.entry.js +5 -5
  34. package/lib/cjs/duet-indicator.cjs.entry.js +5 -5
  35. package/lib/cjs/duet-input_2.cjs.entry.js +17 -13
  36. package/lib/cjs/duet-layout.cjs.entry.js +7 -7
  37. package/lib/cjs/duet-list_2.cjs.entry.js +5 -5
  38. package/lib/cjs/duet-menu-bar-button.cjs.entry.js +4 -4
  39. package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +4 -4
  40. package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +6 -6
  41. package/lib/cjs/duet-menu-bar-item.cjs.entry.js +7 -7
  42. package/lib/cjs/duet-menu-bar-link.cjs.entry.js +4 -4
  43. package/lib/cjs/duet-menu-bar.cjs.entry.js +6 -6
  44. package/lib/cjs/duet-modal.cjs.entry.js +12 -12
  45. package/lib/cjs/duet-multiselect.cjs.entry.js +11 -11
  46. package/lib/cjs/duet-nav.cjs.entry.js +3 -3
  47. package/lib/cjs/duet-notification_2.cjs.entry.js +9 -9
  48. package/lib/cjs/duet-number-input.cjs.entry.js +8 -8
  49. package/lib/cjs/duet-overlay.cjs.entry.js +3 -3
  50. package/lib/cjs/duet-page-heading.cjs.entry.js +4 -4
  51. package/lib/cjs/duet-pagination_2.cjs.entry.js +16 -16
  52. package/lib/cjs/duet-panel.cjs.entry.js +4 -4
  53. package/lib/cjs/duet-phone-input.cjs.entry.js +4 -4
  54. package/lib/cjs/duet-popup-menu_2.cjs.entry.js +21 -11
  55. package/lib/cjs/duet-progress.cjs.entry.js +3 -3
  56. package/lib/cjs/duet-promo-card.cjs.entry.js +5 -5
  57. package/lib/cjs/duet-radio_2.cjs.entry.js +10 -8
  58. package/lib/cjs/duet-range-slider.cjs.entry.js +6 -6
  59. package/lib/cjs/duet-scrollable_3.cjs.entry.js +15 -15
  60. package/lib/cjs/duet-section-layout.cjs.entry.js +4 -4
  61. package/lib/cjs/duet-select.cjs.entry.js +10 -10
  62. package/lib/cjs/duet-shaped-image.cjs.entry.js +4 -4
  63. package/lib/cjs/duet-share-chart-item.cjs.entry.js +2 -2
  64. package/lib/cjs/duet-share-chart.cjs.entry.js +6 -6
  65. package/lib/cjs/duet-show-more.cjs.entry.js +5 -5
  66. package/lib/cjs/duet-slideout-lang.cjs.entry.js +4 -4
  67. package/lib/cjs/duet-slideout-link.cjs.entry.js +7 -7
  68. package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +6 -6
  69. package/lib/cjs/duet-slideout-panel.cjs.entry.js +11 -11
  70. package/lib/cjs/duet-slideout.cjs.entry.js +10 -10
  71. package/lib/cjs/duet-status-icon.cjs.entry.js +7 -3
  72. package/lib/cjs/duet-step_2.cjs.entry.js +6 -6
  73. package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +4 -4
  74. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +6 -6
  75. package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +6 -6
  76. package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +3 -3
  77. package/lib/cjs/duet-submenu-bar.cjs.entry.js +7 -7
  78. package/lib/cjs/duet-textarea.cjs.entry.js +14 -21
  79. package/lib/cjs/duet-toggle.cjs.entry.js +8 -8
  80. package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +4 -4
  81. package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +6 -6
  82. package/lib/cjs/duet-toolbar-item.cjs.entry.js +8 -8
  83. package/lib/cjs/duet-toolbar-link.cjs.entry.js +4 -4
  84. package/lib/cjs/duet-toolbar.cjs.entry.js +4 -4
  85. package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +9 -9
  86. package/lib/cjs/duet-tooltip.cjs.entry.js +4 -4
  87. package/lib/cjs/duet-tray.cjs.entry.js +5 -5
  88. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +2 -2
  89. package/lib/cjs/duet-upload-item.cjs.entry.js +6 -6
  90. package/lib/cjs/duet-visually-hidden.cjs.entry.js +2 -2
  91. package/lib/cjs/duet.cjs.js +3 -3
  92. package/lib/cjs/{errorcodes.utils-DQ-I8x2z.js → errorcodes.utils-W6UQ3hgy.js} +1 -1
  93. package/lib/cjs/{focus-utils-DstNW4_h.js → focus-utils-KTKpjKRi.js} +1 -1
  94. package/lib/cjs/{index-B_QTwXEx.js → index-C7Yvi8y8.js} +5 -5
  95. package/lib/cjs/{label-yAj5CKm3.js → label-DZ63Z3SI.js} +1 -1
  96. package/lib/cjs/{language-utils-DjtvVntE.js → language-utils-BsevPDrN.js} +1 -1
  97. package/lib/cjs/loader.cjs.js +3 -3
  98. package/lib/cjs/{slot-utils-YUU0XWn9.js → slot-utils-DIDW777s.js} +2 -2
  99. package/lib/cjs/{themeable-component-h3OzJgCb.js → themeable-component-hQ83w5_A.js} +1 -1
  100. package/lib/collection/components/duet-badge/duet-badge.js +2 -2
  101. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +4 -4
  102. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js +2 -2
  103. package/lib/collection/components/duet-callout/duet-callout.js +2 -2
  104. package/lib/collection/components/duet-chip/duet-chip.js +4 -2
  105. package/lib/collection/components/duet-choice/duet-checkmark.js +2 -2
  106. package/lib/collection/components/duet-choice/duet-choice.js +9 -36
  107. package/lib/collection/components/duet-choice-group/duet-choice-group.js +2 -2
  108. package/lib/collection/components/duet-combobox/duet-combobox.js +22 -5
  109. package/lib/collection/components/duet-contact-card/duet-contact-card.js +2 -2
  110. package/lib/collection/components/duet-date-picker/duet-date-picker.css +0 -1
  111. package/lib/collection/components/duet-empty-state/duet-empty-state.css +55 -2
  112. package/lib/collection/components/duet-empty-state/duet-empty-state.js +124 -6
  113. package/lib/collection/components/duet-fieldset/duet-fieldset.js +3 -3
  114. package/lib/collection/components/duet-file-chooser/duet-file-chooser.js +1 -1
  115. package/lib/collection/components/duet-footer/duet-footer.js +4 -4
  116. package/lib/collection/components/duet-grid/duet-grid.css +23 -0
  117. package/lib/collection/components/duet-grid/duet-grid.js +29 -2
  118. package/lib/collection/components/duet-grid-item/duet-grid-item.js +2 -2
  119. package/lib/collection/components/duet-heading/duet-heading.css +62 -0
  120. package/lib/collection/components/duet-heading/duet-heading.js +40 -2
  121. package/lib/collection/components/duet-hero/duet-hero.js +5 -5
  122. package/lib/collection/components/duet-icon/duet-icon.js +3 -3
  123. package/lib/collection/components/duet-indicator/duet-indicator.js +2 -2
  124. package/lib/collection/components/duet-input/duet-input.css +11 -2
  125. package/lib/collection/components/duet-input/duet-input.js +11 -7
  126. package/lib/collection/components/duet-layout/duet-layout.js +5 -5
  127. package/lib/collection/components/duet-link/duet-link.js +2 -2
  128. package/lib/collection/components/duet-list/duet-list.js +1 -1
  129. package/lib/collection/components/duet-list-item/duet-list-item.js +2 -2
  130. package/lib/collection/components/duet-logo/duet-logo.js +1 -1
  131. package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +3 -3
  132. package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js +2 -2
  133. package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js +4 -4
  134. package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js +2 -2
  135. package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.js +2 -2
  136. package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js +2 -2
  137. package/lib/collection/components/duet-modal/duet-modal.js +7 -7
  138. package/lib/collection/components/duet-multiselect/duet-multiselect.css +11 -2
  139. package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -5
  140. package/lib/collection/components/duet-nav/duet-nav.js +1 -1
  141. package/lib/collection/components/duet-notification/duet-notification.js +2 -2
  142. package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +3 -3
  143. package/lib/collection/components/duet-number-input/duet-number-input.js +4 -4
  144. package/lib/collection/components/duet-overlay/duet-overlay.js +1 -1
  145. package/lib/collection/components/duet-page-heading/duet-page-heading.js +2 -2
  146. package/lib/collection/components/duet-pagination/duet-pagination.js +11 -11
  147. package/lib/collection/components/duet-panel/duet-panel.js +2 -2
  148. package/lib/collection/components/duet-paragraph/duet-paragraph.js +2 -2
  149. package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +13 -3
  150. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
  151. package/lib/collection/components/duet-promo-card/duet-promo-card.js +2 -2
  152. package/lib/collection/components/duet-radio/duet-radio.js +6 -4
  153. package/lib/collection/components/duet-radio-group/duet-radio-group.js +1 -1
  154. package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
  155. package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +2 -2
  156. package/lib/collection/components/duet-scrollable/duet-scrollable.js +5 -5
  157. package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
  158. package/lib/collection/components/duet-select/duet-select.css +11 -2
  159. package/lib/collection/components/duet-select/duet-select.js +5 -5
  160. package/lib/collection/components/duet-shaped-image/duet-shaped-image.js +2 -2
  161. package/lib/collection/components/duet-share-chart/duet-share-chart.js +2 -2
  162. package/lib/collection/components/duet-share-chart-item/duet-share-chart-item.js +1 -1
  163. package/lib/collection/components/duet-show-more/duet-show-more.js +2 -2
  164. package/lib/collection/components/duet-slideout/duet-slideout.js +4 -4
  165. package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js +1 -1
  166. package/lib/collection/components/duet-slideout-link/duet-slideout-link.js +2 -2
  167. package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +6 -6
  168. package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +4 -4
  169. package/lib/collection/components/duet-spacer/duet-spacer.js +1 -1
  170. package/lib/collection/components/duet-spinner/duet-spinner.js +1 -1
  171. package/lib/collection/components/duet-status-icon/duet-status-icon.css +39 -0
  172. package/lib/collection/components/duet-status-icon/duet-status-icon.js +13 -2
  173. package/lib/collection/components/duet-step/duet-step.js +2 -2
  174. package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
  175. package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +5 -5
  176. package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js +4 -4
  177. package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js +2 -2
  178. package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js +1 -1
  179. package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js +1 -1
  180. package/lib/collection/components/duet-tab/duet-tab.js +2 -2
  181. package/lib/collection/components/duet-tab-group/duet-tab-group.js +4 -4
  182. package/lib/collection/components/duet-table/duet-table.js +2 -2
  183. package/lib/collection/components/duet-textarea/duet-textarea.css +11 -2
  184. package/lib/collection/components/duet-textarea/duet-textarea.js +8 -15
  185. package/lib/collection/components/duet-toggle/duet-toggle.js +3 -3
  186. package/lib/collection/components/duet-toolbar/duet-toolbar.js +2 -2
  187. package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +4 -4
  188. package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js +2 -2
  189. package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js +3 -3
  190. package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +2 -2
  191. package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +3 -3
  192. package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +3 -3
  193. package/lib/collection/components/duet-tray/duet-tray.js +2 -2
  194. package/lib/collection/components/duet-upload/duet-upload.js +2 -2
  195. package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js +1 -1
  196. package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
  197. package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
  198. package/lib/collection/utils/slot-utils.js +1 -1
  199. package/lib/duet/duet.esm.js +1 -1
  200. package/lib/duet/p--fmK3qPb.js +4 -0
  201. package/lib/duet/{p-4b8293b3.entry.js → p-01f3e30c.entry.js} +1 -1
  202. package/lib/duet/p-0395eb34.entry.js +4 -0
  203. package/lib/duet/{p-bfc75bb9.entry.js → p-0453edd0.entry.js} +1 -1
  204. package/lib/duet/p-07aa40df.entry.js +4 -0
  205. package/lib/duet/{p-b9a54319.entry.js → p-07c4b435.entry.js} +1 -1
  206. package/lib/duet/{p-8a28f86e.entry.js → p-0eb0e582.entry.js} +1 -1
  207. package/lib/duet/{p-ce4d9add.entry.js → p-104ddbf2.entry.js} +1 -1
  208. package/lib/duet/{p-0ccecf5b.entry.js → p-12e4e9b6.entry.js} +1 -1
  209. package/lib/duet/{p-fca9c5c4.entry.js → p-13b7f4e0.entry.js} +1 -1
  210. package/lib/duet/{p-c8e520b6.entry.js → p-14d4a45a.entry.js} +1 -1
  211. package/lib/duet/{p-5fb1092c.entry.js → p-1666aeaf.entry.js} +1 -1
  212. package/lib/duet/{p-f55f8bd9.entry.js → p-1705b6cf.entry.js} +1 -1
  213. package/lib/duet/{p-b4c18ee6.entry.js → p-184d53a7.entry.js} +1 -1
  214. package/lib/duet/{p-f15ab3b8.entry.js → p-1bdef0e0.entry.js} +1 -1
  215. package/lib/duet/p-1dcbbd67.entry.js +4 -0
  216. package/lib/duet/{p-301b8664.entry.js → p-1ed82a27.entry.js} +1 -1
  217. package/lib/duet/{p-d8bc628c.entry.js → p-1ee400e7.entry.js} +1 -1
  218. package/lib/duet/p-2168e431.entry.js +4 -0
  219. package/lib/duet/{p-BUWuSkQW.js → p-2HU78SJ-.js} +1 -1
  220. package/lib/duet/{p-3d00efb7.entry.js → p-2d43de54.entry.js} +1 -1
  221. package/lib/duet/{p-ae778cb1.entry.js → p-2e413951.entry.js} +1 -1
  222. package/lib/duet/{p-5c9530f1.entry.js → p-3361387d.entry.js} +1 -1
  223. package/lib/duet/p-3648404d.entry.js +4 -0
  224. package/lib/duet/{p-a6bec2da.entry.js → p-376f9d06.entry.js} +1 -1
  225. package/lib/duet/{p-86166f8d.entry.js → p-3bd45b5b.entry.js} +1 -1
  226. package/lib/duet/{p-b6dc4395.entry.js → p-3c26d300.entry.js} +1 -1
  227. package/lib/duet/{p-a8229728.entry.js → p-428db44b.entry.js} +1 -1
  228. package/lib/duet/p-4420973e.entry.js +4 -0
  229. package/lib/duet/{p-e9c2eb66.entry.js → p-455e8ebe.entry.js} +1 -1
  230. package/lib/duet/{p-162a0691.entry.js → p-46300680.entry.js} +1 -1
  231. package/lib/duet/{p-06f17fe7.entry.js → p-494755d0.entry.js} +1 -1
  232. package/lib/duet/{p-278ef4d8.entry.js → p-4c5a8ed3.entry.js} +1 -1
  233. package/lib/duet/{p-ecf69f6d.entry.js → p-4d39941c.entry.js} +1 -1
  234. package/lib/duet/p-4f7b0699.entry.js +4 -0
  235. package/lib/duet/p-526fa31c.entry.js +4 -0
  236. package/lib/duet/p-58496fb1.entry.js +4 -0
  237. package/lib/duet/p-58a70b3d.entry.js +4 -0
  238. package/lib/duet/{p-245c0535.entry.js → p-592a6542.entry.js} +1 -1
  239. package/lib/duet/p-5c8c691b.entry.js +4 -0
  240. package/lib/duet/p-5dde8fbb.entry.js +4 -0
  241. package/lib/duet/{p-6cffc5b7.entry.js → p-5ffc4081.entry.js} +1 -1
  242. package/lib/duet/{p-2e126e15.entry.js → p-61b6962a.entry.js} +1 -1
  243. package/lib/duet/{p-efa1cd0b.entry.js → p-6988c81c.entry.js} +1 -1
  244. package/lib/duet/{p-f71d04ce.entry.js → p-73ed0008.entry.js} +1 -1
  245. package/lib/duet/{p-3d0a716c.entry.js → p-7a2ca711.entry.js} +1 -1
  246. package/lib/duet/{p-12b2d402.entry.js → p-7a5066b8.entry.js} +1 -1
  247. package/lib/duet/{p-ec689a7c.entry.js → p-7a668cee.entry.js} +1 -1
  248. package/lib/duet/p-7e640c8e.entry.js +4 -0
  249. package/lib/duet/{p-17c063a3.entry.js → p-7eaa1fb5.entry.js} +1 -1
  250. package/lib/duet/p-81332db1.entry.js +4 -0
  251. package/lib/duet/{p-898d5701.entry.js → p-816caa58.entry.js} +1 -1
  252. package/lib/duet/{p-690beb31.entry.js → p-84420fbf.entry.js} +1 -1
  253. package/lib/duet/{p-ed750cdf.entry.js → p-870dc953.entry.js} +1 -1
  254. package/lib/duet/{p-93abd97a.entry.js → p-87bb797c.entry.js} +1 -1
  255. package/lib/duet/p-9d8027aa.entry.js +4 -0
  256. package/lib/duet/{p-B6Z_1gqI.js → p-BW3SZS4F.js} +1 -1
  257. package/lib/duet/{p-CW11pVgw.js → p-Chf7ZRmW.js} +1 -1
  258. package/lib/duet/p-CtBx3Trd.js +4 -0
  259. package/lib/duet/{p-DrqQiRTn.js → p-Cwhi6_oZ.js} +1 -1
  260. package/lib/duet/p-D2EBd3cT.js +4 -0
  261. package/lib/duet/p-DCDM41Ef.js +4 -0
  262. package/lib/duet/{p-DFAnksuG.js → p-DWIjWGAD.js} +1 -1
  263. package/lib/duet/{p-2d963ab0.entry.js → p-a4a1b8e3.entry.js} +1 -1
  264. package/lib/duet/p-a4db8c29.entry.js +4 -0
  265. package/lib/duet/{p-18eada94.entry.js → p-a63327c3.entry.js} +1 -1
  266. package/lib/duet/{p-0cc2921b.entry.js → p-a690a165.entry.js} +1 -1
  267. package/lib/duet/{p-3eba33cd.entry.js → p-a7bb038a.entry.js} +1 -1
  268. package/lib/duet/{p-d7506eaa.entry.js → p-adecab91.entry.js} +1 -1
  269. package/lib/duet/p-af9c8169.entry.js +4 -0
  270. package/lib/duet/{p-d2e74e89.entry.js → p-afd7d87a.entry.js} +1 -1
  271. package/lib/duet/{p-3a45c3a4.entry.js → p-b3ec9b98.entry.js} +1 -1
  272. package/lib/duet/{p-25b4886a.entry.js → p-b64b3e2f.entry.js} +1 -1
  273. package/lib/duet/{p-4856f07c.entry.js → p-bcced6eb.entry.js} +1 -1
  274. package/lib/duet/{p-608ebd47.entry.js → p-c1d4542d.entry.js} +1 -1
  275. package/lib/duet/{p-fe00331c.entry.js → p-c71f6942.entry.js} +1 -1
  276. package/lib/duet/p-c7851c15.entry.js +4 -0
  277. package/lib/duet/{p-234f4365.entry.js → p-cbd1069e.entry.js} +1 -1
  278. package/lib/duet/p-cd4f52a9.entry.js +4 -0
  279. package/lib/duet/{p-5fb783eb.entry.js → p-d0a54e6d.entry.js} +1 -1
  280. package/lib/duet/p-d181c624.entry.js +4 -0
  281. package/lib/duet/{p-de4b0518.entry.js → p-d2c04a7e.entry.js} +1 -1
  282. package/lib/duet/{p-1e168d4b.entry.js → p-d2c91ed0.entry.js} +1 -1
  283. package/lib/duet/p-d3dac8af.entry.js +4 -0
  284. package/lib/duet/{p-968546f6.entry.js → p-dc87f3f4.entry.js} +1 -1
  285. package/lib/duet/{p-d83f38c7.entry.js → p-dfd55180.entry.js} +1 -1
  286. package/lib/duet/{p-44a97d21.entry.js → p-e8bd6dab.entry.js} +1 -1
  287. package/lib/duet/{p-bdf6a296.entry.js → p-e9ed96cf.entry.js} +1 -1
  288. package/lib/duet/p-eab349f2.entry.js +4 -0
  289. package/lib/duet/{p-07b9b6c3.entry.js → p-eebf150c.entry.js} +1 -1
  290. package/lib/duet/{p-806c4ab8.entry.js → p-f210e405.entry.js} +1 -1
  291. package/lib/duet/{p-67b3a01a.entry.js → p-f600e215.entry.js} +1 -1
  292. package/lib/duet/{p-a73b7110.entry.js → p-f652a9c7.entry.js} +1 -1
  293. package/lib/duet/{p-65350441.entry.js → p-fbce84d5.entry.js} +1 -1
  294. package/lib/duet/{p-17413943.entry.js → p-fea479fd.entry.js} +1 -1
  295. package/lib/esm/{a11y-utils-D66Lzlz5.js → a11y-utils-sgAajRY0.js} +1 -1
  296. package/lib/esm/{app-globals-G9KPoeGD.js → app-globals-NNQmI_gc.js} +1 -1
  297. package/lib/esm/duet-action-button.entry.js +3 -3
  298. package/lib/esm/duet-alert.entry.js +4 -4
  299. package/lib/esm/duet-badge.entry.js +5 -5
  300. package/lib/esm/duet-banner.entry.js +3 -3
  301. package/lib/esm/duet-breadcrumb.entry.js +6 -6
  302. package/lib/esm/duet-breadcrumbs.entry.js +5 -5
  303. package/lib/esm/duet-button_2.entry.js +4 -4
  304. package/lib/esm/duet-callout.entry.js +5 -5
  305. package/lib/esm/duet-caption_4.entry.js +12 -12
  306. package/lib/esm/duet-card.entry.js +3 -3
  307. package/lib/esm/duet-checkbox.entry.js +3 -3
  308. package/lib/esm/duet-checkmark.entry.js +4 -4
  309. package/lib/esm/duet-chip.entry.js +7 -5
  310. package/lib/esm/duet-choice_2.entry.js +15 -13
  311. package/lib/esm/duet-collapsible.entry.js +3 -3
  312. package/lib/esm/duet-combobox.entry.js +26 -9
  313. package/lib/esm/duet-contact-card.entry.js +5 -5
  314. package/lib/esm/duet-cookie-consent.entry.js +2 -2
  315. package/lib/esm/duet-date-picker.entry.js +7 -7
  316. package/lib/esm/duet-divider_2.entry.js +3 -3
  317. package/lib/esm/duet-editable-table_3.entry.js +8 -8
  318. package/lib/esm/duet-empty-state.entry.js +33 -7
  319. package/lib/esm/duet-fieldset.entry.js +6 -6
  320. package/lib/esm/duet-file-chooser.entry.js +3 -3
  321. package/lib/esm/duet-footer.entry.js +8 -8
  322. package/lib/esm/duet-grid_2.entry.js +14 -7
  323. package/lib/esm/duet-header_2.entry.js +4 -4
  324. package/lib/esm/duet-hero.entry.js +9 -9
  325. package/lib/esm/duet-icon.entry.js +5 -5
  326. package/lib/esm/duet-indicator.entry.js +5 -5
  327. package/lib/esm/duet-input_2.entry.js +17 -13
  328. package/lib/esm/duet-layout.entry.js +7 -7
  329. package/lib/esm/duet-list_2.entry.js +5 -5
  330. package/lib/esm/duet-menu-bar-button.entry.js +4 -4
  331. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +4 -4
  332. package/lib/esm/duet-menu-bar-dropdown.entry.js +6 -6
  333. package/lib/esm/duet-menu-bar-item.entry.js +7 -7
  334. package/lib/esm/duet-menu-bar-link.entry.js +4 -4
  335. package/lib/esm/duet-menu-bar.entry.js +6 -6
  336. package/lib/esm/duet-modal.entry.js +12 -12
  337. package/lib/esm/duet-multiselect.entry.js +11 -11
  338. package/lib/esm/duet-nav.entry.js +3 -3
  339. package/lib/esm/duet-notification_2.entry.js +9 -9
  340. package/lib/esm/duet-number-input.entry.js +8 -8
  341. package/lib/esm/duet-overlay.entry.js +3 -3
  342. package/lib/esm/duet-page-heading.entry.js +4 -4
  343. package/lib/esm/duet-pagination_2.entry.js +16 -16
  344. package/lib/esm/duet-panel.entry.js +4 -4
  345. package/lib/esm/duet-phone-input.entry.js +4 -4
  346. package/lib/esm/duet-popup-menu_2.entry.js +21 -11
  347. package/lib/esm/duet-progress.entry.js +3 -3
  348. package/lib/esm/duet-promo-card.entry.js +5 -5
  349. package/lib/esm/duet-radio_2.entry.js +10 -8
  350. package/lib/esm/duet-range-slider.entry.js +6 -6
  351. package/lib/esm/duet-scrollable_3.entry.js +15 -15
  352. package/lib/esm/duet-section-layout.entry.js +4 -4
  353. package/lib/esm/duet-select.entry.js +10 -10
  354. package/lib/esm/duet-shaped-image.entry.js +4 -4
  355. package/lib/esm/duet-share-chart-item.entry.js +2 -2
  356. package/lib/esm/duet-share-chart.entry.js +6 -6
  357. package/lib/esm/duet-show-more.entry.js +5 -5
  358. package/lib/esm/duet-slideout-lang.entry.js +4 -4
  359. package/lib/esm/duet-slideout-link.entry.js +7 -7
  360. package/lib/esm/duet-slideout-panel-dropdown.entry.js +6 -6
  361. package/lib/esm/duet-slideout-panel.entry.js +11 -11
  362. package/lib/esm/duet-slideout.entry.js +10 -10
  363. package/lib/esm/duet-status-icon.entry.js +7 -3
  364. package/lib/esm/duet-step_2.entry.js +6 -6
  365. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +4 -4
  366. package/lib/esm/duet-submenu-bar-dropdown.entry.js +6 -6
  367. package/lib/esm/duet-submenu-bar-item.entry.js +6 -6
  368. package/lib/esm/duet-submenu-bar-link.entry.js +3 -3
  369. package/lib/esm/duet-submenu-bar.entry.js +7 -7
  370. package/lib/esm/duet-textarea.entry.js +14 -21
  371. package/lib/esm/duet-toggle.entry.js +8 -8
  372. package/lib/esm/duet-toolbar-dropdown-link.entry.js +4 -4
  373. package/lib/esm/duet-toolbar-dropdown.entry.js +6 -6
  374. package/lib/esm/duet-toolbar-item.entry.js +8 -8
  375. package/lib/esm/duet-toolbar-link.entry.js +4 -4
  376. package/lib/esm/duet-toolbar.entry.js +4 -4
  377. package/lib/esm/duet-tooltip-button_2.entry.js +9 -9
  378. package/lib/esm/duet-tooltip.entry.js +4 -4
  379. package/lib/esm/duet-tray.entry.js +5 -5
  380. package/lib/esm/duet-upload-aria-status.entry.js +2 -2
  381. package/lib/esm/duet-upload-item.entry.js +6 -6
  382. package/lib/esm/duet-visually-hidden.entry.js +2 -2
  383. package/lib/esm/duet.js +4 -4
  384. package/lib/esm/{errorcodes.utils-C6zptXiM.js → errorcodes.utils-CqW0-HM8.js} +1 -1
  385. package/lib/esm/{focus-utils-YZ2ticmM.js → focus-utils-Dokkd7xz.js} +1 -1
  386. package/lib/esm/{index-DrqQiRTn.js → index-Cwhi6_oZ.js} +5 -5
  387. package/lib/esm/{label-CnTwCD-3.js → label-CyQlly6Z.js} +1 -1
  388. package/lib/esm/{language-utils-BEG0cFmw.js → language-utils-LZh-sc2s.js} +1 -1
  389. package/lib/esm/loader.js +4 -4
  390. package/lib/esm/{slot-utils-Dzrezpl3.js → slot-utils-CEZnAp61.js} +2 -2
  391. package/lib/esm/{themeable-component-BLql61nC.js → themeable-component-D_FVcjsD.js} +1 -1
  392. package/lib/types/common-types.d.ts +11 -28
  393. package/lib/types/components/duet-combobox/duet-combobox.d.ts +1 -0
  394. package/lib/types/components/duet-empty-state/duet-empty-state.d.ts +24 -4
  395. package/lib/types/components/duet-grid/duet-grid.d.ts +5 -0
  396. package/lib/types/components/duet-heading/duet-heading.d.ts +10 -0
  397. package/lib/types/components/duet-textarea/duet-textarea.d.ts +0 -5
  398. package/lib/types/components.d.ts +72 -6
  399. package/package.json +5 -5
  400. package/lib/duet/p-0a80de40.entry.js +0 -4
  401. package/lib/duet/p-10a326fa.entry.js +0 -4
  402. package/lib/duet/p-162993d2.entry.js +0 -4
  403. package/lib/duet/p-29599dc5.entry.js +0 -4
  404. package/lib/duet/p-2ac11077.entry.js +0 -4
  405. package/lib/duet/p-419b96b6.entry.js +0 -4
  406. package/lib/duet/p-550bfab9.entry.js +0 -4
  407. package/lib/duet/p-5c60eca3.entry.js +0 -4
  408. package/lib/duet/p-6e1b9cc8.entry.js +0 -4
  409. package/lib/duet/p-7ce31e10.entry.js +0 -4
  410. package/lib/duet/p-9172ba70.entry.js +0 -4
  411. package/lib/duet/p-BQVGvl4H.js +0 -4
  412. package/lib/duet/p-CLZq8YfV.js +0 -4
  413. package/lib/duet/p-D2JvSVnG.js +0 -4
  414. package/lib/duet/p-ELbbzMVZ.js +0 -4
  415. package/lib/duet/p-a3ad5622.entry.js +0 -4
  416. package/lib/duet/p-b1d91a91.entry.js +0 -4
  417. package/lib/duet/p-b9be36c8.entry.js +0 -4
  418. package/lib/duet/p-bdae48d3.entry.js +0 -4
  419. package/lib/duet/p-c8d10c67.entry.js +0 -4
  420. package/lib/duet/p-da275568.entry.js +0 -4
  421. package/lib/duet/p-dc5682d8.entry.js +0 -4
  422. package/lib/duet/p-e050ed5c.entry.js +0 -4
  423. package/lib/duet/p-ec5f40a5.entry.js +0 -4
  424. package/lib/duet/p-f68a4a23.entry.js +0 -4
  425. package/lib/duet/p-f8e26f21.entry.js +0 -4
@@ -24,7 +24,7 @@ import { DuetCookieConsentEvent } from "./components/duet-cookie-consent/duet-co
24
24
  import { DuetDatePickerChangeEvent, DuetDatePickerDirection, DuetDatePickerFocusEvent } from "./components/duet-date-picker/duet-date-picker";
25
25
  import { DuetDividerMargin } from "./components/duet-divider/duet-divider";
26
26
  import { DuetEditableTableActions, DuetEditableTableColumns, DuetEditableTableRows, DuetTableMenuEvent, DuetTableToggleEvent } from "./components/duet-editable-table/duet-editable-table";
27
- import { DuetEmptyStateSize } from "./components/duet-empty-state/duet-empty-state";
27
+ import { DuetEmptyStatePadding, DuetEmptyStateSize, DuetEmptyStateStatus } from "./components/duet-empty-state/duet-empty-state";
28
28
  import { DuetFileChooserEvent } from "./components/duet-file-chooser/duet-file-chooser";
29
29
  import { DuetFooterAnalyticsEvent, DuetFooterChangeEvent, DuetFooterVariation } from "./components/duet-footer/duet-footer";
30
30
  import { DuetGridAlignment, DuetGridDistribution, DuetGridMobileAlignment } from "./components/duet-grid/duet-grid";
@@ -92,7 +92,7 @@ export { DuetCookieConsentEvent } from "./components/duet-cookie-consent/duet-co
92
92
  export { DuetDatePickerChangeEvent, DuetDatePickerDirection, DuetDatePickerFocusEvent } from "./components/duet-date-picker/duet-date-picker";
93
93
  export { DuetDividerMargin } from "./components/duet-divider/duet-divider";
94
94
  export { DuetEditableTableActions, DuetEditableTableColumns, DuetEditableTableRows, DuetTableMenuEvent, DuetTableToggleEvent } from "./components/duet-editable-table/duet-editable-table";
95
- export { DuetEmptyStateSize } from "./components/duet-empty-state/duet-empty-state";
95
+ export { DuetEmptyStatePadding, DuetEmptyStateSize, DuetEmptyStateStatus } from "./components/duet-empty-state/duet-empty-state";
96
96
  export { DuetFileChooserEvent } from "./components/duet-file-chooser/duet-file-chooser";
97
97
  export { DuetFooterAnalyticsEvent, DuetFooterChangeEvent, DuetFooterVariation } from "./components/duet-footer/duet-footer";
98
98
  export { DuetGridAlignment, DuetGridDistribution, DuetGridMobileAlignment } from "./components/duet-grid/duet-grid";
@@ -1643,10 +1643,25 @@ export namespace Components {
1643
1643
  }
1644
1644
  interface DuetEmptyState {
1645
1645
  /**
1646
- * Icon shown in the empty state component.
1646
+ * Set background to "none" when no background is wanted, e.g. inside a table.
1647
+ * @default "auto"
1648
+ */
1649
+ "background": "auto" | "none";
1650
+ /**
1651
+ * Heading to show above the component content
1652
+ * @default ""
1653
+ */
1654
+ "heading": string;
1655
+ /**
1656
+ * Icon shown in the empty state component. For warning variation a status icon is always used. Use value "none" for no icon at all.
1647
1657
  * @default "messaging-question"
1648
1658
  */
1649
- "icon": DuetIconName;
1659
+ "icon": DuetIconName | "none";
1660
+ /**
1661
+ * Padding of the empty state component
1662
+ * @default "medium"
1663
+ */
1664
+ "padding": DuetEmptyStatePadding;
1650
1665
  /**
1651
1666
  * The size of the empty state message.
1652
1667
  * @default "medium"
@@ -1657,6 +1672,11 @@ export namespace Components {
1657
1672
  * @default ""
1658
1673
  */
1659
1674
  "theme": DuetTheme;
1675
+ /**
1676
+ * The variation of the empty state component. Use "warning" when the empty state is due to an error.
1677
+ * @default "default"
1678
+ */
1679
+ "variation": DuetEmptyStateStatus;
1660
1680
  }
1661
1681
  interface DuetFieldset {
1662
1682
  /**
@@ -1810,6 +1830,11 @@ export namespace Components {
1810
1830
  | "two-columns"
1811
1831
  | "three-columns"
1812
1832
  | "button-grid";
1833
+ /**
1834
+ * When gridTemplate is used, gridTemplateGap sets the row and column gaps. With two values the first is row-gap and the second column-gap. Does not apply to button-grid.
1835
+ * @default "auto"
1836
+ */
1837
+ "gridTemplateGap": "auto" | "none" | "auto none" | "none auto";
1813
1838
  /**
1814
1839
  * Adjusts the horizontal alignment of the grid items on mobile (575px and under).
1815
1840
  * @default ""
@@ -2007,6 +2032,14 @@ export namespace Components {
2007
2032
  * @default "auto"
2008
2033
  */
2009
2034
  "margin": DuetMargin;
2035
+ /**
2036
+ * Text that is included inside the heading tag, but is rendered as smaller line below the slotted heading text. Use only with pages' main heading.
2037
+ */
2038
+ "postHeading": string;
2039
+ /**
2040
+ * Text that is included inside the heading tag, but is rendered as smaller line above the slotted heading text. Use only with pages' main heading.
2041
+ */
2042
+ "preHeading": string;
2010
2043
  /**
2011
2044
  * Theme of the heading.
2012
2045
  * @default ""
@@ -9340,10 +9373,25 @@ declare namespace LocalJSX {
9340
9373
  }
9341
9374
  interface DuetEmptyState {
9342
9375
  /**
9343
- * Icon shown in the empty state component.
9376
+ * Set background to "none" when no background is wanted, e.g. inside a table.
9377
+ * @default "auto"
9378
+ */
9379
+ "background"?: "auto" | "none";
9380
+ /**
9381
+ * Heading to show above the component content
9382
+ * @default ""
9383
+ */
9384
+ "heading"?: string;
9385
+ /**
9386
+ * Icon shown in the empty state component. For warning variation a status icon is always used. Use value "none" for no icon at all.
9344
9387
  * @default "messaging-question"
9345
9388
  */
9346
- "icon"?: DuetIconName;
9389
+ "icon"?: DuetIconName | "none";
9390
+ /**
9391
+ * Padding of the empty state component
9392
+ * @default "medium"
9393
+ */
9394
+ "padding"?: DuetEmptyStatePadding;
9347
9395
  /**
9348
9396
  * The size of the empty state message.
9349
9397
  * @default "medium"
@@ -9354,6 +9402,11 @@ declare namespace LocalJSX {
9354
9402
  * @default ""
9355
9403
  */
9356
9404
  "theme"?: DuetTheme;
9405
+ /**
9406
+ * The variation of the empty state component. Use "warning" when the empty state is due to an error.
9407
+ * @default "default"
9408
+ */
9409
+ "variation"?: DuetEmptyStateStatus;
9357
9410
  }
9358
9411
  interface DuetFieldset {
9359
9412
  /**
@@ -9523,6 +9576,11 @@ declare namespace LocalJSX {
9523
9576
  | "two-columns"
9524
9577
  | "three-columns"
9525
9578
  | "button-grid";
9579
+ /**
9580
+ * When gridTemplate is used, gridTemplateGap sets the row and column gaps. With two values the first is row-gap and the second column-gap. Does not apply to button-grid.
9581
+ * @default "auto"
9582
+ */
9583
+ "gridTemplateGap"?: "auto" | "none" | "auto none" | "none auto";
9526
9584
  /**
9527
9585
  * Adjusts the horizontal alignment of the grid items on mobile (575px and under).
9528
9586
  * @default ""
@@ -9748,6 +9806,14 @@ declare namespace LocalJSX {
9748
9806
  * @default "auto"
9749
9807
  */
9750
9808
  "margin"?: DuetMargin;
9809
+ /**
9810
+ * Text that is included inside the heading tag, but is rendered as smaller line below the slotted heading text. Use only with pages' main heading.
9811
+ */
9812
+ "postHeading"?: string;
9813
+ /**
9814
+ * Text that is included inside the heading tag, but is rendered as smaller line above the slotted heading text. Use only with pages' main heading.
9815
+ */
9816
+ "preHeading"?: string;
9751
9817
  /**
9752
9818
  * Theme of the heading.
9753
9819
  * @default ""
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@duetds/components",
3
- "version": "10.3.1",
3
+ "version": "10.4.0",
4
4
  "description": "This package includes Duet Design System Web Components and related utilities.",
5
5
  "bugs": {
6
6
  "email": "duetdesignsystem@lahitapiola.fi"
@@ -67,9 +67,9 @@
67
67
  "body-scroll-lock": "3.1.5"
68
68
  },
69
69
  "devDependencies": {
70
- "@duetds/fonts": "3.0.65",
71
- "@duetds/icons": "4.3.7",
72
- "@duetds/tokens": "5.1.0",
70
+ "@duetds/fonts": "3.0.66",
71
+ "@duetds/icons": "4.3.8",
72
+ "@duetds/tokens": "5.1.1",
73
73
  "@percy/cli": "1.30.1",
74
74
  "@rollup/plugin-replace": "5.0.2",
75
75
  "@stencil/core": "4.36.3",
@@ -97,5 +97,5 @@
97
97
  "publishConfig": {
98
98
  "access": "public"
99
99
  },
100
- "gitHead": "8daf5b2c1a1ccf789f6cb3927d0ee5b47caf6e77"
100
+ "gitHead": "2ecd574729a281aab2a22d0291e271cc5e14e2db"
101
101
  }
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as e,c as t,h as s,H as o,g as i}from"./p-DrqQiRTn.js";import{i as a}from"./p-CLZq8YfV.js";import{c as n}from"./p-Cfr_DJqU.js";import{i as r}from"./p-Db8rvjPI.js";import{a as h,g as l,c,d}from"./p-DFAnksuG.js";import"./p-C6E9F6QT.js";const m=class{constructor(s){e(this,s),this.duetToggle=t(this,"duetToggle",7),this.contentId=n("DuetShowMore"),this.buttonId=n("DuetShowMoreButton"),this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.buttonAriaOpen=!1,this.theme="",this.language=h(),this.showMoreLabelDefaults={fi:"Näytä lisää",sv:"Visa mer",en:"Show more"},this.showMoreLabel=l(this.showMoreLabelDefaults),this.showLessLabelDefaults={fi:"Näytä vähemmän",sv:"Visa mindre",en:"Show less"},this.showLessLabel=l(this.showLessLabelDefaults),this.showMoreAccessibleLabelDefaults={fi:"Näytä lisää tästä aiheesta",sv:"Visa mer om detta ämne",en:"Show more about this subject"},this.showMoreAccessibleLabel=l(this.showMoreAccessibleLabelDefaults),this.showLessAccessibleLabelDefaults={fi:"Näytä vähemmän tästä aiheesta",sv:"Visa mindre om detta ämne",en:"Show less about this subject"},this.showLessAccessibleLabel=l(this.showLessAccessibleLabelDefaults),this.margin="auto",this.buttonMargin="auto",this.buttonPadding="auto",this.open=!1,this.handleKeyDown=e=>{r(e)&&this.handleClick(e)},this.handleClick=e=>{e.preventDefault();const t=!this.open;this.open=t,t?(setTimeout((()=>{this.contentElement.focus()}),100),setTimeout((()=>{this.buttonAriaOpen=t}),500)):this.buttonAriaOpen=t,this.duetToggle.emit({component:"duet-show-more",originalEvent:e})}}componentWillLoad(){a(this),this.buttonAriaOpen=this.open}connectedCallback(){c(this,[{prop:"showMoreLabel",defaults:"showMoreLabelDefaults"},{prop:"showLessLabel",defaults:"showLessLabelDefaults"},{prop:"showMoreAccessibleLabel",defaults:"showMoreAccessibleLabelDefaults"},{prop:"showLessAccessibleLabel",defaults:"showLessAccessibleLabelDefaults"}])}disconnectedCallback(){d(this)}render(){return s(o,{key:"514e5c439744a2960e711811f696d2ee9e49dba3"},s("div",{key:"40788025130f4b8570cbacfa6371b11ea4bbdb42",class:{"duet-show-more":!0,"duet-theme-turva":"turva"===this.theme,"duet-m-0":"none"===this.margin,open:this.open}},s("div",{key:"42f30cd3ffc5c33651d4d0c7e36c913eab6d8147",ref:e=>this.contentElement=e,class:{content:!0,"duet-theme-turva":"turva"===this.theme},id:this.contentId,tabindex:this.open?"-1":""},s("div",{key:"a319d301f1ed7130671aa529592270c4b708b7f9",class:{"slotted-content":!0}},s("slot",{key:"81b3e98809cee2a52c358af50383272ddebd8ee6"}))),s("duet-button",{key:"9789882dceda992bd6107cc84fa92ca4289f3679",id:this.buttonId,variation:"plain","accessible-label":this.buttonAriaOpen?this.showLessAccessibleLabel:this.showMoreAccessibleLabel,"accessible-expanded":this.buttonAriaOpen?"true":"false","accessible-controls":this.contentId,accessiblePressed:this.isSafariBrowser?this.open:null,onClick:this.handleClick,onKeyDown:this.handleKeyDown,"icon-right":!0,icon:this.open?"action-arrow-up-small":"action-arrow-down-small","icon-size":"medium-small",size:"small",margin:this.buttonMargin,padding:this.buttonPadding,theme:"turva"===this.theme?"turva":"default"},s("span",{key:"9d664617e12985187968c239189df78e3ce87a40"},this.open?this.showLessLabel:this.showMoreLabel))))}get element(){return i(this)}};m.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block}.duet-show-more{margin-bottom:16px !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.5;color:rgb(8, 42, 77)}.duet-show-more.duet-m-0{margin:0 !important}.duet-show-more .slotted-content{display:none}.duet-show-more.open .slotted-content{display:block}.duet-show-more .content:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-show-more .content:focus,.duet-show-more .content:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-show-more.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:rgb(23, 42, 59)}';export{m as duet_show_more}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as e,h as t,H as n,g as r}from"./p-DrqQiRTn.js";import{i as a}from"./p-CLZq8YfV.js";import{g as i}from"./p-DFAnksuG.js";import"./p-C6E9F6QT.js";const o=class{constructor(t){e(this,t),this.defaultLabels={new:{fi:"Uutta sisältöä",en:"New content",sv:"Nyt innehålle"},change:{fi:"Muuttunutta sisältöä",en:"Changed content",sv:"Ändrat innehålle"},error:{fi:"Sisältää virheen",en:"Contains error",sv:"Innehåller ett fel"},success:{fi:"Onnistunut toiminto",en:"Completed successfully",sv:"Lyckad åtgärd"}},this.variation="change",this.theme="",this.getAccessibleLabel=()=>this.accessibleLabel||i(this.defaultLabels[this.variation])}componentWillLoad(){a(this)}render(){return t(n,{key:"dec9ae44791d7c11742399064ae9f5abcb25a0da"},t("span",{key:"869ad4db73c79b071b6b1cc4667926874f836351",class:{"duet-indicator":!0,[`duet-indicator-${this.variation}`]:!0,"duet-theme-turva":"turva"===this.theme}}),t("duet-visually-hidden",{key:"95d24f44ddab59732430691a257eebe5de008870"},this.getAccessibleLabel()))}get element(){return r(this)}};o.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:relative}.duet-indicator{position:absolute;top:0;right:0;display:inline-block;width:8px;height:8px;border-radius:50%}.duet-indicator-new{background:rgb(0, 119, 179)}.duet-indicator-change{background:rgb(247, 178, 40)}.duet-indicator-error{background:rgb(185, 16, 74)}.duet-indicator-success{background:rgb(29, 106, 88)}.duet-indicator-new.duet-theme-turva{background-color:rgb(230, 23, 64)}";export{o as duet_indicator}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as e,c as t,h as i,H as c,g as o}from"./p-DrqQiRTn.js";import{i as n}from"./p-CLZq8YfV.js";import{c as d}from"./p-Cfr_DJqU.js";import{s as r,u as a,h}from"./p-Db8rvjPI.js";import{g as s}from"./p-DFAnksuG.js";import"./p-C6E9F6QT.js";const u=class{constructor(i){e(this,i),this.duetChange=t(this,"duetChange",3),this.duetRemove=t(this,"duetRemove",3),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.focus=!1,this.chipId=d("DuetChip"),this.deleteLabels={fi:"Poista",en:"Remove",sv:"Ta bort"},this.selectedForDeletionLabels={fi:"Valittu, poista askelpalautinnäppäimellä",en:"Selected, remove with backspace",sv:"Valt, ta bort med backsteg"},this.inputChipHover=!1,this.inputChipDeleteFocus=!1,this.variation="button",this.size="medium",this.icon="",this.theme="",this.selected=!1,this.checked=!1,this.disabled=!1,this.accessiblePopup="false",this.enforceNoDisabledSelected=()=>{this.disabled&&this.checked&&(console.error("Duet error: pre-selected chip may not be disabled"),this.disabled=!1)},this.radioInputListenersRemove=e=>{e.removeEventListener("change",this.onRadioChange),e.removeEventListener("click",this.onRadioClick),e.removeEventListener("focus",this.onFocus),e.removeEventListener("blur",this.onBlur)},this.radioInputListenersAdd=e=>{e.addEventListener("change",this.onRadioChange),e.addEventListener("click",this.onRadioClick),e.addEventListener("focus",this.onFocus),e.addEventListener("blur",this.onBlur)},this.radioInputSetUp=()=>{const e=this.element.querySelector("input"),t=e||document.createElement("input");t.slot="input",t.ariaDisabled=this.disabled?"true":void 0,t.id=this.identifier||this.chipId,t.type="radio",t.name=this.name,t.value=this.value,t.checked=this.checked,t.ariaLabel=this.element.textContent,e?this.radioInputListenersRemove(t):this.element.appendChild(t),this.radioInputListenersAdd(t),this.focusableElement=t},this.popupSetUp=()=>{const e=document.querySelector(`duet-popup-menu#${this.popup}`);if(e){this.popupElement=e,e.controller=this.element;const t=this.element.textContent,i=this.value;e.id||(e.id="popup-menu"),e.addEventListener("duetToggle",(e=>{this.popupOpen=e.detail.open}));const c=()=>{e.querySelectorAll("duet-popup-menu-item").forEach((e=>{e.active=!1}))};e.querySelectorAll("duet-popup-menu-item").forEach((e=>{e.addEventListener("click",(o=>{var n;const d=null!==(n=e.value)&&void 0!==n?n:e.innerText;e.active?(c(),this.element.textContent=t,this.value=i,this.checked=!1):(c(),e.active=!0,this.element.textContent=e.innerText,this.value=d,this.checked=!0),this.emitChange(o),setTimeout((()=>{this.popupElement.isOpen()&&this.popupElement.hide()}))}))}))}},this.onFocus=e=>{this.focus=!0,this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.onBlur=e=>{this.focus=!1,this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.emitChange=e=>{this.duetChange.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.onFilterChange=e=>{this.checked=!this.checked,this.emitChange(e)},this.onRadioChange=e=>{this.checked=this.focusableElement.checked,this.emitChange(e)},this.onRadioClick=e=>{this.disabled&&e.preventDefault()},this.onFilterClick=e=>{if(this.disabled)return e.stopPropagation(),void e.preventDefault();this.popupElement&&(e.stopPropagation(),e.preventDefault(),this.popupElement.toggle())},this.onRemoveClick=e=>{null==e||e.stopPropagation(),null==e||e.preventDefault(),this.duetRemove.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"}),this.element.remove()}}clearOtherRadioButtons(){"radio"===this.variation&&this.checked&&document.querySelectorAll(`duet-chip[variation="radio"][name="${this.name}"]`).forEach((e=>{e!==this.element&&(e.checked=!1)}))}removeDisabledAttributeWhenFalse(){this.disabled||this.element.removeAttribute("disabled")}componentWillLoad(){n(this),this.removeDisabledAttributeWhenFalse(),this.popupSetUp(),this.enforceNoDisabledSelected()}connectedCallback(){r(this)}disconnectedCallback(){a(this)}componentDidRender(){"radio"===this.variation&&this.radioInputSetUp()}getAccessibleExpanded(){return null!=this.accessibleExpanded?(!!this.accessibleExpanded).toString():this.popupElement?this.popupOpen?"true":"false":void 0}getAccessiblePopup(){return this.popupElement?"true":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0}getAccessibleDeleteLabel(){return`${s(this.deleteLabels)} ${this.element.textContent}`}getAccessibleInputChipLabel(){return`${this.element.textContent}${this.selected?` (${s(this.selectedForDeletionLabels)}) `:""},`}async setFocus(e){h(),setTimeout((()=>this.focusableElement.focus(e)),200)}async setDeleteFocus(){setTimeout((()=>this.deleteButtonElement.focus()),200)}async removeChip(){this.onRemoveClick()}render(){var e;const t=this.identifier||this.chipId,o={"duet-chip-container":!0,[`duet-chip-${this.variation}`]:!0,"duet-chip-focus":this.focus,"duet-chip-selected":this.selected,"duet-chip-hover":this.inputChipHover,"duet-chip-delete-focus":this.inputChipDeleteFocus,"duet-chip-has-icon":!!this.icon,"duet-chip-has-popup":"filter"===this.variation&&!!this.popupElement,"duet-theme-turva":"turva"===this.theme,"duet-chip-filter-checked":"filter"===this.variation&&this.checked,"duet-chip-radio-checked":"radio"===this.variation&&this.checked,"duet-chip-filter-popup-open":this.popupOpen,"duet-chip-disabled":this.disabled,[this.size]:!0},n={onFocus:this.onFocus,onBlur:this.onBlur,ref:e=>this.focusableElement=e};return i(c,{key:"767a15cc909e022208fcde5be228793bee3b6976",class:{[this.variation]:!0}},"button"===this.variation&&i("span",{key:"c8825faa73dbdcdcb1205a23cda99d78a3260094",class:o},i("button",Object.assign({key:"e6da48743479479b5297d5d6ab907ff496d16ffc",id:t,"aria-label":this.accessibleLabel,"aria-haspopup":this.getAccessiblePopup(),"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":void 0,name:this.name,value:this.value,onClick:this.disabled?e=>e.stopPropagation():void 0},n),i("span",{key:"96950c91e2d34903ddccd8e9db3af5d0768965cb",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"51549e09fbf833745b858e166b074a136afbdf74",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"9feae0579ee54a12770b88ec4f6c4ea1d19b9150"}))),"input"===this.variation&&i("span",{key:"6da4e282e09b8c5d597c889d7f213e40be19668d",class:o,"aria-label":this.getAccessibleInputChipLabel()},i("button",Object.assign({key:"188896fb3724b4e136d4dae90ddfa19948c45417",id:t,class:"duet-chip-input-button",value:this.value,"aria-label":this.accessibleLabel,onMouseOver:()=>this.inputChipHover=!0,onMouseOut:()=>this.inputChipHover=!1,onClick:()=>this.selected=!this.selected},n),i("span",{key:"55b16c4be2ba628ad94bc2dbb5115a52e6e06f14",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"b290e850434af122fc074a33ad80e79284b63f04",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"85481330d91a6fda693bd86588333d8b721ea9d7"})),i("button",{key:"8eec4cb37be314a064f5638b0ed412d5c450fd83",class:"duet-chip-remove-button","aria-label":this.getAccessibleDeleteLabel(),onClick:this.onRemoveClick,onFocus:()=>this.inputChipDeleteFocus=!0,onBlur:()=>this.inputChipDeleteFocus=!1,ref:e=>this.deleteButtonElement=e},i("duet-icon",{key:"8efbe50fabd85dd7599e4a3b304d06c023c5e150",name:"activity-close",size:"xx-small",margin:"none",color:"currentColor"}))),"filter"===this.variation&&i("span",{key:"789ab88639feff72321c139d23afab0ddcfeaca9",class:o},i("input",Object.assign({key:"611a30eed4de5b7c4fd0153006db23f7ad16f797","aria-haspopup":this.getAccessiblePopup(),"aria-controls":null===(e=this.popupElement)||void 0===e?void 0:e.id,"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":void 0,id:t,type:"checkbox",name:this.name,value:this.value,checked:this.checked,onClick:this.onFilterClick,onChange:this.onFilterChange},n)),i("label",{key:"574fa08ad87d0337be9d919367fca851ce1230fc",htmlFor:t},this.icon&&i("span",{key:"e1c2ccf10a2be64b8d7e17b244f7c0c618262160",class:"duet-chip-icon-container"},i("duet-icon",{key:"a91294fe02e8444302c3f75a94e90fddb9a3b0ca",name:this.icon,size:"large"===this.size?"small":"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"1f4eae14832b5ba6cd943ddd69a69841b4b4e494",name:"messaging-checked-small",size:"large"===this.size?"x-small":"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"6685426d95bfccb9d349d357fdda0311af132d08"}),this.popupElement&&i("span",{key:"6736d4b0b1b32d092bb2896ae909812e2abaede9",class:"duet-chip-popup-disclosure"},i("duet-icon",{key:"68f49f84e631f7fcb4010f0b748c380aea6c9fda",name:"action-arrow-down-small",size:"large"===this.size?"xx-small":"xxx-small",margin:"none",color:"currentColor"})))),"radio"===this.variation&&i("span",{key:"8e95895e06e422064e64a037cb7fecc560614043",class:o},i("slot",{key:"ef700ca570f14aa7306abf57a071bdf9f102abb3",name:"input"}),i("label",{key:"599aec04fc86a809f0e4d86cdde2c329c160ef7c",htmlFor:t},this.icon&&i("span",{key:"9b138f1e3303ac8b6143756af5a371e2972925de",class:"duet-chip-icon-container"},i("duet-icon",{key:"4b4fe62396483bcd44270c0a9e6fb592caf903b6",name:this.icon,size:"large"===this.size?"small":"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"53bad7860f10b420e15875726dbd423148785873",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"9c2141abc5349eb9e4fa1ee8a93a99dffcefc829"}))))}get element(){return o(this)}static get watchers(){return{checked:["clearOtherRadioButtons"],disabled:["removeDisabledAttributeWhenFalse"]}}};u.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:8px !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:center;hyphens:none;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(181, 198, 208);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(98, 121, 138) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;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:600;line-height:1rem;color:rgb(8, 42, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:8px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:12px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:12px}.duet-chip-container duet-icon:not(.check-mark){visibility:visible;width:auto;transform:scaleX(1);transition:width 300ms ease, transform 300ms ease}.duet-chip-container duet-icon.check-mark{visibility:hidden;width:0;overflow:hidden;transform:scaleX(0);transition:width 300ms ease, transform 300ms ease}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(228, 241, 247);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(198, 225, 238)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){visibility:hidden;width:0;overflow:hidden;transform:scaleX(0);transition:width 300ms ease, transform 300ms ease}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{visibility:visible;width:auto;transform:scaleX(1);transition:width 300ms ease, transform 300ms ease}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(240, 247, 250);border-color:rgb(240, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input:hover{padding:1px !important;border-color:rgb(181, 198, 208);border-width:1px}.duet-chip-container.duet-chip-input.duet-chip-hover,.duet-chip-container.duet-chip-input.duet-chip-selected{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-input.duet-chip-hover .duet-chip-remove-button,.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button{right:0;width:34px;height:34px;background:transparent}.duet-chip-container.duet-chip-input.duet-chip-delete-focus{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input .duet-chip-input-button{margin-right:22px}.duet-chip-container.duet-chip-input .duet-chip-remove-button{position:absolute;top:-1px;right:-1px;width:36px;height:36px;padding-left:10px;border:3px solid transparent;border-radius:8px}.duet-chip-container.duet-chip-input .duet-chip-remove-button:hover{background:rgb(217, 236, 245);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-chip-selected{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input.duet-chip-selected.duet-chip-hover{background:rgb(217, 236, 245)}.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(198, 225, 238);background-clip:padding-box}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 18px}.duet-chip-container.large.duet-chip-has-icon .duet-chip-icon-container{width:30px;padding-right:10px}.duet-chip-container.large .duet-chip-popup-disclosure{padding-right:6.5px;padding-left:14.5px}:host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva,.duet-theme-turva :host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;appearance:none;cursor:pointer;border-width:2px;border-radius:8px;opacity:0}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}.duet-chip-container.duet-theme-turva{color:rgb(23, 42, 59) !important;background:rgb(255, 255, 255);border-color:rgb(178, 194, 205)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(230, 23, 64)}.duet-chip-container.duet-theme-turva.duet-chip-disabled{color:rgb(120, 145, 164) !important;background:rgb(245, 246, 247);border-color:rgb(245, 246, 247)}.duet-chip-container.duet-theme-turva.duet-chip-disabled:hover{background:rgb(245, 246, 247);border-color:rgb(245, 246, 247)}.duet-chip-container.duet-theme-turva.duet-chip-filter-checked,.duet-chip-container.duet-theme-turva.duet-chip-radio-checked{background:rgb(253, 247, 242);border-color:rgb(230, 23, 64)}.duet-chip-container.duet-theme-turva.duet-chip-filter-checked:hover,.duet-chip-container.duet-theme-turva.duet-chip-radio-checked:hover{background:rgb(251, 225, 209)}.duet-chip-container.duet-theme-turva.duet-chip-filter-popup-open{background:rgb(253, 247, 242);border-color:rgb(178, 194, 205)}.duet-chip-container.duet-theme-turva.duet-chip-input .duet-chip-remove-button:hover{background:rgb(255, 242, 242)}.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected{background:rgb(255, 242, 242)}.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected.duet-chip-hover{background:rgb(255, 229, 230);background-clip:padding-box}.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(255, 201, 204);background-clip:padding-box}.duet-chip-container.duet-theme-turva.duet-chip-input:hover{border-color:rgb(178, 194, 205)}.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover,.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected{border-color:rgb(230, 23, 64)}';export{u as duet_chip}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as e,c as t,h as i,H as o,g as a}from"./p-DrqQiRTn.js";import{g as r}from"./p-DvwKrUS6.js";import{i as c}from"./p-CLZq8YfV.js";import{a as d}from"./p-8RjiAqaE.js";import{c as s}from"./p-Cfr_DJqU.js";import{i as h,n,s as l,u,a as b}from"./p-Db8rvjPI.js";import{g as p,a as m,c as g,d as f}from"./p-DFAnksuG.js";import{h as k,a as v,c as x}from"./p-BQVGvl4H.js";import"./p-C6E9F6QT.js";var y,w,z=r(w?y:(w=1,y={title:"messaging-info",tags:"messaging info information circle",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/><circle cx="11.625" cy="7.125" r="1.125"/><path d="M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z"/></svg>'}));const C=class{constructor(i){e(this,i),this.duetChoiceReady=t(this,"duetChoiceReady",7),this.duetChange=t(this,"duetChange",7),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.focus=!1,this.hasHeader=!1,this.choiceId=s("DuetChoice"),this.expandId=s("DuetChoiceExpand"),this.headerId=s("DuetChoiceHeader"),this.infoButtonId=s("DuetChoiceInfoButton"),this.isHovering=!1,this.isInfoOpen=!1,this.theme="",this.label="label",this.accessibleLabelInfoButtonDefaults=d,this.accessibleLabelInfoButton=p(this.accessibleLabelInfoButtonDefaults),this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.caption="",this.type="checkbox",this.checked=!1,this.collapsible=!1,this.collapsibleForceExpanded=!1,this.margin="auto",this.icon="",this.expand=!1,this.padding="auto",this.disabled=!1,this.required=!1,this.infoLabelDefaults={fi:"Lisätietoja vaihtoehdosta",en:"More information about",sv:"Mera information om"},this.infoLabel=p(this.infoLabelDefaults,m()),this.collapsibleNotificationDefaults={fi:"Tämä valinta sisältää lisätietoja, jotka avautuivat alle",en:"This choice has additional information opened below",sv:"Det här val har mer information som öppnades nedan"},this.collapsibleNotification=p(this.collapsibleNotificationDefaults,m()),this.radioInputListenersRemove=e=>{e.removeEventListener("change",this.onChange),e.removeEventListener("keydown",this.handleKeyDown),e.removeEventListener("focus",this.onFocus),e.removeEventListener("blur",this.onBlur)},this.radioInputListenersAdd=e=>{e.addEventListener("change",this.onChange),e.addEventListener("keydown",this.handleKeyDown),e.addEventListener("focus",this.onFocus),e.addEventListener("blur",this.onBlur)},this.inputSetUp=()=>{const e=this.element.querySelectorAll(":scope > input"),t=e[e.length-1]||document.createElement("input");t.slot="choiceinput",t.disabled=this.getDisabled(),t.id=this.identifier||this.choiceId,t.type=this.type,t.name=this.name,t.value=this.value,t.checked=this.checked,t.required=this.required,t.ariaDescription=this.accessibleDescription,this.accessibleControls&&t.setAttribute("aria-controls",this.accessibleControls),this.accessibleActiveDescendant&&t.setAttribute("aria-activedescendant",this.accessibleActiveDescendant),this.accessibleLabelledBy&&t.setAttribute("aria-labelledby",this.accessibleLabelledBy),this.accessibleDetails&&t.setAttribute("aria-details",this.accessibleDetails),this.accessibleOwns&&t.setAttribute("aria-owns",this.accessibleOwns),this.getAriaDescribedby()&&t.setAttribute("aria-describedby",this.getAriaDescribedby()),t.ariaLabel=this.getLabel(),e.length>0?this.radioInputListenersRemove(t):this.element.appendChild(t),this.radioInputListenersAdd(t),this.focusableElement=t},this.onMouseEnter=()=>{this.isHovering=!0},this.onMouseLeave=()=>{this.isHovering=!1},this.onClick=e=>{this.toggleChecked(e)},this.handleKeyDown=e=>{h(e)&&this.toggleChecked(e),n(e)&&this.hasInfo&&this.toggleInfo()},this.onChange=()=>{this.checked=this.focusableElement.checked,this.duetChange.emit({checked:this.checked,value:this.value,component:"duet-choice"})},this.onBlur=e=>{this.focus=!1,this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.onFocus=e=>{this.focus=!0,this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.toggleChecked=e=>{e.preventDefault(),e.stopPropagation(),this.getDisabled()||"radio"===this.type&&this.checked||(this.checked=!this.checked,this.duetChange.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"}))},this.toggleInfo=()=>{this.isInfoOpen=!this.isInfoOpen,this.isInfoOpen&&setTimeout((()=>{var e;null===(e=this.infoContainer)||void 0===e||e.focus()}),150)}}componentWillLoad(){c(this),this.hasInfo=k(this.element,"info"),this.hasHeader=k(this.element,"header"),this.hasAdditional=k(this.element,"additional"),this.hasLabel=k(this.element,"label"),this.hasBeforeText=k(this.element,"before-text"),this.duetChoiceReady.emit()}connectedCallback(){g(this,[{prop:"accessibleLabelInfoButton",defaults:"accessibleLabelInfoButtonDefaults"},{prop:"infoLabel",defaults:"infoLabelDefaults"},{prop:"collapsibleNotification",defaults:"collapsibleNotificationDefaults"}]),l(this),this.duetChoiceReady.emit()}componentDidRender(){this.inputSetUp()}disconnectedCallback(){f(this),u(this)}async setFocus(e){this.focusableElement.focus(e)}async toggleInfoMethod(){this.isInfoOpen=!this.isInfoOpen}handleEscape(e){b(e)&&this.isInfoOpen&&(this.isInfoOpen=!1,this.infoButtonEl&&this.infoButtonEl.focus())}isCollapsibleAnnounceable(){if(!this.collapsible||!this.getExpanded())return!1;const e=Array.from(this.element.querySelectorAll(`#${this.choiceId}-collapsible-content > *`)||[]),t=["duet-paragraph","duet-heading","duet-fieldset"];return e.every((e=>t.includes(e.tagName.toLowerCase())))}getAriaDescribedby(){return this.accessibleDescribedBy?this.accessibleDescribedBy:(this.collapsible||this.hasInfo)&&this.getExpanded()?this.hasHeader?this.headerId:this.isCollapsibleAnnounceable()?this.expandId:`${this.choiceId}-collapsible-notification`:null}getDisabled(){return this.disabled||this.groupDisabled}getExpanded(){return this.checked||this.collapsibleForceExpanded}getClassNames(){return this.hasInfo&&!this.collapsible?{checked:this.checked,"duet-choice-card-info":!0,"duet-choice-card-info-expanded":this.isInfoOpen,"duet-choice-card-collapsed":!this.isInfoOpen,"duet-theme-turva":"turva"===this.theme}:!this.hasInfo&&this.collapsible?{checked:this.checked,"duet-choice-card-collapsible":!0,"duet-choice-card-collapsible-expanded":this.getExpanded(),"duet-choice-card-collapsed":!this.getExpanded(),"duet-choice-card-collapsible-disabled":this.getDisabled(),"duet-theme-turva":"turva"===this.theme}:{checked:this.checked,"duet-choice-default-slot":!0}}getLabel(){let e="",t="",i="";if(this.hasLabel){const t=v(this.element,"label");e=t.length>0?t[0].textContent:""}if(this.hasBeforeText){const e=v(this.element,"before-text");t=e.length>0?e[0].textContent:""}if(this.hasAdditional){const e=v(this.element,"additional");i=e.length>0?e[0].textContent:""}return`${t} ${this.hasLabel?e:this.label} ${this.caption} ${i}`}render(){return i(o,{key:"20fca5910765c8cca647f5632a5b922957ab3295",class:{horizontal:"horizontal"===this.groupDirection&&!this.groupResponsive,[`horizontal-responsive-${this.groupResponsive}`]:"horizontal"===this.groupDirection&&!!this.groupResponsive,"vertical-stretch":"horizontal"===this.groupDirection,"duet-m-0":"none"===this.margin,"duet-expand":this.expand,"duet-theme-turva":"turva"===this.theme,"no-hover":this.isHovering,disabled:this.getDisabled()}},i("div",{key:"fd4d2187540b58f67ba2215fb1e92ae80e1bda59",class:{"duet-choice-card-flextainer":!0,"duet-theme-turva":"turva"===this.theme}},i("div",{key:"767518376936e2ac6b0317ed2961c9832a9540f9",class:{"duet-choice-card":!0,"has-icon":!!this.icon,"has-info":this.hasInfo,checked:this.checked,info:this.isInfoOpen,collapsible:this.collapsible,"collapsible-force-expanded":this.collapsibleForceExpanded,"duet-p-0":"none"===this.padding}},i("slot",{key:"3218ec3ce6232219942048b1dc4720e6544d5a8e",name:"choiceinput"}),i("label",{key:"43d66fc0a5fbe3dc91ba24b1b9a61bfe1565c9c4",class:{"duet-choice-label":!0,"has-before-text":this.hasBeforeText,checked:this.checked,focus:this.focus,disabled:this.getDisabled()},onClick:this.onClick},this.hasBeforeText&&i("slot",{key:"144d416819882f6ef4d1b7e8fc2de04e045e9e6f",name:"before-text"}),this.icon&&i("div",{key:"adfb01ba2ba8dd118a9780ec2e01db2efa75c0ce",class:"duet-choice-card-icon"},i("duet-icon",{key:"abf48b519c4d60cc2ce9923eaf6a1830061a13a6",margin:"none",size:"small",name:this.icon,color:"currentColor"})),i("div",{key:"ddccee835dbdc2c123fc51ec2ced2539515f5e07",class:"duet-choice-card-text"},i("div",{key:"68c2770f71856d031a720d03242809bcae202624"},this.hasLabel?i("slot",{name:"label"}):this.label),this.caption&&i("div",{key:"67a7ead271ee52570028c6f2ce64267c9b7e687d"},i("duet-spacer",{key:"eb726497b2e68a5ddc43486af8fa621e4a620dd0",size:"xx-small"}),i("duet-caption",{key:"7656a138b5d881f6aaa5ce978816d550d30debd4",margin:"none",selected:this.checked},this.caption)),this.hasAdditional&&i("div",{key:"ed0700c59f2e492ba38dd03f1157332ac5794003"},i("duet-spacer",{key:"e45435defc128599b911095c8d845a4b19b5085c",size:"xx-small"}),i("slot",{key:"aff1622080409265769aad87862ad14e6f4e96a1",name:"additional"}))),i("div",{key:"01f506c4af993b10b3f651a4175a3f93288ffac4"},i("div",{key:"9d328e36a1e61a1ebec8bc5bab0fdbce0ba03cc2",class:{"duet-checkmark-container":!0,"duet-checkmark-radio":"radio"===this.type}},this.checked&&i("div",{key:"ebad90b11052d439d9a9c3243fa32a621d770215",class:"duet-checkmark"}))))),this.hasInfo&&!this.collapsible&&i("button",{key:"a1d78aab1bd360876936e79ad1c8a00d534ad2d5",ref:e=>this.infoButtonEl=e,id:this.infoButtonId,class:{"duet-choice-info-toggle":!0,"duet-theme-turva":"turva"===this.theme},onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onClick:this.toggleInfo,disabled:this.getDisabled(),"aria-expanded":this.isInfoOpen?"true":"false","aria-label":`${this.infoLabel} ${this.label}`,"aria-controls":this.expandId,tabindex:"radio"!==this.type||this.checked?"0":"-1",type:"button",onKeyUp:e=>this.handleEscape(e)},i("div",{key:"8c394a1cc633e65e9f8c9162fbe4c361e37a15f6",class:"duet-choice-info-icon"},i("duet-icon",{key:"52c25fe2a72346e9efde109af0736ec6673dfc0e",icon:z.svg,margin:"none",size:"small",color:"currentColor"})))),this.collapsible&&i("span",{key:"dda02c201e7874c64ed98b6b48e30f734bc8ecb8",id:`${this.choiceId}-collapsible-notification`,hidden:!0},this.collapsibleNotification),this.collapsible||this.hasInfo?i("div",{class:this.getClassNames(),id:this.expandId},i("span",{class:{"duet-choice-section-visible":this.collapsible?this.getExpanded():this.isInfoOpen,"duet-choice-section-hidden":this.collapsible?!this.getExpanded():!this.isInfoOpen}},i("span",{id:this.headerId},i("slot",{name:"header"})),this.hasInfo?i("span",{ref:e=>this.infoContainer=e,tabindex:"-1",class:"duet-choice-info-container",onKeyUp:e=>this.handleEscape(e)},i("span",null,i("slot",{name:"info"})),i("slot",null)):i("span",{id:`${this.choiceId}-collapsible-content`},i("slot",null)))):null)}get element(){return a(this)}};C.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:16px !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(.vertical){margin-right:0 !important}@media (min-width: 48em){:host(.horizontal){margin-bottom:0 !important}}@media (min-width: 22.5em){:host(.horizontal-responsive-x-small){margin-bottom:0 !important;margin-right:16px !important}:host(.horizontal-responsive-x-small):last-child,:host(.horizontal-responsive-x-small):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.horizontal-responsive-x-small):last-of-type:not(:last-child){margin-right:16px !important}}@media (min-width: 36em){:host(.horizontal-responsive-small){margin-bottom:0 !important;margin-right:16px !important}:host(.horizontal-responsive-small):last-child,:host(.horizontal-responsive-small):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.horizontal-responsive-small):last-of-type:not(:last-child){margin-right:16px !important}}@media (min-width: 48em){:host(.horizontal-responsive-medium){margin-bottom:0 !important;margin-right:16px !important}:host(.horizontal-responsive-medium):last-child,:host(.horizontal-responsive-medium):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.horizontal-responsive-medium):last-of-type:not(:last-child){margin-right:16px !important}}@media (min-width: 62em){:host(.horizontal-responsive-large){margin-bottom:0 !important;margin-right:16px !important}:host(.horizontal-responsive-large):last-child,:host(.horizontal-responsive-large):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.horizontal-responsive-large):last-of-type:not(:last-child){margin-right:16px !important}}@media (min-width: 64.0625em){:host(.horizontal-responsive-x-large){margin-bottom:0 !important;margin-right:16px !important}:host(.horizontal-responsive-x-large):last-child,:host(.horizontal-responsive-x-large):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.horizontal-responsive-x-large):last-of-type:not(:last-child){margin-right:16px !important}}:host(:last-child:not(:only-child)){margin-right:0 !important}:host(.vertical-stretch) .duet-choice-card-flextainer{height:100%}:host(.vertical-stretch) .duet-choice-card-flextainer .duet-choice-label{align-items:flex-start}:host(.vertical-stretch) .duet-choice-card-flextainer .duet-choice-label>div{margin-top:0.25rem}.duet-choice-card{position:relative;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:400;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:left;-webkit-hyphens:auto;hyphens:auto;background:rgb(255, 255, 255);border-width:1px;border-radius:8px}.duet-choice-card.duet-p-0{padding:0 !important}.duet-choice-card.duet-m-0{margin:0 !important}.duet-choice-card-flextainer{display:flex}.duet-choice-label{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:calc(1rem + 1px);font-size:1rem;font-weight:600;word-break:break-word;text-decoration:none;cursor:pointer;border:1px solid rgb(212, 223, 229);border-radius:8px;transition:background-color 150ms ease, border-color 300ms ease}.duet-choice-label.has-before-text .duet-choice-card-icon,.duet-choice-label.has-before-text .duet-choice-card-text{align-self:flex-start;margin-top:0.25rem}.duet-choice-label .duet-choice-card-text{flex:1}.duet-choice-label>div:last-child{flex:0 1 0;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info .duet-choice-label{border-top-right-radius:0;border-bottom-right-radius:0}.info .duet-choice-label{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-choice-label:active{opacity:0.75;transition:none !important}.checked>.duet-choice-label{padding:1rem;background:rgb(240, 247, 250);border-color:rgb(0, 119, 179) !important;border-width:2px}.checked>.duet-choice-label .duet-checkmark-container{border-color:rgb(0, 119, 179)}.checked.collapsible>.duet-choice-label,.collapsible-force-expanded.collapsible>.duet-choice-label{padding-bottom:calc(1rem + 2px) !important;border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container{border-color:rgb(127, 150, 165)}:host(:not(.no-hover):not(.disabled):not([checked]):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){padding:1rem}input:focus{outline:0}.focus.duet-choice-label{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .focus.duet-choice-label,.focus.duet-choice-label.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.disabled.duet-choice-label{color:rgb(98, 121, 138) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.disabled.duet-choice-label .duet-choice-card-icon{color:rgb(98, 121, 138)}.disabled.duet-choice-label .duet-checkmark{border-color:rgb(98, 121, 138) !important}.disabled.duet-choice-label:hover,.disabled.duet-choice-label:active,.disabled.duet-choice-label:focus{outline:none !important;opacity:1 !important;transition:none !important}.checked>.disabled.duet-choice-label{border-color:rgb(127, 150, 165) !important}.duet-checkmark-container{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;transition:border 300ms ease}.checked>.duet-choice-label .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}label.disabled .duet-checkmark-container{background:rgb(181, 198, 208) !important;border-color:rgb(181, 198, 208) !important}.checked>label.disabled .duet-checkmark-container{background:rgb(181, 198, 208) !important}.duet-checkmark{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon{position:relative;color:rgb(0, 119, 179)}.duet-choice-card-icon duet-icon{display:block}.duet-choice-section-hidden{display:none}.duet-choice-card-info.duet-choice-card-collapsed,.duet-choice-card-collapsed.duet-choice-card-collapsible{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info,.duet-choice-card-collapsible{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(8, 42, 77);border:1px solid rgb(212, 223, 229);border-top:0;border-radius:0 0 8px 8px;transition:border-color 300ms ease}@media (min-width: 36em){.duet-choice-card-info,.duet-choice-card-collapsible{padding:28px !important}}.checked>.duet-choice-card-info,.checked>.duet-choice-card-collapsible{display:block}.duet-choice-card-info-expanded,.duet-choice-card-collapsible-expanded{display:block}.duet-choice-card-collapsible{background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-top:0}.duet-choice-card-collapsible.checked{padding:19px !important;padding-top:20px !important;border-color:rgb(0, 119, 179);border-width:2px}@media (min-width: 36em){.duet-choice-card-collapsible.checked{padding:27px !important;padding-top:28px !important}}.duet-choice-card-collapsible-disabled{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.checked{border-color:rgb(212, 223, 229)}.duet-choice-card-info{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container ::slotted(*){display:none}:host(.user-is-tabbing) .duet-choice-info-container:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8);display:block}.duet-theme-turva :host(.user-is-tabbing) .duet-choice-info-container:focus,:host(.user-is-tabbing) .duet-choice-info-container:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}:host(.disabled) .duet-choice-card-collapsible{border-color:rgb(127, 150, 165)}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}:host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){padding:19px !important;padding-top:20px !important}@media (min-width: 36em){:host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){padding:27px !important;padding-top:28px !important}}.duet-choice-info-toggle{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;-webkit-appearance:none;appearance:none;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-left:0 none;border-top-right-radius:8px;border-bottom-right-radius:8px}.duet-choice-info-toggle:focus{outline:0}:host(.user-is-tabbing) .duet-choice-info-toggle:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-choice-info-toggle:focus,:host(.user-is-tabbing) .duet-choice-info-toggle:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-choice-info-toggle[aria-expanded=true]{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-choice-info-toggle[disabled]{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.duet-choice-info-toggle[disabled] .duet-choice-info-icon{color:rgb(127, 150, 165) !important}.checked+.duet-choice-info-toggle{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle duet-icon{display:block}.duet-choice-info-toggle .duet-choice-info-icon{color:rgb(0, 119, 179)}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle{border-left-color:rgb(127, 150, 165)}.duet-choice-input,*::slotted([slot=choiceinput]){position:absolute !important;width:100%;height:100%;opacity:0}.duet-theme-turva .duet-choice-card{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59) !important}.duet-theme-turva .duet-choice-label{border-color:rgb(178, 194, 205)}.info .duet-theme-turva .duet-choice-label{border-color:rgb(178, 194, 205)}.duet-theme-turva .duet-choice-label.disabled{color:rgb(120, 145, 164) !important;background:rgb(245, 246, 247) !important;border-color:rgb(212, 221, 226) !important}.duet-theme-turva .duet-choice-label.disabled .duet-choice-card-icon{color:rgb(120, 145, 164)}.duet-theme-turva .duet-choice-label.disabled .duet-checkmark{border-color:rgb(120, 145, 164) !important}.duet-theme-turva .checked>.duet-choice-label{background:rgb(245, 246, 247);border-color:rgb(23, 42, 59) !important}.duet-theme-turva .checked>.duet-choice-label.disabled{border-color:rgb(120, 145, 164) !important}.duet-theme-turva .checked>.duet-choice-label .duet-checkmark-container{background:rgb(23, 42, 59);border-color:rgb(23, 42, 59) !important}.duet-theme-turva .duet-choice-card-icon{color:rgb(185, 3, 41)}.duet-theme-turva.duet-choice-card-info,.duet-theme-turva.duet-choice-card-collapsible{color:rgb(23, 42, 59);background:rgb(255, 255, 255);border-color:rgb(23, 42, 59)}.duet-theme-turva.duet-choice-card-collapsible{border-color:rgb(178, 194, 205)}.duet-theme-turva.duet-choice-card-collapsible.checked{border-color:rgb(23, 42, 59)}.duet-theme-turva.duet-choice-card-collapsible-disabled{background:rgb(245, 246, 247);border-color:rgb(212, 221, 226)}.duet-theme-turva.duet-choice-card-collapsible-disabled.checked{border-color:rgb(212, 221, 226)}.duet-theme-turva.duet-choice-card-info{background:rgb(245, 246, 247);border-color:rgb(178, 194, 205)}.duet-theme-turva .duet-checkmark-container{border-color:rgb(120, 145, 164)}.checked>.duet-choice-label .duet-theme-turva .duet-checkmark-container{background:rgb(23, 42, 59);border-color:rgb(23, 42, 59) !important}.duet-theme-turva label.disabled .duet-checkmark-container{border-color:rgb(178, 194, 205) !important}.duet-theme-turva .checked>label.disabled .duet-checkmark-container{background:rgb(178, 194, 205) !important;border-color:rgb(178, 194, 205) !important}.duet-theme-turva.duet-choice-info-toggle{border-color:rgb(178, 194, 205)}.duet-theme-turva.duet-choice-info-toggle[aria-expanded=true]{background:rgb(245, 246, 247);border-bottom-color:transparent}.duet-theme-turva.duet-choice-info-toggle[disabled]{background:rgb(245, 246, 247) !important;border-color:rgb(212, 221, 226) !important}.duet-theme-turva.duet-choice-info-toggle[disabled] .duet-choice-info-icon{color:rgb(120, 145, 164) !important}.duet-theme-turva.duet-choice-info-toggle .duet-choice-info-icon{color:rgb(230, 23, 64)}:host(.disabled) .duet-theme-turva.duet-choice-card-collapsible{border-color:rgb(120, 145, 164)}:host(:not(.no-hover):not(.disabled):hover) .duet-theme-turva>.duet-choice-card-collapsible:not(.checked){border-color:rgb(120, 145, 164)}:host(.duet-theme-turva:not(.no-hover):not(.disabled):hover)>.duet-theme-turva.duet-choice-card-flextainer .duet-choice-label:not(.checked){border-color:rgb(23, 42, 59)}:host(.duet-theme-turva:not(.no-hover):not(.disabled):hover)>.duet-theme-turva.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container{border-color:rgb(120, 145, 164)}:host(.duet-theme-turva:not(.no-hover):not(.disabled):hover)>.duet-theme-turva.duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle{border-left-color:rgb(120, 145, 164)}';const j=class{constructor(t){e(this,t),this.choiceGroupName="duet-choice-group",this.choices=new Set,this.direction="vertical",this.margin="auto",this.theme="",this.error="",this.label="Label",this.labelHidden=!1,this.caption=void 0,this.tooltip=void 0,this.tooltipDirection="auto",this.responsive=!1,this.breakpoint="small",this.required=!1,this.accessibleLiveError="polite",this.childObserverCallback=e=>{e.some((e=>{var t;return(null===(t=e.removedNodes)||void 0===t?void 0:t.length)>0&&Array.from(e.removedNodes.values()).some((e=>"duet-choice"===e.nodeName.toLowerCase()))}))&&this.updateChoices()},this.onSelect=e=>{if("duet-choice"!==e.detail.component)return;const t=e.target;t&&this.choices.has(t)&&(this.value=t.value)},this.onChoiceReady=()=>{this.updateChoices()}}removeDisabledAttributeWhenFalse(){this.disabled||this.element.removeAttribute("disabled")}async connectedCallback(){this.childObserver=new MutationObserver(this.childObserverCallback.bind(this)),this.childObserver.observe(this.element,{childList:!0,subtree:!0}),this.setInitialValue(),this.updateChoices()}disconnectedCallback(){this.childObserver&&(this.childObserver.disconnect(),this.childObserver=void 0)}componentWillLoad(){c(this),this.removeDisabledAttributeWhenFalse(),x(this.element,"tooltip","duet-tooltip",1,!0)}setInitialValue(){void 0===this.initialValue&&(this.initialValue=this.value)}async getInitialValue(){return this.initialValue}async updateChoices(){var e;const t=null!==(e=this.value)&&void 0!==e?e:this.initialValue;let i=!1;this.choices.clear(),this.element.querySelectorAll("duet-choice").forEach((e=>{e.closest("duet-choice-group")===this.element&&this.choices.add(e)}));for(const e of Array.from(this.choices))e.name=this.name,e.required=this.required,e.groupDisabled=this.disabled,e.groupDirection=this.direction,e.groupResponsive=this.responsive?this.breakpoint:void 0,i||e.value!==t?e.checked=!1:(i=!0,e.checked=!0,void 0===this.value&&(this.value=t));i||(this.value=void 0)}render(){return i(o,{key:"76d5ad8cc7a9f59c9ab08932b3e6e6596ff1f9d0",onDuetChange:this.onSelect,onDuetChoiceReady:this.onChoiceReady,class:{horizontal:"horizontal"===this.direction,"duet-choice-group-breakpoint-x-small":this.responsive&&"x-small"===this.breakpoint,"duet-choice-group-breakpoint-small":this.responsive&&"small"===this.breakpoint,"duet-choice-group-breakpoint-medium":this.responsive&&"medium"===this.breakpoint,"duet-choice-group-breakpoint-large":this.responsive&&"large"===this.breakpoint,"duet-choice-group-breakpoint-x-large":this.responsive&&"x-large"===this.breakpoint}},i("duet-fieldset",{key:"ade69113f55cbcc86f0504f857ede704aa4c0075",label:this.label,labelHidden:this.labelHidden,compactLabel:!0,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&i("duet-tooltip",{key:"388b1ccb2ac2ba51cb35dbe6f9f824183f0d3f0f",slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{key:"104f30e94ea5413347edb6abc1975fcd9ae8ad6c",name:"tooltip",slot:"tooltip"}),i("div",{key:"af118f2f9fef2e7c2a6aa8d242bdd0cb4001f328",class:{[this.choiceGroupName]:!0,"duet-no-stacking":!this.responsive}},i("slot",{key:"ebb96354e1a32cb4821ad6700e0cdbe1087ee815"}))))}get element(){return a(this)}static get watchers(){return{disabled:["removeDisabledAttributeWhenFalse","updateChoices"],value:["setInitialValue","updateChoices"],name:["updateChoices"],direction:["updateChoices"],responsive:["updateChoices"]}}};j.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}:host(.horizontal) .duet-choice-group{display:block;margin-bottom:-12px}:host(.horizontal) .duet-choice-group.duet-no-stacking{display:flex}@media (min-width: 48em){:host(.horizontal) .duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){:host(.horizontal) .duet-choice-group{display:flex}}:host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){:host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking){display:block}}:host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){:host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){:host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){:host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){:host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";export{C as duet_choice,j as duet_choice_group}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as e,h as o,H as t,g as n}from"./p-DrqQiRTn.js";import{i as r}from"./p-CLZq8YfV.js";import{a}from"./p-Db8rvjPI.js";const i=class{constructor(o){e(this,o),this.theme="",this.href="#",this.icon=void 0,this.getVariant=()=>(this.element.parentElement.parentElement.getAttribute("slot"),"right")}componentWillLoad(){r(this)}handleEscape(e){if(a(e)){const e=this.element.closest("duet-menu-bar-dropdown");e.open=!1,e.setFocus()}}render(){return o(t,{key:"6d31641d480353ee7f924029a31c94dc1747f1ed"},o("a",{key:"ea374446994ad7ea0780b8f4320247c718f08219",class:{"duet-menu-bar-dropdown-link":!0,[`duet-menu-bar-dropdown-link--slot-${this.getVariant()}`]:!0,"duet-theme-turva":"turva"===this.theme},href:this.href,role:"menuitem",onKeyUp:e=>this.handleEscape(e),"aria-label":this.accessibleLabel},this.icon&&o("duet-icon",{key:"486173db589cdbf851d3a5dd9171990af84707bb",theme:this.theme,name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),o("slot",{key:"d284cabdff17ad2590e80ed02894fe87425507b0"})))}get element(){return n(this)}};i.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:100%}.duet-menu-bar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-decoration:none}.duet-menu-bar-dropdown-link:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-menu-bar-dropdown-link:focus,.duet-menu-bar-dropdown-link:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-menu-bar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-menu-bar-dropdown-link.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:rgb(23, 42, 59)}.duet-menu-bar-dropdown-link.duet-theme-turva:hover{background:rgb(251, 235, 225)}';export{i as duet_menu_bar_dropdown_link}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as t,h as e,F as a,g as i}from"./p-DrqQiRTn.js";import{s}from"./p-DEzE2U5T.js";import{i as r}from"./p-CLZq8YfV.js";import{c as o}from"./p-Cfr_DJqU.js";import{s as d,u as n}from"./p-Db8rvjPI.js";import{a as l,g as u,c as p,d as c}from"./p-DFAnksuG.js";import"./p-C6E9F6QT.js";const b=2*parseFloat(s)*16,h=class{constructor(e){t(this,e),this.isTicking=!1,this.expandableId=o("DuetTray"),this.expanded=!1,this.hiddenState=!1,this.language=l(),this.accessibleCloseLabelDefaults={fi:"Sulje",en:"Close",sv:"Stäng"},this.accessibleCloseLabel=u(this.accessibleCloseLabelDefaults,this.language),this.accessibleOpenLabelDefaults={fi:"Avaa",en:"Open",sv:"Öppna"},this.accessibleOpenLabel=u(this.accessibleOpenLabelDefaults,this.language),this.theme="",this.active=!1,this.autoHide=!0,this.responsive=!0,this.animationLoop=()=>{this.hiddenState=window.pageYOffset<b,this.isTicking=!1},this.toggleExpandable=t=>{t.preventDefault(),this.expanded=!this.expanded}}componentWillLoad(){r(this),this.hasAdditionalContent=!!this.element.querySelector("[slot='additional']")}connectedCallback(){p(this,[{prop:"accessibleOpenLabel",defaults:"accessibleOpenLabelDefaults"},{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"}]),d(this)}disconnectedCallback(){c(this),n(this)}getFrame(){!this.isTicking&&this.autoHide&&this.active&&(requestAnimationFrame(this.animationLoop),this.isTicking=!0)}handleBodyClick(t){this.expanded&&(this.expanded=this.element.contains(t.target))}render(){return e("div",{key:"4feb3ea8d6067ec6d82c6eaf9225fe6728bd4acc",class:{"duet-tray":!0,"duet-tray-is-active":this.active,"duet-tray-is-hidden":this.hiddenState,"duet-tray-is-responsive":this.responsive,"duet-theme-turva":"turva"===this.theme,"duet-tray-is-expandable":this.hasAdditionalContent}},e("div",{key:"c51904bcc9f3d0297da08c32952be7ea690bafc8",class:"duet-tray-default-content",role:"status"},e("slot",{key:"52e8b11bdf354f65b34fb1d6d2facbf636a01758"})),this.hasAdditionalContent&&e(a,{key:"86e6560df02094fcc7b7df9146c34c47923d89eb"},e("button",{key:"000c5472ff2f7f1a0ffe6e796817a51fcaecd856","aria-expanded":this.expanded?"true":"false","aria-controls":this.expandableId,onClick:t=>this.toggleExpandable(t),class:{"duet-tray-button":!0,"duet-tray-is-expanded":this.expanded}},e("duet-icon",{key:"02489a52896b40ce4916a3b6dfcdd40d36212251",name:"action-arrow-down",size:"small",color:"currentColor",margin:"none"}),e("duet-visually-hidden",{key:"866528d950899fe557f6023f8f9ca79e9545fd15"},this.expanded?this.accessibleCloseLabel:this.accessibleOpenLabel)),e("div",{key:"c3400e3dda10617ffd45395e46247ef88a2157a8",id:this.expandableId,class:{"duet-tray-expandable":!0,active:this.expanded}},e("div",{key:"f2176a2e171dfae93254cba98d31e13855c3b0e5",class:"duet-tray-expandable-content"},e("slot",{key:"21d7e1276815c885a9832fcdb87ffbd96fe8a03c",name:"additional"})))))}get element(){return i(this)}};h.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}.duet-tray{position:fixed;top:4rem;right:0;left:0;z-index:399;display:flex;visibility:hidden;flex-direction:column;max-height:calc(100% - 8rem);padding:16px 20px 16px 24px;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:rgb(8, 42, 77);background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transform:translateY(-4rem);transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tray:focus,:host(.user-is-tabbing) .duet-tray:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;visibility:hidden;width:calc(100% + 46px);max-height:0;overflow-y:auto;scrollbar-width:none;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{visibility:visible;max-height:500px;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(212, 223, 229)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(8, 42, 77);text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tray-button:focus,:host(.user-is-tabbing) .duet-tray-button:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:active{box-shadow:none;opacity:0.75}.duet-tray.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:rgb(23, 42, 59);background:rgb(253, 247, 242);border-color:rgb(251, 225, 209)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(251, 225, 209)}.duet-theme-turva .duet-tray-button{color:rgb(23, 42, 59)}';export{h as duet_tray}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as t,c as e,h as s,H as i,g as n}from"./p-DrqQiRTn.js";import{g as a}from"./p-DvwKrUS6.js";import{i as u}from"./p-CLZq8YfV.js";import{c as r}from"./p-Cfr_DJqU.js";import{f as o,e as h,g as l,d as b,o as d,s as c,u as p}from"./p-Db8rvjPI.js";import{a as m,b as f,g,c as v,d as x}from"./p-DFAnksuG.js";import{c as y,p as w}from"./p-BQVGvl4H.js";import"./p-C6E9F6QT.js";var k,A,D,N,S=a(A?k:(A=1,k={title:"action-add",tags:"action add plus",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M12 24a.75.75 0 0 1-.75-.75v-10.5H.75a.75.75 0 0 1 0-1.5h10.5V.75a.75.75 0 0 1 1.5 0v10.5h10.5a.75.75 0 0 1 0 1.5h-10.5v10.5A.75.75 0 0 1 12 24z"/></svg>'})),C=a(N?D:(N=1,D={title:"action-subtract",tags:"action subtract minus remove delete cancel",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.75 12.788a.75.75 0 0 1 0-1.5h22.5a.75.75 0 0 1 0 1.5z"/></svg>'}));function E(t,e){let s;if("string"==typeof t){if(""===t)return null;let i=t.replace("−","-").replace("‐","-").replace("−","-").replace("–","-").replace("—","-");e&&(i=function(t,e,s=!1){let i;const n=new Intl.NumberFormat(e).format(.5).replace(/[0-9]/g,""),a=new Intl.NumberFormat("en-US").format(.5).replace(/[0-9]/g,""),u=new Intl.NumberFormat(e).format(1e3).replace(/[0-9]/g,""),r=new Intl.NumberFormat("en-US").format(1e3).replace(/[0-9]/g,"");return i=t.replace(n,"DECIMALSEPARATOR"),i=i.replace(u,s?"THOUSANDSEPARATOR":""),i=i.replace("DECIMALSEPARATOR",a),i=i.replace("THOUSANDSEPARATOR",r),i}(i,e,!1)),i=i.replace(/\s+/g,""),s=parseFloat(i)}if("number"==typeof t&&(s=parseFloat(String(t))),!isNaN(Number(s)))return Number(s);if(null==t)return null;throw new Error("Invalid value passed to SafeParseFloat")}const $=(t,e,s)=>Math.min(Math.max(t,e),s),z=class{constructor(s){t(this,s),this.duetChange=e(this,"duetChange",3),this.duetInput=e(this,"duetInput",3),this.duetBlur=e(this,"duetBlur",7),this.duetFocus=e(this,"duetFocus",7),this.inputId=r("DuetInput"),this.proxyId=r("DuetInput"),this.language=m(),this.locale=f(this.language).locale,this.unit=f(this.language).money,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLiveDefaults={fi:"{current} euroa valittuna",en:"{current} euros selected",sv:"{current} euro valt"},this.accessibleLive=g(this.accessibleLiveDefaults,this.language),this.accessibleLiveEnabled=!0,this.accessibleAddDefaults={fi:"Lisää {step} {unit}",en:"Add {step} {unit}",sv:"Lägg till {step} {unit}"},this.accessibleAdd=g(this.accessibleAddDefaults,this.language),this.accessibleSubtractDefaults={fi:"Vähennä {step} {unit}",en:"Subtract {step} {unit}",sv:"Subtrahera {step} {unit}"},this.accessibleSubtract=g(this.accessibleSubtractDefaults,this.language),this.theme="",this.margin="auto",this.expand=!1,this.min=0,this.labelDefaults={fi:"Nimilappu",en:"Label",sv:"Etikett"},this.label=g(this.labelDefaults,this.language),this.labelHidden=!1,this.max=1e6,this.error="",this.tooltip="",this.step=5e3,this.rounding=!0,this.disabled=!1,this.required=!1,this.handleFocus=()=>{this.focusedValue=this.value},this.handleKeyDown=t=>{o(t)||h(t)?this.add(t):l(t)||b(t)?this.subtract(t):d(t)&&this.clearValue(t)},this.handleChange=t=>{t.stopPropagation();const e=t.target;if(e&&e.value)try{let s=E(e.value,this.locale);(isNaN(s)||null==s)&&(s=this.min||0),this.setValue(s),this.duetInput.emit({component:"duet-number-input",originalEvent:t,value:E(this.value,this.locale).toString(),valueAsNumber:s})}catch(s){"-"!==e.value&&this.clearValue(t),this.duetInput.emit({component:"duet-number-input",originalEvent:t,value:null,valueAsNumber:null})}else this.duetInput.emit({component:"duet-number-input",originalEvent:t,value:null,valueAsNumber:null})},this.handleBlur=t=>{const e=t.target;var s;if(e)if(e.value)try{let i=E(e.value,this.locale);this.rounding&&(s=this.step,i=Math.round(i/s)*s),i=$(i,this.min,this.max),i===E(this.value,this.locale)&&i===E(this.focusedValue,this.locale)||(this.setValue(i),this.emitChange(t))}catch(e){this.emitNull(t)}else this.emitNull(t)},this.emitChange=t=>{const e=E(this.value,this.locale);this.duetChange.emit({originalEvent:t,value:e.toString(),valueAsNumber:e,component:"duet-number-input"})},this.emitNull=t=>{this.duetChange.emit({originalEvent:t,value:null,valueAsNumber:null,component:"duet-number-input"})},this.localizeValue=t=>t.toLocaleString(this.locale,{useGrouping:!1}),this.setValue=t=>{this.value=this.localizeValue(t),this.duetInputElement.value=`${this.value}${this.getUnitString()}`},this.add=t=>{t&&t.preventDefault();const e=E(this.value,this.locale);if(e===this.max)return;let s=null==e?this.min:e+this.step;s%this.step!=0&&(s-=s%this.step);const i=$(s,this.min,this.max);this.value=this.localizeValue(i),this.emitChange(t)},this.subtract=t=>{t&&t.preventDefault();const e=E(this.value,this.locale);if(e===this.min)return;let s=e-this.step;s%this.step!=0&&(s+=this.step-s%this.step),s=$(s,this.min,this.max),this.value=this.localizeValue(s),this.emitChange(t)}}componentWillLoad(){u(this),this.value&&(this.value=this.localizeValue(E(this.value,this.locale))),y(this.element,"tooltip","duet-tooltip",1,!0)}connectedCallback(){v(this,[{prop:"accessibleLive",defaults:"accessibleLiveDefaults"},{prop:"accessibleAdd",defaults:"accessibleAddDefaults"},{prop:"accessibleSubtract",defaults:"accessibleSubtractDefaults"},{prop:"label",defaults:"labelDefaults"}]),c(this)}disconnectedCallback(){x(this),p(this)}componentDidRender(){w(this.element,this.proxyId,this.name,this.value?`${this.value} ${this.unit}`:"",this.required)}async setFocus(t){this.duetInputElement.setFocus(t)}async getValueAsNumber(){const t=E(this.value,this.locale);return null==this.value||isNaN(t)?null:t}clearValue(t){this.duetInputElement.value="",null!==this.value&&(this.value=null,this.emitNull(t))}getUnitString(){return this.unit?` ${this.unit}`:""}formatAnnouncement(){const t=this.value?E(this.value,this.locale):null;return null==t?"":this.accessibleLive.replace("{current}",t.toString(10))}render(){const t=this.identifier||this.inputId,e=`${this.localizeValue(this.max)}${this.getUnitString()}`.length,n=this.value?E(this.value,this.locale):null;return s(i,{key:"2f0bce422783a7da27a9750a185bd55e5845528b",class:{"duet-theme-turva":"turva"===this.theme,"duet-expand":this.expand,"duet-m-0":"none"===this.margin}},s("div",{key:"7c89eb8dfc7a08b0bdf2c83acbb0fafb80626b9d",class:"duet-number-container"},s("duet-input",{key:"b105894b4934b2fcbc87df94ac2d47556809f4e6",ref:t=>this.duetInputElement=t,onDuetChange:t=>this.handleChange(t),onDuetFocus:this.handleFocus,onDuetBlur:t=>this.handleBlur(t),onKeyDown:t=>this.handleKeyDown(t),label:this.label,value:this.value?`${this.value}${this.getUnitString()}`:"",error:this.error,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":null!=n?n:"",maxlength:e,name:this.name,component:"number",required:this.required,disabled:this.disabled,role:this.role,labelHidden:this.labelHidden,tooltip:this.tooltip,identifier:t,theme:this.theme,margin:"none",expand:!0,numericKeyboard:!0,autoComplete:"off",type:"text",accessibleActiveDescendant:this.accessibleActiveDescendant,accessibleLabelledBy:this.accessibleLabelledBy,accessibleDescription:this.accessibleDescription,accessibleDetails:this.accessibleDetails,accessibleControls:this.accessibleControls,accessibleOwns:this.accessibleOwns,accessibleDescribedBy:this.accessibleDescribedBy},s("slot",{key:"7e215203a35180b356101f9fd7ff7d4a31915194",name:"tooltip"}),s("div",{key:"e37e08e25c08f8e8103b1c837e2a28dc50030ff3",class:{"duet-number-buttons":!0,"duet-no-label":this.labelHidden}},s("button",{key:"a31ef07fda57ddd4732b228fa535a2236cd32c67",disabled:this.disabled,"aria-disabled":null==n||n===this.min?"true":"false",class:"duet-number-button duet-number-button-subtract",onClick:this.subtract,type:"button"},s("duet-visually-hidden",{key:"9212db5abcfa94ffdd16ffd0e71ec775dc8f7471"},this.accessibleSubtract.replace(/\{\s*step\s*\}/,`${this.step}`).replace(/\{\s*unit\s*\}/,`${this.unit}`)),s("duet-icon",{key:"ba380fee34a9923858cb8c4ed7cebb1e7155b69e",icon:C.svg,size:"small",margin:"none",color:"turva"===this.theme?"secondary-turva":"secondary"})),s("button",{key:"d168f42728f6841303e7a3663fb9ee54fa8c13c4",disabled:this.disabled,"aria-disabled":n===this.max?"true":"false",class:"duet-number-button duet-number-button-add",onClick:this.add,type:"button"},s("duet-visually-hidden",{key:"07a4f0464663edb651840f2f3ad716f2064404e2"},this.accessibleAdd.replace(/\{\s*step\s*\}/,`${this.step}`).replace(/\{\s*unit\s*\}/,`${this.unit}`)),s("duet-icon",{key:"6e2a4ccac6b0be2c3f4d6da7b8c9dada5ca78701",icon:S.svg,size:"small",margin:"none",color:"turva"===this.theme?"secondary-turva":"secondary"})))),this.accessibleLiveEnabled&&s("duet-visually-hidden",{key:"03970396f2bc5e1acc1fafaa6e63ba2550cd2f8d","aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement())))}get element(){return n(this)}};z.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{margin-right:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host(.form-distribute:last-of-type:not(:last-child)){margin-right:16px !important}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;line-height:1.25;vertical-align:bottom;text-align:left}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}.duet-number-container{position:relative;width:100%}.duet-number-buttons{-webkit-user-select:none;user-select:none;position:absolute;top:1px;right:1px;z-index:200;width:96px;height:calc(100% - 2px)}.duet-number-buttons .duet-number-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:50%;height:100%;text-align:center;-webkit-appearance:none;appearance:none;cursor:pointer;background:transparent}.duet-number-buttons .duet-number-button:focus{outline:0}:host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus{outline:2px solid;outline-offset:0;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus,:host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-number-buttons .duet-number-button[aria-disabled=true],.duet-number-buttons .duet-number-button:disabled{pointer-events:none}.duet-number-buttons .duet-number-button[aria-disabled=true] duet-icon,.duet-number-buttons .duet-number-button:disabled duet-icon{opacity:0.4}.duet-number-buttons .duet-number-button:active duet-icon{transform:translateY(1px)}:host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus{z-index:2}.duet-number-buttons .duet-number-button:first-of-type{border-left:1px solid rgb(181, 198, 208)}.duet-number-buttons .duet-number-button:first-of-type::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:"";background:linear-gradient(to left, rgba(181, 198, 208, 0.2) 0%, rgba(181, 198, 208, 0.2) 1px, rgba(181, 198, 208, 0.1) 1px, rgba(181, 198, 208, 0) 100%)}.duet-number-buttons .duet-number-button:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}.duet-number-buttons .duet-number-button:last-of-type::before{position:absolute;top:20%;left:0;z-index:-1;width:1px;height:60%;content:"";background:rgb(212, 223, 229)}:host(.duet-theme-turva) .duet-number-buttons .duet-number-button:first-of-type::before{background:linear-gradient(to left, rgba(178, 194, 205, 0.2) 0%, rgba(178, 194, 205, 0.2) 1px, rgba(178, 194, 205, 0.1) 1px, rgba(178, 194, 205, 0) 100%)}:host(.duet-theme-turva) .duet-number-buttons .duet-number-button:last-of-type::before{background:rgb(212, 221, 226)}';export{z as duet_number_input}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as t,h as e,H as i,g as n,F as o}from"./p-DrqQiRTn.js";import{i as a}from"./p-CLZq8YfV.js";import{s as r}from"./p-C6E9F6QT.js";import{g as d}from"./p-D2ly4TZR.js";import{g as l}from"./p-DvwKrUS6.js";import{n as s}from"./p-vVCYtBMj.js";import{a as u,f as h}from"./p-8RjiAqaE.js";import{g as c}from"./p-CW11pVgw.js";import{a as p,g as m,c as g,d as b}from"./p-DFAnksuG.js";import{c as k}from"./p-Cfr_DJqU.js";import"./p-DEzE2U5T.js";import"./p-BQVGvl4H.js";const x=class{constructor(e){t(this,e),this.theme="",this.margin="auto",this.selected=!1,this.size="medium"}componentWillLoad(){a(this)}render(){return e(i,{key:"f0006c630adf5dfdffecf1694f5f132b6bbfc285",class:{"duet-caption":!0,"duet-caption-selected":this.selected,"duet-caption-small":"small"===this.size,"duet-theme-turva":"turva"===this.theme,"duet-m-0":"none"===this.margin}},e("slot",{key:"6d6fcee0296c8e2c445b048b3cde5a6fdee74f66"}))}get element(){return n(this)}};x.style=':host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:16px !important;display:flex;flex:0 0 100%;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;vertical-align:top;color:rgb(98, 121, 138)}:host.duet-p-0{padding:0 !important}:host.duet-m-0{margin:0 !important}:host(.duet-caption-small){font-size:0.875rem;line-height:1.25}:host(.duet-caption-selected){color:rgb(0, 119, 179)}:host(.duet-m-0){margin:0 !important}:host(.duet-theme-turva){font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(72, 100, 122)}:host(.duet-theme-turva.duet-caption-selected.duet-theme-turva){color:rgb(23, 42, 59)}';const f=class{constructor(e){t(this,e),this.level="h2",this.margin="auto",this.border=!1,this.weight="auto",this.color="",this.theme="",this.hyphenate=!1,this.fixedSize=!1}componentWillLoad(){a(this)}render(){const t=r(this.level),i=d(this.color);return e(t,{key:"2f89171baca460e8b0b6b807a992856426a83838",class:{"duet-heading":!0,"duet-heading-border":!1!==this.border,"duet-heading-border-solid":"solid"===this.border,"duet-normal":"normal"===this.weight,"duet-semibold":"semibold"===this.weight,"duet-heading-hyphenate":this.hyphenate,"duet-m-0":"none"===this.margin,[this.visualLevel?this.visualLevel:this.level]:!0,"duet-theme-turva":"turva"===this.theme,"fixed-size":this.fixedSize},"aria-label":this.accessibleLabel,style:{color:i},part:"duet-heading"},e("slot",{key:"aded9e6a879359f85d77f436736131a26188f4dc"}))}get element(){return n(this)}};var w,v;f.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:relative;display:block;width:100%}.duet-heading{margin-bottom:16px !important;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-style:normal;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);letter-spacing:-0.01rem;word-break:break-word;text-wrap:balance;text-decoration:none}@media (min-width: 36em){.duet-heading{margin-bottom:20px !important}}.duet-heading.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:italic;font-weight:700;color:rgb(23, 42, 59)}.duet-heading.duet-heading-border{padding-bottom:20px;border-bottom:1px solid rgb(212, 223, 229)}.duet-heading.duet-heading-border.duet-heading-border-solid{border-bottom-color:rgb(98, 121, 138)}.duet-heading.duet-heading-hyphenate{-webkit-hyphens:auto;hyphens:auto}.duet-heading.h0{font-size:9.4vw;line-height:1.1}.duet-heading.h0.duet-p-0{padding:0 !important}.duet-heading.h0.duet-m-0{margin:0 !important}@media (max-width: 31.914893617rem){.duet-heading.h0{font-size:3rem}}@media (min-width: 47.8723404255rem){.duet-heading.h0{font-size:4.5rem}}@media (max-width: 22.5em){.duet-heading.h0{font-size:2.25rem}}.duet-heading.h0.fixed-size{font-size:4.5rem}.duet-heading.h1{font-size:7vw;line-height:1.1}.duet-heading.h1.duet-p-0{padding:0 !important}.duet-heading.h1.duet-m-0{margin:0 !important}@media (max-width: 32.1428571429rem){.duet-heading.h1{font-size:2.25rem}}@media (min-width: 42.8571428571rem){.duet-heading.h1{font-size:3rem}}@media (max-width: 22.5em){.duet-heading.h1{font-size:1.5rem}}.duet-heading.h1.fixed-size{font-size:3rem}.duet-heading.h2{font-size:5.8vw;line-height:1.1}.duet-heading.h2.duet-p-0{padding:0 !important}.duet-heading.h2.duet-m-0{margin:0 !important}@media (max-width: 25.8620689655rem){.duet-heading.h2{font-size:1.5rem}}@media (min-width: 38.7931034483rem){.duet-heading.h2{font-size:2.25rem}}.duet-heading.h2.duet-theme-turva{font-style:normal}@media (max-width: 22.5em){.duet-heading.h2{font-size:1.375rem}}.duet-heading.h2.fixed-size{font-size:2.25rem}.duet-heading.h3{margin-bottom:12px !important;font-size:4.2vw}.duet-heading.h3.duet-p-0{padding:0 !important}.duet-heading.h3.duet-m-0{margin:0 !important}@media (max-width: 29.7619047619rem){.duet-heading.h3{font-size:1.25rem}}@media (min-width: 35.7142857143rem){.duet-heading.h3{font-size:1.5rem}}.duet-heading.h3.duet-theme-turva{font-style:normal}.duet-heading.h3.duet-heading-border{padding-bottom:20px}.duet-heading.h3.fixed-size{font-size:1.5rem}.duet-heading.h4{margin-bottom:8px !important;font-size:4vw;letter-spacing:0}.duet-heading.h4.duet-p-0{padding:0 !important}.duet-heading.h4.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h4{font-size:1.1rem}}@media (min-width: 31.25rem){.duet-heading.h4{font-size:1.25rem}}.duet-heading.h4.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h4.duet-heading-border{padding-bottom:20px}.duet-heading.h4.fixed-size{font-size:1.25rem}.duet-heading.h5{margin-bottom:8px !important;font-size:4vw;font-weight:600;letter-spacing:0}.duet-heading.h5.duet-p-0{padding:0 !important}.duet-heading.h5.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h5{font-size:1.1rem}}@media (min-width: 28.4090909091rem){.duet-heading.h5{font-size:1.1363636364rem}}.duet-heading.h5.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h5.duet-heading-border{padding-bottom:16px}.duet-heading.h5.fixed-size{font-size:1.25rem}.duet-heading.h6{margin-bottom:8px !important;font-size:1rem;font-weight:600;letter-spacing:0}.duet-heading.h6.duet-p-0{padding:0 !important}.duet-heading.h6.duet-m-0{margin:0 !important}.duet-heading.h6.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h6.duet-heading-border{padding-bottom:16px}.duet-heading.duet-normal,.duet-heading.duet-theme-turva.duet-normal{font-style:normal !important;font-weight:400 !important}.duet-heading.duet-semibold,.duet-heading.duet-theme-turva.duet-semibold{font-style:normal !important;font-weight:600 !important}.duet-heading.duet-theme-turva{font-style:normal !important;color:rgb(23, 42, 59)}';var y,z,_,S,j=l(v?w:(v=1,w={title:"action-arrow-right",tags:"action arrow right caret",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M5.499 24a.752.752 0 0 1-.53-1.281L15.689 12 4.969 1.28c-.142-.141-.22-.33-.22-.53s.078-.389.22-.53c.141-.142.33-.22.53-.22s.389.078.53.22l10.72 10.72a1.5 1.5 0 0 1 .001 2.119L6.029 23.78a.743.743 0 0 1-.53.22z"/></svg>'})),A=l(z?y:(z=1,y={title:"action-download-small",tags:"action download arrow down small",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M13.193 1.7c0-.658-.542-1.2-1.2-1.2-.657 0-1.199.542-1.199 1.2v8.922l-2.778-2.6a1.2 1.2 0 0 0-1.64 1.751l4.797 4.498c.458.43 1.183.43 1.64 0l4.798-4.498c.242-.228.379-.544.379-.875a1.2 1.2 0 0 0-2.02-.876l-2.777 2.603V1.699Z"/><path d="M1.5 13.544a1.5 1.5 0 0 1 1.498 1.5v1.498a1.61 1.61 0 0 0 .418 1.096h-.003c0-.002.036.032.13.082.39.194.818.305 1.254.321H19.19a3.085 3.085 0 0 0 1.255-.32c.096-.051.13-.085.13-.085.27-.3.42-.69.414-1.096v-1.5c0-.822.677-1.498 1.5-1.498.822 0 1.499.676 1.499 1.499v1.499c0 1.16-.43 2.293-1.224 3.142-.518.557-1.235.876-1.791 1.056a5.976 5.976 0 0 1-1.783.302H4.797a6.053 6.053 0 0 1-1.782-.302c-.556-.18-1.274-.5-1.792-1.056A4.613 4.613 0 0 1 0 16.542v-1.499a1.5 1.5 0 0 1 1.5-1.499Z"/></svg>'})),U=l(S?_:(S=1,_={title:"action-new-window",tags:"arrow open new window tab external link square box rectangle action",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M10.25 2a.75.75 0 1 1 0 1.5h-6.5A2.252 2.252 0 0 0 1.5 5.75v14.5a2.252 2.252 0 0 0 2.25 2.25h14.5a2.252 2.252 0 0 0 2.25-2.25v-6.5a.75.75 0 0 1 1.5 0v6.5A3.754 3.754 0 0 1 18.25 24H3.75A3.754 3.754 0 0 1 0 20.25V5.75A3.754 3.754 0 0 1 3.75 2zm12.985-2c.1 0 .198.02.29.058l.025.011a.726.726 0 0 1 .15.091l.066.059a.755.755 0 0 1 .109.138l.051.1c.04.092.06.192.06.293l-.001 6.363c0 .2-.078.389-.22.53a.743.743 0 0 1-.53.22.743.743 0 0 1-.53-.22.743.743 0 0 1-.22-.53V2.559L15.28 9.764a.75.75 0 0 1-1.06-1.06l7.204-7.205h-4.553a.744.744 0 0 1-.75-.75c0-.2.078-.388.22-.53A.743.743 0 0 1 16.87 0z"/></svg>'}));const I=class{constructor(e){t(this,e),this.variation="default",this.language=p(),this.accessibleLabelExternalDefaults=u,this.accessibleLabelExternal=m(this.accessibleLabelExternalDefaults),this.accessibleLabelDownloadDefaults=h,this.accessibleLabelDownload=m(this.accessibleLabelDownloadDefaults),this.accessiblePopup="false",this.theme="",this.url="#",this.external=!1,this.download=null,this.tabToLink=!1,this.iconColor="currentColor",this.iconBackground=null,this.iconResponsive=!1,this.margin="auto",this.padding="auto",this.isMediumScreen=!1}componentWillLoad(){a(this),this.resolvedDownload=this.resolveDownload(),"button"===this.variation&&"#"===this.url&&(this.url=void 0)}connectedCallback(){g(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"}),this.setAriaLabel(),this.mutationObserver=new MutationObserver(this.setAriaLabel.bind(this)),this.mutationObserver.observe(this.element,{subtree:!0,childList:!0,characterData:!0})}disconnectedCallback(){b(this),this.mutationObserver&&this.mutationObserver.disconnect()}async setFocus(t){this.nativeLink.focus(t)}setAriaLabel(){setTimeout((()=>{this.ariaLabel=this.url&&c(this)||this.accessibleLabel}))}resolveDownload(){return""===this.download?this.url.split("/").pop():this.download}renderDefaultContent(){return e(o,null,e("span",{class:"duet-link-content",part:"duet-link-content"},e("slot",null)),(this.resolvedDownload||this.external)&&"default"===this.variation&&e(o,null,e("span",{class:"duet-link-icon-tail"}," ",e("duet-icon",{icon:this.resolvedDownload?A.svg:s.svg,size:"xx-small",margin:"none",color:"currentColor"}))))}renderBlockContent(){return e(o,null,this.icon&&e("span",{class:"block__icon"},e("duet-icon",{class:this.iconResponsive?"icon-responsive":"",size:"auto",name:this.icon,margin:"none",color:this.iconColor})),e("span",{class:"block__content"},this.renderDefaultContent()),e("span",{class:"block__chevron",part:"block-chevron"},e("duet-icon",{class:"block__chevron-icon",icon:this.external?U.svg:j.svg,size:"x-small",margin:"none",color:"primary"})))}renderButtonCardContent(){const t={"background-color":d(this.iconBackground,this.theme)};return e(o,null,this.icon&&e("span",{class:"icon-wrap",style:t},e("duet-icon",{size:"auto",name:this.icon,margin:"none",color:this.iconColor})),e("div",{class:"duet-link-content",part:"duet-link-content"},e("slot",null)),e("span",{class:"chevron-wrap"},e("duet-icon",{class:"block__chevron-icon",icon:this.external?U.svg:j.svg,size:"x-small",margin:"none",color:"primary-dark"})))}renderArticleListContent(){return e("div",{class:"duet-link-content-wrap"},this.iconBackground&&e("div",{class:"duet-link-bullet",style:{background:d(this.iconBackground,this.theme)}}),e("span",null,e("span",{class:"duet-link-content",part:"duet-link-content"},e("slot",null)),(this.resolvedDownload||this.external)&&e(o,null,e("span",{class:"duet-link-icon-tail"}," ",e("duet-icon",{icon:this.resolvedDownload?A.svg:s.svg,size:"xx-small",margin:"none",color:"currentColor"}))),e("span",{class:"duet-link-meta"},e("slot",{name:"meta"}))))}renderContent(){switch(this.variation){case"default":return this.renderDefaultContent();case"block":case"block-center":return this.renderBlockContent();case"button":case"list-button":case"card":return this.renderButtonCardContent();case"article-list":return this.renderArticleListContent()}}render(){const t=this.url||"default"===this.variation?"a":"button",n=this.url||"default"!==this.variation?null:"button",o="button"===t;return e(i,{key:"b7bc738a8b128a9e56337a4ddc2b3d8cb87d4cf6",class:{[`duet-link-${this.variation}`]:!0,"duet-m-0":"none"===this.margin}},e(t,{key:"5b530346d4036ccf8d777a2114ab74385d390eb9",href:this.url,class:{"duet-link":!0,"duet-link-is-external":this.external,"duet-link-is-download":!!this.download,"duet-link-has-icon":!!this.icon,"duet-link-has-icon-background":!!this.iconBackground,"duet-tab-to-link":this.tabToLink,"duet-theme-turva":"turva"===this.theme,"duet-p-0":"none"===this.padding,[this.padding]:!0,[this.variation]:!0},target:this.download||!this.url?null:this.external?"_blank":"_self",download:this.resolvedDownload,"aria-label":this.ariaLabel,"aria-expanded":null!=this.accessibleExpanded&&o?this.accessibleExpanded.toString():void 0,"aria-haspopup":null!=this.accessiblePopup&&o?this.accessiblePopup.toString():void 0,id:this.identifier,ref:t=>this.nativeLink=t,part:"duet-link",rel:this.external?"noopener":void 0,role:n},this.renderContent()))}static get delegatesFocus(){return!0}get element(){return n(this)}static get watchers(){return{download:["setAriaLabel"],external:["setAriaLabel"],language:["setAriaLabel"]}}};I.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:inline}:host(.duet-link-block){display:block}:host(.duet-link-button){margin-right:8px !important;margin-bottom:12px !important;display:inline-block;width:100%}:host(.duet-link-button):last-child,:host(.duet-link-button):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.duet-link-button):last-of-type:not(:last-child){margin-right:8px !important}:host(.duet-m-0){margin:0 !important}.duet-link{display:inline;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:normal;font-weight:400;color:rgb(0, 97, 155);text-decoration:underline;border-radius:4px;transition:300ms ease}.duet-link:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-link:focus,.duet-link:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-link:hover{color:rgb(0, 75, 129);text-decoration:none}.duet-link:active{opacity:0.75;transition:none}button{font-size:inherit;cursor:pointer}.duet-link-is-external.duet-link:not(.block,.button,.card,.article-list),.duet-link-is-download.duet-link:not(.block,.button,.card,.article-list){text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card,.article-list) .duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card,.article-list) .duet-link-content{text-decoration:underline}.duet-link-is-external.duet-link:not(.block,.button,.card,.article-list):hover>.duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card,.article-list):hover>.duet-link-content{text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card,.article-list) .duet-link-icon-tail,.duet-link-is-download.duet-link:not(.block,.button,.card,.article-list) .duet-link-icon-tail{white-space:nowrap;text-decoration:none}.duet-tab-to-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}@media (min-width: 106.25em){.duet-tab-to-link{margin-left:20px}}.duet-tab-to-link:focus{top:12px;left:20px;width:auto;height:auto;opacity:1}.block.duet-link,.block-center.duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(8, 42, 77);text-decoration:none}.block.duet-link.duet-link-has-icon,.block-center.duet-link.duet-link-has-icon{grid-template-columns:auto 1fr auto}.block.duet-link.none,.block-center.duet-link.none{padding:0}.block.duet-link:hover .duet-link-content,.block-center.duet-link:hover .duet-link-content{color:rgb(0, 97, 155)}.block .block__icon,.block-center .block__icon{display:flex}.block .block__icon duet-icon,.block-center .block__icon duet-icon{width:16px;height:16px}.block .block__icon duet-icon.icon-responsive,.block-center .block__icon duet-icon.icon-responsive{width:30px;height:30px}@media (max-width: 22.5em){.block .block__icon duet-icon.icon-responsive,.block-center .block__icon duet-icon.icon-responsive{width:24px;height:24px}}.block .block__content,.block-center .block__content{position:relative;bottom:2px}.block .block__chevron,.block-center .block__chevron{align-self:center}.block .block__chevron-icon,.block-center .block__chevron-icon{transition:300ms ease}.block:not(.duet-link-is-external):hover .block__chevron-icon,.block-center:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.block-center.duet-link{align-items:center}.block-center .block__content{position:static}.block-center .block__chevron{display:flex;align-items:center}.duet-link.button:not(.duet-link-has-icon-background) .icon-wrap duet-icon{width:20px;height:20px}.duet-link.button.duet-link-has-icon-background .icon-wrap duet-icon{width:20px;height:20px}@media (min-width: 48em){.duet-link.button.duet-link-has-icon-background .icon-wrap duet-icon{width:24px;height:24px}}.duet-link.button,.duet-link.list-button,.duet-link.card{display:flex;gap:12px;align-items:center;width:100%;min-height:48px;padding:14px 16px;line-height:1.25;text-decoration:none;background-color:rgb(255, 255, 255);border:solid 1px rgb(181, 198, 208);border-radius:12px;transition:all 300ms ease}.duet-link.button>*,.duet-link.list-button>*,.duet-link.card>*{flex-shrink:0}.duet-link.button .duet-link-content,.duet-link.list-button .duet-link-content,.duet-link.card .duet-link-content{flex-grow:1;flex-shrink:1;font-size:1rem;font-weight:600;color:rgb(8, 42, 77);text-align:left}.duet-link.button .icon-wrap,.duet-link.list-button .icon-wrap,.duet-link.card .icon-wrap{display:flex;align-items:center;justify-content:center}.duet-link.button .icon-wrap duet-icon,.duet-link.list-button .icon-wrap duet-icon,.duet-link.card .icon-wrap duet-icon{width:24px;height:24px}@media (min-width: 48em){.duet-link.button .icon-wrap duet-icon,.duet-link.list-button .icon-wrap duet-icon,.duet-link.card .icon-wrap duet-icon{width:30px;height:30px}}.duet-link.button .chevron-wrap,.duet-link.list-button .chevron-wrap,.duet-link.card .chevron-wrap{height:16px}.duet-link.button.duet-link-has-icon-background,.duet-link.list-button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{min-height:60px;padding:12px;padding-right:20px;line-height:1.5}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.list-button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:36px;height:36px;border-radius:8px}.duet-link.button:hover,.duet-link.list-button:hover,.duet-link.card:hover{outline:2px solid rgb(0, 119, 179);border-color:rgb(0, 119, 179)}@media (min-width: 48em){.duet-link.button,.duet-link.list-button,.duet-link.card{min-height:50px}.duet-link.button.duet-link-has-icon-background,.duet-link.list-button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{gap:16px;min-height:72px;border-radius:16px}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.list-button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.button.duet-link-has-icon-background .duet-link-content,.duet-link.list-button.duet-link-has-icon-background .duet-link-content,.duet-link.card.duet-link-has-icon-background .duet-link-content{font-size:1.1rem}}.duet-link.button .block__chevron-icon,.duet-link.list-button .block__chevron-icon,.duet-link.card .block__chevron-icon{transition:300ms ease}.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon,.duet-link.list-button:not(.duet-link-is-external):hover .block__chevron-icon,.duet-link.card:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.duet-link.list-button{padding:20px 12px 20px 4px;margin-top:-1px;border:solid 1px rgb(181, 198, 208);border-width:1px 0;border-radius:0}.duet-link.list-button .icon-wrap duet-icon{width:20px;height:20px}@media (min-width: 48em){.duet-link.list-button .icon-wrap duet-icon{width:24px;height:24px}}.duet-link.list-button:hover{outline:0;border-color:rgb(181, 198, 208)}.duet-link.list-button:hover .duet-link-content{color:rgb(0, 119, 179)}.duet-link.card{border-color:rgb(228, 236, 239);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-link.card:not(.duet-link-has-icon){gap:12px;padding:16px}.duet-link.card .chevron-wrap{display:flex;align-items:center;height:100%}.duet-link.card.duet-link-has-icon{gap:12px;align-items:flex-start;padding:16px}.duet-link.card.duet-link-has-icon .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:48px}@media (min-width: 48em){.duet-link.card:not(.duet-link-has-icon){gap:20px;padding:24px}.duet-link.card.duet-link-has-icon{gap:20px;padding:24px}.duet-link.card.duet-link-has-icon .icon-wrap{width:62px;height:62px;border-radius:16px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:62px}}.duet-link.article-list{display:block;padding:20px 0;margin-bottom:-1px;text-decoration:none;border:solid rgb(212, 223, 229);border-width:1px 0;border-radius:0}.duet-link.article-list .duet-link-content{font-weight:600;color:rgb(0, 75, 129)}.duet-link.article-list .duet-link-content-wrap{display:flex}.duet-link.article-list .duet-link-bullet{flex-shrink:0;width:8px;height:8px;margin-top:8px;margin-right:16px;border-radius:2px}.duet-link.article-list .duet-link-meta{display:block;margin-top:4px;font-weight:400;color:rgb(81, 105, 123)}.duet-link.article-list:focus .duet-link-content,.duet-link.article-list:hover .duet-link-content{color:rgb(0, 97, 155);text-decoration:underline}.duet-theme-turva.duet-link{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(185, 3, 41)}.duet-theme-turva.duet-link:hover{color:rgb(140, 0, 30)}.duet-theme-turva.duet-link.button,.duet-theme-turva.duet-link.list-button{border-color:rgb(178, 194, 205)}.duet-theme-turva.duet-link.button .duet-link-content,.duet-theme-turva.duet-link.list-button .duet-link-content{color:rgb(23, 42, 59)}.duet-theme-turva.duet-link.button:hover{outline-color:rgb(230, 23, 64);border-color:rgb(230, 23, 64)}.duet-theme-turva.duet-link.list-button:hover{border-color:rgb(178, 194, 205)}.duet-theme-turva.duet-link.list-button:hover .duet-link-content{color:rgb(230, 23, 64)}.duet-theme-turva.duet-link.card{border-color:rgb(228, 233, 237);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13)}.duet-theme-turva.duet-link.block,.duet-theme-turva.duet-link.block-center{color:rgb(23, 42, 59)}.duet-theme-turva.duet-link.block .duet-link-content,.duet-theme-turva.duet-link.block-center .duet-link-content{color:rgb(23, 42, 59)}.duet-theme-turva.duet-link.block:hover,.duet-theme-turva.duet-link.block-center:hover{color:rgb(185, 3, 41)}.duet-theme-turva.duet-link.block:hover .duet-link-content,.duet-theme-turva.duet-link.block-center:hover .duet-link-content{color:rgb(185, 3, 41)}.duet-theme-turva.duet-tab-to-link{min-width:120px;color:rgb(23, 42, 59)}';const C=class{constructor(e){t(this,e),this.id=k("duet-paragraph"),this.inheritingParents=["duet-alert"],this.theme="",this.margin="auto",this.size="medium",this.weight=void 0,this.variation="default",this.color=""}componentWillLoad(){a(this)}render(){const t=d(this.color);return e(i,{key:"b0db3004861f5dfe17d4927087ba6301bc607f5d","aria-describedby":this.id},e("p",{key:"f74e4f0206012d316417ea743d72cc0b76b92ee5",id:this.id,class:{"duet-paragraph":!0,"duet-paragraph-small":"small"===this.size,"duet-paragraph-semi-bold":"semi-bold"===this.weight,"duet-paragraph-bold":"bold"===this.weight,"duet-m-0":"none"===this.margin,[this.variation]:!0,"duet-theme-turva":"turva"===this.theme,"duet-inherit-color":!this.color&&this.inheritingParents.some((t=>this.element.closest(t)))},style:{color:t},part:"duet-paragraph"},e("slot",{key:"86d18dc5cd6ed9610a477fa09b2776d4f2037346"})))}get element(){return n(this)}};C.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:relative;display:block;width:100%}.duet-paragraph{margin-bottom:16px !important;display:block;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-style:normal;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);-webkit-hyphens:auto;hyphens:auto}.duet-paragraph.duet-p-0{padding:0 !important}.duet-paragraph.duet-m-0{margin:0 !important}.duet-paragraph.duet-inherit-color{color:inherit !important}.duet-paragraph.duet-paragraph-small{font-size:0.875rem}.duet-paragraph.duet-paragraph-semi-bold{font-weight:600}.duet-paragraph.duet-paragraph-bold{font-weight:700}.duet-paragraph.duet-m-0{margin:0 !important}.duet-paragraph.intro{font-size:2.7vw;margin-bottom:28px !important;-webkit-hyphens:inherit;hyphens:inherit}@media (max-width: 37.037037037rem){.duet-paragraph.intro{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-paragraph.intro{font-size:1.25rem}}.duet-paragraph.intro.duet-m-0{margin:0 !important}::slotted(a){font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:normal;font-weight:400;color:rgb(0, 119, 179);text-decoration:underline;transition:300ms ease}::slotted(a):hover{color:rgb(0, 75, 129);text-decoration:none}::slotted(a):active{opacity:0.75;transition:none}.duet-paragraph.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:rgb(23, 42, 59)}::slotted(a).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:rgb(230, 23, 64)}::slotted(a:hover).duet-theme-turva{color:rgb(140, 0, 30)}';export{x as duet_caption,f as duet_heading,I as duet_link,C as duet_paragraph}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as t,h as o,H as e,g as r,c as i}from"./p-DrqQiRTn.js";import{i as a}from"./p-CLZq8YfV.js";import{s as n,u as s}from"./p-Db8rvjPI.js";import{F as l}from"./p-B6Z_1gqI.js";import{T as p}from"./p-CxwkvTlZ.js";const d=class{constructor(o){t(this,o),this.label="",this.theme="",this.negative=!1}componentWillLoad(){a(this)}connectedCallback(){n(this)}disconnectedCallback(){s(this)}async setFocus(t){this.buttonElement&&this.buttonElement.focus(t)}render(){const t=o("duet-visually-hidden",{key:"70a82f2c22f0f4f4550e15b1e7ec8c526e3c122e"},this.accessibleLabel);return o(e,{key:"19556e89ed879d642f95db9e14dfe6350af14858"},o("button",{key:"2b2fab3108b3575da91c00ad81a763d776476b28",ref:t=>this.buttonElement=t,"aria-controls":this.tooltipId,"aria-expanded":this.active?"true":"false",type:"button",class:{"duet-tooltip-button":!0,"duet-tooltip-button-has-label":!!this.label,"duet-theme-turva":"turva"===this.theme,"duet-tooltip-button-negative":this.negative}},o("svg",{key:"b665bf9fc4f777eed4e4e152c394adce11fc4f4e","aria-hidden":"true",role:"img",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"2f25f9fefa3c82c6f182507c79d3a9cf904fa009",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",{key:"2b0bea40ebef849a5faf6958f2d6da457180eaa1",cx:"11.625",cy:"7.125",r:"1.125"}),o("path",{key:"44744f79a997b131473388d0e02347277d04c42e",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,t):t))}get element(){return r(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.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:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button:focus{outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-tooltip-button.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:hover{color:rgb(0, 75, 129)}.duet-tooltip-button:hover.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.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;vertical-align:top;text-align:left;white-space:normal}.duet-tooltip-button.duet-theme-turva{color:rgb(230, 23, 64)}.duet-tooltip-button.duet-theme-turva:hover{color:rgb(230, 23, 64)}.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"}';const u=class{constructor(o){t(this,o),this.tooltipPopupClosed=i(this,"tooltipPopupClosed",7),this.theme="",this.handleCloseClick=()=>{this.tooltipPopupClosed.emit()}}componentWillLoad(){a(this)}connectedCallback(){n(this),this.teleport||(this.teleport=new p(this.element)),this.teleport.isActive?this.teleport.observeDeletion():this.teleport.activate()}disconnectedCallback(){s(this)}async getArrowElement(){return this.arrowEl}async getContentElement(){return this.contentEl}async setFocusOnContentElement(){this.contentEl.focus()}render(){return o(e,{key:"cf44855d08d69141e629987f9ba2fdccdcdc21d7"},o("div",{key:"bf7580b8ecdf58b6c93c3c21cbb362234cc699b4",class:{"duet-tooltip":!0,"duet-theme-turva":"turva"===this.theme,"duet-tooltip-active":!0===this.active}},o(l,{key:"6f5a516e23035e8e0b9c2951ef4a10243b564d17",moveFocusTo:this.buttonEl}),o("div",{key:"3d1031a521b8085ee786692f678a599fe7c02512",ref:t=>this.contentEl=t,class:{"duet-tooltip-content-area":!0,"duet-theme-turva":"turva"===this.theme},tabindex:-1,id:this.tooltipId},o("slot",{key:"f40fff5023fe51f2413b7a2cc3fd4fcae353502e"})),o("div",{key:"e549848c426e3056c540a3b7aa808f05416bb5b3",ref:t=>this.arrowEl=t,class:{arrow:!0,[this.placement]:!0},style:this.arrowStyles},o("div",{key:"21e7fddb4ee364c03887c4238dfe3d23beb97ac3",class:{"arrow-container":!0,[this.placement]:!0}})),o("button",{key:"fbef02a023d8b1943a812811e574c9953dce843e",type:"button",class:"duet-tooltip-close",onClick:this.handleCloseClick,ref:t=>this.buttonEl=t},o("duet-icon",{key:"7b4b8aaac8a97ede79cb3390f2e85159dbc0e61f",name:"navigation-close-small",margin:"none",color:"currentColor",size:"xxx-small"}),o("duet-visually-hidden",{key:"9fd02bc99e3fdb9791575525da12a2998d40334a"},this.accessibleCloseLabel)),o(l,{key:"794b71cceb911fbcfdf27110c0d08bd5da230944",moveFocusTo:this.contentEl})))}get element(){return r(this)}};u.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:absolute;z-index:950}.duet-tooltip{position:relative;visibility:hidden;width:282px;min-height:48px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.07);opacity:0;transform-origin:100% 100%;transition:300ms ease}.duet-tooltip .arrow{position:absolute;width:22px;height:22px;pointer-events:none}.duet-tooltip .arrow.bottom,.duet-tooltip .arrow.bottom-start,.duet-tooltip .arrow.bottom-end{top:-20px}.duet-tooltip .arrow-container{position:relative;left:4px;width:100%;height:100%;pointer-events:none}.duet-tooltip .arrow-container::after{position:absolute;z-index:200;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container::before{position:absolute;z-index:100;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container.top::after,.duet-tooltip .arrow-container.top-start::after,.duet-tooltip .arrow-container.top-end::after{bottom:2px;left:2px;border:10px solid transparent;border-top:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.top::before,.duet-tooltip .arrow-container.top-start::before,.duet-tooltip .arrow-container.top-end::before{bottom:-1px;left:1px;border:11px solid transparent;border-top:11px solid rgb(212, 223, 229)}.duet-tooltip .arrow-container.bottom::after,.duet-tooltip .arrow-container.bottom-start::after,.duet-tooltip .arrow-container.bottom-end::after{bottom:1px;left:2px;border:10px solid transparent;border-bottom:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.bottom::before,.duet-tooltip .arrow-container.bottom-start::before,.duet-tooltip .arrow-container.bottom-end::before{bottom:1px;left:1px;border:11px solid transparent;border-bottom:11px solid rgb(212, 223, 229)}.duet-tooltip.duet-tooltip-has-label{right:auto !important;left:0;width:282px !important;transform-origin:0 0 !important}.duet-tooltip.duet-tooltip-active{visibility:visible;opacity:1;transition-property:transform, opacity}.duet-tooltip-content-area{padding:20px !important;width:100%;padding-right:25px !important;overflow-y:auto;-webkit-hyphens:auto;hyphens:auto;border-radius:4px;-webkit-overflow-scrolling:touch}.duet-tooltip-content-area:focus{outline:0}:host(.user-is-tabbing) .duet-tooltip-content-area:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-content-area:focus,:host(.user-is-tabbing) .duet-tooltip-content-area:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-tooltip-content-area::-webkit-scrollbar{width:4px}.duet-tooltip-content-area::-webkit-scrollbar-track{border-radius:4px}.duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 223, 229);border-radius:4px}.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:rgb(8, 42, 77);-webkit-appearance:none;appearance:none;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%}.duet-tooltip-close:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-tooltip-close:focus,.duet-tooltip-close:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-tooltip-close{color:rgb(23, 42, 59)}.duet-theme-turva.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:rgb(23, 42, 59);border-color:rgb(212, 221, 226);box-shadow:0 2px 10px 0 rgba(117, 117, 117, 0.13)}.duet-theme-turva.duet-tooltip .arrow-container.top::before,.duet-theme-turva.duet-tooltip .arrow-container.top-start::before,.duet-theme-turva.duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(212, 221, 226)}.duet-theme-turva.duet-tooltip .arrow-container.bottom::before,.duet-theme-turva.duet-tooltip .arrow-container.bottom-start::before,.duet-theme-turva.duet-tooltip .arrow-container.bottom-end::before{border-bottom:11px solid rgb(212, 221, 226)}.duet-theme-turva .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 221, 226)}.duet-theme-turva .duet-tooltip-close{color:rgb(23, 42, 59)}';export{d as duet_tooltip_button,u as duet_tooltip_popup}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as e,h as t,H as o,g as a}from"./p-DrqQiRTn.js";import{i}from"./p-CLZq8YfV.js";import{h as r,c as d,a as n}from"./p-BQVGvl4H.js";import{g as s,p}from"./p-D2ly4TZR.js";import"./p-DEzE2U5T.js";const c=class{constructor(t){e(this,t),this.theme="",this.margin="auto",this.backgroundColor="",this.textColor="secondary",this.image="",this.headingLevel="h3"}componentWillLoad(){const e=["h1","h2","h3","h4","h5","h6"];i(this),this.hasPreHeadingSlot=r(this.element,"pre-heading"),this.hasHeadingSlot=r(this.element,"heading"),this.hasDescriptionSlot=r(this.element,"description"),this.hasActionSlot=r(this.element,"action"),d(this.element,"heading",`span,${e.join(",")}`),this.hasHeadingSlot&&n(this.element,"heading")[0].matches(e.join(","))&&(this.hasHeadingSlotNative=!0),d(this.element,"description","span")}async setFocus(e){this.url&&this.aOrDivElement&&this.aOrDivElement.focus(e)}render(){const e=s(this.backgroundColor,this.theme);return t(o,{key:"d36e73e86f96e7825e96c7730b330afa8a23c14e",class:{"duet-m-0":"none"===this.margin}},t("aside",{key:"50c45ed20c3dd5c321f20cac8f98d2ec87848f18",class:{"duet-promo-card":!0,"duet-theme-turva":"turva"===this.theme,"no-bg-color":!this.backgroundColor,"duet-promo-card-link":!!this.url},style:{backgroundColor:e||"none"}},t(this.url?"a":"div",{key:"3e564c0bcfda6680953b88b4c8d78462bf938046",href:this.url,class:{"content-wrapper":!0,"duet-theme-turva":"turva"===this.theme},ref:e=>this.aOrDivElement=e},t("img",{key:"d29c458cefa1d508258c17b8ceffeb7739519bf5",class:"image",src:this.image,alt:this.imageAlt||"",role:this.imageAlt?null:"presentation"}),t("div",{key:"994fb32775e2da22e3d3d28b0b7d95f115c083ec",class:"content"},this.hasPreHeadingSlot&&t("div",{key:"cf3d737104fabdf6f04deef643fd06e0e0032db4",class:"pre-heading"},t("slot",{key:"d92602ce7cfc2b1f3c5779be9d6e735077a1deea",name:"pre-heading"})),this.hasHeadingSlot&&t("div",{key:"a23103a88fe437d4627a1f417e3bea353ad04851",class:"heading"},t("duet-heading",{key:"762f79431019baecae385b2220c5dffecc326592",theme:this.theme,level:this.hasHeadingSlotNative?"div":this.headingLevel,"visual-level":"h3",margin:"none",color:p(this.textColor,this.theme)},t("span",{key:"0233f85fb7b39558f901ebbdd2beda46f9679e7c"},t("slot",{key:"57286a6f7d2527c6fa38fb8d5292b760d308ce44",name:"heading"})))),this.hasDescriptionSlot&&t("div",{key:"70031569694cdefd28fb439fd790d067b56c3757",class:"description"},t("duet-paragraph",{key:"5859eb0737fad1711d6013ce1350cb45831c3660",theme:this.theme,margin:"none",color:p(this.textColor,this.theme)},t("span",{key:"dd12525a9e8f185d607933fe4d58dd6ff2a71651"},t("slot",{key:"0056201e47bede4761bea53b47fa621330d6fef7",name:"description"})))),this.hasActionSlot&&t("div",{key:"2299fa55f537af1056c84adccbe7b876d7252434",class:"action"},t("slot",{key:"3744426783f605338d6da2911e3d4bb83e899151",name:"action"}))))))}get element(){return a(this)}};c.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:4px !important}:host(.duet-m-0){margin:0 !important}.duet-promo-card{display:flex;flex-direction:column;width:100%;height: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-style:normal;color:rgb(8, 42, 77);text-align:left;border-radius:20px}.duet-promo-card.duet-p-0{padding:0 !important}.duet-promo-card.duet-m-0{margin:0 !important}.duet-promo-card .content-wrapper{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;border-radius:20px}.duet-promo-card .content-wrapper:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-promo-card .content-wrapper:focus,.duet-promo-card .content-wrapper:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-promo-card .image{position:relative;width:100%;overflow:hidden;object-fit:cover;border-top-left-radius:20px;border-top-right-radius:20px}.duet-promo-card .content{display:flex;flex-grow:1;flex-direction:column;gap:8px;padding:20px}@media (min-width: 36em){.duet-promo-card .content{padding:28px}}.duet-promo-card .action{display:flex;flex-grow:1;align-items:flex-end;padding-top:16px}.duet-promo-card.no-bg-color .content{padding:20px 0 0}.duet-promo-card.no-bg-color .image{border-radius:16px}.duet-promo-card-link{transition:box-shadow 300ms ease}.duet-promo-card-link:hover{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), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}::slotted(.duet-heading){margin:inherit !important;font-size:inherit !important;line-height:inherit !important;color:inherit !important}.duet-theme-turva.duet-promo-card{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-theme-turva.duet-promo-card-link:hover{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), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}';export{c as duet_promo_card}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as e,c as t,h as i,H as o,g as a}from"./p-DrqQiRTn.js";import{D as r}from"./p-D2JvSVnG.js";import{i as s}from"./p-CLZq8YfV.js";import{c as l}from"./p-Cfr_DJqU.js";import{c as n,p as d}from"./p-BQVGvl4H.js";import{p as c}from"./p-C6E9F6QT.js";function p(e){return"options"in e}function h(e,t){for(var i=0;i<e.length;i++){let o=e[i];if(p(o)&&(o=h(o.options,t)),o&&o.value===t)return o}}const u=class{constructor(i){e(this,i),this.duetChange=t(this,"duetChange",3),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.selectId=l("DuetSelect"),this.errorId=l("DuetError"),this.labelId=l("DuetLabel"),this.topCaptionId=l("DuetCaptionTop"),this.topCaptionPlaceholderId=l("DuetCaptionPlaceholderTop"),this.proxyId=l("DuetSelect"),this.processedItems=null,this.variation="default",this.margin="auto",this.error="",this.accessibleLiveError="polite",this.expand=!1,this.theme="",this.labelHidden=!1,this.placeholder="",this.echoPlaceholder=!1,this.disabled=!1,this.required=!1,this.label="label",this.tooltip="",this.tooltipDirection="auto",this.onChange=()=>{this.value=this.nativeSelect.value,this.duetChange.emit({value:this.value,component:"duet-select"})},this.onBlur=e=>{this.duetBlur.emit({originalEvent:e,value:this.value,component:"duet-select"})},this.onFocus=e=>{this.duetFocus.emit({originalEvent:e,value:this.value,component:"duet-select"})},this.getDescribedBy=()=>{const e=[];return this.isCaptionVisible&&this.topCaptionId&&e.push(this.topCaptionId),this.accessibleDescribedBy&&e.push(this.accessibleDescribedBy),this.error&&e.push(this.errorId),e.length>0?e.join(" "):null}}valueChanged(){this.nativeSelect&&(this.nativeSelect.value=this.value),this.isCaptionVisible=!!this.caption}componentWillLoad(){s(this),this.isCaptionVisible=!!this.caption,n(this.element,"tooltip","duet-tooltip",1,!0),this.refresh()}componentDidRender(){d(this.element,this.proxyId,this.name,this.value,this.required,void 0)}async setFocus(e){this.nativeSelect&&this.nativeSelect.focus(e)}async refresh(){this.processedItems=c(this.items)}getSelectedItemLabel(){let e;return this.processedItems&&(e=h(this.processedItems,this.value)),e?e.label:this.placeholder||""}renderOption(e){return i("option",{"aria-label":e.ariaLabel,value:e.value,key:e.value,selected:this.value===e.value,disabled:e.disabled},e.label)}renderOptionGroup(e){return i("optgroup",{key:e.label,label:e.label,disabled:e.disabled},e.options.map((e=>this.renderOption(e))))}render(){const e=this.identifier||this.selectId;return i(o,{key:"6937ee7615e75fb35ef3b6f1f43a4ac91fe13147",class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand,[`duet-select-variation-${this.variation}`]:!0}},i("div",{key:"df3ab43299a88a3560e41ac9efa1049f8cf472c6",class:{"duet-select-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme,[`duet-select-variation-${this.variation}`]:!0,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},i(r,{key:"eed7661618d92026e2080a232a08acfc6bbb9286",theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:e},this.label),this.tooltip&&i("duet-tooltip",{key:"6c32da93490aa3bd28ed7c9dbc5c93f4ef7509b8",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{key:"cbf1942699874feda3b94159477533fc722f9736",name:"tooltip"}),this.caption&&i("duet-caption",{key:"bf4bfd734e9a973d14d98c96985d46c7dd1c5ceb",id:this.topCaptionId,size:"medium"},this.caption),i("div",{key:"251e263a892f221b586587aefbe55fe725ac2301",class:"duet-select-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&i("duet-caption",{key:"c55fc0f969e5fff221ff765b1a85aa81a6949ca8",id:this.topCaptionPlaceholderId,class:"duet-select-placeholder",size:"small"},this.placeholder),i("slot",{key:"a2eec6e452861fcceff707f25d390a04db8a36c8"}),i("select",{key:"3048fa80ccd46b95236fe4dfa2ce96571bcc3aed",ref:e=>this.nativeSelect=e,disabled:this.disabled,name:this.name,id:e,role:this.role,"aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,required:this.required},this.placeholder&&i("option",{key:"cd9c69cc0437ec1201fee0a2ce5a401597e5fae9",disabled:!0,selected:!0,value:""},this.placeholder),this.processedItems?this.processedItems.map((e=>p(e)?this.renderOptionGroup(e):this.renderOption(e))):i("option",null,"Virhe valintoja ladattaessa. Päivitä sivu ja kokeile uusiksi.")),i("div",{key:"af172a36f2e54f6ffe90e83d561258cc8aa91d6e",class:{"duet-select":!0,[`duet-select-variation-${this.variation}`]:!0},"aria-hidden":"true"},i("span",{key:this.value,class:"duet-select-selected-value"},this.getSelectedItemLabel()),"default"===this.variation&&i("svg",{key:"d8ff427b3fd8eb4d5605a7fc103f74757088364d",role:"img",class:"duet-select-icon",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"5a6494284c14a3b4d35df44cb3250a827f17532d",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"}))||i("duet-icon",{key:"ac74f1f426f66a3908be1444c828a321e4e45db2",theme:this.theme,name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"compact"===this.variation?"xxx-small":"xx-small"})),i("span",{key:"e947148f3aa7b0d0f2da4db20b59d3d9be2aac44",class:"duet-keep-container-height",role:"presention","aria-hidden":"true"},"_")),i("span",{key:"39dc9f995207b67e9910b02768c532cdfbb05385",class:"duet-select-help",id:this.errorId,"aria-live":this.accessibleLiveError,"aria-atomic":"true","aria-relevant":"additions removals"},this.error&&i("span",{key:"160c339a192e1941339eb15f1d127049b896bd9b",class:"duet-select-error"},this.error))))}get element(){return a(this)}static get watchers(){return{value:["valueChanged"],items:["refresh"]}}};u.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !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 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.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:rgb(23, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host{margin-right:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host(.form-distribute:last-of-type:not(:last-child)){margin-right:16px !important}:host(:not(.duet-m-0)){margin-bottom:12px !important}@media (min-width: 36em){:host(.duet-expand){width:100% !important}}:host(.duet-select-variation-tiny),:host(.duet-select-variation-compact){position:relative;top:-2px;width:72px;margin:0;vertical-align:baseline}:host(.duet-select-variation-compact){width:auto}duet-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-select-placeholder{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:rgb(255, 255, 255)}.duet-select-container{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny{width:72px}.duet-select-wrapper{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-select-variation-tiny .duet-select-wrapper{width:81px;padding:0 !important}.duet-select-variation-compact .duet-select-wrapper{padding:0 !important;line-height:1}.duet-select-wrapper 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;outline:none;border:0;opacity:0}.duet-select-wrapper select:hover:not(:focus)+.duet-select{outline:2px solid;outline-color:rgb(127, 150, 165) !important;outline-offset:-1px}.duet-theme-turva .duet-select-wrapper select:hover:not(:focus)+.duet-select,.duet-select-wrapper select:hover:not(:focus)+.duet-select.duet-theme-turva{outline-color:rgb(120, 145, 164) !important}.has-error .duet-select-wrapper select:hover:not(:focus)+.duet-select{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important}.duet-select-wrapper select:focus+.duet-select{outline:2px solid;outline-offset:0;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-select-wrapper select:focus+.duet-select,.duet-select-wrapper select:focus+.duet-select.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-select-wrapper select:focus+.duet-select .duet-select-icon{color:rgb(0, 119, 179)}.has-error .duet-select-wrapper select:focus+.duet-select{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255) !important}.duet-select-wrapper select[disabled]{cursor:default !important}.duet-select-wrapper select[disabled]+.duet-select{color:rgb(127, 150, 165) !important;cursor:not-allowed !important;outline:none !important;background:rgb(245, 248, 250) !important;border-color:rgb(181, 198, 208) !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-select-wrapper span.duet-keep-container-height{opacity:0}.duet-select-variation-compact .duet-select-wrapper span.duet-keep-container-height{display:none}.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;text-overflow:ellipsis;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:rgb(8, 42, 77);text-align:left;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px}.has-error .duet-select{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important}.has-error .duet-select .duet-select-icon{color:rgb(214, 28, 82) !important}.duet-select svg{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-select-variation-tiny .duet-select,.duet-select-variation-compact .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 .duet-select duet-icon,.duet-select-variation-compact .duet-select duet-icon{padding-left:10px}.duet-select-variation-compact .duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help{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:rgb(98, 121, 138);border-radius:4px}.duet-select-help span{display:block;margin-top:8px}.has-error .duet-select-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-theme-turva .duet-select-wrapper{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-theme-turva .duet-select-wrapper select:focus+.duet-select .duet-select-icon{color:rgb(23, 42, 59)}.duet-theme-turva.has-error .duet-select .duet-select-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva .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:rgb(23, 42, 59);border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-select svg{color:rgb(23, 42, 59)}.duet-theme-turva .duet-select-help{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(120, 145, 164)}.duet-theme-turva.has-error .duet-select-help{color:rgb(214, 28, 82)}';export{u as duet_select}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import"./p-DrqQiRTn.js";const n=(n,e)=>Array.from(n.querySelectorAll(":scope > *")).filter((n=>n.matches(`[slot='${e}']`))),e=n=>Array.from(n.querySelectorAll(":scope > *")).filter((n=>!n.getAttribute("slot"))),s=(s,t)=>t?n(s,t).length>0:e(s).length>0,t=(s,t)=>(t?n(s,t):e(s)).map((n=>n.textContent.trim())).join(", "),o=(e,s,t,o=0,l=!1)=>{const a=l?"error":"warn",r=[],$=n(e,s),u=$.filter((n=>!!n.matches(t)||(r.push(`Only elements matcing selector "${t}" may be used in slot ${s}, found:\n${n.outerHTML}`),!l||(n.remove(),!1))));o&&u.length>o&&(r.push(`Only ${o} element${o>1?"s":""} may be used in slot ${s}, found ${$.length}.`),l&&u.slice(o).forEach((n=>n.remove()))),r.length>0&&console[a](`Duet ${a} in ${e.tagName.toLowerCase()}:\n${r.join("\n")}${l?`\nElement${r.length>1?"s":""} removed.`:""}`)},l=(n,e)=>{e.innerHTML="",0===n.childNodes.length?e.innerHTML=n.innerHTML:n.childNodes.forEach((n=>{const s=n.cloneNode(!0);e.appendChild(s)}))},a=(n,e,s,t,o,l)=>{const a=n.querySelector("input"),r=a||document.createElement("input");!1!==l?(r.id=e,null!=s&&(r.name=s),o?(r.type="text",r.hidden=!0,r.required=!0):(r.type="hidden",r.hidden=!1,r.required=!1),r.value=t,null!=t?r.value=t:null==t&&(r.value=null),a||n.appendChild(r)):r.remove()};export{n as a,l as b,o as c,t as d,e as g,s as h,a as p}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import"./p-DrqQiRTn.js";const t=t=>{var e,r;const u=null!==(r=null===(e=document.documentElement.attributes.getNamedItem("class"))||void 0===e?void 0:e.value)&&void 0!==r?r:"",a=/(duet-theme-)([a-z0-9]*)/gi.exec(u);t.element&&t.element.classList.add("duet-theme-observer"),u.includes("duet-theme-turva")?t.theme="turva":a&&"duet-theme-"===a[1]&&(t.theme="default"===a[2]?"":a[2])},e=t=>{const r=Array.from(t.querySelectorAll(".duet-theme-observer"));return t.shadowRoot&&r.push(...e(t.shadowRoot)),r.forEach((t=>{t.shadowRoot&&r.push(...e(t.shadowRoot))})),r};new MutationObserver((t=>{t.forEach((t=>{var r,u,a;if(!(null===(r=t.oldValue)||void 0===r?void 0:r.includes("hydrated")))return;const d=null!==(a=null===(u=document.documentElement.attributes.getNamedItem("class"))||void 0===u?void 0:u.value)&&void 0!==a?a:"",i=/(duet-theme-)([a-z0-9]*)/gi.exec(d),o=(null==i?void 0:i.length)>2&&i[2].startsWith("turva")?"turva":"";e(document.body).forEach((t=>{t.theme=o}))}))})).observe(document.documentElement,{subtree:!1,childList:!1,characterData:!1,attributes:!0,attributeFilter:["class"],attributeOldValue:!0});export{t as i}