@duetds/components 10.3.0 → 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 (507) hide show
  1. package/hydrate/index.js +782 -325
  2. package/hydrate/index.mjs +782 -325
  3. package/lib/cjs/{a11y-utils-b27OEdFX.js → a11y-utils-BXDHn_nL.js} +1 -1
  4. package/lib/cjs/{app-globals-DhPOoPl1.js → app-globals-Bs3-XKhd.js} +1 -1
  5. package/lib/cjs/duet-action-button.cjs.entry.js +5 -5
  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 +13 -9
  9. package/lib/cjs/duet-breadcrumb.cjs.entry.js +6 -6
  10. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +7 -7
  11. package/lib/cjs/duet-button_2.cjs.entry.js +27 -12
  12. package/lib/cjs/duet-callout.cjs.entry.js +5 -5
  13. package/lib/cjs/duet-caption_4.cjs.entry.js +16 -16
  14. package/lib/cjs/duet-card.cjs.entry.js +8 -8
  15. package/lib/cjs/duet-checkbox.cjs.entry.js +5 -5
  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 +6 -6
  20. package/lib/cjs/duet-combobox.cjs.entry.js +27 -10
  21. package/lib/cjs/duet-contact-card.cjs.entry.js +5 -5
  22. package/lib/cjs/duet-cookie-consent.cjs.entry.js +3 -3
  23. package/lib/cjs/duet-date-picker.cjs.entry.js +30 -34
  24. package/lib/cjs/duet-divider_2.cjs.entry.js +6 -6
  25. package/lib/cjs/duet-editable-table_3.cjs.entry.js +12 -12
  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 +7 -7
  32. package/lib/cjs/duet-hero.cjs.entry.js +9 -9
  33. package/lib/cjs/duet-icon.cjs.entry.js +7 -7
  34. package/lib/cjs/duet-indicator.cjs.entry.js +5 -5
  35. package/lib/cjs/duet-input_2.cjs.entry.js +22 -14
  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 +14 -14
  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 +18 -18
  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 +30 -18
  55. package/lib/cjs/duet-progress.cjs.entry.js +3 -3
  56. package/lib/cjs/duet-promo-card.cjs.entry.js +13 -9
  57. package/lib/cjs/duet-radio_2.cjs.entry.js +10 -8
  58. package/lib/cjs/duet-range-slider.cjs.entry.js +7 -7
  59. package/lib/cjs/duet-scrollable_3.cjs.entry.js +17 -17
  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 +8 -8
  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 +13 -13
  70. package/lib/cjs/duet-slideout.cjs.entry.js +20 -18
  71. package/lib/cjs/duet-status-icon.cjs.entry.js +8 -4
  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 +7 -7
  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 +8 -8
  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 +5 -5
  87. package/lib/cjs/duet-tray.cjs.entry.js +6 -6
  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-BlVVWFcS.js → errorcodes.utils-W6UQ3hgy.js} +1 -1
  93. package/lib/cjs/{focus-utils-DIeiBu1A.js → focus-utils-KTKpjKRi.js} +1 -1
  94. package/lib/cjs/{index-CeCDgexG.js → index-C7Yvi8y8.js} +5 -5
  95. package/lib/cjs/{label-BK_7MvDR.js → label-DZ63Z3SI.js} +1 -1
  96. package/lib/cjs/{language-utils-BmMgyx0x.js → language-utils-BsevPDrN.js} +1 -1
  97. package/lib/cjs/loader.cjs.js +3 -3
  98. package/lib/cjs/{slot-utils-PLQ1zjHe.js → slot-utils-DIDW777s.js} +2 -2
  99. package/lib/cjs/{themeable-component-DD3okLL-.js → themeable-component-hQ83w5_A.js} +1 -1
  100. package/lib/cjs/{token-utils-CaLsk40I.js → token-utils-DY3-olMV.js} +1 -1
  101. package/lib/cjs/{tokens-DWngQgYY.js → tokens-COLlUECP.js} +226 -4
  102. package/lib/cjs/{tokens.module-BMAWZwue.js → tokens.module-CTbvyezn.js} +152 -4
  103. package/lib/collection/components/duet-action-button/duet-action-button.css +1 -1
  104. package/lib/collection/components/duet-badge/duet-badge.js +2 -2
  105. package/lib/collection/components/duet-banner/duet-banner.css +7 -0
  106. package/lib/collection/components/duet-banner/duet-banner.js +8 -4
  107. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.css +1 -1
  108. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +4 -4
  109. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js +2 -2
  110. package/lib/collection/components/duet-button/duet-button.css +14 -8
  111. package/lib/collection/components/duet-button/duet-button.js +20 -5
  112. package/lib/collection/components/duet-callout/duet-callout.js +2 -2
  113. package/lib/collection/components/duet-caption/duet-caption.js +2 -2
  114. package/lib/collection/components/duet-card/duet-card.css +2 -2
  115. package/lib/collection/components/duet-card/duet-card.js +3 -3
  116. package/lib/collection/components/duet-checkbox/duet-checkbox.css +1 -1
  117. package/lib/collection/components/duet-checkbox/duet-checkbox.js +2 -2
  118. package/lib/collection/components/duet-chip/duet-chip.css +1 -3
  119. package/lib/collection/components/duet-chip/duet-chip.js +4 -2
  120. package/lib/collection/components/duet-choice/duet-checkmark.js +2 -2
  121. package/lib/collection/components/duet-choice/duet-choice.css +3 -3
  122. package/lib/collection/components/duet-choice/duet-choice.js +9 -36
  123. package/lib/collection/components/duet-choice-group/duet-choice-group.js +2 -2
  124. package/lib/collection/components/duet-collapsible/duet-collapsible.css +1 -1
  125. package/lib/collection/components/duet-collapsible/duet-collapsible.js +2 -2
  126. package/lib/collection/components/duet-combobox/duet-combobox.js +22 -5
  127. package/lib/collection/components/duet-contact-card/duet-contact-card.js +2 -2
  128. package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.css +2 -2
  129. package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +1 -1
  130. package/lib/collection/components/duet-date-picker/date-utils.js +2 -1
  131. package/lib/collection/components/duet-date-picker/duet-date-picker.css +8 -9
  132. package/lib/collection/components/duet-date-picker/duet-date-picker.js +23 -29
  133. package/lib/collection/components/duet-divider/duet-divider.js +1 -1
  134. package/lib/collection/components/duet-editable-table/duet-editable-table.js +2 -2
  135. package/lib/collection/components/duet-empty-state/duet-empty-state.css +55 -2
  136. package/lib/collection/components/duet-empty-state/duet-empty-state.js +124 -6
  137. package/lib/collection/components/duet-fieldset/duet-fieldset.js +3 -3
  138. package/lib/collection/components/duet-file-chooser/duet-file-chooser.js +1 -1
  139. package/lib/collection/components/duet-footer/duet-footer.css +1 -1
  140. package/lib/collection/components/duet-footer/duet-footer.js +4 -4
  141. package/lib/collection/components/duet-grid/duet-grid.css +23 -0
  142. package/lib/collection/components/duet-grid/duet-grid.js +29 -2
  143. package/lib/collection/components/duet-grid-item/duet-grid-item.js +2 -2
  144. package/lib/collection/components/duet-header/duet-header.css +6 -6
  145. package/lib/collection/components/duet-heading/duet-heading.css +62 -0
  146. package/lib/collection/components/duet-heading/duet-heading.js +40 -2
  147. package/lib/collection/components/duet-hero/duet-hero.css +1 -1
  148. package/lib/collection/components/duet-hero/duet-hero.js +5 -5
  149. package/lib/collection/components/duet-icon/duet-icon.js +3 -3
  150. package/lib/collection/components/duet-indicator/duet-indicator.js +2 -2
  151. package/lib/collection/components/duet-input/duet-input.css +81 -64
  152. package/lib/collection/components/duet-input/duet-input.js +14 -6
  153. package/lib/collection/components/duet-layout/duet-layout.js +5 -5
  154. package/lib/collection/components/duet-link/duet-link.css +1 -1
  155. package/lib/collection/components/duet-link/duet-link.js +2 -2
  156. package/lib/collection/components/duet-list/duet-list.js +1 -1
  157. package/lib/collection/components/duet-list-item/duet-list-item.js +2 -2
  158. package/lib/collection/components/duet-logo/duet-logo.css +1 -1
  159. package/lib/collection/components/duet-logo/duet-logo.js +1 -1
  160. package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +3 -3
  161. package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.css +1 -1
  162. package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js +2 -2
  163. package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.css +1 -1
  164. package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js +4 -4
  165. package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.css +1 -1
  166. package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js +2 -2
  167. package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.css +1 -1
  168. package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.js +2 -2
  169. package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.css +1 -1
  170. package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js +2 -2
  171. package/lib/collection/components/duet-modal/duet-modal.js +7 -7
  172. package/lib/collection/components/duet-multiselect/duet-multiselect.css +33 -48
  173. package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -5
  174. package/lib/collection/components/duet-nav/duet-nav.js +1 -1
  175. package/lib/collection/components/duet-notification/duet-notification.css +1 -1
  176. package/lib/collection/components/duet-notification/duet-notification.js +2 -2
  177. package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.css +1 -1
  178. package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +3 -3
  179. package/lib/collection/components/duet-number-input/duet-number-input.css +1 -1
  180. package/lib/collection/components/duet-number-input/duet-number-input.js +4 -4
  181. package/lib/collection/components/duet-overlay/duet-overlay.js +1 -1
  182. package/lib/collection/components/duet-page-heading/duet-page-heading.js +2 -2
  183. package/lib/collection/components/duet-pagination/duet-pagination.js +11 -11
  184. package/lib/collection/components/duet-panel/duet-panel.js +2 -2
  185. package/lib/collection/components/duet-paragraph/duet-paragraph.js +2 -2
  186. package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +21 -9
  187. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.css +2 -2
  188. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
  189. package/lib/collection/components/duet-promo-card/duet-promo-card.css +8 -1
  190. package/lib/collection/components/duet-promo-card/duet-promo-card.js +8 -4
  191. package/lib/collection/components/duet-radio/duet-radio.css +1 -1
  192. package/lib/collection/components/duet-radio/duet-radio.js +6 -4
  193. package/lib/collection/components/duet-radio-group/duet-radio-group.js +1 -1
  194. package/lib/collection/components/duet-range-slider/duet-range-slider.css +1 -1
  195. package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
  196. package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +2 -2
  197. package/lib/collection/components/duet-scrollable/duet-scrollable.js +5 -5
  198. package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
  199. package/lib/collection/components/duet-select/duet-select.css +29 -37
  200. package/lib/collection/components/duet-select/duet-select.js +5 -5
  201. package/lib/collection/components/duet-shaped-image/duet-shaped-image.js +2 -2
  202. package/lib/collection/components/duet-share-chart/duet-share-chart.js +2 -2
  203. package/lib/collection/components/duet-share-chart-item/duet-share-chart-item.js +1 -1
  204. package/lib/collection/components/duet-show-more/duet-show-more.css +1 -1
  205. package/lib/collection/components/duet-show-more/duet-show-more.js +2 -2
  206. package/lib/collection/components/duet-slideout/duet-slideout.css +1 -1
  207. package/lib/collection/components/duet-slideout/duet-slideout.js +12 -10
  208. package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js +1 -1
  209. package/lib/collection/components/duet-slideout-link/duet-slideout-link.css +1 -1
  210. package/lib/collection/components/duet-slideout-link/duet-slideout-link.js +2 -2
  211. package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.css +2 -4
  212. package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +6 -6
  213. package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.css +1 -1
  214. package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +4 -4
  215. package/lib/collection/components/duet-spacer/duet-spacer.js +1 -1
  216. package/lib/collection/components/duet-spinner/duet-spinner.js +1 -1
  217. package/lib/collection/components/duet-status-icon/duet-status-icon.css +39 -0
  218. package/lib/collection/components/duet-status-icon/duet-status-icon.js +13 -2
  219. package/lib/collection/components/duet-step/duet-step.css +1 -1
  220. package/lib/collection/components/duet-step/duet-step.js +2 -2
  221. package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
  222. package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.css +1 -1
  223. package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +5 -5
  224. package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.css +1 -1
  225. package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js +4 -4
  226. package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.css +1 -1
  227. package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js +2 -2
  228. package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.css +1 -1
  229. package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js +1 -1
  230. package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.css +1 -1
  231. package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js +1 -1
  232. package/lib/collection/components/duet-tab/duet-tab.css +1 -1
  233. package/lib/collection/components/duet-tab/duet-tab.js +2 -2
  234. package/lib/collection/components/duet-tab-group/duet-tab-group.css +3 -3
  235. package/lib/collection/components/duet-tab-group/duet-tab-group.js +4 -4
  236. package/lib/collection/components/duet-table/duet-table.js +2 -2
  237. package/lib/collection/components/duet-textarea/duet-textarea.css +41 -77
  238. package/lib/collection/components/duet-textarea/duet-textarea.js +8 -15
  239. package/lib/collection/components/duet-toggle/duet-toggle.css +1 -1
  240. package/lib/collection/components/duet-toggle/duet-toggle.js +3 -3
  241. package/lib/collection/components/duet-toolbar/duet-toolbar.js +2 -2
  242. package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.css +1 -1
  243. package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +4 -4
  244. package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.css +1 -1
  245. package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js +2 -2
  246. package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.css +1 -1
  247. package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js +3 -3
  248. package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.css +1 -1
  249. package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +2 -2
  250. package/lib/collection/components/duet-tooltip/duet-tooltip-button.css +1 -1
  251. package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +3 -3
  252. package/lib/collection/components/duet-tooltip/duet-tooltip-popup.css +2 -2
  253. package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +3 -3
  254. package/lib/collection/components/duet-tray/duet-tray.css +2 -2
  255. package/lib/collection/components/duet-tray/duet-tray.js +2 -2
  256. package/lib/collection/components/duet-upload/duet-upload.js +2 -2
  257. package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js +1 -1
  258. package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
  259. package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
  260. package/lib/collection/utils/slot-utils.js +1 -1
  261. package/lib/duet/duet.esm.js +1 -1
  262. package/lib/duet/p--fmK3qPb.js +4 -0
  263. package/lib/duet/{p-9240c039.entry.js → p-01f3e30c.entry.js} +1 -1
  264. package/lib/duet/p-0395eb34.entry.js +4 -0
  265. package/lib/duet/{p-7609417a.entry.js → p-0453edd0.entry.js} +1 -1
  266. package/lib/duet/p-07aa40df.entry.js +4 -0
  267. package/lib/duet/{p-bc5b4e44.entry.js → p-07c4b435.entry.js} +1 -1
  268. package/lib/duet/p-0eb0e582.entry.js +4 -0
  269. package/lib/duet/p-104ddbf2.entry.js +4 -0
  270. package/lib/duet/{p-137e710f.entry.js → p-12e4e9b6.entry.js} +1 -1
  271. package/lib/duet/{p-3a4dcdbd.entry.js → p-13b7f4e0.entry.js} +1 -1
  272. package/lib/duet/{p-11847d3e.entry.js → p-14d4a45a.entry.js} +1 -1
  273. package/lib/duet/{p-f31a6b2e.entry.js → p-1666aeaf.entry.js} +1 -1
  274. package/lib/duet/{p-d9963958.entry.js → p-1705b6cf.entry.js} +1 -1
  275. package/lib/duet/{p-6ff3fc39.entry.js → p-184d53a7.entry.js} +1 -1
  276. package/lib/duet/{p-6ca30a68.entry.js → p-1bdef0e0.entry.js} +1 -1
  277. package/lib/duet/p-1dcbbd67.entry.js +4 -0
  278. package/lib/duet/{p-c0785349.entry.js → p-1ed82a27.entry.js} +1 -1
  279. package/lib/duet/{p-a5b9e098.entry.js → p-1ee400e7.entry.js} +1 -1
  280. package/lib/duet/p-2168e431.entry.js +4 -0
  281. package/lib/duet/p-2HU78SJ-.js +4 -0
  282. package/lib/duet/{p-408ace89.entry.js → p-2d43de54.entry.js} +1 -1
  283. package/lib/duet/{p-20aefca2.entry.js → p-2e413951.entry.js} +1 -1
  284. package/lib/duet/{p-32c7c0c1.entry.js → p-3361387d.entry.js} +1 -1
  285. package/lib/duet/p-3648404d.entry.js +4 -0
  286. package/lib/duet/{p-1da05915.entry.js → p-376f9d06.entry.js} +1 -1
  287. package/lib/duet/p-3bd45b5b.entry.js +4 -0
  288. package/lib/duet/{p-9da7ffc9.entry.js → p-3c26d300.entry.js} +1 -1
  289. package/lib/duet/{p-6f08e639.entry.js → p-428db44b.entry.js} +1 -1
  290. package/lib/duet/p-4420973e.entry.js +4 -0
  291. package/lib/duet/{p-90ab8a57.entry.js → p-455e8ebe.entry.js} +1 -1
  292. package/lib/duet/{p-565bcf84.entry.js → p-46300680.entry.js} +1 -1
  293. package/lib/duet/{p-f9f25386.entry.js → p-494755d0.entry.js} +1 -1
  294. package/lib/duet/{p-70d7a04d.entry.js → p-4c5a8ed3.entry.js} +1 -1
  295. package/lib/duet/{p-c504dc42.entry.js → p-4d39941c.entry.js} +1 -1
  296. package/lib/duet/p-4f7b0699.entry.js +4 -0
  297. package/lib/duet/p-526fa31c.entry.js +4 -0
  298. package/lib/duet/p-58496fb1.entry.js +4 -0
  299. package/lib/duet/{p-62954ecf.entry.js → p-58a70b3d.entry.js} +1 -1
  300. package/lib/duet/{p-9f941e06.entry.js → p-592a6542.entry.js} +1 -1
  301. package/lib/duet/p-5c8c691b.entry.js +4 -0
  302. package/lib/duet/{p-ab939713.entry.js → p-5dde8fbb.entry.js} +1 -1
  303. package/lib/duet/{p-73263349.entry.js → p-5ffc4081.entry.js} +1 -1
  304. package/lib/duet/{p-5a576bae.entry.js → p-61b6962a.entry.js} +1 -1
  305. package/lib/duet/{p-faf6d461.entry.js → p-6988c81c.entry.js} +1 -1
  306. package/lib/duet/p-73ed0008.entry.js +4 -0
  307. package/lib/duet/p-7a2ca711.entry.js +4 -0
  308. package/lib/duet/{p-43723ce5.entry.js → p-7a5066b8.entry.js} +1 -1
  309. package/lib/duet/{p-d36dabf1.entry.js → p-7a668cee.entry.js} +1 -1
  310. package/lib/duet/p-7e640c8e.entry.js +4 -0
  311. package/lib/duet/{p-00e0f919.entry.js → p-7eaa1fb5.entry.js} +1 -1
  312. package/lib/duet/{p-93bfe3dd.entry.js → p-81332db1.entry.js} +1 -1
  313. package/lib/duet/{p-caf9df46.entry.js → p-816caa58.entry.js} +1 -1
  314. package/lib/duet/{p-098d7665.entry.js → p-84420fbf.entry.js} +1 -1
  315. package/lib/duet/p-870dc953.entry.js +4 -0
  316. package/lib/duet/{p-22143e3e.entry.js → p-87bb797c.entry.js} +1 -1
  317. package/lib/duet/p-9d8027aa.entry.js +4 -0
  318. package/lib/duet/p-BW3SZS4F.js +4 -0
  319. package/lib/duet/p-Ce9HQd35.js +4 -0
  320. package/lib/duet/{p-DNW9B4-w.js → p-Chf7ZRmW.js} +1 -1
  321. package/lib/duet/p-CtBx3Trd.js +4 -0
  322. package/lib/duet/{p-FlJJ5tdo.js → p-Cwhi6_oZ.js} +1 -1
  323. package/lib/duet/{p-BEzfNXw0.js → p-D2EBd3cT.js} +1 -1
  324. package/lib/duet/{p-D8k4CqJb.js → p-D2ly4TZR.js} +1 -1
  325. package/lib/duet/p-DCDM41Ef.js +4 -0
  326. package/lib/duet/p-DEzE2U5T.js +4 -0
  327. package/lib/duet/{p-Bo0igXOs.js → p-DWIjWGAD.js} +1 -1
  328. package/lib/duet/{p-713cc11f.entry.js → p-a4a1b8e3.entry.js} +1 -1
  329. package/lib/duet/p-a4db8c29.entry.js +4 -0
  330. package/lib/duet/p-a63327c3.entry.js +4 -0
  331. package/lib/duet/{p-1eb20304.entry.js → p-a690a165.entry.js} +1 -1
  332. package/lib/duet/{p-c8f8acf7.entry.js → p-a7bb038a.entry.js} +1 -1
  333. package/lib/duet/{p-2736a400.entry.js → p-adecab91.entry.js} +1 -1
  334. package/lib/duet/p-af9c8169.entry.js +4 -0
  335. package/lib/duet/{p-e19d51b1.entry.js → p-afd7d87a.entry.js} +1 -1
  336. package/lib/duet/{p-b7865974.entry.js → p-b3ec9b98.entry.js} +1 -1
  337. package/lib/duet/{p-42105616.entry.js → p-b64b3e2f.entry.js} +1 -1
  338. package/lib/duet/{p-4de84b4d.entry.js → p-bcced6eb.entry.js} +1 -1
  339. package/lib/duet/{p-91370277.entry.js → p-c1d4542d.entry.js} +1 -1
  340. package/lib/duet/{p-6e98887f.entry.js → p-c71f6942.entry.js} +1 -1
  341. package/lib/duet/p-c7851c15.entry.js +4 -0
  342. package/lib/duet/p-cbd1069e.entry.js +4 -0
  343. package/lib/duet/p-cd4f52a9.entry.js +4 -0
  344. package/lib/duet/{p-a745eb10.entry.js → p-d0a54e6d.entry.js} +1 -1
  345. package/lib/duet/p-d181c624.entry.js +4 -0
  346. package/lib/duet/{p-c23accaf.entry.js → p-d2c04a7e.entry.js} +1 -1
  347. package/lib/duet/{p-014c965f.entry.js → p-d2c91ed0.entry.js} +1 -1
  348. package/lib/duet/p-d3dac8af.entry.js +4 -0
  349. package/lib/duet/{p-9ceede7a.entry.js → p-dc87f3f4.entry.js} +1 -1
  350. package/lib/duet/{p-bb0567b4.entry.js → p-dfd55180.entry.js} +1 -1
  351. package/lib/duet/{p-b0622412.entry.js → p-e8bd6dab.entry.js} +1 -1
  352. package/lib/duet/p-e9ed96cf.entry.js +4 -0
  353. package/lib/duet/p-eab349f2.entry.js +4 -0
  354. package/lib/duet/{p-2d9e573a.entry.js → p-eebf150c.entry.js} +1 -1
  355. package/lib/duet/{p-ed252dd9.entry.js → p-f210e405.entry.js} +1 -1
  356. package/lib/duet/{p-2981f32d.entry.js → p-f600e215.entry.js} +1 -1
  357. package/lib/duet/p-f652a9c7.entry.js +4 -0
  358. package/lib/duet/{p-ae714f68.entry.js → p-fbce84d5.entry.js} +1 -1
  359. package/lib/duet/{p-6db9ac4d.entry.js → p-fea479fd.entry.js} +1 -1
  360. package/lib/esm/{a11y-utils-DAo2lcPY.js → a11y-utils-sgAajRY0.js} +1 -1
  361. package/lib/esm/{app-globals-CzrvWXbM.js → app-globals-NNQmI_gc.js} +1 -1
  362. package/lib/esm/duet-action-button.entry.js +5 -5
  363. package/lib/esm/duet-alert.entry.js +4 -4
  364. package/lib/esm/duet-badge.entry.js +5 -5
  365. package/lib/esm/duet-banner.entry.js +13 -9
  366. package/lib/esm/duet-breadcrumb.entry.js +6 -6
  367. package/lib/esm/duet-breadcrumbs.entry.js +7 -7
  368. package/lib/esm/duet-button_2.entry.js +27 -12
  369. package/lib/esm/duet-callout.entry.js +5 -5
  370. package/lib/esm/duet-caption_4.entry.js +16 -16
  371. package/lib/esm/duet-card.entry.js +8 -8
  372. package/lib/esm/duet-checkbox.entry.js +5 -5
  373. package/lib/esm/duet-checkmark.entry.js +4 -4
  374. package/lib/esm/duet-chip.entry.js +7 -5
  375. package/lib/esm/duet-choice_2.entry.js +15 -13
  376. package/lib/esm/duet-collapsible.entry.js +6 -6
  377. package/lib/esm/duet-combobox.entry.js +27 -10
  378. package/lib/esm/duet-contact-card.entry.js +5 -5
  379. package/lib/esm/duet-cookie-consent.entry.js +3 -3
  380. package/lib/esm/duet-date-picker.entry.js +30 -34
  381. package/lib/esm/duet-divider_2.entry.js +6 -6
  382. package/lib/esm/duet-editable-table_3.entry.js +12 -12
  383. package/lib/esm/duet-empty-state.entry.js +33 -7
  384. package/lib/esm/duet-fieldset.entry.js +6 -6
  385. package/lib/esm/duet-file-chooser.entry.js +3 -3
  386. package/lib/esm/duet-footer.entry.js +8 -8
  387. package/lib/esm/duet-grid_2.entry.js +14 -7
  388. package/lib/esm/duet-header_2.entry.js +7 -7
  389. package/lib/esm/duet-hero.entry.js +9 -9
  390. package/lib/esm/duet-icon.entry.js +7 -7
  391. package/lib/esm/duet-indicator.entry.js +5 -5
  392. package/lib/esm/duet-input_2.entry.js +22 -14
  393. package/lib/esm/duet-layout.entry.js +7 -7
  394. package/lib/esm/duet-list_2.entry.js +5 -5
  395. package/lib/esm/duet-menu-bar-button.entry.js +4 -4
  396. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +4 -4
  397. package/lib/esm/duet-menu-bar-dropdown.entry.js +6 -6
  398. package/lib/esm/duet-menu-bar-item.entry.js +7 -7
  399. package/lib/esm/duet-menu-bar-link.entry.js +4 -4
  400. package/lib/esm/duet-menu-bar.entry.js +6 -6
  401. package/lib/esm/duet-modal.entry.js +14 -14
  402. package/lib/esm/duet-multiselect.entry.js +11 -11
  403. package/lib/esm/duet-nav.entry.js +3 -3
  404. package/lib/esm/duet-notification_2.entry.js +9 -9
  405. package/lib/esm/duet-number-input.entry.js +8 -8
  406. package/lib/esm/duet-overlay.entry.js +3 -3
  407. package/lib/esm/duet-page-heading.entry.js +4 -4
  408. package/lib/esm/duet-pagination_2.entry.js +18 -18
  409. package/lib/esm/duet-panel.entry.js +4 -4
  410. package/lib/esm/duet-phone-input.entry.js +4 -4
  411. package/lib/esm/duet-popup-menu_2.entry.js +30 -18
  412. package/lib/esm/duet-progress.entry.js +3 -3
  413. package/lib/esm/duet-promo-card.entry.js +13 -9
  414. package/lib/esm/duet-radio_2.entry.js +10 -8
  415. package/lib/esm/duet-range-slider.entry.js +7 -7
  416. package/lib/esm/duet-scrollable_3.entry.js +17 -17
  417. package/lib/esm/duet-section-layout.entry.js +4 -4
  418. package/lib/esm/duet-select.entry.js +10 -10
  419. package/lib/esm/duet-shaped-image.entry.js +4 -4
  420. package/lib/esm/duet-share-chart-item.entry.js +2 -2
  421. package/lib/esm/duet-share-chart.entry.js +8 -8
  422. package/lib/esm/duet-show-more.entry.js +5 -5
  423. package/lib/esm/duet-slideout-lang.entry.js +4 -4
  424. package/lib/esm/duet-slideout-link.entry.js +7 -7
  425. package/lib/esm/duet-slideout-panel-dropdown.entry.js +6 -6
  426. package/lib/esm/duet-slideout-panel.entry.js +13 -13
  427. package/lib/esm/duet-slideout.entry.js +20 -18
  428. package/lib/esm/duet-status-icon.entry.js +8 -4
  429. package/lib/esm/duet-step_2.entry.js +6 -6
  430. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +4 -4
  431. package/lib/esm/duet-submenu-bar-dropdown.entry.js +7 -7
  432. package/lib/esm/duet-submenu-bar-item.entry.js +6 -6
  433. package/lib/esm/duet-submenu-bar-link.entry.js +3 -3
  434. package/lib/esm/duet-submenu-bar.entry.js +8 -8
  435. package/lib/esm/duet-textarea.entry.js +14 -21
  436. package/lib/esm/duet-toggle.entry.js +8 -8
  437. package/lib/esm/duet-toolbar-dropdown-link.entry.js +4 -4
  438. package/lib/esm/duet-toolbar-dropdown.entry.js +6 -6
  439. package/lib/esm/duet-toolbar-item.entry.js +8 -8
  440. package/lib/esm/duet-toolbar-link.entry.js +4 -4
  441. package/lib/esm/duet-toolbar.entry.js +4 -4
  442. package/lib/esm/duet-tooltip-button_2.entry.js +9 -9
  443. package/lib/esm/duet-tooltip.entry.js +5 -5
  444. package/lib/esm/duet-tray.entry.js +6 -6
  445. package/lib/esm/duet-upload-aria-status.entry.js +2 -2
  446. package/lib/esm/duet-upload-item.entry.js +6 -6
  447. package/lib/esm/duet-visually-hidden.entry.js +2 -2
  448. package/lib/esm/duet.js +4 -4
  449. package/lib/esm/{errorcodes.utils-DFNtyigo.js → errorcodes.utils-CqW0-HM8.js} +1 -1
  450. package/lib/esm/{focus-utils-BMaSpIw7.js → focus-utils-Dokkd7xz.js} +1 -1
  451. package/lib/esm/{index-FlJJ5tdo.js → index-Cwhi6_oZ.js} +5 -5
  452. package/lib/esm/{label-B8qZstXv.js → label-CyQlly6Z.js} +1 -1
  453. package/lib/esm/{language-utils-D6DmVtHY.js → language-utils-LZh-sc2s.js} +1 -1
  454. package/lib/esm/loader.js +4 -4
  455. package/lib/esm/{slot-utils-CNDJ1X0N.js → slot-utils-CEZnAp61.js} +2 -2
  456. package/lib/esm/{themeable-component-r_Tw1vqr.js → themeable-component-D_FVcjsD.js} +1 -1
  457. package/lib/esm/{token-utils-D46K_pN4.js → token-utils-B0KAgyj_.js} +1 -1
  458. package/lib/esm/{tokens-vvm7i9oY.js → tokens-Ce9HQd35.js} +226 -4
  459. package/lib/esm/{tokens.module-D84A7Xf6.js → tokens.module-DEzE2U5T.js} +152 -4
  460. package/lib/types/common-types.d.ts +11 -28
  461. package/lib/types/components/duet-banner/duet-banner.d.ts +1 -0
  462. package/lib/types/components/duet-combobox/duet-combobox.d.ts +1 -0
  463. package/lib/types/components/duet-date-picker/date-utils.d.ts +1 -1
  464. package/lib/types/components/duet-date-picker/duet-date-picker.d.ts +1 -2
  465. package/lib/types/components/duet-empty-state/duet-empty-state.d.ts +24 -4
  466. package/lib/types/components/duet-grid/duet-grid.d.ts +5 -0
  467. package/lib/types/components/duet-heading/duet-heading.d.ts +10 -0
  468. package/lib/types/components/duet-promo-card/duet-promo-card.d.ts +1 -0
  469. package/lib/types/components/duet-textarea/duet-textarea.d.ts +0 -5
  470. package/lib/types/components.d.ts +72 -6
  471. package/package.json +5 -5
  472. package/lib/duet/p-0c653c09.entry.js +0 -4
  473. package/lib/duet/p-0ef804e4.entry.js +0 -4
  474. package/lib/duet/p-1a28bbe1.entry.js +0 -4
  475. package/lib/duet/p-1d81fcf9.entry.js +0 -4
  476. package/lib/duet/p-1f2469d6.entry.js +0 -4
  477. package/lib/duet/p-2b489051.entry.js +0 -4
  478. package/lib/duet/p-2e967dc9.entry.js +0 -4
  479. package/lib/duet/p-30190152.entry.js +0 -4
  480. package/lib/duet/p-44d1fafb.entry.js +0 -4
  481. package/lib/duet/p-47070cce.entry.js +0 -4
  482. package/lib/duet/p-554d9373.entry.js +0 -4
  483. package/lib/duet/p-59553aa5.entry.js +0 -4
  484. package/lib/duet/p-5dc3f346.entry.js +0 -4
  485. package/lib/duet/p-5dc8a394.entry.js +0 -4
  486. package/lib/duet/p-6359eb27.entry.js +0 -4
  487. package/lib/duet/p-831e210d.entry.js +0 -4
  488. package/lib/duet/p-846b040f.entry.js +0 -4
  489. package/lib/duet/p-8ff66f04.entry.js +0 -4
  490. package/lib/duet/p-9fd00141.entry.js +0 -4
  491. package/lib/duet/p-BZkhQa5F.js +0 -4
  492. package/lib/duet/p-BsJux4JM.js +0 -4
  493. package/lib/duet/p-Bv3O2yFB.js +0 -4
  494. package/lib/duet/p-D84A7Xf6.js +0 -4
  495. package/lib/duet/p-Dd0j805V.js +0 -4
  496. package/lib/duet/p-a4b62f2f.entry.js +0 -4
  497. package/lib/duet/p-b8648d7a.entry.js +0 -4
  498. package/lib/duet/p-c18726af.entry.js +0 -4
  499. package/lib/duet/p-c2572d80.entry.js +0 -4
  500. package/lib/duet/p-d3b4339e.entry.js +0 -4
  501. package/lib/duet/p-dZaxsCbb.js +0 -4
  502. package/lib/duet/p-dfab71df.entry.js +0 -4
  503. package/lib/duet/p-e655dd7d.entry.js +0 -4
  504. package/lib/duet/p-f0eda0e2.entry.js +0 -4
  505. package/lib/duet/p-f58c0527.entry.js +0 -4
  506. package/lib/duet/p-fc0cb6fb.entry.js +0 -4
  507. package/lib/duet/p-vvm7i9oY.js +0 -4
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * Built with Duet Design System
3
+ */
4
+ import{r as e,h as t,H as a,g as o}from"./p-Cwhi6_oZ.js";import{i}from"./p-D2EBd3cT.js";import{h as r,c as n,a as d}from"./p--fmK3qPb.js";import{g as s,p as c}from"./p-D2ly4TZR.js";import"./p-DEzE2U5T.js";const p=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"),n(this.element,"heading",`span,${e.join(",")}`),this.hasHeadingSlot&&d(this.element,"heading")[0].matches(e.join(","))&&(this.hasHeadingSlotNative=!0),n(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(a,{key:"95b3ed27ee63d653dd40150704011e9e4ff62977",class:{"duet-m-0":"none"===this.margin}},t("aside",{key:"0cc3047f13bf8ff3d13c1a4547225ef9075ee72c",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:"88f499f9cfbc42cc77ae3650e25d6a67e249c667",href:this.url,class:{"content-wrapper":!0,"duet-theme-turva":"turva"===this.theme},ref:e=>this.aOrDivElement=e},t("img",{key:"3f56c0e11f43fd35a576c2612a01ef57362eb9ce",class:"image",src:this.image,alt:this.imageAlt||"",role:this.imageAlt?null:"presentation"}),t("div",{key:"67cc5128842bfd7a97e55ab7a39607f15565aa48",class:"content"},this.hasPreHeadingSlot&&t("div",{key:"6416da999d6c95dbc60c7f4210f00ff7771068a9",class:"pre-heading"},t("slot",{key:"f14c79e605bc369bcd622813975bd2e567232e8a",name:"pre-heading"})),this.hasHeadingSlot&&t("div",{key:"21fc61923698870704efbc02ceb85cb41634fe76",class:"heading"},t("duet-heading",{key:"4adef65c01b3b1162949e5dddb6c2e722f04376f",theme:this.theme,level:this.hasHeadingSlotNative?"div":this.headingLevel,"visual-level":"h3",margin:"none",color:c(this.textColor,this.theme)},t("span",{key:"b5e3eeb6192b2c4dab608c7b3cb1a7ec271292bb"},t("slot",{key:"717362196c9449e8eb0cad836a5d1eed094ec621",name:"heading"})))),this.hasDescriptionSlot&&t("div",{key:"117900bbf76af5ae95917819fb7d2f99d2704f53",class:"description"},t("duet-paragraph",{key:"f7ef0a08c527b79980a900706fff2d4d61a28652",theme:this.theme,margin:"none",color:c(this.textColor,this.theme)},t("span",{key:"799ccc75db2f0e75833f50d77f0e1c89ccd8301f"},t("slot",{key:"aa8385bab94fd5d120daa6d2040d0b683aaecaa7",name:"description"})))),this.hasActionSlot&&t("div",{key:"8ec8ce8f1b6b54b29d0b5282cc6fdad63b987125",class:"action"},t("slot",{key:"63f29b5905fbfebea7e2aa139c2c81b5177d5e4a",name:"action"}))))))}get element(){return o(this)}};p.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{p as duet_promo_card}
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * Built with Duet Design System
3
+ */
4
+ import{r as e,h as t,H as a,g as i}from"./p-Cwhi6_oZ.js";import{n as r}from"./p-vVCYtBMj.js";import{a as o}from"./p-8RjiAqaE.js";import{i as n}from"./p-D2EBd3cT.js";import{g as s}from"./p-Chf7ZRmW.js";import{a as u}from"./p-Db8rvjPI.js";import{g as b,c as m,d as l}from"./p-DWIjWGAD.js";import"./p-DvwKrUS6.js";import"./p--fmK3qPb.js";import"./p-C6E9F6QT.js";const d=class{constructor(t){e(this,t),this.theme="",this.active=!1,this.leadingIcon=void 0,this.trailingIcon=void 0,this.accessiblePopup="false",this.accessibleLabelExternalDefaults=o,this.accessibleLabelExternal=b(this.accessibleLabelExternalDefaults),this.external=!1}componentWillLoad(){n(this)}connectedCallback(){m(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})}disconnectedCallback(){l(this)}handleEscape(e){if(u(e)){const e=this.element.closest("duet-submenu-bar");e.open=!1,e.setFocus()}}async setFocus(e){setTimeout((()=>this.itemElement.focus(e)),200)}render(){const e=this.url?"link":"button";return t(a,{key:"35be20639e3574ca775aa4b697485c84a1512045",role:"listitem"},t(this.url?"a":"button",{key:"10e74fbfad350fa687d2ed5c6d5bfa6c3c3b7a08",target:this.url?this.external?"_blank":"_self":null,ref:e=>this.itemElement=e,class:{"duet-submenu-bar-item":!0,"duet-theme-turva":"turva"===this.theme,active:this.active},href:this.url,onKeyUp:e=>this.handleEscape(e),"aria-current":this.active?"true":"false","aria-label":this.url&&s(this)||this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0,role:e,rel:this.external?"noopener":void 0},this.leadingIcon&&t("duet-icon",{key:"e4de062ea87077cdf5ab2f80a72cb746d10b32e9",class:"leading-icon",theme:this.theme,name:this.leadingIcon,size:"auto",margin:"none",color:"currentColor"}),t("div",{key:"1829e95b6db1e8970ca53e5f8332b0aa97df310a",class:"label"},t("span",{key:"815b45070604d6a9fc3f875677119480812c448d",class:"label-text"},t("slot",{key:"195a9798c946491c1ec6318a99b5738e92d68f58"})),(this.trailingIcon||this.external)&&t("duet-icon",{key:"8718695a96ec8294833a18791aeefbe51526308f",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":"action-arrow-down-small"===this.trailingIcon,"external-icon":!!this.external,rotate:"action-arrow-down-small"===this.trailingIcon&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.external?r.title:"",margin:"none",size:"auto",color:"currentColor"}))))}get element(){return i(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;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-item{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;height:100%;padding:12px 1.5rem;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:1.25;color:rgb(0, 75, 129);text-align:center;white-space:nowrap;text-decoration:none;cursor:pointer}.duet-submenu-bar-item:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-submenu-bar-item:focus,.duet-submenu-bar-item:focus.duet-theme-turva{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-submenu-bar-item .label{display:flex;gap:5px;align-items:center;justify-content:center}.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:16px;height:16px}}.duet-submenu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-submenu-bar-item .external-icon{width:10px;height:10px}.duet-submenu-bar-item .trailing-icon{position:absolute;right:12px}.duet-submenu-bar-item[aria-expanded=true]{background:rgb(228, 241, 247)}.duet-submenu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-submenu-bar-item.active{color:rgb(0, 119, 179)}.duet-submenu-bar-item.active::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px);transition:300ms ease}.duet-submenu-bar-item:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-item.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-submenu-bar-item.active.duet-theme-turva{color:rgb(230, 23, 64)}.duet-submenu-bar-item.duet-theme-turva[aria-expanded=true]{background:rgb(251, 225, 209)}.duet-submenu-bar-item.duet-theme-turva.active .label::after{background:rgb(230, 23, 64)}.duet-submenu-bar-item.duet-theme-turva.active::after{background:rgb(230, 23, 64)}.duet-submenu-bar-item.duet-theme-turva:hover{color:rgb(23, 42, 59);background:rgb(251, 225, 209)}.duet-submenu-bar-item.duet-theme-turva:hover.active{color:rgb(230, 23, 64)}';export{d as duet_submenu_bar_item}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as e,h as t,H as r}from"./p-FlJJ5tdo.js";import{i as a}from"./p-BEzfNXw0.js";const c=class{constructor(t){e(this,t),this.theme="",this.checked=!1,this.presentationOnly=!1,this.center=!1,this.type="checkbox"}componentWillLoad(){a(this)}render(){return t(r,{key:"77d8d9cfa205def19022cd899ab98eb36007d2e2",class:{"duet-theme-turva":"turva"===this.theme}},t("div",{key:"b93b32d626ceca01d12390209e700eef8665fd8b",role:this.presentationOnly?"presentation":null,class:{checked:this.checked}},t("div",{key:"fa4d7323cf416248275604e05b261bc1f542ea6e",class:{"duet-checkmark-container":!0,center:this.center,"duet-checkmark-radio":"radio"===this.type}},this.checked&&t("div",{key:"d2a988ecdd6f5d41ce318365966515ff92c252c6",class:"duet-checkmark"}))))}};c.style=".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}.duet-checkmark-container.center{margin-right:auto}.duet-theme-turva .duet-checkmark-container{border-color:rgb(120, 145, 164)}.checked .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .checked .duet-checkmark-container{background:rgb(23, 42, 59);border-color:rgb(23, 42, 59) !important}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}[disabled]+label .duet-checkmark-container{border-color:rgb(181, 198, 208) !important}.duet-theme-turva [disabled]+label .duet-checkmark-container{border-color:rgb(178, 194, 205) !important}.checked [disabled]+label .duet-checkmark-container{background:rgb(181, 198, 208) !important}.duet-theme-turva .checked [disabled]+label .duet-checkmark-container{background:rgb(178, 194, 205) !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}}:host(.duet-theme-turva.duet-theme-turva) .checked .duet-checkmark-container{background:rgb(23, 42, 59);border-color:rgb(23, 42, 59) !important}";export{c as duet_checkmark}
4
+ import{r as e,h as t,H as r}from"./p-Cwhi6_oZ.js";import{i as a}from"./p-D2EBd3cT.js";const c=class{constructor(t){e(this,t),this.theme="",this.checked=!1,this.presentationOnly=!1,this.center=!1,this.type="checkbox"}componentWillLoad(){a(this)}render(){return t(r,{key:"9f320db3e8549d7d12de134f013789c1f412b947",class:{"duet-theme-turva":"turva"===this.theme}},t("div",{key:"a8fe605a230fd34d9714bd5194c281b87394bd24",role:this.presentationOnly?"presentation":null,class:{checked:this.checked}},t("div",{key:"91fabdc145a023efc8317ef543296d4e5e2509d9",class:{"duet-checkmark-container":!0,center:this.center,"duet-checkmark-radio":"radio"===this.type}},this.checked&&t("div",{key:"9a418c3b3cd7c451f52003eb5efe16e90a4d5841",class:"duet-checkmark"}))))}};c.style=".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}.duet-checkmark-container.center{margin-right:auto}.duet-theme-turva .duet-checkmark-container{border-color:rgb(120, 145, 164)}.checked .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .checked .duet-checkmark-container{background:rgb(23, 42, 59);border-color:rgb(23, 42, 59) !important}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}[disabled]+label .duet-checkmark-container{border-color:rgb(181, 198, 208) !important}.duet-theme-turva [disabled]+label .duet-checkmark-container{border-color:rgb(178, 194, 205) !important}.checked [disabled]+label .duet-checkmark-container{background:rgb(181, 198, 208) !important}.duet-theme-turva .checked [disabled]+label .duet-checkmark-container{background:rgb(178, 194, 205) !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}}:host(.duet-theme-turva.duet-theme-turva) .checked .duet-checkmark-container{background:rgb(23, 42, 59);border-color:rgb(23, 42, 59) !important}";export{c as duet_checkmark}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as t,c as i,h as e,F as a,H as s,g as n}from"./p-FlJJ5tdo.js";import{i as o}from"./p-BEzfNXw0.js";import{c as r}from"./p-Cfr_DJqU.js";import{d as h}from"./p-BlUsLmbQ.js";import{j as d,k as l,d as c,e as p,f as u,g as b,l as g,m}from"./p-Db8rvjPI.js";import{g as f,c as v,d as k}from"./p-Bo0igXOs.js";import{p as y}from"./p-C6E9F6QT.js";import{b as w,a as x}from"./p-D8k4CqJb.js";import"./p-D84A7Xf6.js";const S=class{constructor(e){t(this,e),this.duetPageChange=i(this,"duetPageChange",3),this.listId=r("duet-pagination-list"),this.processedPageLinks=null,this.numbersStore="",this.matchesCompactBreakpoint=!1,this.totalPages=10,this.internalSectionIndex=0,this.theme="",this.disabled=!1,this.variation="default",this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLabelsDefaults={en:{next_page:"Next page",previous_page:"Previous page",first_page:"First page",last_page:"Last page",jump_to:"Jump to page",go_to:"Go to page",description:"You may use arrow keys to select page number",pagination_label:"Pagination, choose a number to jump to a page",select_label:"Total pages {0}, choose a number to jump to a page",prev_section:"Show previous {0} page numbers, screen reader user should use arrowkeys to navigate",next_section:"Show next {0} page numbers, screen reader user should use arrowkeys to navigate"},fi:{next_page:"Seuraava sivu",previous_page:"Edellinen sivu",first_page:"Ensimmäinen sivu",last_page:"Viimeinen sivu",jump_to:"Siirry sivulle",go_to:"Siirry sivulle",description:"Voit käyttää nuolinäppäimiä sivunumeron valitsemiseen",pagination_label:"Sivutus, valitse sivunumero siirtyäksesi sivulle",select_label:"Sivuja yhteensä {0}, valitse sivunumero siirtyäksesi sivulle",prev_section:"Näytä edelliset {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi",next_section:"Näytä seuraavat {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi"},sv:{next_page:"Nästa sida",previous_page:"Föregående sida",first_page:"Första sidan",last_page:"Sista sidan",jump_to:"Hoppa till sida",go_to:"Hoppa till sida",description:"Du kan använda piltangenterna för att välja sida",pagination_label:"Paginering, välj en siffra för att hoppa till en sida",select_label:"Totalt antal sidor {0}, välj en siffra för att hoppa till en sida",prev_section:"Visa föregående {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera",next_section:"Visa nästa {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera"}},this.accessibleLabels=f(this.accessibleLabelsDefaults),this.take=5,this.visibleItems=5,this.total=1e3,this.compactBreakpoint="x-small",this.ariaControls="",this.current=1,this.firstRenderDone=!1,this.handleMediaQueryChange=t=>{this.matchesCompactBreakpoint=w.includes(this.compactBreakpoint)?t.matches:!t.matches},this.actionChain=async(t,i)=>{if(0===t)this.current=1;else if(t>this.totalPages)this.current=this.totalPages;else if(i!==t){const i=Math.ceil(t/this.visibleItems)-1;i!==this.internalSectionIndex&&(this.internalSectionIndex=i,await this.setFocus())}return!0},this.emitPageEvent=(t,i)=>{const e=Number(i||this.current);this.duetPageChange.emit({component:"duet-pagination",from:e*this.take,to:e*this.take+this.take,current:e,take:this.take,type:"page",originalEvent:t})},this.getEnteredNumber=h((t=>{this.emitPageEvent(t,this.numbersStore),this.current=Number(this.numbersStore),this.numbersStore="",this.duetPageChange.emit({component:"duet-pagination",from:this.current*this.take,to:this.current*this.take+this.take,current:this.current,take:this.take,type:"jump",originalEvent:t})}),500)}watchPropTotalHandler(){return this.calculatePageTake(),!0}watchStateHandler(t,i){return this.actionChain(t,i)}componentWillLoad(){this.internalSectionIndex=Math.ceil(this.current/this.visibleItems)-1,this.calculatePageTake(),o(this),this.refresh()}componentDidLoad(){this.firstRenderDone=!0}componentWillRender(){0!==this.internalSectionIndex&&this.internalSectionIndex!==this.totalPages&&this.calculatePageTake()}componentDidRender(){this.firstRenderDone&&!this.processedPageLinks&&this.setFocus()}connectedCallback(){this.mq=matchMedia("none"===this.compactBreakpoint?"all":x[this.compactBreakpoint]),this.mq.addEventListener("change",h(this.handleMediaQueryChange,50)),this.handleMediaQueryChange(this.mq),v(this,{prop:"accessibleLabels",defaults:"accessibleLabelsDefaults"})}disconnectedCallback(){this.mq.removeEventListener("change",this.handleMediaQueryChange),this.mq=null,this.matchesCompactBreakpoint=!1,k(this)}async refresh(){this.processedPageLinks=y(this.pageLinks)}calculatePageTake(){this.totalPages=Math.ceil(this.total/this.take)}async onMouseHandler(t,i){this.disabled||(this.processedPageLinks||(t.preventDefault(),t.stopPropagation(),this.current=this.current+i),this.emitPageEvent(t))}async onKeyboardDown(t){if(this.disabled)return;let i=this.current;(c(t)||p(t))&&i--,(u(t)||b(t))&&i++,d(t)&&i<=this.totalPages&&(this.current=i,this.processedPageLinks?(this.emitPageEvent(t,i-1),window.open(this.processedPageLinks[i-1],"_self","")):this.emitPageEvent(t)),l(t)&&this.shouldDisplayNavigation()&&(this.numbersStore=this.numbersStore+t.key,Number(this.numbersStore)>this.totalPages&&(this.numbersStore=this.totalPages+""),this.getEnteredNumber(t))}async setFocus(){const t=this.nativeNav.querySelector(`[data-id='${this.current}']`);t&&await t.setFocus()}pageClickHandler(t){const i=Number(t.target.getAttribute("data-id"));this.processedPageLinks||(t.preventDefault(),this.current=i),this.emitPageEvent(t,i)}selectClickHandler(t){t.preventDefault();const i=Number(t.target.value);this.current=i,this.processedPageLinks?(this.emitPageEvent(t,i-1),window.open(this.processedPageLinks[i-1],"_self","")):this.emitPageEvent(t,i)}sectionClickHandler(t,i){t.preventDefault();let e=this.internalSectionIndex+i;e*(this.take*this.visibleItems)>this.total&&(e=this.internalSectionIndex),this.internalSectionIndex=e>=0?e:0}jumpToStart(t){this.processedPageLinks||(t.preventDefault(),this.internalSectionIndex=0,this.current=1),this.emitPageEvent(t)}jumpToEnd(t){this.processedPageLinks||(t.preventDefault(),this.internalSectionIndex=Math.ceil(this.totalPages/this.take-1),this.current=this.totalPages),this.emitPageEvent(t)}renderPageButton(t){return e("duet-button",{disabled:this.disabled,class:{"duet-pagination-link":!0},id:`page-${t}-button`,color:t!==this.current?"turva"!==this.theme?"secondary":"secondary-turva":"turva"!==this.theme?"primary":"primary-turva","data-id":t,"center-text":!0,variation:"plain",margin:"none",accessibleLabel:`${this.accessibleLabels.go_to} ${t}`,onClick:t=>this.pageClickHandler(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[t-1]:void 0},e("div",{class:"duet-pagination-page-number","aria-hidden":!0},t))}renderPageNumbers(){const t=[];let i=this.internalSectionIndex*this.visibleItems;do{if(i++,i>this.totalPages)break;t.push(e("li",{class:{"duet-pagination-item":!0,"duet-pagination-item-is-active":i===this.current},role:"menuitem"},this.renderPageButton(i)))}while(i<this.visibleItems+this.internalSectionIndex*this.visibleItems);return t}renderSelect(){const t=[];for(let i=1;i<=this.totalPages;i++)t.push({value:i.toString(),label:i.toString()});const i=e("duet-select",{disabled:this.disabled,theme:this.theme,class:"duet-pagination-select",variation:"compact",items:JSON.stringify(t),value:this.current.toString(),label:this.accessibleLabels.select_label.replace("{0}",`${this.totalPages}`),labelHidden:!0,onDuetChange:t=>this.selectClickHandler(t),margin:"none"});return e("li",null,i,e("span",{class:"duet-pagination-total-pages","aria-hidden":"true"},"/ ",this.totalPages))}shouldDisplayNavigation(){return!("compact"===this.variation||this.matchesCompactBreakpoint||2*this.visibleItems>this.total/this.take)}render(){return e(s,{key:"62c4d84c58a0267e958230835282746f490f5b93",onKeyDown:t=>this.onKeyboardDown(t),class:{"duet-theme-turva":"turva"===this.theme}},e("nav",{key:"e308cbce7bfe457df21ca5d1a9b011ad306d8090",role:"navigation","aria-labelledby":this.accessibleLabelledBy?`${this.accessibleLabelledBy} ${this.listId}`:this.listId,"aria-describedby":this.accessibleDescribedBy?`${this.accessibleDescribedBy} ${this.listId}`:this.listId,"aria-descriptions":this.accessibleDescription,"aria-details":this.accessibleDetails,ref:t=>this.nativeNav=t,"aria-controls":this.ariaControls,class:{"duet-pagination-nav":!0,[`duet-pagination-variation-${this.variation}`]:!0}},""!==this.numbersStore&&e("div",{key:"63cba2aeb5b53aceba412cd3ef544fad0b83f7e7","aria-live":"assertive","aria-relevant":"text",class:"duet-pagination-overlay","aria-label":`${this.accessibleLabels.jump_to} ${this.numbersStore}`,part:"navigation-overlay"},e("duet-badge",{key:"2c8d10cd7d2f4087336f5bd28905809fdf6852de",theme:this.theme},"jump to page : ",this.numbersStore)),e("ol",{key:"ff23766c13debac377872850c408980460700cd3",id:this.listId,class:{"duet-pagination":!0,"duet-pagination-is-dimmed":""!==this.numbersStore},role:"menubar","aria-label":this.accessibleLabels.pagination_label,"aria-description":this.accessibleLabels.description},("compact"===this.variation||this.matchesCompactBreakpoint)&&e("li",{key:"af629fdaaaaceda9b49f04abb0adc8a4d111af69",class:{"duet-pagination-page-button":!0,"duet-pagination-button-first":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"5b3580de4b5aa7cae5aac470c451276cb2915bb7",disabled:0===this.internalSectionIndex&&this.current<=1||this.disabled,"data-direction":"back",accessibleLabel:this.accessibleLabels.first_page,title:this.accessibleLabels.first_page,onClick:t=>this.jumpToStart(t),"icon-name":"action-move-to-first",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[0]:void 0})),e("li",{key:"b763efe60e95ce22c9a10a16f771306bc41c94e8",class:{"duet-pagination-page-button":!0,"duet-pagination-button-first":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"4614a19eee937ec82b1d7f53774536bc3dc53efe",disabled:!!(0===this.internalSectionIndex&&this.current<=1||this.current<=1&&this.processedPageLinks||this.disabled),"data-direction":"back",onClick:t=>this.onMouseHandler(t,-1),"accessible-label":this.accessibleLabels.previous_page,title:this.accessibleLabels.previous_page,"icon-name":"action-arrow-left-small",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.current-2]:void 0})),0!==this.internalSectionIndex&&this.shouldDisplayNavigation()&&e(a,{key:"6a58f0e2274e19bc36ed5724f8272b7d52aafbff"},e("li",{key:"3c9463d76188a6c709a339bc6aeb742230649517",class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},e("duet-button",{key:"faa2bb79c16612bf21b3c894bd044524094000b5",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-jump-back","center-text":"true",variation:"plain",color:"turva"!==this.theme?"secondary":"secondary-turva",margin:"none",accessibleLabel:this.accessibleLabels.first_page,onClick:t=>this.jumpToStart(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[0]:void 0},e("div",{key:"1d57199a2de289499f857d60e85abc5b03347701",class:"duet-pagination-page-number"},"1"))),e("li",{key:"165edfb178a9a37a62729c254ef59a759cf3234e",class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},e("duet-button",{key:"2f86dc307015ec5c4f0c8ed8485eb539419b100f",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-dots-back","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.prev_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,-1),theme:this.theme},e("div",{key:"b72d8f2a8d07e8c81b9d3a1eff872b387982f531",class:"duet-pagination-page-number","aria-hidden":"true"},"…")))),this.shouldDisplayNavigation()&&this.renderPageNumbers()||this.renderSelect(),(this.internalSectionIndex+1)*this.visibleItems<this.totalPages&&this.shouldDisplayNavigation()&&e(a,{key:"d92b8e89d424fa566d435985832c1a47ff6f00e0"},(this.internalSectionIndex+1)*this.visibleItems!=this.totalPages-1&&e("li",{key:"02c6801c1212cdbd836d3206e0c3c57e0009c360",class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},e("duet-button",{key:"3668dc509fbdb6567da22e8fbde178cba0a2c371",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-dots-forward","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.next_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,1),theme:this.theme},e("div",{key:"e41f0ff84f1f30725a8c10788cbc790b5548f3e2",class:"duet-pagination-page-number","aria-hidden":"true"},"…"))),e("li",{key:"3c8b3b2d1ae67bd70464a4463fce1abeac270a17",class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},e("duet-button",{key:"d29669bc78a9d8b299a674fbb0c862a35f2de7cd",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-jump-forward","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.last_page,onClick:t=>this.jumpToEnd(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.processedPageLinks.length-1]:void 0},e("div",{key:"2c159077e6b2c5c72d820fa113be972db3c1a36a",class:"duet-pagination-page-number"},this.totalPages)))),e("li",{key:"17f8cb237ba3352dab6a6f9190a82995c6af50db",class:{"duet-pagination-page-button":!0,"duet-pagination-button-last":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"2ed254adb9ac8a59160dda2da09dc9b4c451cfd7",disabled:!!(this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1||this.current===this.totalPages&&this.processedPageLinks)||this.disabled,class:"duet-date-dialog-next","accessible-label":this.accessibleLabels.next_page,title:this.accessibleLabels.next_page,onClick:t=>this.onMouseHandler(t,1),"icon-name":"action-move-to-next",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.current]:void 0})),("compact"===this.variation||this.matchesCompactBreakpoint)&&e("li",{key:"be6cef233eeac10ca4964c07a8875832e5e8c5dd",class:{"duet-pagination-page-button":!0,"duet-pagination-button-last":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"10c56fa0387027938a2778de48741e89c7186bd8",disabled:this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1||this.disabled,accessibleLabel:this.accessibleLabels.last_page,title:this.accessibleLabels.last_page,onClick:t=>this.jumpToEnd(t),"icon-name":"action-move-to-last",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.totalPages-1]:void 0})))))}get element(){return n(this)}static get watchers(){return{total:["watchPropTotalHandler"],current:["watchStateHandler"],pageLinks:["refresh"]}}};S.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-block;margin:0 auto}.duet-pagination-nav{position:relative}.duet-pagination ::part(button){border:0}.duet-pagination,.duet-pagination li{display:flex;flex-wrap:wrap;gap:0.1rem;align-items:center}.duet-pagination-item-is-active .duet-pagination-page-number{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:2px}.duet-pagination duet-button{width:30px;min-width:36px;font-weight:600;text-decoration:none;border-left-width:0}.duet-pagination-overlay{position:absolute;top:1rem;z-index:300;width:100%;text-align:center}.duet-pagination.duet-pagination-is-dimmed{opacity:0.5}.duet-pagination .duet-pagination-select{margin:0 4px 0 12px !important}.duet-pagination-total-pages{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;font-weight:600 !important;line-height:1.25;color:rgb(8, 42, 77);text-align:left}:host(.duet-theme-turva) .duet-pagination-total-pages{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)}';const _=class{constructor(e){t(this,e),this.duetRangeStepUpdate=i(this,"duetRangeStepUpdate",7),this.leftBn=r("duetRangeStepper-left"),this.rightBn=r("duetRangeStepper-right"),this.buttonLeftDisabled=!1,this.buttonRightDisabled=!1,this.theme="",this.disabled=!1,this.stepIndex=1,this.stepSize=50,this.total=1e3,this.ariaLabelsDefaults={en:{next_increment:"Next range increment",previous_increment:"Previous range increment",x_of_y:"{0}–{1} of {2}"},fi:{next_increment:"Seuraava välillä",previous_increment:"Edellinen välillä",x_of_y:"{0}–{1} / {2}"},sv:{next_increment:"Nästa intervall",previous_increment:"Föregående intervall",x_of_y:"{0}–{1} av {2}"}},this.ariaLabels=f(this.ariaLabelsDefaults),this.ariaControls="",this.handleClick=(t,i)=>{t.preventDefault(),this.stepIndex+=i,this.clampStepIndex(),this.handleStepClick(t)}}watchStepIndexStateHandler(t){this.leftBnRef&&this.rightBnRef&&(t<=1?(this.element===document.activeElement&&this.rightBnRef.setFocus(),this.buttonLeftDisabled=!0):this.buttonLeftDisabled=!1,t>=this.total/this.stepSize?(this.element===document.activeElement&&this.leftBnRef.setFocus(),this.buttonRightDisabled=!0):this.buttonRightDisabled=!1)}watchStepSizeStateHandler(t,i){t!==i&&(this.stepIndex*t>this.total&&(this.stepIndex=Math.ceil(this.total/t)),this.watchStepIndexStateHandler(this.stepIndex))}handleStepClick(t){this.duetRangeStepUpdate.emit({originalEvent:t,component:"duet-range-stepper",from:this.getFrom(),to:this.getTo(),index:this.stepIndex})}componentWillLoad(){o(this),this.clampStepIndex()}componentDidLoad(){this.watchStepIndexStateHandler(this.stepIndex)}connectedCallback(){v(this,{prop:"ariaLabels",defaults:"ariaLabelsDefaults"})}disconnectedCallback(){k(this)}clampStepIndex(){this.stepIndex<1?this.stepIndex=1:this.stepIndex*this.stepSize>this.total&&(this.stepIndex=Math.ceil(this.total/this.stepSize))}getFrom(){return Math.floor((this.stepIndex-1)*this.stepSize)+1}getTo(){return Math.min(Math.floor(this.stepIndex*this.stepSize),this.total)}generateStepSize(){return this.ariaLabels.x_of_y.replace("{0}",String(this.getFrom())).replace("{1}",String(this.getTo())).replace("{2}",String(this.total))}generatePreviousIncrementLabel(){return 1===this.getFrom()?"":this.ariaLabels.x_of_y.replace("{0}",String(Math.max(this.getFrom()-this.stepSize,1))).replace("{1}",String(Math.min(this.getFrom()-1,this.total))).replace("{2}",String(this.total))}generateNextIncrementLabel(){return this.getTo()===this.total?"":this.ariaLabels.x_of_y.replace("{0}",String(this.getTo()+1)).replace("{1}",String(Math.min(this.getTo()+this.stepSize,this.total))).replace("{2}",String(this.total))}async onKeyboardDown(t){if(this.disabled)return;let i=this.stepIndex,e=1;(c(t)||p(t)||g(t))&&(i--,e=-1,this.leftBnRef.setFocus()),(u(t)||b(t)||m(t))&&(i++,e=1),d(t)&&i>0&&i*this.stepSize<=this.total&&this.handleClick(t,e)}render(){return e("div",{key:"a52fee857c27100782330372c560cab649bef9da",class:{"duet-range-stepper":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:t=>this.onKeyboardDown(t),"aria-controls":this.ariaControls},e("span",{key:"38bb481d87ac4683a737ef36c3e44dac29e53f17",class:"duet-range-step-counter",part:"range-numbers"},this.generateStepSize()),e("duet-action-button",{key:"b990414c671f5f557677aef504e3964b45004ac2",disabled:this.disabled||this.buttonLeftDisabled,class:"duet-range-step-button duet-range-step-minus",onClick:t=>this.handleClick(t,-1),id:this.leftBn,"accessible-label":`${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`,ref:t=>this.leftBnRef=t,part:"navigation-arrow",iconName:"action-arrow-left-small",title:""}),e("duet-action-button",{key:"8fc098c8d1bc03b20cc887327638d60bc6f25ca7",disabled:this.disabled||this.buttonRightDisabled,class:"duet-range-step-button duet-range-step-plus",onClick:t=>this.handleClick(t,1),"accessible-label":`${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`,id:this.rightBn,ref:t=>this.rightBnRef=t,part:"navigation-arrow",iconName:"action-arrow-right-small",title:""}))}get element(){return n(this)}static get watchers(){return{stepIndex:["watchStepIndexStateHandler"],stepSize:["watchStepSizeStateHandler"]}}};_.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-block;margin:0 auto}.duet-range-stepper{display:flex;flex-wrap:wrap;gap:0;align-items:baseline;justify-content:center;min-width:30px;min-height:30px;font-weight:600;text-decoration:none;border-left-width:0}.duet-range-stepper{white-space:nowrap}.duet-range-stepper .duet-range-step-counter{font-weight:600;color:rgb(8, 42, 77)}.duet-range-stepper ::part(button){border:0}.duet-theme-turva .duet-range-step-counter{color:rgb(23, 42, 59)}";export{S as duet_pagination,_ as duet_range_stepper}
4
+ import{r as t,c as i,h as e,F as a,H as s,g as n}from"./p-Cwhi6_oZ.js";import{i as o}from"./p-D2EBd3cT.js";import{c as r}from"./p-Cfr_DJqU.js";import{d as h}from"./p-BlUsLmbQ.js";import{j as d,k as l,d as c,e as p,f as u,g as b,l as g,m}from"./p-Db8rvjPI.js";import{g as f,c as v,d as k}from"./p-DWIjWGAD.js";import{p as y}from"./p-C6E9F6QT.js";import{b as w,a as x}from"./p-D2ly4TZR.js";import"./p-DEzE2U5T.js";const S=class{constructor(e){t(this,e),this.duetPageChange=i(this,"duetPageChange",3),this.listId=r("duet-pagination-list"),this.processedPageLinks=null,this.numbersStore="",this.matchesCompactBreakpoint=!1,this.totalPages=10,this.internalSectionIndex=0,this.theme="",this.disabled=!1,this.variation="default",this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLabelsDefaults={en:{next_page:"Next page",previous_page:"Previous page",first_page:"First page",last_page:"Last page",jump_to:"Jump to page",go_to:"Go to page",description:"You may use arrow keys to select page number",pagination_label:"Pagination, choose a number to jump to a page",select_label:"Total pages {0}, choose a number to jump to a page",prev_section:"Show previous {0} page numbers, screen reader user should use arrowkeys to navigate",next_section:"Show next {0} page numbers, screen reader user should use arrowkeys to navigate"},fi:{next_page:"Seuraava sivu",previous_page:"Edellinen sivu",first_page:"Ensimmäinen sivu",last_page:"Viimeinen sivu",jump_to:"Siirry sivulle",go_to:"Siirry sivulle",description:"Voit käyttää nuolinäppäimiä sivunumeron valitsemiseen",pagination_label:"Sivutus, valitse sivunumero siirtyäksesi sivulle",select_label:"Sivuja yhteensä {0}, valitse sivunumero siirtyäksesi sivulle",prev_section:"Näytä edelliset {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi",next_section:"Näytä seuraavat {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi"},sv:{next_page:"Nästa sida",previous_page:"Föregående sida",first_page:"Första sidan",last_page:"Sista sidan",jump_to:"Hoppa till sida",go_to:"Hoppa till sida",description:"Du kan använda piltangenterna för att välja sida",pagination_label:"Paginering, välj en siffra för att hoppa till en sida",select_label:"Totalt antal sidor {0}, välj en siffra för att hoppa till en sida",prev_section:"Visa föregående {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera",next_section:"Visa nästa {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera"}},this.accessibleLabels=f(this.accessibleLabelsDefaults),this.take=5,this.visibleItems=5,this.total=1e3,this.compactBreakpoint="x-small",this.ariaControls="",this.current=1,this.firstRenderDone=!1,this.handleMediaQueryChange=t=>{this.matchesCompactBreakpoint=w.includes(this.compactBreakpoint)?t.matches:!t.matches},this.actionChain=async(t,i)=>{if(0===t)this.current=1;else if(t>this.totalPages)this.current=this.totalPages;else if(i!==t){const i=Math.ceil(t/this.visibleItems)-1;i!==this.internalSectionIndex&&(this.internalSectionIndex=i,await this.setFocus())}return!0},this.emitPageEvent=(t,i)=>{const e=Number(i||this.current);this.duetPageChange.emit({component:"duet-pagination",from:e*this.take,to:e*this.take+this.take,current:e,take:this.take,type:"page",originalEvent:t})},this.getEnteredNumber=h((t=>{this.emitPageEvent(t,this.numbersStore),this.current=Number(this.numbersStore),this.numbersStore="",this.duetPageChange.emit({component:"duet-pagination",from:this.current*this.take,to:this.current*this.take+this.take,current:this.current,take:this.take,type:"jump",originalEvent:t})}),500)}watchPropTotalHandler(){return this.calculatePageTake(),!0}watchStateHandler(t,i){return this.actionChain(t,i)}componentWillLoad(){this.internalSectionIndex=Math.ceil(this.current/this.visibleItems)-1,this.calculatePageTake(),o(this),this.refresh()}componentDidLoad(){this.firstRenderDone=!0}componentWillRender(){0!==this.internalSectionIndex&&this.internalSectionIndex!==this.totalPages&&this.calculatePageTake()}componentDidRender(){this.firstRenderDone&&!this.processedPageLinks&&this.setFocus()}connectedCallback(){this.mq=matchMedia("none"===this.compactBreakpoint?"all":x[this.compactBreakpoint]),this.mq.addEventListener("change",h(this.handleMediaQueryChange,50)),this.handleMediaQueryChange(this.mq),v(this,{prop:"accessibleLabels",defaults:"accessibleLabelsDefaults"})}disconnectedCallback(){this.mq.removeEventListener("change",this.handleMediaQueryChange),this.mq=null,this.matchesCompactBreakpoint=!1,k(this)}async refresh(){this.processedPageLinks=y(this.pageLinks)}calculatePageTake(){this.totalPages=Math.ceil(this.total/this.take)}async onMouseHandler(t,i){this.disabled||(this.processedPageLinks||(t.preventDefault(),t.stopPropagation(),this.current=this.current+i),this.emitPageEvent(t))}async onKeyboardDown(t){if(this.disabled)return;let i=this.current;(c(t)||p(t))&&i--,(u(t)||b(t))&&i++,d(t)&&i<=this.totalPages&&(this.current=i,this.processedPageLinks?(this.emitPageEvent(t,i-1),window.open(this.processedPageLinks[i-1],"_self","")):this.emitPageEvent(t)),l(t)&&this.shouldDisplayNavigation()&&(this.numbersStore=this.numbersStore+t.key,Number(this.numbersStore)>this.totalPages&&(this.numbersStore=this.totalPages+""),this.getEnteredNumber(t))}async setFocus(){const t=this.nativeNav.querySelector(`[data-id='${this.current}']`);t&&await t.setFocus()}pageClickHandler(t){const i=Number(t.target.getAttribute("data-id"));this.processedPageLinks||(t.preventDefault(),this.current=i),this.emitPageEvent(t,i)}selectClickHandler(t){t.preventDefault();const i=Number(t.target.value);this.current=i,this.processedPageLinks?(this.emitPageEvent(t,i-1),window.open(this.processedPageLinks[i-1],"_self","")):this.emitPageEvent(t,i)}sectionClickHandler(t,i){t.preventDefault();let e=this.internalSectionIndex+i;e*(this.take*this.visibleItems)>this.total&&(e=this.internalSectionIndex),this.internalSectionIndex=e>=0?e:0}jumpToStart(t){this.processedPageLinks||(t.preventDefault(),this.internalSectionIndex=0,this.current=1),this.emitPageEvent(t)}jumpToEnd(t){this.processedPageLinks||(t.preventDefault(),this.internalSectionIndex=Math.ceil(this.totalPages/this.take-1),this.current=this.totalPages),this.emitPageEvent(t)}renderPageButton(t){return e("duet-button",{disabled:this.disabled,class:{"duet-pagination-link":!0},id:`page-${t}-button`,color:t!==this.current?"turva"!==this.theme?"secondary":"secondary-turva":"turva"!==this.theme?"primary":"primary-turva","data-id":t,"center-text":!0,variation:"plain",margin:"none",accessibleLabel:`${this.accessibleLabels.go_to} ${t}`,onClick:t=>this.pageClickHandler(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[t-1]:void 0},e("div",{class:"duet-pagination-page-number","aria-hidden":!0},t))}renderPageNumbers(){const t=[];let i=this.internalSectionIndex*this.visibleItems;do{if(i++,i>this.totalPages)break;t.push(e("li",{class:{"duet-pagination-item":!0,"duet-pagination-item-is-active":i===this.current},role:"menuitem"},this.renderPageButton(i)))}while(i<this.visibleItems+this.internalSectionIndex*this.visibleItems);return t}renderSelect(){const t=[];for(let i=1;i<=this.totalPages;i++)t.push({value:i.toString(),label:i.toString()});const i=e("duet-select",{disabled:this.disabled,theme:this.theme,class:"duet-pagination-select",variation:"compact",items:JSON.stringify(t),value:this.current.toString(),label:this.accessibleLabels.select_label.replace("{0}",`${this.totalPages}`),labelHidden:!0,onDuetChange:t=>this.selectClickHandler(t),margin:"none"});return e("li",null,i,e("span",{class:"duet-pagination-total-pages","aria-hidden":"true"},"/ ",this.totalPages))}shouldDisplayNavigation(){return!("compact"===this.variation||this.matchesCompactBreakpoint||2*this.visibleItems>this.total/this.take)}render(){return e(s,{key:"07c38979b231dbf5a56713a66a5b185d4c3e2822",onKeyDown:t=>this.onKeyboardDown(t),class:{"duet-theme-turva":"turva"===this.theme}},e("nav",{key:"128744d916789820fba42f8475d2d2ce86ba42c8",role:"navigation","aria-labelledby":this.accessibleLabelledBy?`${this.accessibleLabelledBy} ${this.listId}`:this.listId,"aria-describedby":this.accessibleDescribedBy?`${this.accessibleDescribedBy} ${this.listId}`:this.listId,"aria-descriptions":this.accessibleDescription,"aria-details":this.accessibleDetails,ref:t=>this.nativeNav=t,"aria-controls":this.ariaControls,class:{"duet-pagination-nav":!0,[`duet-pagination-variation-${this.variation}`]:!0}},""!==this.numbersStore&&e("div",{key:"2666aa8028eb8270455a0fa5cfe4db71cc5a2705","aria-live":"assertive","aria-relevant":"text",class:"duet-pagination-overlay","aria-label":`${this.accessibleLabels.jump_to} ${this.numbersStore}`,part:"navigation-overlay"},e("duet-badge",{key:"5006048f11b634ac53981dd1de48d24786763bce",theme:this.theme},"jump to page : ",this.numbersStore)),e("ol",{key:"6359ab5b15062ff7533365dbf693745cd8c20363",id:this.listId,class:{"duet-pagination":!0,"duet-pagination-is-dimmed":""!==this.numbersStore},role:"menubar","aria-label":this.accessibleLabels.pagination_label,"aria-description":this.accessibleLabels.description},("compact"===this.variation||this.matchesCompactBreakpoint)&&e("li",{key:"9ed757c34264a5d9b98faf0a497a188720a9496e",class:{"duet-pagination-page-button":!0,"duet-pagination-button-first":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"e5a376e51af5edecd2631bb8b3cf02610545692e",disabled:0===this.internalSectionIndex&&this.current<=1||this.disabled,"data-direction":"back",accessibleLabel:this.accessibleLabels.first_page,title:this.accessibleLabels.first_page,onClick:t=>this.jumpToStart(t),"icon-name":"action-move-to-first",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[0]:void 0})),e("li",{key:"168de5258be5f0f7008e100d4683fc02c3064581",class:{"duet-pagination-page-button":!0,"duet-pagination-button-first":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"af5ba5fa8e2b376f0b27f523283447cf28147a7e",disabled:!!(0===this.internalSectionIndex&&this.current<=1||this.current<=1&&this.processedPageLinks||this.disabled),"data-direction":"back",onClick:t=>this.onMouseHandler(t,-1),"accessible-label":this.accessibleLabels.previous_page,title:this.accessibleLabels.previous_page,"icon-name":"action-arrow-left-small",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.current-2]:void 0})),0!==this.internalSectionIndex&&this.shouldDisplayNavigation()&&e(a,{key:"7bd37d481400c119a456c8b652eb3d692e5fd494"},e("li",{key:"4992a1986eb573d5202077e46ad00b6421993d1e",class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},e("duet-button",{key:"508172776a6640e80e3ab8194de2e337a884bff6",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-jump-back","center-text":"true",variation:"plain",color:"turva"!==this.theme?"secondary":"secondary-turva",margin:"none",accessibleLabel:this.accessibleLabels.first_page,onClick:t=>this.jumpToStart(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[0]:void 0},e("div",{key:"200db789756b44c9a2f5772d1dd47fb643941a8c",class:"duet-pagination-page-number"},"1"))),e("li",{key:"671815628d37eb09a768187f86e5626bb83ff4e9",class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},e("duet-button",{key:"10734ac5cb625203ea5bf3aa016b66eb8cc5107d",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-dots-back","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.prev_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,-1),theme:this.theme},e("div",{key:"7b995d636201ffbbb4e32c6867304d26cd9deb37",class:"duet-pagination-page-number","aria-hidden":"true"},"…")))),this.shouldDisplayNavigation()&&this.renderPageNumbers()||this.renderSelect(),(this.internalSectionIndex+1)*this.visibleItems<this.totalPages&&this.shouldDisplayNavigation()&&e(a,{key:"7c4c1587b80070022309e8f809e1a5f1cda1c754"},(this.internalSectionIndex+1)*this.visibleItems!=this.totalPages-1&&e("li",{key:"7ed7e399d452f10d7950e4900ee99cb122f5f71c",class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},e("duet-button",{key:"034dd1e1d88c51a2fd376dc412ad5c5d181bc24a",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-dots-forward","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.next_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,1),theme:this.theme},e("div",{key:"810bcd10da373edf7e7be89da5fcb36686a1e888",class:"duet-pagination-page-number","aria-hidden":"true"},"…"))),e("li",{key:"5e03de6360345650ce6d286ecc553351620028d5",class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},e("duet-button",{key:"3822ccc78f50fd0e6c0eb149a059fb6375c2dd9f",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-jump-forward","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.last_page,onClick:t=>this.jumpToEnd(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.processedPageLinks.length-1]:void 0},e("div",{key:"0ad55ddc86b6b0edec485316998e67153924e760",class:"duet-pagination-page-number"},this.totalPages)))),e("li",{key:"fc2a275cd29e3c10162ada93effec7d8b85c4dfc",class:{"duet-pagination-page-button":!0,"duet-pagination-button-last":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"3ff469847711467ad2604371688183007dca39de",disabled:!!(this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1||this.current===this.totalPages&&this.processedPageLinks)||this.disabled,class:"duet-date-dialog-next","accessible-label":this.accessibleLabels.next_page,title:this.accessibleLabels.next_page,onClick:t=>this.onMouseHandler(t,1),"icon-name":"action-move-to-next",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.current]:void 0})),("compact"===this.variation||this.matchesCompactBreakpoint)&&e("li",{key:"561178af1382559d15b047297d2ce3a1fb757587",class:{"duet-pagination-page-button":!0,"duet-pagination-button-last":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"e5a2489a00c27cceb92224b60fa17e301fb2607e",disabled:this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1||this.disabled,accessibleLabel:this.accessibleLabels.last_page,title:this.accessibleLabels.last_page,onClick:t=>this.jumpToEnd(t),"icon-name":"action-move-to-last",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.totalPages-1]:void 0})))))}get element(){return n(this)}static get watchers(){return{total:["watchPropTotalHandler"],current:["watchStateHandler"],pageLinks:["refresh"]}}};S.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-block;margin:0 auto}.duet-pagination-nav{position:relative}.duet-pagination ::part(button){border:0}.duet-pagination,.duet-pagination li{display:flex;flex-wrap:wrap;gap:0.1rem;align-items:center}.duet-pagination-item-is-active .duet-pagination-page-number{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:2px}.duet-pagination duet-button{width:30px;min-width:36px;font-weight:600;text-decoration:none;border-left-width:0}.duet-pagination-overlay{position:absolute;top:1rem;z-index:300;width:100%;text-align:center}.duet-pagination.duet-pagination-is-dimmed{opacity:0.5}.duet-pagination .duet-pagination-select{margin:0 4px 0 12px !important}.duet-pagination-total-pages{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;font-weight:600 !important;line-height:1.25;color:rgb(8, 42, 77);text-align:left}:host(.duet-theme-turva) .duet-pagination-total-pages{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)}';const _=class{constructor(e){t(this,e),this.duetRangeStepUpdate=i(this,"duetRangeStepUpdate",7),this.leftBn=r("duetRangeStepper-left"),this.rightBn=r("duetRangeStepper-right"),this.buttonLeftDisabled=!1,this.buttonRightDisabled=!1,this.theme="",this.disabled=!1,this.stepIndex=1,this.stepSize=50,this.total=1e3,this.ariaLabelsDefaults={en:{next_increment:"Next range increment",previous_increment:"Previous range increment",x_of_y:"{0}–{1} of {2}"},fi:{next_increment:"Seuraava välillä",previous_increment:"Edellinen välillä",x_of_y:"{0}–{1} / {2}"},sv:{next_increment:"Nästa intervall",previous_increment:"Föregående intervall",x_of_y:"{0}–{1} av {2}"}},this.ariaLabels=f(this.ariaLabelsDefaults),this.ariaControls="",this.handleClick=(t,i)=>{t.preventDefault(),this.stepIndex+=i,this.clampStepIndex(),this.handleStepClick(t)}}watchStepIndexStateHandler(t){this.leftBnRef&&this.rightBnRef&&(t<=1?(this.element===document.activeElement&&this.rightBnRef.setFocus(),this.buttonLeftDisabled=!0):this.buttonLeftDisabled=!1,t>=this.total/this.stepSize?(this.element===document.activeElement&&this.leftBnRef.setFocus(),this.buttonRightDisabled=!0):this.buttonRightDisabled=!1)}watchStepSizeStateHandler(t,i){t!==i&&(this.stepIndex*t>this.total&&(this.stepIndex=Math.ceil(this.total/t)),this.watchStepIndexStateHandler(this.stepIndex))}handleStepClick(t){this.duetRangeStepUpdate.emit({originalEvent:t,component:"duet-range-stepper",from:this.getFrom(),to:this.getTo(),index:this.stepIndex})}componentWillLoad(){o(this),this.clampStepIndex()}componentDidLoad(){this.watchStepIndexStateHandler(this.stepIndex)}connectedCallback(){v(this,{prop:"ariaLabels",defaults:"ariaLabelsDefaults"})}disconnectedCallback(){k(this)}clampStepIndex(){this.stepIndex<1?this.stepIndex=1:this.stepIndex*this.stepSize>this.total&&(this.stepIndex=Math.ceil(this.total/this.stepSize))}getFrom(){return Math.floor((this.stepIndex-1)*this.stepSize)+1}getTo(){return Math.min(Math.floor(this.stepIndex*this.stepSize),this.total)}generateStepSize(){return this.ariaLabels.x_of_y.replace("{0}",String(this.getFrom())).replace("{1}",String(this.getTo())).replace("{2}",String(this.total))}generatePreviousIncrementLabel(){return 1===this.getFrom()?"":this.ariaLabels.x_of_y.replace("{0}",String(Math.max(this.getFrom()-this.stepSize,1))).replace("{1}",String(Math.min(this.getFrom()-1,this.total))).replace("{2}",String(this.total))}generateNextIncrementLabel(){return this.getTo()===this.total?"":this.ariaLabels.x_of_y.replace("{0}",String(this.getTo()+1)).replace("{1}",String(Math.min(this.getTo()+this.stepSize,this.total))).replace("{2}",String(this.total))}async onKeyboardDown(t){if(this.disabled)return;let i=this.stepIndex,e=1;(c(t)||p(t)||g(t))&&(i--,e=-1,this.leftBnRef.setFocus()),(u(t)||b(t)||m(t))&&(i++,e=1),d(t)&&i>0&&i*this.stepSize<=this.total&&this.handleClick(t,e)}render(){return e("div",{key:"1b5b22965b01d2a7ae85b7339ee8645f8349f4b6",class:{"duet-range-stepper":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:t=>this.onKeyboardDown(t),"aria-controls":this.ariaControls},e("span",{key:"54b38991bc5f22f1834a911aab5adcb3f5564728",class:"duet-range-step-counter",part:"range-numbers"},this.generateStepSize()),e("duet-action-button",{key:"1f0e154e3dc32e14ebf7ec696182b11915045b5a",disabled:this.disabled||this.buttonLeftDisabled,class:"duet-range-step-button duet-range-step-minus",onClick:t=>this.handleClick(t,-1),id:this.leftBn,"accessible-label":`${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`,ref:t=>this.leftBnRef=t,part:"navigation-arrow",iconName:"action-arrow-left-small",title:""}),e("duet-action-button",{key:"2531345ee7783cc6b6c2e742abdf6240aea88bb9",disabled:this.disabled||this.buttonRightDisabled,class:"duet-range-step-button duet-range-step-plus",onClick:t=>this.handleClick(t,1),"accessible-label":`${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`,id:this.rightBn,ref:t=>this.rightBnRef=t,part:"navigation-arrow",iconName:"action-arrow-right-small",title:""}))}get element(){return n(this)}static get watchers(){return{stepIndex:["watchStepIndexStateHandler"],stepSize:["watchStepSizeStateHandler"]}}};_.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-block;margin:0 auto}.duet-range-stepper{display:flex;flex-wrap:wrap;gap:0;align-items:baseline;justify-content:center;min-width:30px;min-height:30px;font-weight:600;text-decoration:none;border-left-width:0}.duet-range-stepper{white-space:nowrap}.duet-range-stepper .duet-range-step-counter{font-weight:600;color:rgb(8, 42, 77)}.duet-range-stepper ::part(button){border:0}.duet-theme-turva .duet-range-step-counter{color:rgb(23, 42, 59)}";export{S as duet_pagination,_ as duet_range_stepper}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as e,h as t,g as i,H as a}from"./p-FlJJ5tdo.js";import{i as h}from"./p-BEzfNXw0.js";import{g as d}from"./p-D8k4CqJb.js";import"./p-D84A7Xf6.js";const r=class{constructor(t){e(this,t),this.theme="",this.margin="auto",this.color=""}componentWillLoad(){h(this)}render(){const e=d(this.color);return t("div",{key:"fc0e7562cb30da77115c7a07938f9d586df909d5",class:{"duet-m-0":"none"===this.margin,"duet-m-s":"small"===this.margin,"duet-divider":!0,"duet-theme-turva":"turva"===this.theme},style:{background:e}})}get element(){return i(this)}};r.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-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:var(--divider-margin, 36px) !important;margin-right:var(--divider-margin, 0);margin-bottom:var(--divider-margin, 28px);margin-left:var(--divider-margin, 0);background:rgb(212, 223, 229)}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:rgb(212, 221, 226)}";const s=class{constructor(t){e(this,t),this.size="medium",this.direction="vertical",this.breakpoint=""}render(){return t(a,{key:"7fc6e73749913f00710655bd9f3245417e7ea2d4",class:{"duet-spacer":!0,"duet-spacer-xx-small":"xx-small"===this.breakpoint,"duet-spacer-x-small":"x-small"===this.breakpoint,"duet-spacer-small":"small"===this.breakpoint,"duet-spacer-medium":"medium"===this.breakpoint,"duet-spacer-large":"large"===this.breakpoint,"duet-spacer-x-large":"x-large"===this.breakpoint,"duet-spacer-xx-large":"xx-large"===this.breakpoint,[this.size]:!0,[`duet-spacer-${this.direction}`]:!0}})}};s.style=":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:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.duet-spacer-horizontal){display:inline-block;height:100% !important}:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.duet-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.duet-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.small){width:12px;min-width:12px}}:host(.duet-spacer-horizontal.medium){height:100%}:host(.duet-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.large){width:20px;min-width:20px}}:host(.duet-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.duet-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.duet-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.duet-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.duet-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.duet-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.duet-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.duet-spacer-vertical.small){height:12px;min-height:12px}}:host(.duet-spacer-vertical.medium){width:100%}:host(.duet-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.duet-spacer-vertical.large){height:20px;min-height:20px}}:host(.duet-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.duet-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.duet-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.duet-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.duet-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.duet-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.duet-spacer-xx-small){display:block}}:host(.duet-spacer-x-small){display:none}@media (max-width: 35.9375em){:host(.duet-spacer-x-small){display:block}}:host(.duet-spacer-small){display:none}@media (min-width: 36em){:host(.duet-spacer-small){display:block}}:host(.duet-spacer-medium){display:none}@media (min-width: 48em){:host(.duet-spacer-medium){display:block}}:host(.duet-spacer-large){display:none}@media (min-width: 62em){:host(.duet-spacer-large){display:block}}:host(.duet-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.duet-spacer-x-large){display:block}}:host(.duet-spacer-xx-large){display:none}@media (min-width: 76.25em){:host(.duet-spacer-xx-large){display:block}}";export{r as duet_divider,s as duet_spacer}
4
+ import{r as e,h as t,g as i,H as a}from"./p-Cwhi6_oZ.js";import{i as h}from"./p-D2EBd3cT.js";import{g as d}from"./p-D2ly4TZR.js";import"./p-DEzE2U5T.js";const r=class{constructor(t){e(this,t),this.theme="",this.margin="auto",this.color=""}componentWillLoad(){h(this)}render(){const e=d(this.color);return t("div",{key:"a833c22a31c93caea94753696848ad720b5dc06d",class:{"duet-m-0":"none"===this.margin,"duet-m-s":"small"===this.margin,"duet-divider":!0,"duet-theme-turva":"turva"===this.theme},style:{background:e}})}get element(){return i(this)}};r.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-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:var(--divider-margin, 36px) !important;margin-right:var(--divider-margin, 0);margin-bottom:var(--divider-margin, 28px);margin-left:var(--divider-margin, 0);background:rgb(212, 223, 229)}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:rgb(212, 221, 226)}";const s=class{constructor(t){e(this,t),this.size="medium",this.direction="vertical",this.breakpoint=""}render(){return t(a,{key:"f2f4fa377c08b91ba94544d234bc8ab55c8b35b5",class:{"duet-spacer":!0,"duet-spacer-xx-small":"xx-small"===this.breakpoint,"duet-spacer-x-small":"x-small"===this.breakpoint,"duet-spacer-small":"small"===this.breakpoint,"duet-spacer-medium":"medium"===this.breakpoint,"duet-spacer-large":"large"===this.breakpoint,"duet-spacer-x-large":"x-large"===this.breakpoint,"duet-spacer-xx-large":"xx-large"===this.breakpoint,[this.size]:!0,[`duet-spacer-${this.direction}`]:!0}})}};s.style=":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:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.duet-spacer-horizontal){display:inline-block;height:100% !important}:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.duet-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.duet-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.small){width:12px;min-width:12px}}:host(.duet-spacer-horizontal.medium){height:100%}:host(.duet-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.large){width:20px;min-width:20px}}:host(.duet-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.duet-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.duet-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.duet-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.duet-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.duet-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.duet-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.duet-spacer-vertical.small){height:12px;min-height:12px}}:host(.duet-spacer-vertical.medium){width:100%}:host(.duet-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.duet-spacer-vertical.large){height:20px;min-height:20px}}:host(.duet-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.duet-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.duet-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.duet-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.duet-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.duet-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.duet-spacer-xx-small){display:block}}:host(.duet-spacer-x-small){display:none}@media (max-width: 35.9375em){:host(.duet-spacer-x-small){display:block}}:host(.duet-spacer-small){display:none}@media (min-width: 36em){:host(.duet-spacer-small){display:block}}:host(.duet-spacer-medium){display:none}@media (min-width: 48em){:host(.duet-spacer-medium){display:block}}:host(.duet-spacer-large){display:none}@media (min-width: 62em){:host(.duet-spacer-large){display:block}}:host(.duet-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.duet-spacer-x-large){display:block}}:host(.duet-spacer-xx-large){display:none}@media (min-width: 76.25em){:host(.duet-spacer-xx-large){display:block}}";export{r as duet_divider,s as duet_spacer}
@@ -0,0 +1,4 @@
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-Cwhi6_oZ.js";import{g as r}from"./p-DvwKrUS6.js";import{i as c}from"./p-D2EBd3cT.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-DWIjWGAD.js";import{h as k,a as v,c as x}from"./p--fmK3qPb.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.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:"c4b3a5c501d38245acc5af3e2b9f544bd0bf7072",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:"795598769dac455ce019fafc78a0da012fab367e",class:{"duet-choice-card-flextainer":!0,"duet-theme-turva":"turva"===this.theme}},i("div",{key:"7c2d292a71e2c29410fe1b25b23f21d2331a2441",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:"7c8737f5f56691e6d91b1ef6aa88d4d429a91853",name:"choiceinput"}),i("label",{key:"956d1a8a3e617e20822cb45e16510552377c689a",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:"8e06e00faf592c2217bcdf4125de0a3fbe688226",name:"before-text"}),this.icon&&i("div",{key:"a03eb510213a5dacea0ea1a8fba5c59e3f7b5adf",class:"duet-choice-card-icon"},i("duet-icon",{key:"6f1da454489ebc91e044c73bcaa72e4dc0cbc434",margin:"none",size:"small",name:this.icon,color:"currentColor"})),i("div",{key:"7ae5d20c3621b1ea86a08e01752a1501f4c6141f",class:"duet-choice-card-text"},i("div",{key:"48924d49aa8990d06b898d5e859d3259340424f3"},this.hasLabel?i("slot",{name:"label"}):this.label),this.caption&&i("div",{key:"159e947250b2e752ede4b9e1cc239a17beb56e4a"},i("duet-spacer",{key:"841d4ceb579eafb87c381f78c4a62d6943480702",size:"xx-small"}),i("duet-caption",{key:"da80efff2d5db1ac58bcba1074d2acd8ebe49fc4",margin:"none",selected:this.checked},this.caption)),this.hasAdditional&&i("div",{key:"990e772b8ed9d22a20f5a6718d5884d49135b6b1"},i("duet-spacer",{key:"691495c8aeb63a55951a36c28f15bcb049c9d36e",size:"xx-small"}),i("slot",{key:"ba5ca5f8c750aa685ae9560f482401e315e1700b",name:"additional"}))),i("div",{key:"a5a27faf19b806f0cbe5d78c751acbc05cd70a4e"},i("div",{key:"5191f1bc54972485f2850139cf7dedb0c66e0f69",class:{"duet-checkmark-container":!0,"duet-checkmark-radio":"radio"===this.type}},this.checked&&i("div",{key:"abe835c0eb8f2917a1e1e87b883d9a43c8883ae6",class:"duet-checkmark"}))))),this.hasInfo&&!this.collapsible&&i("button",{key:"232418bd6f978e77039ebea2bdea0388efeae571",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:"cd5726ddd6b87acb1c4a8b0661906c4555c8371a",class:"duet-choice-info-icon"},i("duet-icon",{key:"d2d3d9bc3e7862c2f01ba3b2ad27dd7662c0a8a4",icon:z.svg,margin:"none",size:"small",color:"currentColor"})))),this.collapsible&&i("span",{key:"eab4a0209ba1f4fe2bb7a4be8971f843a67b77e6",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:"39267534dcf19f7f942ef44d869d302552ad8463",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:"1e292babf2206d42d58c46f88bed02959e595dc1",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:"435735b34c7f437aba23bda2eebd7fa78aa30f3d",slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{key:"390312b35af123116ec5919b31f61d9499559813",name:"tooltip",slot:"tooltip"}),i("div",{key:"fb68426f6c7feac6c767511bcaccfb6585515e3e",class:{[this.choiceGroupName]:!0,"duet-no-stacking":!this.responsive}},i("slot",{key:"5b26fd1d7d1239fdcdcb6d736445a6366995c3bc"}))))}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 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as t,c as i,h as o,H as e,g as n}from"./p-FlJJ5tdo.js";import{i as a}from"./p-BEzfNXw0.js";import{c as s}from"./p-Cfr_DJqU.js";import{d as r}from"./p-BlUsLmbQ.js";import{i as d}from"./p-Db8rvjPI.js";import{g as c,c as u,d as h}from"./p-Bo0igXOs.js";import{c as b,g as l,s as p}from"./p-D8k4CqJb.js";import"./p-C6E9F6QT.js";import"./p-D84A7Xf6.js";const m=class{constructor(o){t(this,o),this.duetActionEvent=i(this,"duetActionEvent",6),this.listId=s("duet-action-button"),this.numbersStore="",this.theme="",this.iconName="action-arrow-left-small",this.iconColor="currentColor",this.iconSize="xx-small",this.actionId=void 0,this.actionMeta=void 0,this.disabled=!1,this.color="",this.background="",this.accessibleTitle=!0,this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLabelsDefaults={en:"Click to activate action",fi:"Klikkaa aktivoidaksesi toiminto",sv:"Klicka för att aktivera åtgärd"},this.accessibleLabel=c(this.accessibleLabelsDefaults),this.accessibleControls="",this.emitPageEvent=r((t=>{this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionId,name:this.actionName,meta:this.actionMeta,id:this.listId})}))}async onKeyboardDown(t){d(t)&&this.emitPageEvent(t)}getTitle(){return"string"==typeof this.accessibleTitle?this.accessibleTitle:!0===this.accessibleTitle&&this.actionName?b(`${this.actionName}`):null}async onMouseHandler(t){t.preventDefault(),this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionName,id:this.actionId,meta:this.actionMeta})}componentWillLoad(){a(this)}connectedCallback(){u(this,{prop:"accessibleLabel",defaults:"accessibleLabelsDefaults"})}disconnectedCallback(){h(this)}async setFocus(t){this.nativeButton&&this.nativeButton.focus(t)}render(){const t="currentColor"===this.color?"currentColor":l(this.color,this.theme),i=l(this.background,this.theme),n=i?p(i,-.1):i,a=i?`\n button.duet-action-button {\n background: ${i} !important;\n }\n button.duet-action-button:not(:disabled):hover {\n background: ${n} !important;\n }\n `:"",s={ref:t=>this.nativeButton=t,part:"button",style:{color:t,"border-color":l(this.iconColor,this.theme),"border-width":"1px","border-style":"solid"},disabled:this.disabled,id:this.listId,type:"button","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,"aria-details":this.accessibleDetails,"aria-controls":this.accessibleControls,title:this.getTitle(),class:{"duet-action-button":!0,"duet-action-button--disabled":this.disabled,[`duet-action-button--${this.theme}`]:""!==this.theme,"duet-theme-turva":"turva"===this.theme}};return o(e,{key:"784004122f9530676cbff39d09e3e4a4f7ccbf8f",onKeyDown:t=>this.onKeyboardDown(t)},o("style",{key:"b34416cab89d2c6f2c4d67902239ab7140d74fb4",innerHTML:a}),this.url&&!this.disabled?o("a",Object.assign({},s,{href:this.url}),o("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize})):o("button",Object.assign({},s,{onClick:t=>this.onMouseHandler(t)}),o("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize}),o("duet-visually-hidden",null,o("slot",null))))}get element(){return n(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:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-action-button:focus,.duet-action-button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:active:focus{background:#dddfe1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva{color:rgb(23, 42, 59);background:rgb(253, 247, 242)}.duet-action-button.duet-theme-turva:not(:disabled):hover{background:#f0ebe6}.duet-action-button.duet-theme-turva:active:focus{background:#e4deda !important}.duet-action-button.duet-theme-turva:disabled{color:rgb(120, 145, 164);background:rgb(245, 246, 247)}";export{m as duet_action_button}
4
+ import{r as t,c as i,h as o,H as e,g as n}from"./p-Cwhi6_oZ.js";import{i as a}from"./p-D2EBd3cT.js";import{c as s}from"./p-Cfr_DJqU.js";import{d as r}from"./p-BlUsLmbQ.js";import{i as d}from"./p-Db8rvjPI.js";import{g as c,c as u,d as h}from"./p-DWIjWGAD.js";import{c as b,g as l,s as p}from"./p-D2ly4TZR.js";import"./p-C6E9F6QT.js";import"./p-DEzE2U5T.js";const m=class{constructor(o){t(this,o),this.duetActionEvent=i(this,"duetActionEvent",6),this.listId=s("duet-action-button"),this.numbersStore="",this.theme="",this.iconName="action-arrow-left-small",this.iconColor="currentColor",this.iconSize="xx-small",this.actionId=void 0,this.actionMeta=void 0,this.disabled=!1,this.color="",this.background="",this.accessibleTitle=!0,this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLabelsDefaults={en:"Click to activate action",fi:"Klikkaa aktivoidaksesi toiminto",sv:"Klicka för att aktivera åtgärd"},this.accessibleLabel=c(this.accessibleLabelsDefaults),this.accessibleControls="",this.emitPageEvent=r((t=>{this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionId,name:this.actionName,meta:this.actionMeta,id:this.listId})}))}async onKeyboardDown(t){d(t)&&this.emitPageEvent(t)}getTitle(){return"string"==typeof this.accessibleTitle?this.accessibleTitle:!0===this.accessibleTitle&&this.actionName?b(`${this.actionName}`):null}async onMouseHandler(t){t.preventDefault(),this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionName,id:this.actionId,meta:this.actionMeta})}componentWillLoad(){a(this)}connectedCallback(){u(this,{prop:"accessibleLabel",defaults:"accessibleLabelsDefaults"})}disconnectedCallback(){h(this)}async setFocus(t){this.nativeButton&&this.nativeButton.focus(t)}render(){const t="currentColor"===this.color?"currentColor":l(this.color,this.theme),i=l(this.background,this.theme),n=i?p(i,-.1):i,a=i?`\n button.duet-action-button {\n background: ${i} !important;\n }\n button.duet-action-button:not(:disabled):hover {\n background: ${n} !important;\n }\n `:"",s={ref:t=>this.nativeButton=t,part:"button",style:{color:t,"border-color":l(this.iconColor,this.theme),"border-width":"1px","border-style":"solid"},disabled:this.disabled,id:this.listId,type:"button","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,"aria-details":this.accessibleDetails,"aria-controls":this.accessibleControls,title:this.getTitle(),class:{"duet-action-button":!0,"duet-action-button--disabled":this.disabled,[`duet-action-button--${this.theme}`]:""!==this.theme,"duet-theme-turva":"turva"===this.theme}};return o(e,{key:"784004122f9530676cbff39d09e3e4a4f7ccbf8f",onKeyDown:t=>this.onKeyboardDown(t)},o("style",{key:"b34416cab89d2c6f2c4d67902239ab7140d74fb4",innerHTML:a}),this.url&&!this.disabled?o("a",Object.assign({},s,{href:this.url}),o("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize})):o("button",Object.assign({},s,{onClick:t=>this.onMouseHandler(t)}),o("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize}),o("duet-visually-hidden",null,o("slot",null))))}get element(){return n(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:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-action-button:focus,.duet-action-button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:active:focus{background:#dddfe1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva{color:rgb(23, 42, 59);background:rgb(253, 247, 242)}.duet-action-button.duet-theme-turva:not(:disabled):hover{background:#f0ebe6}.duet-action-button.duet-theme-turva:active:focus{background:#e4deda !important}.duet-action-button.duet-theme-turva:disabled{color:rgb(120, 145, 164);background:rgb(245, 246, 247)}";export{m as duet_action_button}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as e,c as t,h as a,H as i,g as r}from"./p-FlJJ5tdo.js";import{D as s}from"./p-8RjiAqaE.js";import{i as o}from"./p-BEzfNXw0.js";import{c as n}from"./p-Cfr_DJqU.js";import{g as d,c as l,d as c}from"./p-Bo0igXOs.js";import{h as p}from"./p-BZkhQa5F.js";import"./p-C6E9F6QT.js";const u=class{constructor(a){e(this,a),this.duetDismiss=t(this,"duetDismiss",7),this.duetCloseComplete=t(this,"duetCloseComplete",7),this.descriptiveId=n("DuetAlert"),this.hasShowMoreSlot=!1,this.theme="",this.isDismissed=!1,this.isExpanded=!1,this.accessibleLabelDefaults={fi:"Painike viestin sulkemiseen",sv:"Knapp för att stänga meddelandet",en:"Button to close the message"},this.accessibleLabel=d(this.accessibleLabelDefaults),this.announcements=!0,this.icon="",this.margin="auto",this.padding="auto",this.variation="default",this.position="content",this.dismissible=!1,this.focusable=!1,this.expandingTitle="",this.handleDismiss=e=>{this.handleHide(),this.duetDismiss.emit({component:"duet-alert",originalEvent:e})},this.handleShow=()=>{this.isDismissed=!1},this.handleHide=()=>{this.isDismissed=!0,this.element.addEventListener("transitionend",(()=>this.duetCloseComplete.emit()),{once:!0})},this.handleExpandToggle=()=>{this.isExpanded=!this.isExpanded},this.getRole=()=>{if(this.announcements)return["warning","danger"].includes(this.variation)?"alert":"status"}}componentWillLoad(){o(this),this.hasShowMoreSlot=p(this.element,"show-more")}componentDidLoad(){this.autoDismiss&&(this.timeoutID=setTimeout((()=>this.handleDismiss()),this.autoDismiss))}connectedCallback(){l(this,{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"})}disconnectedCallback(){this.timeoutID&&clearTimeout(this.timeoutID),c(this)}async show(){this.handleShow()}async hide(){this.handleHide()}async setFocus(e){this.alertContainer.focus(e)}render(){const e=["default","success","danger","warning"].includes(this.variation)?this.variation:"default",t=["below-nav","content"].includes(this.position)?this.position:"content",r=d(s[e]);return a(i,{key:"2109619995f37428591a949f512aa0ac686c982b",class:{"duet-theme-turva":"turva"===this.theme,"duet-alert-is-dismissed":this.isDismissed,"duet-m-0":"none"===this.margin,[t]:!0},role:this.getRole()},a("div",{key:"257ab7f14f6a5268294071a23b0c12f5a022309d",class:{"duet-alert-wrapper":!0,"duet-p-0":"none"===this.padding,"duet-m-0":"none"===this.margin,[e]:!0,[t]:!0,"duet-theme-turva":"turva"===this.theme}},a("div",{key:"977d8df541e19898da0720d1e736d92a38d4130b",class:{"duet-alert":!0,"duet-alert-expandable":!!this.expandingTitle,"duet-alert-expanded":this.isExpanded,"duet-alert-has-icon":!!this.icon||"below-nav"===this.position,"duet-alert-has-show-more":this.hasShowMoreSlot,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":"none"===this.padding,"duet-m-0":"none"===this.margin,[e]:!0,"duet-theme-turva":"turva"===this.theme}},a("div",{key:"cfa93e8c4dc427917c1d52ba284118aa155b5712",class:"duet-alert-container",ref:e=>{this.alertContainer=e},tabindex:this.focusable?"-1":void 0},"below-nav"!==this.position&&a("div",{key:"4a0168b309a8ef1272e6f12be44c80652931a5ab",class:"duet-alert-icon"},this.icon&&a("duet-icon",{key:"fca5d1ff9cf99a67201633cf8e0b50c476013852",size:"auto",name:this.icon,color:"currentColor"})||a("duet-status-icon",{key:"abaa7cbf1fe14233c60a2779c766a6c6db566d94",strong:!0,variation:e,margin:"none",size:"auto"})),"below-nav"===this.position&&a("div",{key:"56a891f39f8e9589ff366b749abcdb8639fc01d2",class:"duet-alert-icon below-nav"},a("duet-status-icon",{key:"498e8f7e8066d855d8940d059e146ed9a652ab4b",strong:!0,variation:e,margin:"none",size:"auto"})),a("div",{key:"e43b70480ee5614bc16b192f62d36dbaec12e10e",class:"duet-alert-content",id:this.descriptiveId},this.expandingTitle&&a("button",{key:"0a2317792653626ce9831cb3aa434f1a46168e5a","aria-expanded":this.isExpanded.toString(),"aria-controls":`${this.descriptiveId}-content`,class:"duet-alert-expander",onClick:this.handleExpandToggle},a("span",{key:"c0627b9f13e9817de725d69a0ad959f9acd6ac3f",class:"expanding-title"},this.expandingTitle),a("duet-icon",{key:"6169ae4f7e2991d1f30bebca584f521df4eef3aa",name:"action-arrow-down",color:"default"===e?"lt-blue-800":`${e}-800`,margin:"none",size:"x-small"})),(!this.expandingTitle||this.isExpanded)&&a("div",{key:"18ce1b94424a25bfcc8f64a7ef386b21b636f554",id:`${this.descriptiveId}-content`},a("duet-visually-hidden",{key:"162f07a2cf9aa618f1d315c1fc329b8bcdc97348"},r),a("slot",{key:"e10a5858d7d7b91035c923b33a9d429f3d17ea0e"})))),this.hasShowMoreSlot&&a("duet-show-more",{key:"fdb3a2b5ca4acc3242c18f485a685a1639ccae8c",margin:"none",class:"duet-alert-show-more"},a("slot",{key:"4eba1551558f1992c2a9786c8cb8c427d934574f",name:"show-more"})),this.dismissible&&!this.expandingTitle&&a("div",{key:"66f7aea60774b4501839104d3f4e8b9b1b3cc345",class:"duet-alert-dismiss"},a("duet-button",{key:"859f33946e1affe4d8ee57318fc30ae7f44c9a91",variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,iconSize:"medium",icon:"navigation-close",iconOnly:!0,margin:"none",color:"default"===e?"lt-blue-800":`${e}-800`,theme:this.theme,onClick:this.handleDismiss,fixed:!0})))))}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;margin-bottom:16px !important;display:grid;grid-template-rows:1fr;width:100%;border-radius:12px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, grid-template-rows 300ms ease}:host.duet-p-0{padding:0 !important}:host.duet-m-0{margin:0 !important}:host(.below-nav),:host(.duet-m-0){margin-bottom:0 !important}:host(.duet-alert-is-dismissed){visibility:hidden !important;grid-template-rows:0fr;margin:0 !important;border-width:0 !important;opacity:0;transform:scale(0.98)}.duet-alert-wrapper{position:relative;width:100%;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{z-index:1;margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 72px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander .expanding-title{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}.duet-alert-wrapper.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"}';export{u as duet_alert}
4
+ import{r as e,c as t,h as a,H as i,g as r}from"./p-Cwhi6_oZ.js";import{D as s}from"./p-8RjiAqaE.js";import{i as o}from"./p-D2EBd3cT.js";import{c as n}from"./p-Cfr_DJqU.js";import{g as d,c as l,d as c}from"./p-DWIjWGAD.js";import{h as p}from"./p--fmK3qPb.js";import"./p-C6E9F6QT.js";const u=class{constructor(a){e(this,a),this.duetDismiss=t(this,"duetDismiss",7),this.duetCloseComplete=t(this,"duetCloseComplete",7),this.descriptiveId=n("DuetAlert"),this.hasShowMoreSlot=!1,this.theme="",this.isDismissed=!1,this.isExpanded=!1,this.accessibleLabelDefaults={fi:"Painike viestin sulkemiseen",sv:"Knapp för att stänga meddelandet",en:"Button to close the message"},this.accessibleLabel=d(this.accessibleLabelDefaults),this.announcements=!0,this.icon="",this.margin="auto",this.padding="auto",this.variation="default",this.position="content",this.dismissible=!1,this.focusable=!1,this.expandingTitle="",this.handleDismiss=e=>{this.handleHide(),this.duetDismiss.emit({component:"duet-alert",originalEvent:e})},this.handleShow=()=>{this.isDismissed=!1},this.handleHide=()=>{this.isDismissed=!0,this.element.addEventListener("transitionend",(()=>this.duetCloseComplete.emit()),{once:!0})},this.handleExpandToggle=()=>{this.isExpanded=!this.isExpanded},this.getRole=()=>{if(this.announcements)return["warning","danger"].includes(this.variation)?"alert":"status"}}componentWillLoad(){o(this),this.hasShowMoreSlot=p(this.element,"show-more")}componentDidLoad(){this.autoDismiss&&(this.timeoutID=setTimeout((()=>this.handleDismiss()),this.autoDismiss))}connectedCallback(){l(this,{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"})}disconnectedCallback(){this.timeoutID&&clearTimeout(this.timeoutID),c(this)}async show(){this.handleShow()}async hide(){this.handleHide()}async setFocus(e){this.alertContainer.focus(e)}render(){const e=["default","success","danger","warning"].includes(this.variation)?this.variation:"default",t=["below-nav","content"].includes(this.position)?this.position:"content",r=d(s[e]);return a(i,{key:"2109619995f37428591a949f512aa0ac686c982b",class:{"duet-theme-turva":"turva"===this.theme,"duet-alert-is-dismissed":this.isDismissed,"duet-m-0":"none"===this.margin,[t]:!0},role:this.getRole()},a("div",{key:"257ab7f14f6a5268294071a23b0c12f5a022309d",class:{"duet-alert-wrapper":!0,"duet-p-0":"none"===this.padding,"duet-m-0":"none"===this.margin,[e]:!0,[t]:!0,"duet-theme-turva":"turva"===this.theme}},a("div",{key:"977d8df541e19898da0720d1e736d92a38d4130b",class:{"duet-alert":!0,"duet-alert-expandable":!!this.expandingTitle,"duet-alert-expanded":this.isExpanded,"duet-alert-has-icon":!!this.icon||"below-nav"===this.position,"duet-alert-has-show-more":this.hasShowMoreSlot,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":"none"===this.padding,"duet-m-0":"none"===this.margin,[e]:!0,"duet-theme-turva":"turva"===this.theme}},a("div",{key:"cfa93e8c4dc427917c1d52ba284118aa155b5712",class:"duet-alert-container",ref:e=>{this.alertContainer=e},tabindex:this.focusable?"-1":void 0},"below-nav"!==this.position&&a("div",{key:"4a0168b309a8ef1272e6f12be44c80652931a5ab",class:"duet-alert-icon"},this.icon&&a("duet-icon",{key:"fca5d1ff9cf99a67201633cf8e0b50c476013852",size:"auto",name:this.icon,color:"currentColor"})||a("duet-status-icon",{key:"abaa7cbf1fe14233c60a2779c766a6c6db566d94",strong:!0,variation:e,margin:"none",size:"auto"})),"below-nav"===this.position&&a("div",{key:"56a891f39f8e9589ff366b749abcdb8639fc01d2",class:"duet-alert-icon below-nav"},a("duet-status-icon",{key:"498e8f7e8066d855d8940d059e146ed9a652ab4b",strong:!0,variation:e,margin:"none",size:"auto"})),a("div",{key:"e43b70480ee5614bc16b192f62d36dbaec12e10e",class:"duet-alert-content",id:this.descriptiveId},this.expandingTitle&&a("button",{key:"0a2317792653626ce9831cb3aa434f1a46168e5a","aria-expanded":this.isExpanded.toString(),"aria-controls":`${this.descriptiveId}-content`,class:"duet-alert-expander",onClick:this.handleExpandToggle},a("span",{key:"c0627b9f13e9817de725d69a0ad959f9acd6ac3f",class:"expanding-title"},this.expandingTitle),a("duet-icon",{key:"6169ae4f7e2991d1f30bebca584f521df4eef3aa",name:"action-arrow-down",color:"default"===e?"lt-blue-800":`${e}-800`,margin:"none",size:"x-small"})),(!this.expandingTitle||this.isExpanded)&&a("div",{key:"18ce1b94424a25bfcc8f64a7ef386b21b636f554",id:`${this.descriptiveId}-content`},a("duet-visually-hidden",{key:"162f07a2cf9aa618f1d315c1fc329b8bcdc97348"},r),a("slot",{key:"e10a5858d7d7b91035c923b33a9d429f3d17ea0e"})))),this.hasShowMoreSlot&&a("duet-show-more",{key:"fdb3a2b5ca4acc3242c18f485a685a1639ccae8c",margin:"none",class:"duet-alert-show-more"},a("slot",{key:"4eba1551558f1992c2a9786c8cb8c427d934574f",name:"show-more"})),this.dismissible&&!this.expandingTitle&&a("div",{key:"66f7aea60774b4501839104d3f4e8b9b1b3cc345",class:"duet-alert-dismiss"},a("duet-button",{key:"859f33946e1affe4d8ee57318fc30ae7f44c9a91",variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,iconSize:"medium",icon:"navigation-close",iconOnly:!0,margin:"none",color:"default"===e?"lt-blue-800":`${e}-800`,theme:this.theme,onClick:this.handleDismiss,fixed:!0})))))}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;margin-bottom:16px !important;display:grid;grid-template-rows:1fr;width:100%;border-radius:12px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, grid-template-rows 300ms ease}:host.duet-p-0{padding:0 !important}:host.duet-m-0{margin:0 !important}:host(.below-nav),:host(.duet-m-0){margin-bottom:0 !important}:host(.duet-alert-is-dismissed){visibility:hidden !important;grid-template-rows:0fr;margin:0 !important;border-width:0 !important;opacity:0;transform:scale(0.98)}.duet-alert-wrapper{position:relative;width:100%;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{z-index:1;margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 72px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander .expanding-title{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}.duet-alert-wrapper.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"}';export{u as duet_alert}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as e,h as t,H as o,g as n}from"./p-FlJJ5tdo.js";import{a}from"./p-vvm7i9oY.js";import{i as r}from"./p-BEzfNXw0.js";import{a as i}from"./p-Db8rvjPI.js";const d=class{constructor(t){e(this,t),this.mql=[window.matchMedia(a.replace(/'/g,""))],this.boundMqlFunctions=[],this.isDesktop=!1,this.theme="",this.active=!1,this.open=!1,this.icon=void 0,this.checkIsDesktop=()=>{this.isDesktop=!!this.mql[0].matches},this.onClick=()=>{const e=this.open;if(!this.isDesktop){const e=Array.from(this.element.parentElement.querySelectorAll("duet-submenu-bar-dropdown"));for(const t of e)t.open=!1}this.open=!e}}handleFocus(e){e.composedPath().every((e=>e!==this.element))&&this.isDesktop&&(this.open=!1)}componentWillLoad(){r(this)}connectedCallback(){this.checkIsDesktop();for(let e=0;e<this.mql.length;e++)if(this.mql[e].addEventListener){const t=this.checkIsDesktop.bind(this);this.mql[e].addEventListener("change",t),this.boundMqlFunctions[e]=t}}disconnectedCallback(){for(let e=0;e<this.mql.length;e++)this.mql[e].removeEventListener&&this.mql[e].removeEventListener("change",this.boundMqlFunctions[e]);this.boundMqlFunctions=[]}handleEscape(e){if(i(e))if(this.open)this.open=!1;else{const e=this.element.closest("duet-submenu-bar");e.open=!1,e.setFocus()}}async setFocus(e){this.button.focus(e)}render(){return t(o,{key:"cc7d79d1a2e5e6de18bd62fb408ec474400eff7b",role:"listitem"},t("div",{key:"db0d71f4aa6a38e0e130bf2f069ac58c08d09055",class:{"duet-submenu-bar-dropdown":!0,"duet-theme-turva":"turva"===this.theme,open:this.open,active:this.active}},t("button",{key:"8ba0bded589cc4040510538e86b311879ab78cf8",ref:e=>this.button=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{open:this.open,active:this.active},onClick:this.onClick,onKeyUp:e=>this.handleEscape(e)},this.icon&&t("duet-icon",{key:"479134abefc9407012dc7d960da64a2a00849859",class:"submenu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),t("div",{key:"5d7eabf7611e552d4b0a4b4f45af47528f45ae6f",class:"label"},t("span",{key:"1067624e6d8997fe6d70ba84e2020160d547c98f",class:"label-text"},t("slot",{key:"d1c5e91511f07355f95cdf0908476bb208e8356e",name:"label"})),t("duet-icon",{key:"ea41a4b8f9cd0e5307e74b517bf264b65eaf4a0f",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),t("div",{key:"7090489ee9527a38506ae8623fcd48b337ddd7a8",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open}},t("slot",{key:"2d0d943f66b0238ed10f3c1ebcea5ab6bbceb301"}))))}get element(){return n(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;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-dropdown{position:relative;height:100%}.duet-submenu-bar-dropdown button{position:relative;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:12px 1.5rem;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;color:rgb(8, 42, 77);text-align:center;text-decoration:none;cursor:pointer}.duet-submenu-bar-dropdown button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-submenu-bar-dropdown button:focus,.duet-submenu-bar-dropdown button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-submenu-bar-dropdown button{flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;font-size:0.875rem;color:rgb(0, 75, 129)}}.duet-submenu-bar-dropdown button .label{display:flex;gap:5px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar-dropdown button.open{background:rgb(228, 241, 247)}}.duet-submenu-bar-dropdown button.open .caret{transform:rotate(180deg)}.duet-submenu-bar-dropdown button.active .label-text{position:relative}.duet-submenu-bar-dropdown button.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}@media (min-width: 62em){.duet-submenu-bar-dropdown button.active .label-text::after{display:none}}@media (min-width: 62em){.duet-submenu-bar-dropdown button .caret{position:absolute;right:12px}.duet-submenu-bar-dropdown button:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown button:hover.active{color:rgb(8, 42, 77)}.duet-submenu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-submenu-bar-dropdown button.active::after,.duet-submenu-bar-dropdown button.open::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px);transition:300ms ease}}.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:16px;height:16px}}.duet-submenu-bar-dropdown .items{display:flex;visibility:visible;flex-direction:column;align-items:center;justify-content:center;max-height:1000px;padding:4px 0 16px;overflow-y:auto;color:rgb(8, 42, 77);scrollbar-width:none;transition:max-height 0.3s ease-in, padding 0.3s ease-in;-ms-overflow-style:none}.duet-submenu-bar-dropdown .items::-webkit-scrollbar{display:none}@media (min-width: 62em){.duet-submenu-bar-dropdown .items{position:absolute;top:93%;z-index:600;min-width:320px;padding:8px;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);transition:none}}.duet-submenu-bar-dropdown .items.hidden{visibility:hidden;max-height:0;padding:0;overflow:hidden;transition:max-height 0.3s ease-in, padding 0.3s ease-in}.duet-submenu-bar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}.duet-submenu-bar-dropdown.duet-theme-turva button.active{color:rgb(230, 23, 64)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button:hover{background:rgb(251, 225, 209)}}.duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after{background:rgb(230, 23, 64)}.duet-submenu-bar-dropdown.duet-theme-turva button.active::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open::after{background:rgb(230, 23, 64)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.active,.duet-submenu-bar-dropdown.duet-theme-turva button.open{color:rgb(140, 0, 30)}.duet-submenu-bar-dropdown.duet-theme-turva button.open{background:rgb(251, 225, 209)}}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}}';export{d as duet_submenu_bar_dropdown}
4
+ import{r as e,h as t,H as o,g as n}from"./p-Cwhi6_oZ.js";import{a}from"./p-Ce9HQd35.js";import{i as r}from"./p-D2EBd3cT.js";import{a as i}from"./p-Db8rvjPI.js";const d=class{constructor(t){e(this,t),this.mql=[window.matchMedia(a.replace(/'/g,""))],this.boundMqlFunctions=[],this.isDesktop=!1,this.theme="",this.active=!1,this.open=!1,this.icon=void 0,this.checkIsDesktop=()=>{this.isDesktop=!!this.mql[0].matches},this.onClick=()=>{const e=this.open;if(!this.isDesktop){const e=Array.from(this.element.parentElement.querySelectorAll("duet-submenu-bar-dropdown"));for(const t of e)t.open=!1}this.open=!e}}handleFocus(e){e.composedPath().every((e=>e!==this.element))&&this.isDesktop&&(this.open=!1)}componentWillLoad(){r(this)}connectedCallback(){this.checkIsDesktop();for(let e=0;e<this.mql.length;e++)if(this.mql[e].addEventListener){const t=this.checkIsDesktop.bind(this);this.mql[e].addEventListener("change",t),this.boundMqlFunctions[e]=t}}disconnectedCallback(){for(let e=0;e<this.mql.length;e++)this.mql[e].removeEventListener&&this.mql[e].removeEventListener("change",this.boundMqlFunctions[e]);this.boundMqlFunctions=[]}handleEscape(e){if(i(e))if(this.open)this.open=!1;else{const e=this.element.closest("duet-submenu-bar");e.open=!1,e.setFocus()}}async setFocus(e){this.button.focus(e)}render(){return t(o,{key:"b08d71c303bbbb5dc488ccb9df3a6606cbcee45f",role:"listitem"},t("div",{key:"f27808ba704701f0857e90d8c4474f11f2bd284d",class:{"duet-submenu-bar-dropdown":!0,"duet-theme-turva":"turva"===this.theme,open:this.open,active:this.active}},t("button",{key:"da50cea3b3daea0da483dc01649345a9fcc27d55",ref:e=>this.button=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{open:this.open,active:this.active},onClick:this.onClick,onKeyUp:e=>this.handleEscape(e)},this.icon&&t("duet-icon",{key:"41562541f2cf4bbe9e8d6ccb3214b8fc5b44079f",class:"submenu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),t("div",{key:"8b2782607b3478bc491ce2fa423257d4233968fa",class:"label"},t("span",{key:"5b22aff9852f284416e15d60b1a262e963ff228e",class:"label-text"},t("slot",{key:"aec50191a12adf0fbd6f9e388c2dc09954d21f83",name:"label"})),t("duet-icon",{key:"154795bda221d38ca73b47a86c97da4c6e4d573b",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),t("div",{key:"574669c2280fa1e7e4d14666f95fbe912a068119",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open}},t("slot",{key:"9a69e63aae77e184049ed7d8f7f511d47eca642e"}))))}get element(){return n(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;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-dropdown{position:relative;height:100%}.duet-submenu-bar-dropdown button{position:relative;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:12px 1.5rem;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;color:rgb(8, 42, 77);text-align:center;text-decoration:none;cursor:pointer}.duet-submenu-bar-dropdown button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-submenu-bar-dropdown button:focus,.duet-submenu-bar-dropdown button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-submenu-bar-dropdown button{flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;font-size:0.875rem;color:rgb(0, 75, 129)}}.duet-submenu-bar-dropdown button .label{display:flex;gap:5px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar-dropdown button.open{background:rgb(228, 241, 247)}}.duet-submenu-bar-dropdown button.open .caret{transform:rotate(180deg)}.duet-submenu-bar-dropdown button.active .label-text{position:relative}.duet-submenu-bar-dropdown button.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}@media (min-width: 62em){.duet-submenu-bar-dropdown button.active .label-text::after{display:none}}@media (min-width: 62em){.duet-submenu-bar-dropdown button .caret{position:absolute;right:12px}.duet-submenu-bar-dropdown button:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown button:hover.active{color:rgb(8, 42, 77)}.duet-submenu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-submenu-bar-dropdown button.active::after,.duet-submenu-bar-dropdown button.open::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px);transition:300ms ease}}.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:16px;height:16px}}.duet-submenu-bar-dropdown .items{display:flex;visibility:visible;flex-direction:column;align-items:center;justify-content:center;max-height:1000px;padding:4px 0 16px;overflow-y:auto;color:rgb(8, 42, 77);scrollbar-width:none;transition:max-height 0.3s ease-in, padding 0.3s ease-in;-ms-overflow-style:none}.duet-submenu-bar-dropdown .items::-webkit-scrollbar{display:none}@media (min-width: 62em){.duet-submenu-bar-dropdown .items{position:absolute;top:93%;z-index:600;min-width:320px;padding:8px;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);transition:none}}.duet-submenu-bar-dropdown .items.hidden{visibility:hidden;max-height:0;padding:0;overflow:hidden;transition:max-height 0.3s ease-in, padding 0.3s ease-in}.duet-submenu-bar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}.duet-submenu-bar-dropdown.duet-theme-turva button.active{color:rgb(230, 23, 64)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button:hover{background:rgb(251, 225, 209)}}.duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after{background:rgb(230, 23, 64)}.duet-submenu-bar-dropdown.duet-theme-turva button.active::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open::after{background:rgb(230, 23, 64)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.active,.duet-submenu-bar-dropdown.duet-theme-turva button.open{color:rgb(140, 0, 30)}.duet-submenu-bar-dropdown.duet-theme-turva button.open{background:rgb(251, 225, 209)}}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}}';export{d as duet_submenu_bar_dropdown}