@duetds/components 10.2.4 → 10.3.1

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 (569) hide show
  1. package/hydrate/index.js +1035 -694
  2. package/hydrate/index.mjs +1035 -694
  3. package/lib/cjs/{a11y-utils-DrkNSFk7.js → a11y-utils-dXXDBTyF.js} +1 -1
  4. package/lib/cjs/{app-globals-D924IDJZ.js → app-globals-CyPV2FZK.js} +1 -1
  5. package/lib/cjs/duet-action-button.cjs.entry.js +6 -6
  6. package/lib/cjs/duet-alert.cjs.entry.js +5 -5
  7. package/lib/cjs/duet-badge.cjs.entry.js +6 -6
  8. package/lib/cjs/duet-banner.cjs.entry.js +14 -16
  9. package/lib/cjs/duet-breadcrumb.cjs.entry.js +7 -7
  10. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +8 -8
  11. package/lib/cjs/duet-button_2.cjs.entry.js +28 -13
  12. package/lib/cjs/duet-callout.cjs.entry.js +6 -6
  13. package/lib/cjs/duet-caption_4.cjs.entry.js +19 -19
  14. package/lib/cjs/duet-card.cjs.entry.js +9 -9
  15. package/lib/cjs/duet-checkbox.cjs.entry.js +6 -6
  16. package/lib/cjs/duet-checkmark.cjs.entry.js +5 -5
  17. package/lib/cjs/duet-chip.cjs.entry.js +5 -5
  18. package/lib/cjs/duet-choice_2.cjs.entry.js +13 -13
  19. package/lib/cjs/duet-collapsible.cjs.entry.js +7 -7
  20. package/lib/cjs/duet-combobox.cjs.entry.js +6 -6
  21. package/lib/cjs/duet-contact-card.cjs.entry.js +6 -6
  22. package/lib/cjs/duet-cookie-consent.cjs.entry.js +4 -4
  23. package/lib/cjs/duet-date-picker.cjs.entry.js +30 -34
  24. package/lib/cjs/duet-divider_2.cjs.entry.js +7 -7
  25. package/lib/cjs/duet-editable-table_3.cjs.entry.js +86 -130
  26. package/lib/cjs/duet-empty-state.cjs.entry.js +5 -5
  27. package/lib/cjs/duet-fieldset.cjs.entry.js +7 -7
  28. package/lib/cjs/duet-file-chooser.cjs.entry.js +3 -3
  29. package/lib/cjs/duet-footer.cjs.entry.js +9 -9
  30. package/lib/cjs/duet-grid_2.cjs.entry.js +7 -7
  31. package/lib/cjs/duet-header_2.cjs.entry.js +13 -38
  32. package/lib/cjs/duet-hero.cjs.entry.js +10 -10
  33. package/lib/cjs/duet-icon.cjs.entry.js +8 -8
  34. package/lib/cjs/duet-indicator.cjs.entry.js +9 -5
  35. package/lib/cjs/duet-input_2.cjs.entry.js +19 -15
  36. package/lib/cjs/duet-layout.cjs.entry.js +7 -7
  37. package/lib/cjs/duet-list_2.cjs.entry.js +6 -6
  38. package/lib/cjs/duet-menu-bar-button.cjs.entry.js +5 -5
  39. package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +5 -5
  40. package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +7 -7
  41. package/lib/cjs/duet-menu-bar-item.cjs.entry.js +8 -8
  42. package/lib/cjs/duet-menu-bar-link.cjs.entry.js +5 -5
  43. package/lib/cjs/duet-menu-bar.cjs.entry.js +7 -7
  44. package/lib/cjs/duet-modal.cjs.entry.js +15 -15
  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 +11 -11
  48. package/lib/cjs/duet-number-input.cjs.entry.js +9 -9
  49. package/lib/cjs/duet-overlay.cjs.entry.js +4 -4
  50. package/lib/cjs/duet-page-heading.cjs.entry.js +5 -5
  51. package/lib/cjs/duet-pagination_2.cjs.entry.js +20 -20
  52. package/lib/cjs/duet-panel.cjs.entry.js +5 -5
  53. package/lib/cjs/duet-phone-input.cjs.entry.js +4 -4
  54. package/lib/cjs/duet-popup-menu_2.cjs.entry.js +22 -20
  55. package/lib/cjs/duet-progress.cjs.entry.js +4 -4
  56. package/lib/cjs/duet-promo-card.cjs.entry.js +13 -9
  57. package/lib/cjs/duet-radio_2.cjs.entry.js +8 -8
  58. package/lib/cjs/duet-range-slider.cjs.entry.js +8 -8
  59. package/lib/cjs/duet-scrollable_3.cjs.entry.js +20 -20
  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 +9 -9
  65. package/lib/cjs/duet-show-more.cjs.entry.js +6 -6
  66. package/lib/cjs/duet-slideout-lang.cjs.entry.js +5 -5
  67. package/lib/cjs/duet-slideout-link.cjs.entry.js +8 -8
  68. package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +7 -7
  69. package/lib/cjs/duet-slideout-panel.cjs.entry.js +14 -14
  70. package/lib/cjs/duet-slideout.cjs.entry.js +21 -19
  71. package/lib/cjs/duet-status-icon.cjs.entry.js +4 -4
  72. package/lib/cjs/duet-step_2.cjs.entry.js +7 -7
  73. package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +5 -5
  74. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +8 -8
  75. package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +7 -7
  76. package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +4 -4
  77. package/lib/cjs/duet-submenu-bar.cjs.entry.js +9 -9
  78. package/lib/cjs/duet-textarea.cjs.entry.js +9 -9
  79. package/lib/cjs/duet-toggle.cjs.entry.js +9 -9
  80. package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +5 -5
  81. package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +7 -7
  82. package/lib/cjs/duet-toolbar-item.cjs.entry.js +9 -9
  83. package/lib/cjs/duet-toolbar-link.cjs.entry.js +5 -5
  84. package/lib/cjs/duet-toolbar.cjs.entry.js +5 -5
  85. package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +11 -11
  86. package/lib/cjs/duet-tooltip.cjs.entry.js +5 -5
  87. package/lib/cjs/duet-tray.cjs.entry.js +7 -7
  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-CN2q01zn.js → errorcodes.utils-DQ-I8x2z.js} +1 -1
  93. package/lib/cjs/{focus-utils-BiNVxwJM.js → focus-utils-DstNW4_h.js} +1 -1
  94. package/lib/cjs/{index-BU3Nf2d6.js → index-B_QTwXEx.js} +1 -1
  95. package/lib/cjs/{label-Bkh3nxL_.js → label-yAj5CKm3.js} +1 -1
  96. package/lib/cjs/{language-utils-BazCSszn.js → language-utils-DjtvVntE.js} +1 -1
  97. package/lib/cjs/loader.cjs.js +3 -3
  98. package/lib/cjs/{slot-utils-BUOLdbgj.js → slot-utils-YUU0XWn9.js} +1 -1
  99. package/lib/cjs/{themeable-component-BU-IHJDO.js → themeable-component-h3OzJgCb.js} +2 -12
  100. package/lib/cjs/{token-utils-BstQGJ9_.js → token-utils-DY3-olMV.js} +1 -51
  101. package/lib/cjs/{tokens-DGQm58Sv.js → tokens-COLlUECP.js} +335 -77
  102. package/lib/cjs/{tokens.module-CdKmGLcD.js → tokens.module-CTbvyezn.js} +226 -54
  103. package/lib/collection/common/themeable-component.js +1 -11
  104. package/lib/collection/components/duet-action-button/duet-action-button.css +5 -19
  105. package/lib/collection/components/duet-alert/duet-alert.css +4 -3
  106. package/lib/collection/components/duet-badge/duet-badge.css +20 -65
  107. package/lib/collection/components/duet-badge/duet-badge.js +2 -2
  108. package/lib/collection/components/duet-banner/duet-banner.css +16 -14
  109. package/lib/collection/components/duet-banner/duet-banner.js +9 -11
  110. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.css +1 -1
  111. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +4 -4
  112. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.css +4 -14
  113. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js +2 -2
  114. package/lib/collection/components/duet-button/duet-button.css +85 -157
  115. package/lib/collection/components/duet-button/duet-button.js +20 -5
  116. package/lib/collection/components/duet-callout/duet-callout.css +4 -8
  117. package/lib/collection/components/duet-callout/duet-callout.js +2 -2
  118. package/lib/collection/components/duet-caption/duet-caption.css +6 -10
  119. package/lib/collection/components/duet-caption/duet-caption.js +2 -2
  120. package/lib/collection/components/duet-card/duet-card.css +10 -22
  121. package/lib/collection/components/duet-card/duet-card.js +3 -3
  122. package/lib/collection/components/duet-checkbox/duet-checkbox.css +28 -38
  123. package/lib/collection/components/duet-checkbox/duet-checkbox.js +2 -2
  124. package/lib/collection/components/duet-chip/duet-chip.css +33 -59
  125. package/lib/collection/components/duet-chip/duet-chip.js +1 -1
  126. package/lib/collection/components/duet-choice/duet-checkmark.css +1 -1
  127. package/lib/collection/components/duet-choice/duet-checkmark.js +2 -2
  128. package/lib/collection/components/duet-choice/duet-choice.css +75 -123
  129. package/lib/collection/components/duet-choice/duet-choice.js +6 -6
  130. package/lib/collection/components/duet-choice-group/duet-choice-group.js +2 -2
  131. package/lib/collection/components/duet-collapsible/duet-collapsible.css +6 -17
  132. package/lib/collection/components/duet-collapsible/duet-collapsible.js +2 -2
  133. package/lib/collection/components/duet-combobox/duet-combobox.css +3 -9
  134. package/lib/collection/components/duet-contact-card/duet-contact-card.css +2 -5
  135. package/lib/collection/components/duet-contact-card/duet-contact-card.js +2 -2
  136. package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.css +5 -13
  137. package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +1 -1
  138. package/lib/collection/components/duet-date-picker/date-utils.js +2 -1
  139. package/lib/collection/components/duet-date-picker/duet-date-picker.css +56 -80
  140. package/lib/collection/components/duet-date-picker/duet-date-picker.js +23 -29
  141. package/lib/collection/components/duet-divider/duet-divider.css +1 -4
  142. package/lib/collection/components/duet-divider/duet-divider.js +1 -1
  143. package/lib/collection/components/duet-editable-table/duet-editable-table.js +2 -2
  144. package/lib/collection/components/duet-empty-state/duet-empty-state.css +1 -5
  145. package/lib/collection/components/duet-empty-state/duet-empty-state.js +2 -2
  146. package/lib/collection/components/duet-fieldset/duet-fieldset.css +6 -5
  147. package/lib/collection/components/duet-fieldset/duet-fieldset.js +3 -3
  148. package/lib/collection/components/duet-file-chooser/duet-file-chooser.js +1 -1
  149. package/lib/collection/components/duet-footer/duet-footer.css +17 -19
  150. package/lib/collection/components/duet-footer/duet-footer.js +4 -4
  151. package/lib/collection/components/duet-grid/duet-grid.js +2 -2
  152. package/lib/collection/components/duet-grid-item/duet-grid-item.css +2 -6
  153. package/lib/collection/components/duet-grid-item/duet-grid-item.js +2 -2
  154. package/lib/collection/components/duet-header/duet-header.css +187 -200
  155. package/lib/collection/components/duet-heading/duet-heading.css +1 -1
  156. package/lib/collection/components/duet-heading/duet-heading.js +2 -2
  157. package/lib/collection/components/duet-hero/duet-hero.css +276 -310
  158. package/lib/collection/components/duet-hero/duet-hero.js +5 -5
  159. package/lib/collection/components/duet-icon/duet-icon.css +6 -62
  160. package/lib/collection/components/duet-icon/duet-icon.js +3 -3
  161. package/lib/collection/components/duet-indicator/duet-indicator.css +1 -1
  162. package/lib/collection/components/duet-indicator/duet-indicator.js +5 -1
  163. package/lib/collection/components/duet-input/duet-input.css +103 -131
  164. package/lib/collection/components/duet-input/duet-input.js +10 -6
  165. package/lib/collection/components/duet-label/duet-label.css +0 -4
  166. package/lib/collection/components/duet-layout/duet-layout.js +5 -5
  167. package/lib/collection/components/duet-link/duet-link.css +19 -53
  168. package/lib/collection/components/duet-link/duet-link.js +2 -2
  169. package/lib/collection/components/duet-list/duet-list.js +1 -1
  170. package/lib/collection/components/duet-list-item/duet-list-item.css +11 -31
  171. package/lib/collection/components/duet-list-item/duet-list-item.js +2 -2
  172. package/lib/collection/components/duet-logo/duet-logo.css +4 -12
  173. package/lib/collection/components/duet-logo/duet-logo.js +7 -37
  174. package/lib/collection/components/duet-menu-bar/duet-menu-bar.css +15 -25
  175. package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +3 -3
  176. package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.css +5 -8
  177. package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js +2 -2
  178. package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.css +2 -20
  179. package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js +4 -4
  180. package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.css +5 -10
  181. package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js +2 -2
  182. package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.css +14 -20
  183. package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.js +2 -2
  184. package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.css +9 -16
  185. package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js +2 -2
  186. package/lib/collection/components/duet-modal/duet-modal.css +3 -10
  187. package/lib/collection/components/duet-modal/duet-modal.js +7 -7
  188. package/lib/collection/components/duet-multiselect/duet-multiselect.css +49 -87
  189. package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -5
  190. package/lib/collection/components/duet-nav/duet-nav.js +1 -1
  191. package/lib/collection/components/duet-notification/duet-notification.css +11 -18
  192. package/lib/collection/components/duet-notification/duet-notification.js +2 -2
  193. package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.css +25 -29
  194. package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +3 -3
  195. package/lib/collection/components/duet-number-input/duet-number-input.css +1 -8
  196. package/lib/collection/components/duet-number-input/duet-number-input.js +4 -4
  197. package/lib/collection/components/duet-overlay/duet-overlay.css +4 -7
  198. package/lib/collection/components/duet-overlay/duet-overlay.js +1 -1
  199. package/lib/collection/components/duet-page-heading/duet-page-heading.css +6 -23
  200. package/lib/collection/components/duet-page-heading/duet-page-heading.js +2 -2
  201. package/lib/collection/components/duet-pagination/duet-pagination.css +0 -4
  202. package/lib/collection/components/duet-pagination/duet-pagination.js +11 -11
  203. package/lib/collection/components/duet-panel/duet-panel.css +5 -19
  204. package/lib/collection/components/duet-panel/duet-panel.js +2 -2
  205. package/lib/collection/components/duet-paragraph/duet-paragraph.css +7 -14
  206. package/lib/collection/components/duet-paragraph/duet-paragraph.js +2 -2
  207. package/lib/collection/components/duet-popup-menu/duet-popup-menu.css +2 -5
  208. package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +11 -9
  209. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.css +8 -15
  210. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
  211. package/lib/collection/components/duet-progress/duet-progress.css +11 -24
  212. package/lib/collection/components/duet-promo-card/duet-promo-card.css +13 -5
  213. package/lib/collection/components/duet-promo-card/duet-promo-card.js +8 -4
  214. package/lib/collection/components/duet-radio/duet-radio.css +34 -32
  215. package/lib/collection/components/duet-radio/duet-radio.js +3 -3
  216. package/lib/collection/components/duet-radio-group/duet-radio-group.js +1 -1
  217. package/lib/collection/components/duet-range-slider/duet-range-slider.css +28 -53
  218. package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
  219. package/lib/collection/components/duet-range-stepper/duet-range-stepper.css +1 -1
  220. package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +2 -2
  221. package/lib/collection/components/duet-scrollable/duet-scrollable.css +3 -11
  222. package/lib/collection/components/duet-scrollable/duet-scrollable.js +5 -5
  223. package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
  224. package/lib/collection/components/duet-select/duet-select.css +35 -72
  225. package/lib/collection/components/duet-select/duet-select.js +5 -5
  226. package/lib/collection/components/duet-shaped-image/duet-shaped-image.js +2 -2
  227. package/lib/collection/components/duet-share-chart/duet-share-chart.css +2 -5
  228. package/lib/collection/components/duet-share-chart/duet-share-chart.js +2 -2
  229. package/lib/collection/components/duet-share-chart-item/duet-share-chart-item.js +1 -1
  230. package/lib/collection/components/duet-show-more/duet-show-more.css +2 -5
  231. package/lib/collection/components/duet-show-more/duet-show-more.js +2 -2
  232. package/lib/collection/components/duet-slideout/duet-slideout.css +22 -38
  233. package/lib/collection/components/duet-slideout/duet-slideout.js +12 -10
  234. package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.css +0 -4
  235. package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js +1 -1
  236. package/lib/collection/components/duet-slideout-link/duet-slideout-link.css +7 -13
  237. package/lib/collection/components/duet-slideout-link/duet-slideout-link.js +2 -2
  238. package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.css +16 -32
  239. package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +6 -6
  240. package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.css +7 -14
  241. package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +4 -4
  242. package/lib/collection/components/duet-spacer/duet-spacer.js +1 -1
  243. package/lib/collection/components/duet-spinner/duet-spinner.css +1 -4
  244. package/lib/collection/components/duet-spinner/duet-spinner.js +1 -1
  245. package/lib/collection/components/duet-status-icon/duet-status-icon.js +2 -2
  246. package/lib/collection/components/duet-step/duet-step.css +18 -23
  247. package/lib/collection/components/duet-step/duet-step.js +2 -2
  248. package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
  249. package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.css +5 -15
  250. package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +5 -5
  251. package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.css +16 -48
  252. package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js +4 -4
  253. package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.css +9 -22
  254. package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js +2 -2
  255. package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.css +17 -27
  256. package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js +1 -1
  257. package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.css +10 -27
  258. package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js +1 -1
  259. package/lib/collection/components/duet-tab/duet-tab.css +1 -1
  260. package/lib/collection/components/duet-tab/duet-tab.js +2 -2
  261. package/lib/collection/components/duet-tab-group/duet-tab-group.css +86 -87
  262. package/lib/collection/components/duet-tab-group/duet-tab-group.js +4 -4
  263. package/lib/collection/components/duet-table/duet-table-styles.js +75 -119
  264. package/lib/collection/components/duet-table/duet-table.js +2 -2
  265. package/lib/collection/components/duet-textarea/duet-textarea.css +42 -108
  266. package/lib/collection/components/duet-textarea/duet-textarea.js +3 -3
  267. package/lib/collection/components/duet-toggle/duet-toggle.css +23 -30
  268. package/lib/collection/components/duet-toggle/duet-toggle.js +3 -3
  269. package/lib/collection/components/duet-toolbar/duet-toolbar.css +4 -8
  270. package/lib/collection/components/duet-toolbar/duet-toolbar.js +2 -2
  271. package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.css +34 -47
  272. package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +4 -4
  273. package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.css +7 -14
  274. package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js +2 -2
  275. package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.css +29 -43
  276. package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js +3 -3
  277. package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.css +22 -46
  278. package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +2 -2
  279. package/lib/collection/components/duet-tooltip/duet-tooltip-button.css +8 -12
  280. package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +3 -3
  281. package/lib/collection/components/duet-tooltip/duet-tooltip-popup.css +17 -30
  282. package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +3 -3
  283. package/lib/collection/components/duet-tray/duet-tray.css +8 -17
  284. package/lib/collection/components/duet-tray/duet-tray.js +2 -2
  285. package/lib/collection/components/duet-upload/duet-upload.js +2 -2
  286. package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js +1 -1
  287. package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
  288. package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
  289. package/lib/collection/utils/token-utils.js +0 -38
  290. package/lib/duet/duet.esm.js +1 -1
  291. package/lib/duet/{p-a4b1a21e.entry.js → p-06f17fe7.entry.js} +1 -1
  292. package/lib/duet/p-07b9b6c3.entry.js +4 -0
  293. package/lib/duet/{p-2da426b2.entry.js → p-0a80de40.entry.js} +1 -1
  294. package/lib/duet/{p-5ed86143.entry.js → p-0cc2921b.entry.js} +1 -1
  295. package/lib/duet/p-0ccecf5b.entry.js +4 -0
  296. package/lib/duet/p-10a326fa.entry.js +4 -0
  297. package/lib/duet/{p-c1b625d2.entry.js → p-12b2d402.entry.js} +1 -1
  298. package/lib/duet/p-162993d2.entry.js +4 -0
  299. package/lib/duet/p-162a0691.entry.js +4 -0
  300. package/lib/duet/p-17413943.entry.js +4 -0
  301. package/lib/duet/p-17c063a3.entry.js +4 -0
  302. package/lib/duet/p-18eada94.entry.js +4 -0
  303. package/lib/duet/p-1e168d4b.entry.js +4 -0
  304. package/lib/duet/p-234f4365.entry.js +4 -0
  305. package/lib/duet/{p-35e4a9c4.entry.js → p-245c0535.entry.js} +1 -1
  306. package/lib/duet/p-25b4886a.entry.js +4 -0
  307. package/lib/duet/{p-8f7dd5a6.entry.js → p-278ef4d8.entry.js} +1 -1
  308. package/lib/duet/p-29599dc5.entry.js +4 -0
  309. package/lib/duet/{p-2cb58d74.entry.js → p-2ac11077.entry.js} +1 -1
  310. package/lib/duet/p-2d963ab0.entry.js +4 -0
  311. package/lib/duet/{p-46959db5.entry.js → p-2e126e15.entry.js} +1 -1
  312. package/lib/duet/p-301b8664.entry.js +4 -0
  313. package/lib/duet/{p-840a6293.entry.js → p-3a45c3a4.entry.js} +1 -1
  314. package/lib/duet/p-3d00efb7.entry.js +4 -0
  315. package/lib/duet/p-3d0a716c.entry.js +4 -0
  316. package/lib/duet/{p-60450623.entry.js → p-3eba33cd.entry.js} +1 -1
  317. package/lib/duet/p-419b96b6.entry.js +4 -0
  318. package/lib/duet/p-44a97d21.entry.js +4 -0
  319. package/lib/duet/p-4856f07c.entry.js +4 -0
  320. package/lib/duet/p-4b8293b3.entry.js +4 -0
  321. package/lib/duet/{p-06e533f3.entry.js → p-550bfab9.entry.js} +1 -1
  322. package/lib/duet/p-5c60eca3.entry.js +4 -0
  323. package/lib/duet/p-5c9530f1.entry.js +4 -0
  324. package/lib/duet/{p-b6b32a0a.entry.js → p-5fb1092c.entry.js} +1 -1
  325. package/lib/duet/p-5fb783eb.entry.js +4 -0
  326. package/lib/duet/p-608ebd47.entry.js +4 -0
  327. package/lib/duet/{p-6c0ba49c.entry.js → p-65350441.entry.js} +1 -1
  328. package/lib/duet/p-67b3a01a.entry.js +4 -0
  329. package/lib/duet/p-690beb31.entry.js +4 -0
  330. package/lib/duet/p-6cffc5b7.entry.js +4 -0
  331. package/lib/duet/p-6e1b9cc8.entry.js +4 -0
  332. package/lib/duet/p-7ce31e10.entry.js +4 -0
  333. package/lib/duet/p-806c4ab8.entry.js +4 -0
  334. package/lib/duet/p-86166f8d.entry.js +4 -0
  335. package/lib/duet/p-898d5701.entry.js +4 -0
  336. package/lib/duet/p-8a28f86e.entry.js +4 -0
  337. package/lib/duet/p-9172ba70.entry.js +4 -0
  338. package/lib/duet/p-93abd97a.entry.js +4 -0
  339. package/lib/duet/{p-108bb9b1.entry.js → p-968546f6.entry.js} +1 -1
  340. package/lib/duet/{p-BahNb4S5.js → p-B6Z_1gqI.js} +1 -1
  341. package/lib/duet/p-BQVGvl4H.js +4 -0
  342. package/lib/duet/p-BUWuSkQW.js +4 -0
  343. package/lib/duet/p-CLZq8YfV.js +4 -0
  344. package/lib/duet/{p-EzuzdWgU.js → p-CW11pVgw.js} +1 -1
  345. package/lib/duet/p-Ce9HQd35.js +4 -0
  346. package/lib/duet/p-D2JvSVnG.js +4 -0
  347. package/lib/duet/p-D2ly4TZR.js +4 -0
  348. package/lib/duet/p-DEzE2U5T.js +4 -0
  349. package/lib/duet/{p-udt4OnI3.js → p-DFAnksuG.js} +1 -1
  350. package/lib/duet/{p-D01wpYGA.js → p-DrqQiRTn.js} +1 -1
  351. package/lib/duet/p-ELbbzMVZ.js +4 -0
  352. package/lib/duet/p-a3ad5622.entry.js +4 -0
  353. package/lib/duet/p-a6bec2da.entry.js +4 -0
  354. package/lib/duet/p-a73b7110.entry.js +4 -0
  355. package/lib/duet/p-a8229728.entry.js +4 -0
  356. package/lib/duet/p-ae778cb1.entry.js +4 -0
  357. package/lib/duet/{p-959c0fdf.entry.js → p-b1d91a91.entry.js} +1 -1
  358. package/lib/duet/p-b4c18ee6.entry.js +4 -0
  359. package/lib/duet/p-b6dc4395.entry.js +4 -0
  360. package/lib/duet/{p-208ee0bd.entry.js → p-b9a54319.entry.js} +1 -1
  361. package/lib/duet/p-b9be36c8.entry.js +4 -0
  362. package/lib/duet/p-bdae48d3.entry.js +4 -0
  363. package/lib/duet/p-bdf6a296.entry.js +4 -0
  364. package/lib/duet/p-bfc75bb9.entry.js +4 -0
  365. package/lib/duet/p-c8d10c67.entry.js +4 -0
  366. package/lib/duet/p-c8e520b6.entry.js +4 -0
  367. package/lib/duet/p-ce4d9add.entry.js +4 -0
  368. package/lib/duet/p-d2e74e89.entry.js +4 -0
  369. package/lib/duet/p-d7506eaa.entry.js +4 -0
  370. package/lib/duet/p-d83f38c7.entry.js +4 -0
  371. package/lib/duet/p-d8bc628c.entry.js +4 -0
  372. package/lib/duet/p-da275568.entry.js +4 -0
  373. package/lib/duet/p-dc5682d8.entry.js +4 -0
  374. package/lib/duet/p-de4b0518.entry.js +4 -0
  375. package/lib/duet/p-e050ed5c.entry.js +4 -0
  376. package/lib/duet/{p-52d1157e.entry.js → p-e9c2eb66.entry.js} +1 -1
  377. package/lib/duet/p-ec5f40a5.entry.js +4 -0
  378. package/lib/duet/{p-ad7a1cde.entry.js → p-ec689a7c.entry.js} +1 -1
  379. package/lib/duet/{p-da5a60ce.entry.js → p-ecf69f6d.entry.js} +1 -1
  380. package/lib/duet/p-ed750cdf.entry.js +4 -0
  381. package/lib/duet/p-efa1cd0b.entry.js +4 -0
  382. package/lib/duet/{p-cde24f7a.entry.js → p-f15ab3b8.entry.js} +1 -1
  383. package/lib/duet/p-f55f8bd9.entry.js +4 -0
  384. package/lib/duet/p-f68a4a23.entry.js +4 -0
  385. package/lib/duet/p-f71d04ce.entry.js +4 -0
  386. package/lib/duet/p-f8e26f21.entry.js +4 -0
  387. package/lib/duet/{p-068f930b.entry.js → p-fca9c5c4.entry.js} +1 -1
  388. package/lib/duet/p-fe00331c.entry.js +4 -0
  389. package/lib/esm/{a11y-utils-DcQ8_LjH.js → a11y-utils-D66Lzlz5.js} +1 -1
  390. package/lib/esm/{app-globals-BROlDQRT.js → app-globals-G9KPoeGD.js} +1 -1
  391. package/lib/esm/duet-action-button.entry.js +6 -6
  392. package/lib/esm/duet-alert.entry.js +5 -5
  393. package/lib/esm/duet-badge.entry.js +6 -6
  394. package/lib/esm/duet-banner.entry.js +14 -16
  395. package/lib/esm/duet-breadcrumb.entry.js +7 -7
  396. package/lib/esm/duet-breadcrumbs.entry.js +8 -8
  397. package/lib/esm/duet-button_2.entry.js +28 -13
  398. package/lib/esm/duet-callout.entry.js +6 -6
  399. package/lib/esm/duet-caption_4.entry.js +19 -19
  400. package/lib/esm/duet-card.entry.js +9 -9
  401. package/lib/esm/duet-checkbox.entry.js +6 -6
  402. package/lib/esm/duet-checkmark.entry.js +5 -5
  403. package/lib/esm/duet-chip.entry.js +5 -5
  404. package/lib/esm/duet-choice_2.entry.js +13 -13
  405. package/lib/esm/duet-collapsible.entry.js +7 -7
  406. package/lib/esm/duet-combobox.entry.js +6 -6
  407. package/lib/esm/duet-contact-card.entry.js +6 -6
  408. package/lib/esm/duet-cookie-consent.entry.js +4 -4
  409. package/lib/esm/duet-date-picker.entry.js +30 -34
  410. package/lib/esm/duet-divider_2.entry.js +7 -7
  411. package/lib/esm/duet-editable-table_3.entry.js +86 -130
  412. package/lib/esm/duet-empty-state.entry.js +5 -5
  413. package/lib/esm/duet-fieldset.entry.js +7 -7
  414. package/lib/esm/duet-file-chooser.entry.js +3 -3
  415. package/lib/esm/duet-footer.entry.js +9 -9
  416. package/lib/esm/duet-grid_2.entry.js +7 -7
  417. package/lib/esm/duet-header_2.entry.js +13 -38
  418. package/lib/esm/duet-hero.entry.js +10 -10
  419. package/lib/esm/duet-icon.entry.js +8 -8
  420. package/lib/esm/duet-indicator.entry.js +9 -5
  421. package/lib/esm/duet-input_2.entry.js +19 -15
  422. package/lib/esm/duet-layout.entry.js +7 -7
  423. package/lib/esm/duet-list_2.entry.js +6 -6
  424. package/lib/esm/duet-menu-bar-button.entry.js +5 -5
  425. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +5 -5
  426. package/lib/esm/duet-menu-bar-dropdown.entry.js +7 -7
  427. package/lib/esm/duet-menu-bar-item.entry.js +8 -8
  428. package/lib/esm/duet-menu-bar-link.entry.js +5 -5
  429. package/lib/esm/duet-menu-bar.entry.js +7 -7
  430. package/lib/esm/duet-modal.entry.js +15 -15
  431. package/lib/esm/duet-multiselect.entry.js +11 -11
  432. package/lib/esm/duet-nav.entry.js +3 -3
  433. package/lib/esm/duet-notification_2.entry.js +11 -11
  434. package/lib/esm/duet-number-input.entry.js +9 -9
  435. package/lib/esm/duet-overlay.entry.js +4 -4
  436. package/lib/esm/duet-page-heading.entry.js +5 -5
  437. package/lib/esm/duet-pagination_2.entry.js +20 -20
  438. package/lib/esm/duet-panel.entry.js +5 -5
  439. package/lib/esm/duet-phone-input.entry.js +4 -4
  440. package/lib/esm/duet-popup-menu_2.entry.js +22 -20
  441. package/lib/esm/duet-progress.entry.js +4 -4
  442. package/lib/esm/duet-promo-card.entry.js +13 -9
  443. package/lib/esm/duet-radio_2.entry.js +8 -8
  444. package/lib/esm/duet-range-slider.entry.js +8 -8
  445. package/lib/esm/duet-scrollable_3.entry.js +20 -20
  446. package/lib/esm/duet-section-layout.entry.js +4 -4
  447. package/lib/esm/duet-select.entry.js +10 -10
  448. package/lib/esm/duet-shaped-image.entry.js +4 -4
  449. package/lib/esm/duet-share-chart-item.entry.js +2 -2
  450. package/lib/esm/duet-share-chart.entry.js +9 -9
  451. package/lib/esm/duet-show-more.entry.js +6 -6
  452. package/lib/esm/duet-slideout-lang.entry.js +5 -5
  453. package/lib/esm/duet-slideout-link.entry.js +8 -8
  454. package/lib/esm/duet-slideout-panel-dropdown.entry.js +7 -7
  455. package/lib/esm/duet-slideout-panel.entry.js +14 -14
  456. package/lib/esm/duet-slideout.entry.js +21 -19
  457. package/lib/esm/duet-status-icon.entry.js +4 -4
  458. package/lib/esm/duet-step_2.entry.js +7 -7
  459. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +5 -5
  460. package/lib/esm/duet-submenu-bar-dropdown.entry.js +8 -8
  461. package/lib/esm/duet-submenu-bar-item.entry.js +7 -7
  462. package/lib/esm/duet-submenu-bar-link.entry.js +4 -4
  463. package/lib/esm/duet-submenu-bar.entry.js +9 -9
  464. package/lib/esm/duet-textarea.entry.js +9 -9
  465. package/lib/esm/duet-toggle.entry.js +9 -9
  466. package/lib/esm/duet-toolbar-dropdown-link.entry.js +5 -5
  467. package/lib/esm/duet-toolbar-dropdown.entry.js +7 -7
  468. package/lib/esm/duet-toolbar-item.entry.js +9 -9
  469. package/lib/esm/duet-toolbar-link.entry.js +5 -5
  470. package/lib/esm/duet-toolbar.entry.js +5 -5
  471. package/lib/esm/duet-tooltip-button_2.entry.js +11 -11
  472. package/lib/esm/duet-tooltip.entry.js +5 -5
  473. package/lib/esm/duet-tray.entry.js +7 -7
  474. package/lib/esm/duet-upload-aria-status.entry.js +2 -2
  475. package/lib/esm/duet-upload-item.entry.js +6 -6
  476. package/lib/esm/duet-visually-hidden.entry.js +2 -2
  477. package/lib/esm/duet.js +4 -4
  478. package/lib/esm/{errorcodes.utils-Itv_LXm1.js → errorcodes.utils-C6zptXiM.js} +1 -1
  479. package/lib/esm/{focus-utils-Ckrg92zt.js → focus-utils-YZ2ticmM.js} +1 -1
  480. package/lib/esm/{index-D01wpYGA.js → index-DrqQiRTn.js} +1 -1
  481. package/lib/esm/{label-BDVCTSVS.js → label-CnTwCD-3.js} +1 -1
  482. package/lib/esm/{language-utils-CJ6UGHBS.js → language-utils-BEG0cFmw.js} +1 -1
  483. package/lib/esm/loader.js +4 -4
  484. package/lib/esm/{slot-utils-BRZl-j4n.js → slot-utils-Dzrezpl3.js} +1 -1
  485. package/lib/esm/{themeable-component-hw-kujXv.js → themeable-component-BLql61nC.js} +2 -12
  486. package/lib/esm/{token-utils-DMwF8cmT.js → token-utils-B0KAgyj_.js} +1 -51
  487. package/lib/esm/{tokens-lzu8l3tx.js → tokens-Ce9HQd35.js} +335 -77
  488. package/lib/esm/{tokens.module-BzrE0-hp.js → tokens.module-DEzE2U5T.js} +226 -54
  489. package/lib/types/components/duet-banner/duet-banner.d.ts +1 -1
  490. package/lib/types/components/duet-date-picker/date-utils.d.ts +1 -1
  491. package/lib/types/components/duet-date-picker/duet-date-picker.d.ts +1 -2
  492. package/lib/types/components/duet-logo/duet-logo.d.ts +0 -3
  493. package/lib/types/components/duet-promo-card/duet-promo-card.d.ts +1 -0
  494. package/package.json +5 -5
  495. package/lib/collection/utils/turva2-color-tokens.js +0 -42
  496. package/lib/duet/p-00c4df17.entry.js +0 -4
  497. package/lib/duet/p-0e0e4046.entry.js +0 -4
  498. package/lib/duet/p-1040c382.entry.js +0 -4
  499. package/lib/duet/p-116bd504.entry.js +0 -4
  500. package/lib/duet/p-157995c2.entry.js +0 -4
  501. package/lib/duet/p-1abdf725.entry.js +0 -4
  502. package/lib/duet/p-1d70c401.entry.js +0 -4
  503. package/lib/duet/p-241ecfbb.entry.js +0 -4
  504. package/lib/duet/p-2ae2c00b.entry.js +0 -4
  505. package/lib/duet/p-38d9c2a4.entry.js +0 -4
  506. package/lib/duet/p-3ac158a2.entry.js +0 -4
  507. package/lib/duet/p-3df4d82d.entry.js +0 -4
  508. package/lib/duet/p-40f1b967.entry.js +0 -4
  509. package/lib/duet/p-4ace9ad8.entry.js +0 -4
  510. package/lib/duet/p-506dd7e4.entry.js +0 -4
  511. package/lib/duet/p-56cd1a09.entry.js +0 -4
  512. package/lib/duet/p-56e2f9ab.entry.js +0 -4
  513. package/lib/duet/p-59e14b99.entry.js +0 -4
  514. package/lib/duet/p-5deb728c.entry.js +0 -4
  515. package/lib/duet/p-62d78e93.entry.js +0 -4
  516. package/lib/duet/p-62f879dc.entry.js +0 -4
  517. package/lib/duet/p-64682619.entry.js +0 -4
  518. package/lib/duet/p-649abe6b.entry.js +0 -4
  519. package/lib/duet/p-6f1faec3.entry.js +0 -4
  520. package/lib/duet/p-7192d852.entry.js +0 -4
  521. package/lib/duet/p-7323183d.entry.js +0 -4
  522. package/lib/duet/p-73e78cea.entry.js +0 -4
  523. package/lib/duet/p-77ee5411.entry.js +0 -4
  524. package/lib/duet/p-78dbb64a.entry.js +0 -4
  525. package/lib/duet/p-79260a28.entry.js +0 -4
  526. package/lib/duet/p-7af8f026.entry.js +0 -4
  527. package/lib/duet/p-7b970c92.entry.js +0 -4
  528. package/lib/duet/p-817f5c02.entry.js +0 -4
  529. package/lib/duet/p-85ed639b.entry.js +0 -4
  530. package/lib/duet/p-89605d7b.entry.js +0 -4
  531. package/lib/duet/p-8ecff6ac.entry.js +0 -4
  532. package/lib/duet/p-92c976d8.entry.js +0 -4
  533. package/lib/duet/p-97291b00.entry.js +0 -4
  534. package/lib/duet/p-B0U815Vi.js +0 -4
  535. package/lib/duet/p-BQqubJCA.js +0 -4
  536. package/lib/duet/p-BlYFa84w.js +0 -4
  537. package/lib/duet/p-Bq_F1n6l.js +0 -4
  538. package/lib/duet/p-Brp9BZK6.js +0 -4
  539. package/lib/duet/p-BzrE0-hp.js +0 -4
  540. package/lib/duet/p-De8V1Ewb.js +0 -4
  541. package/lib/duet/p-a056d95d.entry.js +0 -4
  542. package/lib/duet/p-a1fdc4ec.entry.js +0 -4
  543. package/lib/duet/p-a8a6ab54.entry.js +0 -4
  544. package/lib/duet/p-a8cd78ae.entry.js +0 -4
  545. package/lib/duet/p-ab6cce18.entry.js +0 -4
  546. package/lib/duet/p-ae00066d.entry.js +0 -4
  547. package/lib/duet/p-ae509388.entry.js +0 -4
  548. package/lib/duet/p-b4f4baa3.entry.js +0 -4
  549. package/lib/duet/p-b8b4f2c1.entry.js +0 -4
  550. package/lib/duet/p-b955cb73.entry.js +0 -4
  551. package/lib/duet/p-c3084c8c.entry.js +0 -4
  552. package/lib/duet/p-c464f037.entry.js +0 -4
  553. package/lib/duet/p-c489791a.entry.js +0 -4
  554. package/lib/duet/p-caed4507.entry.js +0 -4
  555. package/lib/duet/p-caf9a237.entry.js +0 -4
  556. package/lib/duet/p-d0d43606.entry.js +0 -4
  557. package/lib/duet/p-dfbab0b6.entry.js +0 -4
  558. package/lib/duet/p-e0481b75.entry.js +0 -4
  559. package/lib/duet/p-e25e6ab3.entry.js +0 -4
  560. package/lib/duet/p-e4ac8424.entry.js +0 -4
  561. package/lib/duet/p-e606f740.entry.js +0 -4
  562. package/lib/duet/p-ed73dc86.entry.js +0 -4
  563. package/lib/duet/p-f23fcee4.entry.js +0 -4
  564. package/lib/duet/p-f27e6dd8.entry.js +0 -4
  565. package/lib/duet/p-f5345710.entry.js +0 -4
  566. package/lib/duet/p-f5b6ec35.entry.js +0 -4
  567. package/lib/duet/p-f9974767.entry.js +0 -4
  568. package/lib/duet/p-lzu8l3tx.js +0 -4
  569. package/lib/types/utils/turva2-color-tokens.d.ts +0 -39
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as t,c as e,h as i,H as o,g as s}from"./p-D01wpYGA.js";import{i as a}from"./p-Brp9BZK6.js";import{e as d,d as n}from"./p-C6CAT054.js";import{s as r}from"./p-EzuzdWgU.js";import{f as l,F as h}from"./p-BahNb4S5.js";import{a as u}from"./p-Db8rvjPI.js";import{a as c,c as p,d as b,g as m}from"./p-udt4OnI3.js";import{h as g}from"./p-B0U815Vi.js";import{T as f}from"./p-CxwkvTlZ.js";import{g as y}from"./p-De8V1Ewb.js";import"./p-C6E9F6QT.js";import"./p-BzrE0-hp.js";const v=class{constructor(i){t(this,i),this.duetSlideoutEvent=e(this,"duetSlideoutEvent",7),this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"},this.topLevelOpenMenuBarLangObject={en:"Exit this menu to find top level items",fi:"Poistu tästä valikosta löytääksesi ylätason kohteet",sv:"Stäng den här menyn för att hitta objekt på toppnivå"},this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.hasStickyHeaderSlot=!1,this.disconnectController=new AbortController,this.eventListenerController=new AbortController,this.language=c(),this.displaying=!1,this.openPanel=!1,this.theme="",this.accessibleRole="menubar",this.open=!1,this.backgroundColor="gray-lightest",this.modal=!0,this.setOpenButton=t=>{let e,i;if(t||null===t)e=t,i=!1;else{if(e="string"==typeof this.controller?document.getElementById(this.controller):this.controller,e&&this.openButton===e)return;i=!0}if(this.eventListenerController&&this.eventListenerController.abort(),e)try{const t=e;r(t,!1),this.openButton=t,i&&!this.disconnectController.signal.aborted&&(this.eventListenerController=new AbortController,this.openButton.addEventListener("click",this.openButtonEventListener,{signal:this.eventListenerController.signal}))}catch(t){console.error(t)}else this.openButton=void 0},this.setStickHeaderStyleMutations=(t=!1)=>{this.element.querySelectorAll('[slot="sticky-header"] duet-tab-group').forEach((e=>{e.style.position=t?null:"relative",e.style.top=t?null:"1px",e.switchLargeBreakpoint="always"}))},this.openButtonEventListener=t=>{this.onClick(t)},this.getOpenPanel=()=>this.element.querySelector("duet-slideout-panel[open]"),this.toggleMenu=t=>{this.open=!this.open,this.duetSlideoutEvent.emit({originalEvent:t,data:{element:this.element,open:this.open},component:"duet-slideout"})},this.onClick=t=>{this.toggleMenu(t)}}get controller(){return this.opener}set controller(t){this.opener=t}componentWillLoad(){a(this),this.hasStickyHeaderSlot=g(this.element,"sticky-header")}connectedCallback(){p(this),this.disconnectController&&this.disconnectController.signal.aborted&&(this.disconnectController=new AbortController),this.teleport||(this.teleport=new f(this.element)),this.teleport.isActive?(this.teleport.observeDeletion(),this.setStickHeaderStyleMutations(),this.mutationObserver||(this.mutationObserver=new MutationObserver((()=>{this.openPanel=!!this.getOpenPanel()}))),this.mutationObserver&&this.mutationObserver.observe(this.element,{childList:!0,attributeFilter:["open"],subtree:!0}),this.opener&&"string"!=typeof this.opener?this.setOpenButton(this.opener):this.setOpenButton()):this.teleport.activate()}disconnectedCallback(){b(this),this.dialog&&this.modal&&d(this.dialog),this.mutationObserver&&this.mutationObserver.disconnect(),this.disconnectController&&this.disconnectController.abort(),this.setOpenButton(null),this.setStickHeaderStyleMutations(!0)}handleOpenChange(t,e){if(!!t!=!!e)if(this.open&&!e){this.openButton&&r(this.openButton,!0);const t=this.getOpenPanel();this.teleport.makeSiblingsInert(),this.modal&&n(this.dialog,{reserveScrollBarGap:!0}),t?t.setFocus():setTimeout((()=>{this.closeButton.focus()}),200)}else!this.open&&e&&(this.openButton&&r(this.openButton,!1),setTimeout((()=>{l(this.openButton),this.modal&&d(this.dialog),this.teleport.removeInertFromSiblings()}),200))}handleOpenerChange(t,e){t!==e&&("string"==typeof t?this.setOpenButton():this.setOpenButton(t))}handleKeyUp(t){u(t)&&this.open&&this.toggleMenu(t)}handleDocumentClick(t){if(!this.open)return;const e=t.composedPath();e.includes(this.dialog)||e.includes(this.openButton)||this.toggleMenu(t)}async setFocus(t){var e;null===(e=this.openButton)||void 0===e||e.focus(t)}async toggle(){const t=new CustomEvent("toggle");this.toggleMenu(t),setTimeout((()=>{this.closeButton.focus()}),200)}async show(){this.open||(this.setOpenButton(document.activeElement),this.toggleMenu(new CustomEvent("toggle")))}async hide(){this.open&&this.toggleMenu(new CustomEvent("toggle"))}render(){const t={background:y(this.backgroundColor,this.theme)},e=m(this.topLevelOpenMenuBarLangObject),s=m(this.exitLangObject);return i(o,{key:"d7b06f4616c56fe0a9deb3df7218be41d262556c"},i("div",{key:"4413b3aa5b8a3c01cc4016e3846b10dd136c393c",class:{"duet-slideout":!0,"duet-theme-turva":"turva"===this.theme}},this.modal&&i("duet-overlay",{key:"abe01c506ded568802ba19de8f24d872f81b24dd",visible:this.open,zIndex:"600"}),i("div",{key:"888233b81ba64512ccd9785b4b5a290da3a8eb43",ref:t=>this.dialog=t,tabindex:"-1",role:"dialog",id:"dialog","aria-labelledby":"button","aria-modal":!this.isSafariBrowser,"aria-flowto":"slot-container",class:{dialog:!0,hidden:!this.open,modal:this.modal},style:t},i(h,{key:"7c2b5eb4d236ddd5b7baa9062b0ea2bd49cc5522",moveFocusTo:this.closeButton}),i("div",{key:"3635b98dc3bf6414d914c38dbbc6bc1c020dda7a",class:{"top-container":!0,"has-sticky-header-slot":this.hasStickyHeaderSlot}},i("div",{key:"e6bc2f2ca5ba5f05d225b3f700eaad4a8d207ef1",class:"top"},i("button",{key:"8bdb551c5dabba2bdbbc4a7a08ada1bfad2a8d0b",ref:t=>this.closeButton=t,"aria-haspopup":"dialog","aria-controls":"dialog","aria-expanded":this.open?"true":"false","aria-label":`${s}`,type:"button",class:{"slideout-close":!0,active:this.open,"duet-theme-turva":"turva"===this.theme},onClick:this.onClick,inert:this.openPanel},i("duet-icon",{key:"2134ec846a523228214b9ae75da36c2b52daaa63",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),i("div",{key:"915b4da81dc28d593fb081e7fb261adde35a7859",class:"sticky-header"},i("slot",{key:"882f60d86cc80ee465f4ab6e0a46ec58103a1611",name:"sticky-header"}))),i("div",{key:"6cdddc38ce0abd27431f702054a17b971c5098c9",id:"slot-container",role:this.accessibleRole,"aria-label":this.openPanel?e:null,class:{items:!0}},i("slot",{key:"9981a5f609c93d9b666edc3d8f13cbacbf78becc"})),i(h,{key:"a18fb90c02f65dde3dc192f77c5b7460e626f641",moveFocusTo:this.closeButton}))))}get element(){return s(this)}static get watchers(){return{open:["handleOpenChange"],opener:["handleOpenerChange"]}}};v.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:absolute;height:100%}::slotted(*){position:relative;visibility:hidden;width:100%;opacity:0;transition:opacity 300ms ease;transition-delay:300ms}:host([open]:not([open=false])) ::slotted(*){visibility:visible;opacity:1}:host(:not([open])) ::slotted(duet-slideout-panel){display:none}.duet-slideout{display:flex;align-items:center;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-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77)}.duet-slideout.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)}@media (min-width: 62em){.duet-slideout.duet-theme-turva .desktop-bg{background:rgb(23, 42, 59)}}.duet-slideout .dialog{position:fixed;top:0;right:0;bottom:0;left:auto;z-index:600;width:min(450px, 100%);padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset;transition:bottom 300ms ease;transition-delay:0s}.duet-slideout .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}.duet-slideout .dialog .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout .dialog .top-container.has-sticky-header-slot .top{background:rgb(255, 255, 255)}.duet-slideout .dialog .top-container.has-sticky-header-slot .sticky-header{display:block}.duet-slideout .dialog .top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px;opacity:1;transition:opacity 300ms ease}.duet-slideout .dialog .top button{cursor:pointer}.duet-slideout .dialog .top button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-slideout .dialog .top button:focus,.duet-slideout .dialog .top button:focus.duet-theme-turva,.duet-theme-turva2 .duet-slideout .dialog .top button:focus,.duet-slideout .dialog .top button:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-slideout .dialog .top duet-icon{padding:16px}.duet-slideout .dialog .sticky-header{display:none;width:100%;padding:0 20px 20px;margin-bottom:20px;background:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229)}@media (min-width: 36em){.duet-slideout .dialog .sticky-header{padding:0 28px 28px}}.duet-slideout .dialog .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:12px 20px;opacity:1;transition:padding 600ms ease, opacity 300ms ease;transition-delay:300ms}@media (min-width: 36em){.duet-slideout .dialog .items{padding:16px 28px}}.duet-slideout .dialog.hidden{bottom:100vh;visibility:hidden;pointer-events:none;transition:300ms ease}.duet-slideout .dialog.hidden .items{padding-top:28px;opacity:0}.duet-slideout .dialog.hidden .top{opacity:0}.duet-slideout.duet-theme-turva .dialog{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}.duet-slideout.duet-theme-turva .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}.duet-slideout.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-slideout.duet-theme-turva button.active{color:rgb(230, 23, 64)}.duet-slideout.duet-theme-turva button.active::after{background:rgb(230, 23, 64)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header{border-bottom:1px solid rgb(212, 221, 226)}slot{color:rgb(8, 42, 77)}.duet-theme-turva slot{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva{color:rgb(23, 42, 59)}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva .desktop-bg{background:rgb(23, 42, 59)}}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva button{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva button.active{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva button.active::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header{border-bottom-color:rgb(212, 221, 226)}:host(.duet-theme-turva2) slot{color:rgb(23, 42, 59)}';export{v as duet_slideout}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as t,h as e,H as o,g as a,c as i}from"./p-D01wpYGA.js";import{i as r}from"./p-Brp9BZK6.js";import{h as s,g as l}from"./p-B0U815Vi.js";import{s as n,u as d,b,p as u,d as c,e as h,f as p,g}from"./p-Db8rvjPI.js";import{g as m,c as f,d as v,a as x}from"./p-udt4OnI3.js";import{d as k}from"./p-De8V1Ewb.js";import{c as w}from"./p-Cfr_DJqU.js";import"./p-C6E9F6QT.js";import"./p-BzrE0-hp.js";const y=class{constructor(e){t(this,e),this.currentIndex=0,this.scrollPaneElement=void 0,this.hasCollapseButtonLabelSlot=!1,this.scrollPaneAtStart=!0,this.needsScrolling=!0,this.scrollPaneAtEnd=!1,this.childrenData={},this.resizeObserver=new ResizeObserver((t=>{if(1===(null==t?void 0:t.length)){const e=this.getOverlayWidth();this.checkScrollingNeeded(t[0].target,e)}})),this.theme="",this.identifier="",this.collapsed=!1,this.buttons=!0,this.buttonAlignment="center",this.buttonPosition="relative",this.center=!1,this.padding="none",this.gap="large",this.selected=0,this.stretch=!1,this.collapsedOnClick=()=>{this.collapsed=!this.collapsed}}watchPropHandler(t){this.scrollToElement(t,"center")}componentWillLoad(){r(this),this.hasCollapseButtonLabelSlot=s(this.element,"collapse-button-label")}componentDidLoad(){requestAnimationFrame((()=>{this.scrollPaneElement&&(this.checkScrollingNeeded(this.scrollPaneElement,"absolute"===this.buttonPosition?0:5),this.updateScrollButtons(),this.resizeObserver.observe(this.scrollPaneElement))}))}disconnectedCallback(){this.resizeObserver.disconnect()}async scrollToItem(t){this.scrollToElement(t-1,"center")}async scrollToStart(){this.scrollToElement(0,"center")}async scrollToEnd(){this.scrollToElement(this.getScrollPaneElements().length-1,"center")}getScrollPaneElements(){return l(this.element)}checkScrollingNeeded(t=this.scrollPaneElement,e=5){var o;if(!t)return;const a=(null===(o=t.parentElement)||void 0===o?void 0:o.getBoundingClientRect().width)||0,i=t.scrollWidth,r=2*this.getOverlayWidth();this.needsScrolling=i-r>a+e,this.needsScrolling?this.updateScrollButtons():(this.scrollPaneAtStart=!0,this.scrollPaneAtEnd=!0)}getLastVisibleElement(){const t=this.getScrollPaneElements().find((t=>t.getBoundingClientRect().x+t.getBoundingClientRect().width-this.scrollPaneElement.getBoundingClientRect().x>this.scrollPaneElement.clientWidth)),e=this.getScrollPaneElements().indexOf(t);return t.clientWidth>this.scrollPaneElement.clientWidth?e:e-1}getFirstVisibleElement(){const t=this.getScrollPaneElements(),e=t.find((t=>t.getBoundingClientRect().x>this.scrollPaneElement.getBoundingClientRect().x)),o=e?t.indexOf(e):t.length;var a=Math.max(o-1,0);return t[a].clientWidth>this.scrollPaneElement.clientWidth?a:o}updateScrollButtons(t=null,e=this.scrollPaneElement){if(!this.buttons)return;if(t&&t.clientWidth>this.scrollPaneElement.clientWidth){const e=this.getScrollPaneElements().indexOf(t);return 0==e&&(this.scrollPaneAtStart=!0),void(e==this.getScrollPaneElements().length-1&&(this.scrollPaneAtEnd=!0))}e.scrollLeft<=0?this.scrollPaneAtStart=!0:e.scrollLeft>0&&(this.scrollPaneAtStart=!1);const o=Math.ceil(e.clientWidth+e.scrollLeft+this.getOverlayWidth()),a=Math.round(e.scrollWidth);this.scrollPaneAtEnd=o>=a}scrollToElement(t=this.currentIndex,e){const o=this.getScrollPaneElements();if(!o||0===o.length)return;t+1>=o.length&&(t=o.length-1),t<0&&(t=0);let a=o[0].getBoundingClientRect().x,i=5;const r=()=>{if(o[0].getBoundingClientRect().x===a){if(i--,0!==i)return void window.requestAnimationFrame(r);this.updateScrollButtons(o[t])}else window.requestAnimationFrame(r),a=o[0].getBoundingClientRect().x};o[t].scrollIntoView({behavior:"smooth",block:"nearest",inline:e}),window.requestAnimationFrame(r)}scrollLeft(){this.scrollPaneAtEnd=!1;const t=this.getFirstVisibleElement();this.scrollToElement(t-1,"center")}scrollRight(){this.scrollPaneAtStart=!1;const t=this.getLastVisibleElement();this.scrollToElement(t+1,"center")}getOverlayWidth(){return"absolute"===this.buttonPosition?0:10}renderButton(t){const o="turva"===this.theme?"color-primary-darker-turva":"color-primary",a="turva"===this.theme?"color-gray-turva":"color-gray",i=()=>{"left"===t?this.scrollLeft():this.scrollRight()},r="left"===t?this.scrollPaneAtStart:this.scrollPaneAtEnd;return e("div",{class:{"duet-scrollable-button-container":!0,[`${t}`]:!0,"duet-scrollable-button-container--occluded":!this.needsScrolling,[`duet-scrollable-button-container--${this.buttonPosition}`]:!0},hidden:!this.buttons||"absolute"===this.buttonPosition&&r},e("span",{part:`${this.identifier}-button-${t}`,"aria-hidden":"true",class:{"duet-scrollable-button":!0,[`duet-scrollable-button--${this.buttonPosition}`]:!0,[`duet-scrollable-button--${this.buttonAlignment}`]:!0,[`duet-scrollable-button--${t}`]:!0},onClick:()=>{i(),document.activeElement&&document.activeElement.blur()},hidden:!this.buttons||r},e("duet-icon",{color:r?a:o,name:"left"===t?"action-arrow-left":"action-arrow-right",size:"absolute"===this.buttonPosition?"x-small":"small",margin:"none"})))}render(){return e(o,{key:"fd00a29320acf14495b6cc383e0ceac6bb267a0e",class:{"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme}},this.hasCollapseButtonLabelSlot&&e("div",{key:"8a3d00551da83c08794cafd75727e6f682600d19",class:{collapse:!0,hide:!this.needsScrolling&&!this.collapsed}},e("duet-button",{key:"691a9be72f9c971c8f5e2b9c1a1d6a22a6febb88",variation:"plain",margin:"none","center-text":!0,onClick:()=>this.collapsedOnClick()},e("slot",{key:"68d9e51dc211956f2c10d3734141b322203e2ca7",name:"collapse-button-label"}))),e("div",{key:"e1768395848d8ea4bf20b2c628cc00aeca6646a2",class:{"duet-scrollable-items":!0,buttons:this.buttons,center:this.center,"duet-theme-turva":"turva"===this.theme}},this.buttons&&this.renderButton("left"),e("div",{key:"a50c86bb57036bb9eab884d9244956e5816e234c",class:{"duet-scrollable-list":!0,[`duet-scrollable-list--${this.buttonPosition}`]:!0,[`gap-${this.gap}`]:!0,collapsed:this.collapsed,[`duet-overflow-padding--${this.padding}`]:"none"!==this.padding,[`duet-scrollable-list--${this.buttonPosition}`]:"absolute"===this.buttonPosition,"duet-scrollable-stretch":this.stretch},onScroll:()=>this.updateScrollButtons(),ref:t=>this.scrollPaneElement=t},e("slot",{key:"b99ed10afd59b8ef4ffea3951ca0d335ed52c310"})),this.buttons&&this.renderButton("right")))}get element(){return a(this)}static get watchers(){return{selected:["watchPropHandler"]}}};y.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;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{position:relative;display:flex}:host .duet-scrollable-items.buttons .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--occluded{visibility:hidden;flex-shrink:1;flex-basis:0;width:0;padding:10px 0;overflow:hidden}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute{position:absolute;top:0;z-index:210;width:auto;height:100%;padding:0 16px;background-color:rgb(255, 255, 255)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.left{left:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.right{right:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button{position:absolute;display:flex;flex:0 0 auto;flex-basis:40px;align-items:center;height:100%;cursor:pointer;transition:transform 300ms ease}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button:active duet-icon{transform:scale(0.8);transition:transform 300ms ease}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--left{left:0;padding:10px 10px 10px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--right{right:0;padding:10px 0 10px 10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--top{align-items:flex-start}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--bottom{align-items:flex-end}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute{padding:0 7px;border:1px solid rgb(212, 223, 229)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--left{border-radius:8px 0 0 8px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--right{border-radius:0 8px 8px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(0, 119, 179);border-width:2px;}.duet-theme-turva :host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(95, 122, 143)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button[hidden]{display:none !important}:host .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(95, 122, 143)}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;padding-inline:10px;margin-inline:-10px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;white-space:nowrap;scroll-snap-type:x mandatory;scroll-margin:0 20px;-webkit-mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left, right;mask-position:left, right;-webkit-mask-size:50% 100%, 50% 100%;mask-size:50% 100%, 50% 100%;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list--absolute{padding-right:0;padding-left:2px;margin-inline:0;-webkit-mask:none !important;mask:none !important}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items .duet-scrollable-list.gap-none{gap:0}:host .duet-scrollable-items .duet-scrollable-list.gap-large{gap:20px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--xx-small{padding-top:4px;padding-bottom:4px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--x-small{padding-top:8px;padding-bottom:8px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--small{padding-top:12px;padding-bottom:12px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--medium{padding-top:16px;padding-bottom:16px}:host .duet-scrollable-items .duet-scrollable-list.duet-scrollable-stretch{width:100%}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;scroll-snap-align:center;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}:host(.duet-theme-turva2) .duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(120, 145, 164)}:host(.duet-theme-turva2) .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(120, 145, 164)}";const z=class{constructor(e){t(this,e),this.theme="",this.accessibleDescriptionDefault=null,this.accessibleDescription=this.accessibleDescriptionDefault?m(this.accessibleDescriptionDefault):null,this.accessibleLabelledBy=void 0,this.contentId=void 0,this.setupContentElement=()=>{this.contentId&&(this.tabpanelElement=document.getElementById(this.contentId),this.tabpanelElement&&(this.tabpanelElement.setAttribute("role","tabpanel"),this.tabpanelElement.setAttribute("tabindex","-1"),this.tabpanelElement.removeEventListener("focus",this.tabpanelElementFocusListener),this.tabpanelElement.removeEventListener("blur",this.tabpanelElementBlurListener),this.tabpanelElement.addEventListener("focus",this.tabpanelElementFocusListener),this.tabpanelElement.addEventListener("blur",this.tabpanelElementBlurListener),this.accessibleDescription&&this.tabpanelElement.setAttribute("aria-description",this.accessibleDescription),this.accessibleLabelledBy&&this.tabpanelElement.setAttribute("aria-labelledby",this.accessibleLabelledBy),this.tabpanelElement.toggleAttribute("hidden",!this.selected)))},this.tabpanelElementFocusListener=()=>{this.element.classList.contains("user-is-tabbing")&&(this.tabpanelElement.style.outline="0",this.tabpanelElement.style.boxShadow=k("turva"===this.theme?"focus-turva":"focus"))},this.tabpanelElementBlurListener=()=>{this.tabpanelElement.style.outline=null,this.tabpanelElement.style.boxShadow=null}}componentWillLoad(){r(this)}connectedCallback(){f(this,{prop:"accessibleDescription",defaults:"accessibleDescriptionDefault"}),n(this),this.notificationMark&&(this.indicator="warning"===this.notificationMark?"change":"error"),this.setupContentElement()}disconnectedCallback(){v(this),d(this),this.tabpanelElement&&(this.tabpanelElement.removeEventListener("focus",this.tabpanelElementFocusListener.bind(this)),this.tabpanelElement.removeEventListener("blur",this.tabpanelElementBlurListener.bind(this)),this.tabpanelElement=void 0)}setupSelected(t,e){!!t!=!!e&&this.setupContentElement()}async setFocus(t){this.tabpanelElement.focus(t)}render(){return e("div",{key:"414606a9161016ce42050bb4d736547d611db39b",ref:t=>{this.contentId||(this.tabpanelElement=t)},role:"tabpanel",class:{"duet-theme-turva":"turva"===this.theme,"duet-tab":!0,selected:this.selected,"has-content-id":!!this.contentId},"aria-description":this.accessibleDescription,"aria-labelledby":this.accessibleLabelledBy,tabindex:"-1"},e("slot",{key:"743f5b9f0b1487dd9a7abbf01fb41b5bd9f0782c"}))}get element(){return a(this)}static get watchers(){return{selected:["setupSelected"]}}};z.style=":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-tab{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:none;width:100%}.duet-tab:focus{outline:0}:host(.user-is-tabbing) .duet-tab:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tab:focus,:host(.user-is-tabbing) .duet-tab:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-tab:focus,:host(.user-is-tabbing) .duet-tab:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-tab.selected{display:block}.duet-tab.has-content-id,.duet-tab.has-content-id.selected{display:none}";const S=class{constructor(e){t(this,e),this.duetChange=i(this,"duetChange",3),this.duetTabChange=i(this,"duetTabChange",7),this.duetTabChangeRequested=i(this,"duetTabChangeRequested",7),this.id=w("DuetTabGroup"),this.tabs=[],this.selected=void 0,this.theme="",this.scrolls=!0,this.collapses=!1,this.accessibleLabel=void 0,this.variation="default",this.language=x(),this.labelDefaults={fi:"Valitse",en:"Choose",sv:"Välj"},this.label=m(this.labelDefaults,this.language),this.labelHidden=!0,this.identifier=this.id,this.margin="auto",this.padding="auto",this.setTabIndex=!0,this.tabChangeConfirm=!1,this.switchLargeBreakpoint="small",this.fillSpace=!1,this.stretch=!1,this.handleKeyDown=t=>{let e;c(t)||h(t)?e=t.target.previousElementSibling:(p(t)||g(t))&&(e=t.target.nextElementSibling),b(t)&&!u(t)&&(t.preventDefault(),this.element.querySelector(":scope > duet-tab[selected]").setFocus()),e&&(t.preventDefault(),e.click(),e.focus())},this.onTabSelect=t=>{this.tabChangeConfirm?t!==this.selected&&this.duetTabChangeRequested.emit({value:t,component:"duet-tab-group"}):this.openTab(t)},this.scrollToActive=()=>{setTimeout((()=>{const t=this.tabsContainer.querySelector(".selected");t&&t.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})}),50)}}async connectedCallback(){"undefined"!=typeof MutationObserver&&(this.mutationO=new MutationObserver((()=>{this.updateTabs()})),this.mutationO.observe(this.element,{attributes:!0,attributeFilter:["label","selected"],childList:!0,characterData:!0,subtree:!0})),await this.updateTabs(),n(this)}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0),d(this)}componentWillLoad(){r(this)}componentDidLoad(){this.intersectionObserver=new IntersectionObserver((t=>{t.length>0&&t[0].isIntersecting&&(this.scrollToActive(),this.intersectionObserver.disconnect())}),{root:null,threshold:0}),this.intersectionObserver.observe(this.element)}async openTab(t){if(t>=this.tabs.length)throw new Error(`[duet-tabs] Index ${t} is out of bounds of tabs length`);this.selected=t,this.tabs.forEach(((e,o)=>{e.selected=o===t})),this.scrollToActive();const e={value:t,component:"duet-tab-group"};this.duetChange.emit(e),this.duetTabChange.emit(e)}async refresh(){console.log("[duet-tabs] Refresh method is deprecated and will be removed in the future version.")}getTabs(){const t=Array.from(this.element.querySelectorAll("duet-tab")).filter((t=>t.closest("duet-tab-group")===this.element));if(0===t.length)throw new Error("[duet-tabs] Must have at least one tab");return t}getButtonId(t){return`${this.identifier}-button-${t}`}getTabId(t){return`${this.identifier}-tab-${t}`}getAccessibleDescription(t){return this.tabs[t].getAttribute("accessible-description")||null}async updateTabs(){let t;this.tabs=this.getTabs(),this.tabs.forEach(((e,o)=>{e.id=this.getTabId(o),e.selected&&(void 0===t?t=o:e.selected=!1)})),void 0===t&&(t=0,this.tabs[0].selected=!0),this.selected=t}isCentered(){return window&&"center"==window.getComputedStyle(this.element).textAlign}render(){const t="plain-scrolling"===this.variation?"duet-tab-variation-plain":`duet-tab-variation-${this.variation}`,o="checked"===this.variation||"plain-scrolling"===this.variation,a=`switch-large-at-${this.switchLargeBreakpoint?this.switchLargeBreakpoint:"small"}`,i=this.tabs.map(((t,o)=>e("button",{role:"tab",id:this.getButtonId(o),"aria-selected":t.selected?"true":"false","aria-description":this.getAccessibleDescription(o),tabindex:t.selected?"0":"-1",part:`${this.identifier}-button ${t.selected?`${this.identifier}-button--selected`:""}`,type:"button",class:{"duet-p-0":"none"===this.padding,"duet-tab-button":!0,"stackable-tab":"checked"===this.variation&&this.tabs.length<=3,selected:t.selected,[a]:!!["default","plain","plain-scrolling"].includes(this.variation),"duet-theme-turva":"turva"===this.theme},onClick:()=>this.onTabSelect(o),onKeyDown:t=>this.handleKeyDown(t)},"checked"===this.variation?e("div",{class:{"checked-tab-content":!0,"stackable-checked-tab-content":this.tabs.length<=3}},e("div",{class:{"checked-tab-description":!0,"stackable-description":this.tabs.length<=3}},e("p",null,t.label),e("p",{class:{"tab-caption":!0,selected:t.selected}},t.caption)),e("div",{class:{"stackable-checkmark":this.tabs.length<=3}},e("duet-checkmark",{theme:this.theme,checked:t.selected,type:"radio","presentation-only":!0,center:!0}))):t.label,t.indicator&&e("duet-indicator",{variation:t.indicator,"accessible-label":t.indicatorAccessibleLabel}))));return e("div",{key:"45490c3fc4912de77e292ed0ed18c7146e7606d6",class:{"duet-tab-group":!0,"duet-theme-turva":"turva"===this.theme,[t]:!0,"duet-tab-plain-scrolling":"plain-scrolling"===this.variation,"duet-tab-group-scrolls":!0},"aria-label":this.accessibleLabel},e("div",{key:"46800b3d5e1faf4252a9f2eca77e5a35361c61b9",role:"tablist",class:{"duet-m-0":"none"===this.margin||"checked"===this.variation,"duet-tab-group-tabs":!0,"duet-tab-group-hidden":this.tabs.length>3&&!o,"duet-tab-group-fill-space":this.fillSpace&&!this.stretch&&"default"===this.variation,"duet-tab-group-stretch":this.stretch},ref:t=>{this.tabsContainer=t}},"checked"===this.variation?i:e("div",{class:{"duet-tab-group-scrollable-wrapper":!0,"duet-tab-group-fill-space-wrapper":this.fillSpace&&"default"===this.variation}},this.fillSpace&&!this.stretch&&"default"===this.variation&&e("div",{class:"duet-scrollable-stretch-overlay"},e("div",{class:"background"}),e("div",{class:"border"})),e("duet-scrollable",{selected:this.selected,identifier:this.identifier,gap:["default","plain","plain-scrolling"].includes(this.variation)?"none":"large",buttonPosition:"default"===this.variation?"absolute":"relative",center:this.isCentered()?this.isCentered():"center"==this.element.style.textAlign,theme:this.theme,stretch:this.stretch},i))),e("div",{key:"f2b527640c52f4217c8dfd7c0b64849068b7eb8d",class:{"duet-tab-group-content":!0,"duet-m-0":"none"===this.margin,"checked-group-content":"checked"===this.variation}},e("slot",{key:"0949201345b7070db4ccf011171183115e518707"})))}get element(){return a(this)}};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;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(212, 223, 229)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(212, 221, 226)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-top:0;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-group-tabs{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}.duet-tab-plain-scrolling .duet-tab-group-tabs{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-plain-scrolling .duet-tab-group-tabs{display:block;overflow:auto}}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper{}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper{position:relative;width:100%;overflow:hidden;border-radius:8px;}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay{display:contents}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background,.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .border{position:absolute;width:100%;height:100%;pointer-events:none;border-radius:8px}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background{z-index:100;background:rgb(245, 248, 250)}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background::after{position:absolute;top:0;left:0;width:100%;height:100%;margin-block:1px;content:"";border-radius:8px;box-shadow:0 3px 2px -1px rgba(0, 41, 77, 0.1) inset, 0 0 0 rgb(212, 223, 229)}.duet-theme-turva .duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background::after{box-shadow:0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(212, 221, 226)}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .border{z-index:206;border:1px solid rgb(212, 223, 229)}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:inline-block;width:auto;padding:20px;margin-left:-2px;overflow:visible;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.1;text-align:left;text-decoration:none;cursor:pointer;border-right:2px solid rgb(212, 223, 229);border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-tab-group-stretch .duet-tab-button{flex:1 1 0;min-width:fit-content;text-align:center}.duet-tab-button duet-indicator{position:absolute;top:5px;right:5px}.duet-tab-variation-plain .duet-tab-button duet-indicator{top:calc(50% - 0.5rem - 7px);right:-7px}.duet-theme-turva .duet-tab-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button:hover{z-index:200;border-color:rgb(127, 150, 165)}.duet-theme-turva .duet-tab-button:hover{border-color:rgba(199, 202, 207, 0.8)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:rgb(0, 119, 179);outline:0;background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179);box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:rgb(230, 23, 64);border-color:rgb(212, 221, 226);border-bottom-color:rgb(230, 23, 64)}.duet-tab-button:focus{z-index:205;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{outline:2px solid;outline-offset:0;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tab-button:focus,:host(.user-is-tabbing) .duet-tab-button:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-tab-button:focus,:host(.user-is-tabbing) .duet-tab-button:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-tab-variation-default .duet-tab-button{z-index:200;padding:11px 20px 13px 20px;overflow:hidden;font-size:0.875rem;color:rgb(62, 84, 102);background:rgb(245, 248, 250);border:1px solid rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button.switch-large-at-always{padding:15px 28px 17px 28px;font-size:1rem}@media (min-width: 36em){.duet-tab-variation-default .duet-tab-button.switch-large-at-small{padding:15px 28px 17px 28px;font-size:1rem}}.duet-tab-variation-default .duet-tab-button.selected{color:rgb(8, 42, 77);background:rgb(255, 255, 255);transition:none}.duet-tab-variation-default .duet-tab-button.selected::before{position:absolute;right:-1px;bottom:0;z-index:300;display:block;width:calc(100% + 2px);height:2px;content:"";background-color:rgb(0, 119, 179)}.duet-tab-variation-default .duet-tab-button.selected:focus-visible{outline:2px solid;outline-offset:-5px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-tab-variation-default .duet-tab-button.selected:focus-visible,.duet-tab-variation-default .duet-tab-button.selected:focus-visible.duet-theme-turva,.duet-theme-turva2 .duet-tab-variation-default .duet-tab-button.selected:focus-visible,.duet-tab-variation-default .duet-tab-button.selected:focus-visible.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-tab-variation-default .duet-tab-button.selected:focus-visible::before{height:0}.duet-tab-variation-default .duet-tab-button:not(.selected){box-shadow:0 3px 2px -1px rgba(0, 41, 77, 0.1) inset, 0 0 0 rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button:hover:not(.selected){color:rgb(30, 45, 59);background:rgb(228, 236, 239)}.duet-tab-variation-default .duet-tab-button:first-child{border-radius:8px 0 0 8px}.duet-tab-variation-default .duet-tab-button:last-child{border-radius:0 8px 8px 0}.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button{z-index:200}.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button:last-child{border-radius:0}.duet-theme-turva.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button::before{height:3px}.duet-theme-turva.duet-tab-variation-default .duet-tab-button{color:rgb(53, 79, 101)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected{color:rgb(23, 42, 59);background:rgb(255, 255, 255)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::before{background-color:rgb(230, 23, 64)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:not(.selected){z-index:200;box-shadow:0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(212, 221, 226)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:hover:not(.selected){z-index:200;color:rgb(37, 60, 80);background:rgb(228, 233, 237)}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding:12px 0;margin-left:0;font-size:0.875rem;color:rgb(81, 105, 123);border-width:0;border-bottom:2px solid transparent;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button.switch-large-at-always{padding:20px 0;font-size:1rem}@media (min-width: 36em){.duet-tab-variation-plain .duet-tab-button.switch-large-at-small{padding:20px 0;font-size:1rem}}.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(8, 42, 77);border-bottom:2px solid rgb(0, 119, 179)}.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(8, 42, 77);border-bottom:2px solid rgb(0, 119, 179)}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button{color:rgb(53, 79, 101)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(37, 60, 80);border-bottom:2px solid rgb(230, 23, 64)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(23, 42, 59);border-bottom:2px solid rgb(230, 23, 64)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-grow:1;flex-basis:0;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(181, 198, 208);border-top:2px solid rgb(181, 198, 208);border-bottom-color:rgb(0, 119, 179);border-left:2px solid rgb(181, 198, 208);border-radius:4px 4px 0 0;transition:none}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button{border-color:rgb(181, 198, 208);border-bottom-color:rgb(95, 122, 143)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button{min-width:0;padding:16px}}.duet-tab-variation-checked .duet-tab-button.stackable-tab{min-width:0}.duet-tab-variation-checked .duet-tab-button:first-child{margin-left:auto}.duet-tab-variation-checked .duet-tab-button:last-child{margin-right:auto}.duet-tab-variation-checked .duet-tab-button:active{opacity:1;transition:none}.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(240, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(23, 42, 59);background:linear-gradient(180deg, rgb(245, 246, 247) 0%, rgb(255, 255, 255) 100%);border-color:rgb(95, 122, 143);border-bottom-color:#fff}.duet-tab-variation-checked .duet-tab-button .checked-tab-content{display:flex;flex-direction:row;justify-content:space-between}.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:column;height:100%}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:row}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:center}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:left}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(98, 121, 138)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{font-size:1rem;text-align:left}}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{color:rgb(95, 122, 143)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(95, 122, 143)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:1}}.duet-tab-group-content{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:left}.duet-tab-group-content:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva,.duet-theme-turva2 .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-tab-group-content.checked-group-content{padding:28px 0 28px 0}.duet-tab-group-content.checked-group-content::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:" ";background-color:rgb(0, 119, 179)}.duet-theme-turva .duet-tab-group-content{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}.duet-theme-turva .duet-tab-group-content.checked-group-content::after{background-color:rgb(95, 122, 143)}:host(.duet-theme-turva2) .duet-theme-turva .duet-tab-group-tabs.duet-tab-variation-plain{border-bottom-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover{border-bottom:2px solid rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{border-bottom:2px solid rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-theme-turva .duet-tab-button{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-tab-button.selected{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226);border-bottom-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::before{background-color:rgb(230, 23, 64)}';export{y as duet_scrollable,z as duet_tab,S as duet_tab_group}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as t,c as e,h as i,H as a,g as o}from"./p-D01wpYGA.js";import{i as d}from"./p-Brp9BZK6.js";import{b as r,c as s}from"./p-8RjiAqaE.js";import{a as n}from"./p-udt4OnI3.js";import{D as l}from"./p-BQqubJCA.js";import{c as u}from"./p-Cfr_DJqU.js";import{s as h,u as p}from"./p-Db8rvjPI.js";import{p as c}from"./p-B0U815Vi.js";import"./p-C6E9F6QT.js";const b=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",3),this.toggleId=u("DuetToggle"),this.proxyId=u("DuetToggle"),this.theme="",this.margin="auto",this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.loading=!1,this.label="label",this.labelHidden=!1,this.labelPosition="top",this.required=!1,this.disabled=!1,this.checked=!1,this.onClick=t=>{t.preventDefault(),this.setFocus(),this.checked=!this.checked}}setLoadingState(){this.loadingComplete=!this.loading}checkedChanged(t){this.duetChange.emit({checked:t,value:this.value,component:"duet-toggle"})}componentWillLoad(){d(this),void 0===this.value&&(this.value=this.identifier)}connectedCallback(){h(this)}disconnectedCallback(){p(this)}componentDidRender(){c(this.element,this.proxyId,this.name,this.value,this.required,this.checked)}async setFocus(t){this.nativeInput.focus(t)}render(){const t=this.identifier||this.toggleId;return i(a,{key:"12ad6e6c8bae45cd96993f311d30c6d02f9e694a",onClick:this.disabled||this.loading?void 0:this.onClick,class:{"duet-m-0":"none"===this.margin,"duet-toggle-is-disabled":this.disabled,"duet-toggle-is-loading":this.loading}},i("div",{key:"0e6d8fff7a161badbca1e6ddd3f737a9e427f67b",class:{"duet-toggle":!0,"duet-theme-turva":"turva"===this.theme,"duet-side-label":"top"!==this.labelPosition,"duet-reverse-label":"right"===this.labelPosition,"duet-label-hidden":this.labelHidden,"duet-toggle-is-disabled":this.disabled,"duet-toggle-is-loading":this.loading}},i(l,{key:"9332567db03213ffaa47ff809c83df430d5b1241",theme:this.theme,color:this.labelColor,weight:this.labelWeight,for:t,margin:"top"===this.labelPosition?"auto":"none"},this.label),i("label",{key:"2889a221df7d22b8186a4e2a292df66ea9796628",class:"duet-switch"},i("input",{key:"ca4bbc240033d01dd7add7cb672b01bd3f0270fa",type:"checkbox",value:this.value,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,id:t,role:this.role,name:this.name,checked:this.checked,required:this.required,disabled:this.disabled||this.loading,ref:t=>this.nativeInput=t}),i("div",{key:"2b8e0241c308d29fbe2221339330435d9de10005",class:"duet-slider"}),this.loading&&i("duet-spinner",{key:"eac8158c7199fba2c9e0d889a123d17602287078",color:"primary"}))),this.loading&&i("duet-visually-hidden",{key:"f17522d306a05c84cad96f4e578023e2474d0e75","aria-live":"polite"},this.accessibleLabelLoading||s[n()]),this.loadingComplete&&i("duet-visually-hidden",{key:"78095e04eab17679c9ef68ba25d84b027a4e89a8","aria-live":"polite"},this.accessibleLabelComplete||r[n()]))}get element(){return o(this)}static get watchers(){return{loading:["setLoadingState"],checked:["checkedChanged"]}}};b.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:8px !important;margin-bottom:12px !important;-webkit-user-select:none;user-select:none;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent;cursor:pointer}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:8px !important}:host(.duet-m-0){margin:0 !important}:host(.duet-toggle-is-disabled){cursor:not-allowed}:host(.duet-toggle-is-loading){cursor:wait}.duet-side-label{display:flex;gap:12px;align-items:center}.duet-reverse-label{flex-direction:row-reverse}.duet-switch{position:relative;display:block;width:48px;height:28px}.duet-switch input{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important}.duet-switch input:checked+.duet-slider{background-color:rgb(0, 119, 179);box-shadow:none}.duet-theme-turva .duet-switch input:checked+.duet-slider{background-color:rgb(230, 23, 64)}.duet-switch input:checked+.duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #004467;transform:translateX(20px)}.duet-theme-turva .duet-switch input:checked+.duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #890e26}.duet-switch input:disabled+.duet-slider::before{box-shadow:none}.duet-theme-turva .duet-switch input:disabled+.duet-slider::before{box-shadow:none}.duet-switch input:disabled:not(:checked)+.duet-slider{background:#bfcbd2}.duet-switch input:disabled:not(:checked)+.duet-slider::before{background:rgb(255, 255, 255);box-shadow:none}.duet-theme-turva .duet-switch input:disabled:not(:checked)+.duet-slider{background:#bcc8d2}.duet-theme-turva .duet-switch input:disabled:not(:checked)+.duet-slider::before{background:rgb(255, 255, 255)}.duet-switch input:disabled:checked+.duet-slider{background:#80bbd9}.duet-theme-turva .duet-switch input:disabled:checked+.duet-slider{background:#f38ba0}:host(.user-is-tabbing) .duet-switch input:focus+.duet-slider{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-switch input:focus+.duet-slider,:host(.user-is-tabbing) .duet-switch input:focus+.duet-slider.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-switch input:focus+.duet-slider,:host(.user-is-tabbing) .duet-switch input:focus+.duet-slider.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:rgb(127, 150, 165);border-radius:24px;transition:background-color 300ms ease}.duet-slider::before{position:absolute;bottom:2px;left:2px;width:24px;height:24px;content:"";background-color:rgb(255, 255, 255);border-radius:50%;box-shadow:1px 0 2px 0 #5d6266;transition:300ms ease}.duet-toggle-is-loading .duet-slider::before{transform:translateX(10px) !important}.duet-toggle-is-loading .duet-slider{cursor:wait}.duet-toggle-is-disabled .duet-slider{cursor:not-allowed}.duet-theme-turva .duet-slider{background-color:rgb(120, 145, 164)}.duet-theme-turva .duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:1px 0 2px 0 #00334d}duet-spinner{margin:2px;cursor:wait;transform:translate(-2px, -2px) scale(80%)}.duet-label-hidden .duet-internal-label{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important}:host(.duet-theme-turva2) .duet-switch input:checked+.duet-slider{background-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-switch input:checked+.duet-slider::before{box-shadow:-1px 0 2px #890e26;transform:translateX(20px)}:host(.duet-theme-turva2) .duet-switch input:disabled:checked+.duet-slider{background:#f38ba0}';export{b as duet_toggle}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as e,h as t,H as o,g as a}from"./p-D01wpYGA.js";import{i}from"./p-Brp9BZK6.js";const n=class{constructor(t){e(this,t),this.accessiblePopup="false",this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.theme="",this.icon=void 0}componentWillLoad(){i(this)}async setFocus(e){this.nativeButton&&this.nativeButton.focus(e)}render(){return t(o,{key:"27fb2c633e88b04b7397830d15c881240d29a91b",role:"listitem",onfocus:()=>this.setFocus()},t("button",{key:"29791cfd8473dc9407238460bcb1e169f183f074",ref:e=>this.nativeButton=e,class:{"duet-menu-bar-button":!0,"duet-theme-turva":"turva"===this.theme},"aria-controls":this.accessibleControls,"aria-label":this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-pressed":null!=this.accessiblePressed?this.accessiblePressed.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0},this.icon&&t("duet-icon",{key:"e037dac1385bef39b070602ba5bfb278470a49dd",class:"menu-bar-button-icon",theme:this.theme,size:"auto",name:this.icon,margin:"none",color:"currentColor"}),t("slot",{key:"95fd0aef38328dece2756ceed18c904c0c447d76"})))}get element(){return a(this)}};n.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;height:100%}.duet-menu-bar-button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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:inherit;color:inherit;text-align:center;text-decoration:none;cursor:pointer}.duet-menu-bar-button:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-menu-bar-button:focus,.duet-menu-bar-button:focus.duet-theme-turva,.duet-theme-turva2 .duet-menu-bar-button:focus,.duet-menu-bar-button:focus.duet-theme-turva2{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-menu-bar-button .menu-bar-button-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-button .menu-bar-button-icon{width:16px;height:16px}}.duet-menu-bar-button.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"}@media (min-width: 62em){.duet-menu-bar-button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-button{padding:0 28px}}@media (min-width: 62em){.duet-menu-bar-button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-button:hover.duet-theme-turva{color:rgb(230, 23, 64)}}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-menu-bar-button.duet-theme-turva:hover{color:rgb(230, 23, 64)}}';export{n as duet_menu_bar_button}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as t,h as e,g as i}from"./p-D01wpYGA.js";import{i as r}from"./p-Brp9BZK6.js";import{s as o,u as a}from"./p-Db8rvjPI.js";import{a as d,g as n,c as s,d as u}from"./p-udt4OnI3.js";import{g as c}from"./p-B0U815Vi.js";import{a as h}from"./p-BVgBUIYF.js";import"./p-C6E9F6QT.js";import"./p-DvwKrUS6.js";const l=class{constructor(e){t(this,e),this.language=d(),this.accessibleLabelUnreadDefaults={en:"Unread",fi:"Lukematon",sv:"Oläst"},this.accessibleLabelUnread=n(this.accessibleLabelUnreadDefaults,this.language),this.url="#",this.date="",this.highlight=!1,this.external=!1,this.theme=""}componentWillLoad(){r(this)}connectedCallback(){s(this,{prop:"accessibleLabelUnread",defaults:"accessibleLabelUnreadDefaults"}),o(this)}disconnectedCallback(){u(this),a(this)}async setFocus(t){this.linkElement.focus(t)}getAriaLabelText(){const t=c(this.element).map((t=>t.textContent.trim())).join(". ");return`${this.highlight?`${this.accessibleLabelUnread}. `:""}${t}${t.endsWith(".")?"":"."} ${this.date}`}render(){return e("div",{key:"0c265034a28ae5591df26cf2603ab3d045b45478",role:"listitem",class:{"duet-notification":!0,"duet-notification-highlight":this.highlight,"duet-theme-turva":"turva"===this.theme}},e("a",{key:"8f26b04ba38b69dcb86b0ab8b6820ad63453c831",ref:t=>this.linkElement=t,href:this.url,target:this.external?"_blank":"_self","aria-label":this.getAriaLabelText()},e("div",{key:"e573dfed62263051b2841cb36cfe1b3c00db8e50",class:"duet-notification-container"},e("div",{key:"0e4d1b7fec55b7c69043f3beebefff071f2d1e04",class:"duet-indicator-container"},this.highlight&&e("duet-indicator",{key:"e9086498a4ef7534f5a68956dad0a811486b41b1",variation:"new","accessible-label":this.accessibleLabelUnread})),e("div",{key:"d02944064c8c7842fb5556f2eadef2fc11aad3bd",class:"duet-notification-content"},e("slot",{key:"f4de0aed88ff1f2545d2d630c299fa7e73e62a67"})),e("div",{key:"8486cd8ac2797612ceae89c720b184c3e2f52805",class:"duet-notification-date"},this.date))))}get element(){return i(this)}};l.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(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:0.7}.duet-notification{display:block;padding:16px;padding-bottom:0;cursor:pointer}:host(:first-of-type) .duet-notification{border-top-left-radius:var(--notification-border-top-radius, 8px);border-top-right-radius:var(--notification-border-top-radius, 8px)}:host(:last-of-type) .duet-notification{border-bottom:0;border-bottom-right-radius:var(--notification-border-bottom-radius, 8px);border-bottom-left-radius:var(--notification-border-bottom-radius, 8px)}.duet-notification.duet-theme-turva{color:rgb(23, 42, 59);border-bottom-color:rgb(212, 221, 226)}.duet-notification.duet-notification-highlight{font-weight:600}.duet-notification.duet-notification-highlight.duet-theme-turva{background:rgb(245, 246, 247)}@media (min-width: 62em){.duet-notification:hover{background:rgb(240, 247, 250)}.duet-notification:hover.duet-theme-turva{background:rgb(245, 246, 247)}}.duet-notification a{text-decoration:none}.duet-notification a:focus{outline:0}:host(.user-is-tabbing) .duet-notification:focus-within{outline:2px solid;outline-offset:-2px;outline-color:rgba(0, 119, 179, 0.8);z-index:1}.duet-theme-turva :host(.user-is-tabbing) .duet-notification:focus-within,:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-notification:focus-within,:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-notification-container{position:relative;display:flex;padding-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-indicator-container{position:relative;width:10px;margin-top:6px;margin-left:6px}.duet-notification-content{flex:1}.duet-notification-date{position:absolute;top:2px;right:0;width:96px;font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:right;text-transform:uppercase;opacity:0.7}@media (max-width: 35.9375em){.duet-notification-date{width:auto}}.duet-theme-turva .duet-notification-date{color:rgb(95, 122, 143)}@media (min-width: 62em){:host(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:1}.duet-notification{padding:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-notification:hover{background:rgb(228, 241, 247)}.duet-notification.duet-notification-highlight{font-weight:600;background:rgb(240, 247, 250)}.duet-notification-container{padding-bottom:0;border-bottom-style:none}}::slotted(duet-heading){padding-right:80px !important}::slotted(duet-paragraph){margin-bottom:2px !important}:host(.duet-theme-turva2) .duet-notification.duet-theme-turva{color:rgb(23, 42, 59);border-bottom-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-notification.duet-notification-highlight.duet-theme-turva{background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-notification-badge.duet-theme-turva{background:rgb(230, 23, 64)}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-notification:hover.duet-theme-turva{background:rgb(251, 235, 225)}}";const b=class{constructor(e){t(this,e),this.isOpen=!1,this.icon="",this.label="Label",this.language=d(),this.accessibleLabelNotificationsDefaults={en:"No notifications",fi:"Ei ilmoituksia",sv:"Inga notifikationer"},this.accessibleLabelNotifications=n(this.accessibleLabelNotificationsDefaults),this.badge=!1,this.theme="",this.direction="left",this.handleKeyDown=t=>{this.isOpen&&27===t.keyCode&&this.close()},this.toggleMenu=t=>{t.stopPropagation(),this.isOpen?this.close():this.open()},this.updateNotificationState=()=>{this.hasNotifications=this.element.children.length>0}}componentWillLoad(){r(this),this.updateNotificationState()}connectedCallback(){this.observer=new MutationObserver(this.updateNotificationState),this.observer.observe(this.element,{childList:!0}),o(this)}disconnectedCallback(){this.observer.disconnect(),this.observer=null,a(this)}handleClickFocusOutside(t){this.isOpen&&!this.element.contains(t.target)&&this.close(!1)}async setFocus(t){this.drawerButtonEl.focus(t)}async open(){const t=this.element.closest("duet-header");t&&t.closeMenus(),this.isOpen=!0,this.drawerContentEl.scrollTop=0}async close(t=!0){this.isOpen=!1,t&&this.setFocus({preventScroll:!0})}render(){return e("div",{key:"0bba8232dd1ab609418b4de64933e3412c0c5c34",class:{"duet-drawer":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:this.handleKeyDown},e("button",{key:"4b962dc86ccbf2964df8500071dbc18f02c963cd",ref:t=>this.drawerButtonEl=t,type:"button",class:{"duet-drawer-toggle":!0,"duet-theme-turva":"turva"===this.theme},id:"duet-drawer-toggle","aria-controls":"duet-drawer-content","aria-expanded":this.isOpen?"true":"false",onClick:this.toggleMenu},this.icon&&e("div",{key:"2f15bb497d2434af19730f4030d2745f91e02578",class:"duet-drawer-icon"},e("duet-icon",{key:"483eb19eec9f4540d16229e443d3db9996f184b6",margin:"none",size:"x-small",name:this.icon,color:"currentColor"}),this.badge&&e("duet-indicator",{key:"69984a9e0d645cd642b80e0fb2c447c700c98649",variation:"change"})),e("span",{key:"25f5d0416062bf12f288db0f3727e1b44b519133",class:"duet-drawer-label"},this.label),e("div",{key:"0ce588f8ecba4ba197f2991b205ea869aa86b139",class:"duet-drawer-caret"},e("duet-icon",{key:"26570a5e3a4b5bea09023b00801ead20e71eca9a",margin:"none",size:"auto",icon:h.svg,color:"currentColor"}))),e("div",{key:"07b8e4be45d32367caf6c3c430e54117fc3d334b",id:"duet-drawer-content",class:{"duet-drawer-content":!0,"duet-drawer-right":"right"===this.direction,"duet-drawer-left":"left"===this.direction,"duet-drawer-open":this.isOpen},ref:t=>this.drawerContentEl=t},this.hasNotifications?e("div",{role:"list"},e("slot",null)):e("duet-empty-state",{size:"small"},e("duet-paragraph",{size:"small",margin:"none"},this.accessibleLabelNotifications))))}get element(){return i(this)}};b.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-drawer{position:relative}@media (min-width: 62em){.duet-drawer{display:inline-block}}.duet-drawer-toggle{position:relative;display:flex;align-items:center;width:100%;height:48px;padding:0 20px;overflow:hidden;text-overflow:ellipsis;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:48px;color:rgb(8, 42, 77);text-align:left;white-space:nowrap;text-decoration:none;-webkit-appearance:none;appearance:none;cursor:pointer;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-drawer-toggle:focus{outline:0}:host(.user-is-tabbing) .duet-drawer-toggle:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-drawer-toggle:focus,:host(.user-is-tabbing) .duet-drawer-toggle:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-drawer-toggle:focus,:host(.user-is-tabbing) .duet-drawer-toggle:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-drawer-toggle{z-index:200;width:auto;max-width:200px;padding:0 30px 0 12px;overflow:hidden;font-size:0.875rem;line-height:4rem;border:0;border-radius:4px;transition:border 300ms ease}}.duet-theme-turva .duet-drawer-toggle{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59);background-color:rgb(255, 255, 255);border-color:rgb(212, 221, 226)}.duet-drawer-toggle:active{opacity:0.75}.duet-drawer-toggle:hover{color:rgb(0, 75, 129)}.duet-theme-turva .duet-drawer-toggle:hover{color:rgb(95, 122, 143)}.duet-drawer-toggle::after{display:none !important}@media (min-width: 62em){.duet-drawer-toggle::after{position:absolute;top:auto;bottom:0;left:0;display:block !important;width:100%;height:3px;content:"";background:rgb(0, 119, 179);transform:translateY(3px);transition:300ms ease}.duet-theme-turva .duet-drawer-toggle::after{background:rgb(230, 23, 64)}}.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(0, 75, 129);border-bottom:1px solid rgb(245, 248, 250);border-radius:0}.duet-theme-turva .duet-drawer-toggle[aria-expanded=true],.duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(95, 122, 143);border-color:rgb(245, 246, 247)}@media (min-width: 62em){.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{border:0}.duet-drawer-toggle[aria-expanded=true]::after,.duet-drawer-toggle[aria-expanded=true]:hover::after{left:0;width:100%;transform:translateY(0)}}.duet-drawer-icon{position:relative;display:inline-flex;min-width:12px;margin-right:12px;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-drawer-icon{margin-right:8px}}.duet-drawer-label{line-height:1}.duet-drawer-caret{position:absolute;top:50%;right:20px;display:flex;width:10px;height:10px;margin-left:8px;line-height:normal;pointer-events:none;transform:translateY(-50%);transform-origin:50% 50%;transition:300ms ease}@media (min-width: 62em){.duet-drawer-caret{right:16px;width:7px;height:7px}}.duet-drawer-caret duet-icon{width:10px}.duet-drawer-toggle[aria-expanded=true] .duet-drawer-caret{transform:translateY(-50%) rotate(180deg)}.duet-drawer-content{display:none;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229)}.duet-drawer-content:focus{outline:0}.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255);border-color:rgb(212, 223, 229)}@media (min-width: 62em){.duet-drawer-content{--notification-border-top-radius:0;--notification-border-bottom-radius:4px;position:absolute;top:100%;z-index:600;display:block;visibility:hidden;width:450px;max-height:420px;padding-left:0;overflow-y:auto;background-color:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transform:scale(0.95) translateZ(0) translateY(-10px);transform-origin:50% 0;transition:300ms ease}.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255)}.duet-drawer-content.duet-drawer-left{right:0}.duet-drawer-content.duet-drawer-right{left:0}}.duet-drawer-content.duet-drawer-open{display:block}@media (min-width: 62em){.duet-drawer-content.duet-drawer-open{visibility:visible;opacity:1;transform:scale(1) translateZ(0) translateY(0)}}:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle[aria-expanded=true],:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(140, 0, 30);border-color:rgb(245, 246, 247)}';export{l as duet_notification,b as duet_notification_drawer}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as e,h as t,H as o,g as a}from"./p-D01wpYGA.js";import{i as n}from"./p-Brp9BZK6.js";const i=class{constructor(t){e(this,t),this.theme="",this.active=!1,this.open=!1,this.icon=void 0,this.onClick=()=>{this.open=!this.open}}handleFocus(e){e.composedPath().every((e=>e!==this.element))&&(this.open=!1)}componentWillLoad(){n(this),this.element.querySelectorAll("duet-slideout-link").forEach((e=>{e.menuItem=!0}))}async setFocus(e){this.button.focus(e)}render(){return t(o,{key:"c07d09acdc3ae629d1ade84a8f38ba5a4400c93c"},t("div",{key:"5c460268ab843fd63034f39baaabb0217610742e",class:{"duet-slideout-panel-dropdown":!0,"duet-theme-turva":"turva"===this.theme,active:this.open}},t("button",{key:"fda35d3ebe560638a7684ff895a1a07fae2795dc",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:{active:this.active,"duet-theme-turva":"turva"===this.theme},onClick:this.onClick},this.icon&&t("duet-icon",{key:"adbef98fc7e1c01c4db93fc890adca55a968c3ed",name:this.icon,size:"small",margin:"none",color:"secondary"}),t("span",{key:"9a9e035c35cfc2bd40ca504dfb755db6598072ab",class:"label"},t("slot",{key:"69b970d13d166d320f423480e93e721a8ca0791a",name:"label"}),t("duet-icon",{key:"48e456eb714c1f276c30d1830c4335a2c78b7674",class:"caret",name:"action-arrow-down-small",margin:"none",size:"xx-small",color:"secondary"}))),t("div",{key:"bb3730e96c82aab35530c476c78880b73ac4c2c2",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open,"duet-theme-turva":"turva"===this.theme}},t("slot",{key:"206ff67b3dab6d9e5b35814a26e572bca137b925"}))))}get element(){return a(this)}};i.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:-0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel-dropdown{position:relative;width:100%;height:100%}.duet-slideout-panel-dropdown button{position:relative;display:flex;gap:16px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 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:1.25rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none;cursor:pointer}.duet-slideout-panel-dropdown button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-slideout-panel-dropdown button:focus,.duet-slideout-panel-dropdown button:focus.duet-theme-turva,.duet-theme-turva2 .duet-slideout-panel-dropdown button:focus,.duet-slideout-panel-dropdown button:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-slideout-panel-dropdown button .label{position:relative;display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-slideout-panel-dropdown button.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:calc(100% - 18px);height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px)}.duet-slideout-panel-dropdown .items{display:flex;visibility:visible;flex-direction:column;align-items:center;justify-content:center;width:100%;max-height:1000px;padding:4px 20px 8px 36px;overflow-y:auto;scrollbar-width:none;transition:max-height 0.3s ease-in, padding-bottom 0.3s ease-in;-ms-overflow-style:none}.duet-slideout-panel-dropdown .items::-webkit-scrollbar{display:none}.duet-slideout-panel-dropdown .items.hidden{visibility:hidden;max-height:0;padding:0;overflow:hidden;transition:max-height 0.3s ease-out, padding-bottom 0.3s ease-out}.duet-slideout-panel-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-slideout-panel-dropdown.duet-theme-turva button.active .label::after{background:rgb(230, 23, 64)}slot{--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:400;color:rgb(8, 42, 77)}.duet-theme-turva slot{color:rgb(23, 42, 59)}slot[name=label]{font-size:1rem;font-weight:600}:host(.duet-theme-turva2) .duet-slideout-panel-dropdown.duet-theme-turva button{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) slot{color:rgb(23, 42, 59)}';export{i as duet_slideout_panel_dropdown}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as e,h as t,H as a,g as i}from"./p-D01wpYGA.js";import{n as r}from"./p-vVCYtBMj.js";import{a as o}from"./p-8RjiAqaE.js";import{i as u}from"./p-Brp9BZK6.js";import{g as n}from"./p-EzuzdWgU.js";import{a as s}from"./p-Db8rvjPI.js";import{g as b,c as m,d}from"./p-udt4OnI3.js";import"./p-DvwKrUS6.js";import"./p-B0U815Vi.js";import"./p-C6E9F6QT.js";const c=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(){u(this)}connectedCallback(){m(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})}disconnectedCallback(){d(this)}handleEscape(e){if(s(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:"7ee97d49c78004d4ae845e940fb03e6e1ee75bd7",role:"listitem"},t(this.url?"a":"button",{key:"dcc4541376b094f3eec8ce84465cdd2c77978bf8",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&&n(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:"74e7c4f39e27a8c9030d02bf33f50ded7220f588",class:"leading-icon",theme:this.theme,name:this.leadingIcon,size:"auto",margin:"none",color:"currentColor"}),t("div",{key:"ab00e171bc83993c2580c25bbdfa3b77ea58ee89",class:"label"},t("span",{key:"0cb9766ca34e699f99c1ec699ce0a7d9be8fb0ad",class:"label-text"},t("slot",{key:"1e7f21511c1dbfb21780b7828397ddb3564c96e5"})),(this.trailingIcon||this.external)&&t("duet-icon",{key:"698c894c3987de2c8c645234e25f600ecf33d8c2",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)}};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;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,.duet-theme-turva2 .duet-submenu-bar-item:focus,.duet-submenu-bar-item:focus.duet-theme-turva2{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.duet-theme-turva{color:rgb(140, 0, 30)}.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.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.duet-theme-turva.active .label::after{background:rgb(140, 0, 30)}.duet-submenu-bar-item.duet-theme-turva.active::after{background:rgb(140, 0, 30)}.duet-submenu-bar-item:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-item:hover.duet-theme-turva{color:rgb(23, 42, 59);background:rgb(212, 221, 226)}.duet-submenu-bar-item:hover.duet-theme-turva.active{color:rgb(140, 0, 30)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-submenu-bar-item.active.duet-theme-turva{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active .label::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover{color:rgb(23, 42, 59);background:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover.active{color:rgb(230, 23, 64)}';export{c as duet_submenu_bar_item}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as e,c as t,h as i,H as a,g as o}from"./p-D01wpYGA.js";import{a as l}from"./p-BVgBUIYF.js";import{f as s,t as n}from"./p-lzu8l3tx.js";import{i as r}from"./p-Brp9BZK6.js";import{c as d}from"./p-Cfr_DJqU.js";import{i as c,s as h,u as p}from"./p-Db8rvjPI.js";import{d as u,h as g,c as b,a as m}from"./p-B0U815Vi.js";import"./p-DvwKrUS6.js";const f=class{constructor(i){e(this,i),this.duetToggle=t(this,"duetToggle",7),this.id=d("DuetCollapsible"),this.headingTags=["h1","h2","h3","h4","h5","h6"],this.theme="",this.negative=!1,this.heading="",this.caption="",this.headingFullWidth=!1,this.centerHeading=!1,this.headingWeight="semibold",this.headingSize=void 0,this.headingLevel=void 0,this.margin="auto",this.open=!1,this.handleKeyDown=e=>{c(e)&&this.handleClick(e)},this.getFontSizeFromTokens=(e=this.headingSize)=>{if(e){const t=e.replace(/-/g,"_");return n[`font_size_${t}`]}return s},this.getEquivalentIconSize=(e=this.headingSize)=>{switch(e){case"x-small":case"small":case"medium":default:return"xx-small";case"large":return"x-small";case"x-large":return"small";case"xx-large":return"medium";case"xxx-large":return"x-large";case"xxxx-large":return"xxx-large"}},this.getAccessibleLabel=()=>{if(this.accessibleLabel)return this.accessibleLabel;const e=[];return this.heading?e.push(this.heading):this.hasHeadingSlot&&e.push(u(this.element,"heading")),this.hasAfterHeadingSlot&&e.push(u(this.element,"after-heading")),this.caption&&e.push(this.caption),e.join(". ")},this.handleClick=e=>{e.preventDefault(),this.open=!this.open,this.duetToggle.emit({component:"duet-collapsible",originalEvent:e})}}componentWillLoad(){r(this),this.hasAfterHeadingSlot=g(this.element,"after-heading"),this.hasHeadingSlot=g(this.element,"heading"),b(this.element,"heading",this.headingTags.join(",")),this.hasHeadingSlot&&(this.headingLevel=m(this.element,"heading")[0].tagName.toLowerCase())}connectedCallback(){h(this)}disconnectedCallback(){p(this)}async setFocus(e){this.nativeButton&&(this.element.classList.add("user-is-tabbing"),this.nativeButton.focus(e))}render(){const e=this.headingTags.includes(this.headingLevel)?this.headingLevel:"div";return i(a,{key:"fd4435676c3862734ae74dc5a3f87b8eab2f70f4",class:{"duet-m-0":"none"===this.margin,negative:this.negative}},i(e,{key:"a8cebd440d7d71ec114617e5fb99929f577c4519"},i("button",{key:"20835d6fa2e0dd36cc25d5400f31d29f00123c08",class:{"duet-collapsible-heading":!0,"duet-collapsible-heading-centered":this.centerHeading,"duet-theme-turva":"turva"===this.theme,"duet-collapsible-normal-weight":"normal"===this.headingWeight,"has-after-heading":this.hasAfterHeadingSlot,"full-width":this.headingFullWidth,"has-caption":!!this.caption},style:{"font-size":this.getFontSizeFromTokens()},role:"button",ref:e=>this.nativeButton=e,"aria-label":this.getAccessibleLabel(),"aria-expanded":this.open?"true":"false","aria-controls":this.id,onClick:this.handleClick,onKeyDown:this.handleKeyDown},i("div",{key:"5efe212565a40b4805d565c6856ef080f3b0b696",class:"duet-collapsible-heading-wrapper"},i("div",{key:"09dde2b49aa4b3aee5ae10e6cd6ffee6bdd75faa",class:"duet-collapsible-heading-icon"},i("duet-icon",{key:"6bc4d5b4d62dcd39c6b03a37f0879d19d9b56f14",margin:"none",size:this.getEquivalentIconSize(),icon:l.svg})),i("div",{key:"cc07686af44301b10a541149bffc8df833a294f3",class:"duet-collapsible-heading-content",part:"duet-collapsible-heading-content"},this.heading?this.heading:i("slot",{name:"heading"})),this.hasAfterHeadingSlot&&i("div",{key:"83f79853695547594c25a1b017c0653d4e4edc7d",part:"duet-collapsible-after-heading"},i("slot",{key:"47dd2ce6d896f75c6814594899604aa15e9a98cd",name:"after-heading"}))),this.caption&&i("div",{key:"ebd4561054092f312999f98f8e859bd193cb9613",class:"duet-collapsible-heading-caption"},i("duet-caption",{key:"f620061ec26eed524ee27e417d6fb1e828fc04e8",size:"small",margin:"none"},this.caption)))),i("div",{key:"4a2de882c742fbd31fb4c1ce959e9c081cf1a15d",id:this.id,class:{"duet-collapsible-content":!0,"duet-theme-turva":"turva"===this.theme},part:"duet-collapsible-content"},i("slot",{key:"7efd617c6d79dba957e02d3a7ea4677629c64ef7"})))}get element(){return o(this)}};f.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}::slotted([slot=after-heading]){display:inline-block}: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:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}:host(.duet-theme-turva){font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);-webkit-hyphens:auto;hyphens:auto}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-collapsible-heading:focus,:host(.user-is-tabbing) .duet-collapsible-heading:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-collapsible-heading:focus,:host(.user-is-tabbing) .duet-collapsible-heading:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-heading-centered .duet-collapsible-heading-caption{margin-inline:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}.duet-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading .duet-collapsible-heading-content ::slotted(*){padding:0;margin:0;font-family:inherit !important;font-size:inherit !important;font-weight:inherit !important;color:inherit !important}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading.has-caption{gap:4px}.duet-collapsible-heading.has-caption .duet-collapsible-heading-caption{margin-left:18px;font-weight:inherit}.duet-collapsible-heading .duet-collapsible-heading-wrapper{display:flex;align-items:center;width:inherit;margin:inherit}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[alignment=form-distribute]>.duet-collapsible-heading-icon:last-of-type:not(:last-child){margin-right:8px !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}:host(.duet-theme-turva2){color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-collapsible-content.duet-theme-turva,:host(.duet-theme-turva2) .duet-collapsible-heading.duet-theme-turva{color:rgb(23, 42, 59)}';export{f as duet_collapsible}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as t,h as e,F as a,g as i}from"./p-D01wpYGA.js";import{s as r}from"./p-BzrE0-hp.js";import{i as s}from"./p-Brp9BZK6.js";import{c as o}from"./p-Cfr_DJqU.js";import{s as d,u as n}from"./p-Db8rvjPI.js";import{a as u,g as b,c as l,d as p}from"./p-udt4OnI3.js";import"./p-C6E9F6QT.js";const h=2*parseFloat(r)*16,c=class{constructor(e){t(this,e),this.isTicking=!1,this.expandableId=o("DuetTray"),this.expanded=!1,this.hiddenState=!1,this.language=u(),this.accessibleCloseLabelDefaults={fi:"Sulje",en:"Close",sv:"Stäng"},this.accessibleCloseLabel=b(this.accessibleCloseLabelDefaults,this.language),this.accessibleOpenLabelDefaults={fi:"Avaa",en:"Open",sv:"Öppna"},this.accessibleOpenLabel=b(this.accessibleOpenLabelDefaults,this.language),this.theme="",this.active=!1,this.autoHide=!0,this.responsive=!0,this.animationLoop=()=>{this.hiddenState=window.pageYOffset<h,this.isTicking=!1},this.toggleExpandable=t=>{t.preventDefault(),this.expanded=!this.expanded}}componentWillLoad(){s(this),this.hasAdditionalContent=!!this.element.querySelector("[slot='additional']")}connectedCallback(){l(this,[{prop:"accessibleOpenLabel",defaults:"accessibleOpenLabelDefaults"},{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"}]),d(this)}disconnectedCallback(){p(this),n(this)}getFrame(){!this.isTicking&&this.autoHide&&this.active&&(requestAnimationFrame(this.animationLoop),this.isTicking=!0)}handleBodyClick(t){this.expanded&&(this.expanded=this.element.contains(t.target))}render(){return e("div",{key:"9d5fc8800023764518de215eb610e8d45ab86e2b",class:{"duet-tray":!0,"duet-tray-is-active":this.active,"duet-tray-is-hidden":this.hiddenState,"duet-tray-is-responsive":this.responsive,"duet-theme-turva":"turva"===this.theme,"duet-tray-is-expandable":this.hasAdditionalContent}},e("div",{key:"d52a0e2f9d54d671a5840ac8039e6f7197021de6",class:"duet-tray-default-content",role:"status"},e("slot",{key:"aae51b2629d00e82ff54d429dfa65d922391c017"})),this.hasAdditionalContent&&e(a,{key:"f039ce601fc5bba7cc18da4b74ddae8531839c33"},e("button",{key:"c9c444d39b541b567efdd63c629a39d891a83dda","aria-expanded":this.expanded?"true":"false","aria-controls":this.expandableId,onClick:t=>this.toggleExpandable(t),class:{"duet-tray-button":!0,"duet-tray-is-expanded":this.expanded}},e("duet-icon",{key:"3311dd9edddb29cd4eff813b50e7d9998934f6d5",name:"action-arrow-down",size:"small",color:"currentColor",margin:"none"}),e("duet-visually-hidden",{key:"8758967c602734c8843f9a3bb31e4847a64d6257"},this.expanded?this.accessibleCloseLabel:this.accessibleOpenLabel)),e("div",{key:"82a72aaa64ba7459397290078267177fff26d2be",id:this.expandableId,class:{"duet-tray-expandable":!0,active:this.expanded}},e("div",{key:"b7a7af3aeeeb43966f018fdd457388b0571ade0a",class:"duet-tray-expandable-content"},e("slot",{key:"527312ba646745f4a4deaad914cf9a1df640a9f2",name:"additional"})))))}get element(){return i(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;display:block;width:100%}.duet-tray{position:fixed;top:4rem;right:0;left:0;z-index:399;display:flex;visibility:hidden;flex-direction:column;max-height:calc(100% - 8rem);padding:16px 20px 16px 24px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transform:translateY(-4rem);transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tray:focus,:host(.user-is-tabbing) .duet-tray:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-tray:focus,:host(.user-is-tabbing) .duet-tray:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59);background:rgb(245, 246, 247);border-color:rgb(212, 221, 226)}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;visibility:hidden;width:calc(100% + 46px);max-height:0;overflow-y:auto;scrollbar-width:none;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{visibility:visible;max-height:500px;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(212, 221, 226)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(8, 42, 77);text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tray-button:focus,:host(.user-is-tabbing) .duet-tray-button:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-tray-button:focus,:host(.user-is-tabbing) .duet-tray-button:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-theme-turva .duet-tray-button{color:rgb(23, 42, 59)}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:active{box-shadow:none;opacity:0.75}:host(.duet-theme-turva2) .duet-tray.duet-theme-turva{color:rgb(23, 42, 59);background:rgb(253, 247, 242);border-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-theme-turva .duet-tray-expandable-content{border-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-theme-turva .duet-tray-button{color:rgb(23, 42, 59)}';export{c as duet_tray}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as e,h as a,H as t,g as r}from"./p-D01wpYGA.js";import{i as n}from"./p-Brp9BZK6.js";const d=class{constructor(a){e(this,a),this.theme="",this.icon="messaging-question",this.size="medium"}componentWillLoad(){n(this)}render(){return a(t,{key:"6b61854be0ee8b668d513de66e117b928cb4671b"},a("div",{key:"62ab8dddad16464e202f9225d080cee855a8193d",class:{"duet-empty-state":!0,"duet-theme-turva":"turva"===this.theme,"duet-is-small":"small"===this.size}},a("duet-icon",{key:"237ea5cd85e1be42a856c7b30e14022bb4cd824e",color:"currentColor",name:this.icon,size:"small"===this.size?"large":"x-large"}),a("div",{key:"9bb0471dfd59d78fc51b71eccce4830d47506a42"},a("slot",{key:"cdf540cdcc74733367bfc04d13ec9659bd2adb52"}))))}get element(){return r(this)}};d.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:100%;padding:48px;color:rgb(8, 42, 77);text-align:center;background:rgb(245, 248, 250);border-radius:4px}.duet-empty-state.duet-theme-turva{color:rgb(23, 42, 59);background:rgb(245, 246, 247)}:host(.duet-theme-turva2) .duet-empty-state.duet-theme-turva{color:rgb(23, 42, 59);background:rgb(245, 246, 247)}";export{d as duet_empty_state}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as t,c as e,h as a,H as i,g as o}from"./p-D01wpYGA.js";import{i as r}from"./p-Brp9BZK6.js";import{D as s}from"./p-BQqubJCA.js";import{c as l}from"./p-Cfr_DJqU.js";import{c as d}from"./p-CLDy7YaM.js";import{d as n}from"./p-BlUsLmbQ.js";import{a as u,f as h}from"./p-udt4OnI3.js";import{c as p,p as c}from"./p-B0U815Vi.js";import"./p-C6E9F6QT.js";const m=({value:t,maxlength:e,theme:i})=>{if(null!=e)return a("div",{class:"duet-character-count"},a("duet-caption",{margin:"none",theme:i,size:"small"},a("span",{"aria-hidden":"true"},t.length,"/",e)))},b=class{constructor(a){t(this,a),this.duetInput=e(this,"duetInput",7),this.duetChange=e(this,"duetChange",7),this.duetBlur=e(this,"duetBlur",7),this.duetFocus=e(this,"duetFocus",7),this.textareaId=l("DuetTextarea"),this.proxyId=l("DuetTextarea"),this.topCaptionId=l("DuetCaptionTop"),this.topCaptionPlaceholderId=l("DuetCaptionPlaceholderTop"),this.labelId=l("DuetLabel"),this.errorId=l("DuetError"),this.characterCountId=l("DuetCharacterCount"),this.visuallyHiddenCounterDebounceMS=1e3,this.disallowPatternRegex=null,this.charactersRemainingLabel={fi:"{remaining}, merkkiä jäljellä {max}{postfix}.",en:"{remaining} characters remaining out of {max}.",sv:"{remaining} tecken kvar av {max}."},this.language=u(),this.margin="auto",this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLiveError="polite",this.theme="",this.expand=!1,this.disabled=!1,this.required=!1,this.label="label",this.labelHidden=!1,this.echoPlaceholder=!1,this.error="",this.tooltip="",this.tooltipDirection="auto",this.value="",this.disallowPattern=null,this.counter=!1,this.counterLabel="",this.handleInput=t=>{this.disallowPatternRegex&&d(this.nativeInput,this.disallowPatternRegex),this.value=this.nativeInput.value,this.isCaptionVisible=!!this.caption,this.duetInput.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleChange=t=>{this.value=this.nativeInput.value,this.duetChange.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleBlur=t=>{this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleFocus=t=>{this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleKeyDown=()=>{var t;(null===(t=this.value)||void 0===t?void 0:t.length)===this.maxlength&&(this.visuallyHiddenCounterText="",setTimeout((()=>this.updateVisuallyHiddenCounterText()),10))},this.getDescribedBy=()=>{const t=[];return this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.error&&t.push(this.errorId),this.counter&&this.maxlength&&t.push(this.characterCountId),t.length>0?t.join(" "):null}}get validity(){return this.nativeInput.validity}valueChange(t,e){t!==e&&n((()=>this.updateVisuallyHiddenCounterText()),this.visuallyHiddenCounterDebounceMS)()}disallowedPatternChange(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null}componentWillLoad(){r(this),this.disallowedPatternChange(),this.isCaptionVisible=!!this.caption,this.updateVisuallyHiddenCounterText(),p(this.element,"tooltip","duet-tooltip",1,!0),this.counter&&null==this.maxlength&&console.warn("[DUET WARNING]: counter will only take effect if maxlength is set")}updateVisuallyHiddenCounterText(){var t;const e=h(Math.max(this.maxlength-((null===(t=this.value)||void 0===t?void 0:t.length)||0),0)),a=this.maxlength%100==0||[2,3,6,8].includes(this.maxlength%10)?":sta":":stä";this.visuallyHiddenCounterText=this.charactersRemainingLabel[this.language].replace("{remaining}",e).replace("{max}",h(this.maxlength)).replace("{postfix}",a)}componentDidRender(){c(this.element,this.proxyId,this.name,this.value,this.required)}async setFocus(t){this.nativeInput.focus(t)}render(){const t=this.identifier||this.textareaId;return a(i,{key:"48030acc05f6f8415df8753151991eb3c83ae370",class:{"duet-m-0":"none"===this.margin,"duet-has-counter":this.counter&&!this.error,"duet-expand":this.expand}},a("div",{key:"e8cac00d84bfbef67bb1f30037bb986905fc2d94",class:{"duet-textarea-container":!0,"duet-theme-turva":"turva"===this.theme,"duet-label-hidden":this.labelHidden,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},a(s,{key:"2f25117dc9dfce852022a09efb8a1b0c2117bb0c",theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:t},this.label),this.tooltip&&a("duet-tooltip",{key:"b5c614194a8699068a2b9c9156cc2a1955d8ae8c",direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:"turva"===this.theme?"turva":"default"},this.tooltip),a("slot",{key:"0a72de201a51d22df2604f3fa1a5fba77f9de897",name:"tooltip"}),this.caption&&a("duet-caption",{key:"fc1baf023f9c4b81131de5244bfb73c925ab265d",id:this.topCaptionId,size:"medium",theme:"turva"===this.theme?"turva":"default"},this.caption),a("div",{key:"3395893df5eacc499f082eade175e6bb0ce0512c",class:"duet-textarea-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&a("duet-caption",{key:"6a71fad928ba647c069c05439e86a5e6eefd4e40",id:this.topCaptionPlaceholderId,class:"duet-textarea-placeholder",size:"small"},this.placeholder),a("textarea",{key:"28c7559a63890bb80d6503e3028ea430f24c739a",onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,ref:t=>this.nativeInput=t,class:{"duet-textarea":!0,disabled:this.disabled},value:this.value,disabled:this.disabled,"aria-labelledby":this.accessibleLabelledBy?`${this.labelId} ${this.accessibleLabelledBy}`:this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.getDescribedBy(),"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,placeholder:this.placeholder,spellcheck:"false",required:this.required,rows:this.rows,minlength:this.minlength,maxlength:this.maxlength,role:this.role,name:this.name,id:t})),a("duet-grid",{key:"66ddcb0507cf754111843d5aa871c80ae8d7207e",alignment:"stretch"},a("duet-grid-item",{key:"79edd18dd19f6500b2c471e960c5fefc1b9492be",margin:"none",fill:!0},a("div",{key:"38d0f75afeefcd4ba8afb2f87802a64885fbc0ea",class:"duet-textarea-help duet-textarea-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&a("span",{key:"a03fdd80d3a82221abbdeeff8c368d8208efd2b1"},this.error))),a("duet-grid-item",{key:"deb6e76efba3354828dd21acd8a362c91c3d2e4f",margin:"none",class:"duet-character-count-caption"},this.counter&&a(m,{key:"282fe11b68a1bdd7c63b8071cfd37a3e33086bbc",theme:this.theme,value:this.value,maxlength:this.maxlength}))),this.counter&&this.maxlength&&a("duet-visually-hidden",{key:"06b481e31a4dad73a6538a943274f898410be541",id:this.characterCountId,class:"visually-hidden-counter"},this.visuallyHiddenCounterText)))}get element(){return o(this)}static get watchers(){return{value:["valueChange"],disallowPattern:["disallowedPatternChange"]}}};b.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:block;width:100%;max-width:100%;text-align:left}: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 (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}duet-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-textarea-container{position:relative;width:100%;height:100%}.duet-textarea-container .duet-input-top-caption{display:none}.duet-textarea-container.duet-input-top-caption-shown .duet-input-top-caption{display:flex !important}.duet-textarea-wrapper{position:relative}.duet-textarea-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-textarea:focus{outline:2px solid;outline-offset:0;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-textarea:focus,.duet-textarea:focus.duet-theme-turva,.duet-theme-turva2 .duet-textarea:focus,.duet-textarea:focus.duet-theme-turva2{outline:2px solid;outline-offset:0;outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-textarea{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59);border-color:rgb(120, 145, 164)}.has-error .duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-textarea[rows]{min-height:auto}.duet-textarea::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva .duet-textarea::-webkit-input-placeholder{color:rgb(120, 145, 164)}.duet-textarea:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-textarea:focus::-webkit-input-placeholder{color:rgb(178, 194, 205)}.duet-textarea::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva .duet-textarea::-moz-placeholder{color:rgb(120, 145, 164)}.duet-textarea:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-textarea:focus::-moz-placeholder{color:rgb(178, 194, 205)}.duet-textarea:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva .duet-textarea:-ms-input-placeholder{color:rgb(120, 145, 164)}.duet-textarea:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-textarea:focus:-ms-input-placeholder{color:rgb(178, 194, 205)}.duet-textarea[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-theme-turva .duet-textarea[disabled]{color:rgb(120, 145, 164) !important;background:rgb(245, 246, 247) !important;border-color:rgb(245, 246, 247) !important}.duet-textarea[disabled]::-webkit-input-placeholder{color:rgb(8, 42, 77);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva .duet-textarea[disabled]::-webkit-input-placeholder{color:rgb(23, 42, 59)}.duet-textarea[disabled]::-moz-placeholder{color:rgb(8, 42, 77);opacity:1 !important}.duet-theme-turva .duet-textarea[disabled]::-moz-placeholder{color:rgb(23, 42, 59)}.duet-textarea[disabled]:-ms-input-placeholder{color:rgb(8, 42, 77)}.duet-theme-turva .duet-textarea[disabled]:-ms-input-placeholder{color:rgb(23, 42, 59)}.duet-textarea:hover:not(:disabled){outline:2px solid;outline-color:rgb(98, 121, 138);outline-offset:-1px}.duet-theme-turva .duet-textarea:hover:not(:disabled),.duet-textarea:hover:not(:disabled).duet-theme-turva,.duet-theme-turva2 .duet-textarea:hover:not(:disabled),.duet-textarea:hover:not(:disabled).duet-theme-turva2{outline-color:rgb(120, 145, 164)}.has-error .duet-textarea:hover:not(:disabled){outline:1px solid;outline-color:rgb(214, 28, 82);outline-offset:-1px}.duet-textarea:focus{border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .duet-textarea:focus{border-color:rgb(23, 42, 59)}.has-error .duet-textarea:focus{outline:1px solid;outline-color:rgb(214, 28, 82);outline-offset:-1px}.duet-textarea:not(:focus):not(:hover):invalid{outline:none}.duet-textarea-help{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;line-height:1.25}.duet-textarea-help span{display:block;margin-top:8px}.duet-theme-turva .duet-textarea-help{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(120, 145, 164)}.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-character-count{display:block;margin:8px 0 0 auto}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus{border-color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]{background:rgb(245, 246, 247) !important;border-color:rgb(245, 246, 247) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:-webkit-input-placeholder{color:rgb(120, 145, 164)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus::-webkit-input-placeholder{color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus::-moz-placeholder{color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus:-ms-input-placeholder{color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]::-webkit-input-placeholder{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]::-moz-placeholder{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]:-ms-input-placeholder{color:rgb(23, 42, 59)}';export{b as duet_textarea}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as d,h as a,H as e,g as t}from"./p-D01wpYGA.js";import{i}from"./p-DxESMgwA.js";const n=class{constructor(a){d(this,a),this.margin="auto",this.middle=!1,this.paddingBreakpoint=void 0}render(){return a(e,{key:"9b2ea75aa797ae1badc733580e0f8ad0d3db6010",class:{"duet-middle":this.middle,"duet-ie":i()}},a("div",{key:"bc1417fc0201040e305cc32b699694c69f36087a",class:{"duet-layout-wrapper":!0,"duet-m-0":"none"===this.margin}},a("div",{key:"49cf06846048f0f226bb74554237a6354b5b4ad9",class:{"duet-layout":!0,[`padding-${this.paddingBreakpoint}`]:!!this.paddingBreakpoint}},a("section",{key:"1fe3edda6be4885c2f3ce77653be77a93eab99e9",class:"duet-main"},a("slot",{key:"700992a648447722a971e96771b19cfb85d97802"})))))}get element(){return t(this)}};n.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;flex:1 0 auto;width:100%}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main{display:block;width:100%}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}}";export{n as duet_section_layout}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as e,h as t,H as a,g as o}from"./p-D01wpYGA.js";import{i as n}from"./p-Brp9BZK6.js";import{a as r}from"./p-Db8rvjPI.js";const d=class{constructor(t){e(this,t),this.theme="",this.active=!1,this.href="#",this.icon=void 0,this.caret=!1,this.highlight=!1}componentWillLoad(){n(this)}handleEscape(e){if(r(e)){const e=this.element.closest("duet-submenu-bar-dropdown");e.open=!1,e.setFocus()}}render(){return t(a,{key:"661c76d380b6989bfee3c31e1a0858cda9a873ce"},t("a",{key:"02cadfcabf30ae87b3d2c038841280afd52b763f",class:{"duet-submenu-bar-dropdown-link":!0,"duet-theme-turva":"turva"===this.theme,highlight:this.highlight,active:this.active},"aria-current":this.active?"true":"false",href:this.href,onKeyUp:e=>this.handleEscape(e)},this.icon&&t("duet-icon",{key:"653820943c52d861da92a41cc0bed59e78969b80",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),t("span",{key:"9e622d1fbbb2d0649da74a2a4945582eb9d72eb1",class:"label-container"},t("span",{key:"78634234c76e9d17e61ed0e7ad88c1035b340dc4",class:"label"},t("slot",{key:"e8eec7289cffbb54eae6ddbebdb4d2a2ce6a634d"})),this.caret&&t("duet-icon",{key:"c0d7df05f2f827dea7bf50ee93b49c6fca66c1e9",name:"action-arrow-right-small",size:"xxx-small",margin:"none"})),this.active&&t("duet-icon",{key:"572888355bf490d4a5ddf095592e116e9d1c05ae",class:"active-check",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor"})))}get element(){return o(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%}.duet-submenu-bar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:8px 20px 8px 60px;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);text-align:left;text-decoration:none}.duet-submenu-bar-dropdown-link:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-submenu-bar-dropdown-link:focus,.duet-submenu-bar-dropdown-link:focus.duet-theme-turva,.duet-theme-turva2 .duet-submenu-bar-dropdown-link:focus,.duet-submenu-bar-dropdown-link:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-submenu-bar-dropdown-link .label-container{display:flex;flex:1;gap:12px;align-items:center;justify-content:flex-start}@media (min-width: 62em){.duet-submenu-bar-dropdown-link{padding:0.5rem 8px;font-size:1rem;line-height:1.5}}.duet-submenu-bar-dropdown-link.active .label{position:relative}.duet-submenu-bar-dropdown-link.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}.duet-submenu-bar-dropdown-link.active .active-check{display:none}.duet-submenu-bar-dropdown-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}.duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after{background:rgb(230, 23, 64)}@media (min-width: 62em){.duet-submenu-bar-dropdown-link.active{background:rgb(240, 247, 250)}.duet-submenu-bar-dropdown-link.active .label::after{display:none}.duet-submenu-bar-dropdown-link.active .active-check{display:block}.duet-submenu-bar-dropdown-link.active.duet-theme-turva{background:rgb(245, 246, 247)}.duet-submenu-bar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(212, 221, 226)}}.duet-submenu-bar-dropdown-link.highlight{color:rgb(0, 119, 179)}.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva{color:rgb(140, 0, 30)}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after{background:rgb(230, 23, 64)}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.active{background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva:hover{background:rgb(251, 225, 209)}}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.highlight{color:rgb(230, 23, 64)}';export{d as duet_submenu_bar_dropdown_link}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as e,h as t,H as n,g as o}from"./p-D01wpYGA.js";import{i}from"./p-Brp9BZK6.js";const a=class{constructor(t){e(this,t),this.theme="",this.sticky=!1}componentWillLoad(){i(this)}render(){return t(n,{key:"7e22b4d7023564579ca7e937ea9b3e1c41383217"},t("div",{key:"cbd604f24c3d48b16771529aaf84590fbe2c349e",class:{container:!0,sticky:this.sticky}},t("slot",{key:"6d354508134cf4f829922e1d12b9163ed8796753"}),t("slot",{key:"2cde080603a8252ec4015dedd7166b3d3c59b945",name:"mobile"}),t("slot",{key:"9654b2dfc61dbbb9833a8b5df624bdb92adadc15",name:"desktop"})))}get element(){return o(this)}};a.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%}:host([sticky]){position:relative;z-index:300}.container{position:relative;z-index:400;pointer-events:none}.container *{pointer-events:auto}::slotted(*[slot=mobile]){display:inherit}::slotted(*[slot=desktop]){display:none}@media (min-width: 62em){::slotted(*[slot=mobile]){display:none}::slotted(*[slot=desktop]){display:inherit}}.sticky{position:sticky;top:0}@media (min-width: 62em){.sticky{position:relative;top:unset}}";export{a as duet_nav}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as t,h as e,H as o,g as a}from"./p-D01wpYGA.js";import{n as r}from"./p-vVCYtBMj.js";import{a as i}from"./p-8RjiAqaE.js";import{i as d}from"./p-Brp9BZK6.js";import{g as n}from"./p-EzuzdWgU.js";import{g as u,c as l,d as s}from"./p-udt4OnI3.js";import"./p-DvwKrUS6.js";import"./p-B0U815Vi.js";import"./p-C6E9F6QT.js";const c=class{constructor(e){t(this,e),this.theme="",this.variation="default",this.active=!1,this.leadingIcon=void 0,this.trailingIcon=void 0,this.accessiblePopup="false",this.accessibleLabelExternalDefaults=i,this.accessibleLabelExternal=u(this.accessibleLabelExternalDefaults),this.external=!1,this.badge=!1}componentWillLoad(){d(this)}connectedCallback(){l(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})}disconnectedCallback(){s(this)}async setFocus(t){setTimeout((()=>this.itemElement.focus(t)),200)}render(){const t=this.url?"a":"button",a="primary"===this.variation||"negative"===this.variation||"turva"===this.theme&&"secondary"===this.variation?"primary":"secondary"===this.variation?"secondary":"default";return e(o,{key:"82a17ce8483bcaa16bdef27b50238898b81a7549",role:"listitem"},this.badge&&e("duet-indicator",{key:"d1a27a07f28a95232cde24a20f05a0a2d7f61745",variation:"change"}),e(t,{key:"c2192a7a73d5f09fc1acf9d13c7f2f2d26af7def",target:this.url?this.external?"_blank":"_self":null,ref:t=>this.itemElement=t,class:{"duet-toolbar-item":!0,"duet-theme-turva":"turva"===this.theme,active:this.active,[a]:!0},href:this.url,role:"a"===t?"link":"button","aria-current":this.active?"true":"false","aria-label":this.url&&n(this)||this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0,rel:this.external?"noopener":void 0},this.leadingIcon&&e("div",{key:"00b85b5398cc6a21478840d79a11fa91270d74c0",class:"duet-toolbar-icon"},e("duet-icon",{key:"73ffe104fcc9af56100dbc8f863e207efb93a2aa",size:"x-small",name:this.leadingIcon,margin:"none",theme:this.theme,color:"currentColor"}),this.badge&&e("div",{key:"4d185a66ab6fdf842f0d8c967fcb621fcd30e4d8",class:"duet-toolbar-badge"})),e("slot",{key:"9fc239303a5fdb7931d47ecbb57649f0650c2fa4"}),(this.trailingIcon||this.url&&this.external)&&e("div",{key:"4643254add55b63662d8c133c4c235110f82f2d7",class:"duet-toolbar-icon"},e("duet-icon",{key:"af3c48ea2d30ddb9f7569626d49df896e6be8206",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":"action-arrow-down-small"===this.trailingIcon,"external-icon":!(!this.url||!this.external),rotate:"action-arrow-down-small"===this.trailingIcon&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.url&&this.external?r.title:"",margin:"none",size:"auto",color:"currentColor"}),this.badge&&"action-arrow-down-small"!==this.trailingIcon&&e("div",{key:"9b26ddf0fce82536ea49fec8fcfa2973ae732e84",class:"duet-toolbar-badge"}))))}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;height:100%}.duet-toolbar-item{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;white-space:nowrap;text-decoration:none;cursor:pointer}.duet-toolbar-item:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-toolbar-item:focus,.duet-toolbar-item:focus.duet-theme-turva,.duet-theme-turva2 .duet-toolbar-item:focus,.duet-toolbar-item:focus.duet-theme-turva2{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-toolbar-item .duet-toolbar-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}.duet-toolbar-item .trailing-icon{width:16px;height:16px}.duet-toolbar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-toolbar-item .external-icon{width:10px;height:10px}.duet-toolbar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-toolbar-item.primary,.duet-toolbar-item.secondary{color:rgb(255, 255, 255)}.duet-toolbar-item.primary:focus,.duet-toolbar-item.secondary:focus{outline:2px solid;outline-offset:-4px;outline-color:rgb(255, 255, 255)}.duet-toolbar-item.primary[aria-expanded=true],.duet-toolbar-item.secondary[aria-expanded=true]{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.primary duet-icon,.duet-toolbar-item.secondary duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-item.primary[aria-expanded=true]{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.secondary[aria-expanded=true]{background:rgb(3, 56, 102)}.duet-toolbar-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-toolbar-item.duet-theme-turva.primary{color:rgb(255, 255, 255)}.duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true]{background:rgba(23, 42, 59, 0.2)}.duet-toolbar-item.duet-theme-turva.primary duet-icon{color:rgb(255, 201, 204)}.duet-toolbar-item:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-item:hover.primary,.duet-toolbar-item:hover.secondary{color:rgb(255, 255, 255)}.duet-toolbar-item:hover.primary{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item:hover.secondary{background:rgb(3, 56, 102)}.duet-toolbar-item:hover.duet-theme-turva{color:rgb(23, 42, 59);background:rgb(245, 246, 247)}.duet-toolbar-item:hover.duet-theme-turva.primary{color:rgb(255, 255, 255);background:rgba(23, 42, 59, 0.2)}.duet-toolbar-item.active{color:rgb(8, 42, 77)}.duet-toolbar-item.active.primary,.duet-toolbar-item.active.secondary{font-weight:600;color:rgb(255, 255, 255)}.duet-toolbar-item.active.primary::after,.duet-toolbar-item.active.secondary::after{display:none}.duet-toolbar-item.active.primary{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.active.secondary{background:rgb(3, 56, 102)}.duet-toolbar-item.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px);transition:300ms ease}.duet-toolbar-item.active::after.duet-theme-turva{background:rgb(230, 23, 64)}.duet-toolbar-item.active.duet-theme-turva{color:rgb(23, 42, 59)}.duet-toolbar-item.active.duet-theme-turva::after{background:rgb(230, 23, 64)}.duet-toolbar-item.active.duet-theme-turva.primary{color:rgb(255, 255, 255);background:rgba(23, 42, 59, 0.2)}duet-indicator{top:4px;left:16px;z-index:1}duet-indicator:has(+.duet-toolbar-item .duet-toolbar-icon){left:36px}:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:not(.primary){color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true]{background:rgba(23, 42, 59, 0.2)}:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover{background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover:not(.primary){color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover.primary{background:rgba(23, 42, 59, 0.2)}:host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva:not(.primary){color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva.primary{background:rgba(23, 42, 59, 0.2)}';export{c as duet_toolbar_item}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as t,h as o,H as e,g as r,c as a}from"./p-D01wpYGA.js";import{i}from"./p-Brp9BZK6.js";import{s as n,u as s}from"./p-Db8rvjPI.js";import{F as d}from"./p-BahNb4S5.js";import{T as l}from"./p-CxwkvTlZ.js";const u=class{constructor(o){t(this,o),this.label="",this.theme="",this.negative=!1}componentWillLoad(){i(this)}connectedCallback(){n(this)}disconnectedCallback(){s(this)}async setFocus(t){this.buttonElement&&this.buttonElement.focus(t)}render(){const t=o("duet-visually-hidden",{key:"f839514d25ea6f0be10ff17007bc5598c0674f61"},this.accessibleLabel);return o(e,{key:"1184ee05def105c059edfaabbb51f19a0ff25ad0"},o("button",{key:"b31a9e19755ee98f2504e9aa6345f3e96cd2672e",ref:t=>this.buttonElement=t,"aria-controls":this.tooltipId,"aria-expanded":this.active?"true":"false",type:"button",class:{"duet-tooltip-button":!0,"duet-tooltip-button-has-label":!!this.label,"duet-theme-turva":"turva"===this.theme,"duet-tooltip-button-negative":this.negative}},o("svg",{key:"28d46d3d9005cc1a147a740f84ff0fba3b250b34","aria-hidden":"true",role:"img",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"742e3a51a9b20bedea4334e3fcc1e2a3517e8342",d:"m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z"}),o("circle",{key:"5af82ccdef41b720dbf5fbf75c63793a6d15bc2b",cx:"11.625",cy:"7.125",r:"1.125"}),o("path",{key:"30aec776b7b26838c552073174643773da4db6b8",d:"m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z"})),this.label?o("span",{class:"duet-tooltip-label"},this.label,t):t))}get element(){return r(this)}};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}.duet-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button:focus{outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-tooltip-button.duet-theme-turva{color:rgb(230, 23, 64)}.duet-tooltip-button.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:hover{color:rgb(0, 75, 129)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(140, 0, 30)}.duet-tooltip-button:hover.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;vertical-align:top;text-align:left;white-space:normal}.duet-theme-turva .duet-tooltip-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}:host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva:hover{color:rgb(230, 23, 64)}';const p=class{constructor(o){t(this,o),this.tooltipPopupClosed=a(this,"tooltipPopupClosed",7),this.theme="",this.handleCloseClick=()=>{this.tooltipPopupClosed.emit()}}componentWillLoad(){i(this)}connectedCallback(){n(this),this.teleport||(this.teleport=new l(this.element)),this.teleport.isActive?this.teleport.observeDeletion():this.teleport.activate()}disconnectedCallback(){s(this)}async getArrowElement(){return this.arrowEl}async getContentElement(){return this.contentEl}async setFocusOnContentElement(){this.contentEl.focus()}render(){return o(e,{key:"3c8d28cef7325f7f9a37c42323e2703197a46b4c"},o("div",{key:"758460093b178a0bf27b146f95b079f25da46279",class:{"duet-tooltip":!0,"duet-theme-turva":"turva"===this.theme,"duet-tooltip-active":!0===this.active}},o(d,{key:"a380f2eae0bbaa67867cbaa7851e8fdb91e725e3",moveFocusTo:this.buttonEl}),o("div",{key:"93547c2941da1e4bf5f11d4e927ab0a898faadb8",ref:t=>this.contentEl=t,class:{"duet-tooltip-content-area":!0,"duet-theme-turva":"turva"===this.theme},tabindex:-1,id:this.tooltipId},o("slot",{key:"e7d05bdad7849e242c18429e7694606d034931f5"})),o("div",{key:"b41cf5f06f034fad1455f5dd20cf40828be2535c",ref:t=>this.arrowEl=t,class:{arrow:!0,[this.placement]:!0},style:this.arrowStyles},o("div",{key:"67b9bd2303a7c04a44d12c110b8a675b8c55f526",class:{"arrow-container":!0,[this.placement]:!0}})),o("button",{key:"140b64666484c9cd541f10b4aa8a3c786dc0e13f",type:"button",class:"duet-tooltip-close",onClick:this.handleCloseClick,ref:t=>this.buttonEl=t},o("duet-icon",{key:"7cdb146d795acaa65561d690e3286ce03e932684",name:"navigation-close-small",margin:"none",color:"currentColor",size:"xxx-small"}),o("duet-visually-hidden",{key:"bb523f67e60aa14b2f404a6e9ae8d6079360adf4"},this.accessibleCloseLabel)),o(d,{key:"c7dfc301f8b422a6722ceb11e1978306227bce52",moveFocusTo:this.contentEl})))}get element(){return r(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;position:absolute;z-index:950}.duet-tooltip{position:relative;visibility:hidden;width:282px;min-height:48px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.07);opacity:0;transform-origin:100% 100%;transition:300ms ease}.duet-tooltip.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59);border-color:rgb(212, 221, 226);box-shadow:0 2px 10px 0 rgba(117, 117, 117, 0.13)}.duet-tooltip .arrow{position:absolute;width:22px;height:22px;pointer-events:none}.duet-tooltip .arrow.bottom,.duet-tooltip .arrow.bottom-start,.duet-tooltip .arrow.bottom-end{top:-20px}.duet-tooltip .arrow-container{position:relative;left:4px;width:100%;height:100%;pointer-events:none}.duet-tooltip .arrow-container::after{position:absolute;z-index:200;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container::before{position:absolute;z-index:100;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container.top::after,.duet-tooltip .arrow-container.top-start::after,.duet-tooltip .arrow-container.top-end::after{bottom:2px;left:2px;border:10px solid transparent;border-top:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.top::before,.duet-tooltip .arrow-container.top-start::before,.duet-tooltip .arrow-container.top-end::before{bottom:-1px;left:1px;border:11px solid transparent;border-top:11px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tooltip .arrow-container.top::before,.duet-theme-turva .duet-tooltip .arrow-container.top-start::before,.duet-theme-turva .duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(212, 221, 226)}.duet-tooltip .arrow-container.bottom::after,.duet-tooltip .arrow-container.bottom-start::after,.duet-tooltip .arrow-container.bottom-end::after{bottom:1px;left:2px;border:10px solid transparent;border-bottom:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.bottom::before,.duet-tooltip .arrow-container.bottom-start::before,.duet-tooltip .arrow-container.bottom-end::before{bottom:1px;left:1px;border:11px solid transparent;border-bottom:11px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tooltip .arrow-container.bottom::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-start::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-end::before{border-top:11px solid rgb(212, 221, 226)}.duet-tooltip.duet-tooltip-has-label{right:auto !important;left:0;width:282px !important;transform-origin:0 0 !important}.duet-tooltip.duet-tooltip-active{visibility:visible;opacity:1;transition-property:transform, opacity}.duet-tooltip-content-area{padding:20px !important;width:100%;padding-right:25px !important;overflow-y:auto;-webkit-hyphens:auto;hyphens:auto;border-radius:4px;-webkit-overflow-scrolling:touch}.duet-tooltip-content-area:focus{outline:0}:host(.user-is-tabbing) .duet-tooltip-content-area:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-content-area:focus,:host(.user-is-tabbing) .duet-tooltip-content-area:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-tooltip-content-area:focus,:host(.user-is-tabbing) .duet-tooltip-content-area:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-tooltip-content-area::-webkit-scrollbar{width:4px}.duet-tooltip-content-area::-webkit-scrollbar-track{border-radius:4px}.duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 223, 229);border-radius:4px}.duet-theme-turva .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 221, 226)}.duet-tooltip-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;min-height:0 !important;padding:0 !important;margin:0 !important;line-height:normal;color:rgb(8, 42, 77);-webkit-appearance:none;appearance:none;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%}.duet-tooltip-close:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-tooltip-close:focus,.duet-tooltip-close:focus.duet-theme-turva,.duet-theme-turva2 .duet-tooltip-close:focus,.duet-tooltip-close:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-tooltip-close{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-tooltip{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip.duet-theme-turva{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-start::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-start::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-end::before{border-bottom:11px solid rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip-close{color:rgb(23, 42, 59)}';export{u as duet_tooltip_button,p as duet_tooltip_popup}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{h as t,r as e,c as a,H as o,g as i}from"./p-D01wpYGA.js";import{D as n}from"./p-BQqubJCA.js";import{i as r}from"./p-Brp9BZK6.js";import{c as d}from"./p-Cfr_DJqU.js";import{F as s}from"./p-BahNb4S5.js";import{a as l,g as u,c,d as h}from"./p-udt4OnI3.js";import{c as b,p as m}from"./p-B0U815Vi.js";import{g as p}from"./p-DvwKrUS6.js";import"./p-C6E9F6QT.js";const f={day:"numeric",month:"long",weekday:"long"},g={day:"numeric",month:"long",year:"numeric"},v={fi:{buttonLabel:"Valitse päivämäärä",prevMonthLabel:"Edellinen kuukausi",nextMonthLabel:"Seuraava kuukausi",monthSelectLabel:"Kuukausi",yearSelectLabel:"Vuosi",closeLabel:"Sulje ikkuna",selected:"Valittu päivämäärä on",keyboardInstruction:"Voit navigoida päivämääriä nuolinäppäimillä",dayLabels:["Maanantai","Tiistai","Keskiviikko","Torstai","Perjantai","Lauantai","Sunnuntai"],monthLabels:["Tammikuu","Helmikuu","Maaliskuu","Huhtikuu","Toukokuu","Kesäkuu","Heinäkuu","Elokuu","Syyskuu","Lokakuu","Marraskuu","Joulukuu"],monthLabelsShort:["Tammi","Helmi","Maalis","Huhti","Touko","Kesä","Heinä","Elo","Syys","Loka","Marras","Joulu"],formatterShort:new Intl.DateTimeFormat("fi-FI",f),formatterLong:new Intl.DateTimeFormat("fi-FI",g)},en:{buttonLabel:"Choose date",prevMonthLabel:"Previous month",nextMonthLabel:"Next month",monthSelectLabel:"Month",yearSelectLabel:"Year",closeLabel:"Close window",selected:"Selected date is",keyboardInstruction:"You can use arrow keys to navigate dates",dayLabels:["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],monthLabels:["January","February","March","April","May","June","July","August","September","October","November","December"],monthLabelsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],formatterShort:new Intl.DateTimeFormat("en-GB",f),formatterLong:new Intl.DateTimeFormat("en-GB",g)},sv:{buttonLabel:"Välj datum",prevMonthLabel:"Föregående månad",nextMonthLabel:"Nästa månad",monthSelectLabel:"Månad",yearSelectLabel:"År",closeLabel:"Stäng fönstret",selected:"Valt datum är",keyboardInstruction:"Använd piltangenterna för att navigera i kalender",dayLabels:["Måndag","Tisdag","Onsdag","Torsdag","Fredag","Lördag","Söndag"],monthLabels:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"],monthLabelsShort:["Jan","Feb","Mars","April","Maj","Juni","Juli","Aug","Sep","Okt","Nov","Dec"],formatterShort:new Intl.DateTimeFormat("sv-SE",f),formatterLong:new Intl.DateTimeFormat("sv-SE",g)}};var y,k,x=p(k?y:(k=1,y={title:"form-date",tags:"form date calendar date picker",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M2.25 24A2.252 2.252 0 0 1 0 21.75V5.25A2.252 2.252 0 0 1 2.25 3H6V.75a.75.75 0 0 1 1.5 0V3h9V.75a.75.75 0 0 1 1.5 0V3h3.75A2.252 2.252 0 0 1 24 5.25v16.5A2.252 2.252 0 0 1 21.75 24zm-.75-2.25c0 .414.336.75.75.75h19.5a.75.75 0 0 0 .75-.75V10.5h-21zM22.5 9V5.25a.75.75 0 0 0-.75-.75H18V6a.75.75 0 0 1-1.5 0V4.5h-9V6A.75.75 0 0 1 6 6V4.5H2.25a.75.75 0 0 0-.75.75V9z"/><circle cx="5.625" cy="13.875" r="1.125"/><circle cx="5.625" cy="19.125" r="1.125"/><circle cx="12" cy="13.875" r="1.125"/><circle cx="12" cy="19.125" r="1.125"/><circle cx="18.375" cy="13.875" r="1.125"/><path d="M18.375 20.25c-.62 0-1.125-.505-1.125-1.125a1.127 1.127 0 0 1 1.171-1.122l.027.003a1.118 1.118 0 0 1 1.052 1.12c0 .619-.505 1.124-1.125 1.124z"/></svg>'}));const w=({onClick:e,placeholder:a,inputLabel:o,valueAsDate:i,formattedValue:n,language:r,identifier:d,theme:s,disabled:l,error:u,role:c,required:h,tooltip:b,tooltipDirection:m,labelHidden:p,buttonRef:f,inputRef:g,onInput:y,onBlur:k,onFocus:w,hasFocus:S,accessibleActiveDescendant:D,accessibleControls:M,accessibleOwns:I,accessibleDescribedBy:L,accessibleLiveError:A,echoPlaceholder:F,caption:j})=>{const{buttonLabel:C,selected:E,formatterLong:z}=v[r];return t("div",{class:{"duet-theme-turva":"turva"===s,"duet-date-input":!0,"duet-date-input-has-focus":S}},t("duet-input",{label:o,value:n,placeholder:a,id:d,disabled:l,theme:s,error:u,role:c,required:h,tooltip:b,tooltipDirection:m,margin:"none",labelHidden:p,accessibleAutocomplete:"none",onDuetChange:t=>t.stopImmediatePropagation(),onDuetInput:y,onDuetFocus:w,onDuetBlur:k,autoComplete:"off",disallowPattern:"[^0-9\\.\\-\\/]",expand:!0,ref:g,accessibleActiveDescendant:D,accessibleControls:M,accessibleOwns:I,accessibleDescribedBy:L,accessibleLiveError:A,echoPlaceholder:F,caption:j,variation:"button"},t("slot",{name:"tooltip"}),t("button",{class:{"duet-date-button":!0,"duet-no-label":p,"input-error":!!u},onClick:e,disabled:l,ref:f,type:"button",slot:"button"},t("duet-icon",{icon:x.svg,margin:"none",size:"small",color:"currentColor"}),t("duet-visually-hidden",null,C,i&&t("span",null,", ",E," ",z.format(i))))))},S=/^(\d{1,2})[\.\-\/](\d{1,2})[\.\-\/](\d{4})$/,D=/^(\d{4})-(\d{2})-(\d{2})$/;function M(t,e,a){var o=parseInt(a,10),i=parseInt(e,10),n=parseInt(t,10);if(Number.isInteger(n)&&Number.isInteger(i)&&Number.isInteger(o)&&i>0&&i<=12&&o>0&&o<=31&&n>0){const t=new Date(n,i-1,o);if(t.getDate()!==o||t.getMonth()!==i-1)return;return t}}function I(t){if(!t)return;const e=t.match(S);return e?M(e[3],e[2],e[1]):void 0}function L(t){if(!t)return;const e=t.match(D);return e?M(e[1],e[2],e[3]):void 0}function A(t,e){if(!t)return"";var a=t.getDate().toString(10),o=(t.getMonth()+1).toString(10),i=t.getFullYear().toString(10);return t.getDate()<10&&(a=`0${a}`),t.getMonth()<9&&(o=`0${o}`),e.replace(/MM/i,o).replace(/YYYY/i,i).replace(/DD/i,a)}function F(t){return A(t,"YYYY-MM-DD")}function j(t,e){return null!=t&&null!=e&&t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function C(t,e){var a=new Date(t);return a.setDate(a.getDate()+e),a}function E(t,e=1){var a=new Date(t),o=a.getDay(),i=(o<e?7:0)+o-e;return a.setDate(a.getDate()-i),a}function z(t,e=1){var a=new Date(t),o=a.getDay(),i=6+(o<e?-7:0)-(o-e);return a.setDate(a.getDate()+i),a}function U(t){return new Date(t.getFullYear(),t.getMonth(),1)}function V(t){return new Date(t.getFullYear(),t.getMonth()+1,0)}function B(t,e){const a=new Date(t);return a.setMonth(e),a}function H(t,e){const a=new Date(t);return a.setFullYear(e),a}function R(t,e,a){return Y(t,e,a)===t}function Y(t,e,a){const o=t.getTime();return e&&e instanceof Date&&o<e.getTime()?e:a&&a instanceof Date&&o>a.getTime()?a:t}const J={fi:"Valittu päivä",en:"Selected day",sv:"Vald dag"},N=({focusedDay:e,today:a,day:o,language:i,onDaySelect:n,onKeyboardNavigation:r,ref:d,inRange:s,isSelected:l})=>{const u=j(o,a),c=j(o,e),h=o.getMonth()!==e.getMonth(),b=!s,{formatterShort:m}=v[i];return t("td",{"data-day":F(o),class:{"duet-date-table-cell":!0,selected:l},"aria-label":`${m.format(o)}${l?`, ${J[i]}`:void 0}`,role:"button",tabIndex:c?0:-1,onClick:function(t){n(t,o)},onKeyDown:r,"aria-disabled":b||h,ref:d},t("span",{class:{"duet-date-table-button":!0,outside:b,disabled:h,today:u}},o.getDate()))};function T(t){var e;const a=t.trim().split("+"),o=a.pop();return["shift"===(null===(e=a[0])||void 0===e?void 0:e.toLowerCase()),o]}function O(t){const e=Object.keys(t).map((e=>[T(e),t[e]]));return function(t){if(!(t instanceof KeyboardEvent))return;const a=e.find((([[e,a]])=>(a.toUpperCase()===t.key.toUpperCase()||a===t.code)&&e===t.shiftKey));a&&(a[1](t),t.preventDefault())}}const P=({selectedDate:e,focusedDate:a,labelledById:o,theme:i,language:n,min:r,max:d,onDateSelect:s,onKeyboardNavigation:l,focusedDayRef:u,onFocusEnter:c,onFocusExit:h})=>{const{dayLabels:b}=v[n],m=new Date,p=function(t,e=1){return function(t,e){const a=[];let o=t;for(;!j(o,e);)a.push(o),o=C(o,1);return a.push(o),a}(E(U(t),e),z(V(t),e))}(a);return t("div",{role:"application"},t("table",{role:"presentation",class:{"duet-date-table":!0,"duet-theme-turva":"turva"===i},"aria-labelledby":o,onFocusin:c,onFocusout:function(t){const e=t.relatedTarget;e&&!t.currentTarget.contains(e)&&h(t)}},t("thead",null,t("tr",null,b.map((e=>t("th",{scope:"col"},t("span",{"aria-hidden":"true"},e.substr(0,2))))))),t("tbody",null,function(t){const e=[];for(let a=0;a<t.length;a+=7)e.push(t.slice(a,a+7));return e}(p).map((o=>t("tr",{class:"duet-date-table-row"},o.map((o=>t(N,{day:o,today:m,language:n,focusedDay:a,inRange:R(o,r,d),isSelected:j(o,e),onDaySelect:s,onKeyboardNavigation:l,ref:t=>{t&&j(o,a)&&u(t)}})))))))))},K=class{constructor(t){e(this,t),this.duetChange=a(this,"duetChange",7),this.duetBlur=a(this,"duetBlur",7),this.duetFocus=a(this,"duetFocus",7),this.proxyId=d("DuetDatePicker"),this.monthSelectId=d("DuetDatePicker"),this.yearSelectId=d("DuetDatePicker"),this.dialogLabelId=d("DuetDatePicker"),this.initialTouchX=null,this.initialTouchY=null,this.focusTarget=null,this.dateErrorMessages={badInput:{en:"Wrong date format",fi:"Väärä päivämäärämuoto",sv:"Fel datumformat"},rangeUnderflow:{en:"Date too early",fi:"Liian aikainen päivämäärä",sv:"Datum för tidigt"},rangeOverflow:{en:"Date too late",fi:"Liian myöhäinen päivämäärä",sv:"Datum för sent"},valueMissing:{en:"Date required",fi:"Päivämäärä vaaditaan",sv:"Datum krävs"}},this.open=!1,this.focusedDay=new Date,this.inputValue="",this.inputHasFocus=!1,this.internalValidityError="",this.theme="",this.expand=!1,this.name="",this.identifier="",this.label="",this.margin="auto",this.language=l(),this.placeholderDefaults={fi:"pp.kk.vvvv",en:"dd.mm.yyyy",sv:"dd.mm.åååå"},this.placeholder=u(this.placeholderDefaults,this.language),this.echoPlaceholder=!1,this.disabled=!1,this.error="",this.disableBuiltInErrors=!1,this.labelHidden=!1,this.required=!1,this.direction="right",this.tooltip="",this.tooltipDirection="auto",this.value="",this.min="",this.max="",this.incrementYears=10,this.accessibleLiveError="polite",this.enableActiveFocus=()=>{this.focusTarget="day-button"},this.disableActiveFocus=()=>{this.focusTarget=null},this.toggleOpen=t=>{t.preventDefault(),this.open?this.hide(!1):this.show()},this.handleBlur=t=>{if(t.stopPropagation(),this.inputHasFocus=!1,!this._validity.valid){this.value=null;const t=Object.entries(this._validity).find((t=>!!t[1]))[0];this.internalValidityError=u(this.dateErrorMessages[t])}this.duetBlur.emit({component:"duet-date-picker"})},this.handleFocus=t=>{t.stopPropagation(),this.inputHasFocus=!0,this.duetFocus.emit({component:"duet-date-picker"})},this.handleTouchStart=t=>{const e=t.changedTouches[0];this.initialTouchX=e.pageX,this.initialTouchY=e.pageY},this.handleTouchMove=t=>{t.preventDefault()},this.handleTouchEnd=t=>{const e=t.changedTouches[0],a=e.pageX-this.initialTouchX,o=e.pageY-this.initialTouchY,i=Math.abs(a)>=70&&Math.abs(o)<=70,n=Math.abs(o)>=70&&Math.abs(a)<=70&&o>0;i?this.addMonths(a<0?1:-1):n&&(this.hide(),t.preventDefault()),this.initialTouchY=null,this.initialTouchX=null},this.handleNextMonthClick=t=>{t.preventDefault(),this.addMonths(1)},this.handlePreviousMonthClick=t=>{t.preventDefault(),this.addMonths(-1)},this.handleEscKey=O({Escape:()=>this.hide(),Esc:()=>this.hide()}),this.handleKeyboardNavigation=O({ArrowRight:()=>this.addDays(1),Right:()=>this.addDays(1),ArrowLeft:()=>this.addDays(-1),Left:()=>this.addDays(-1),ArrowDown:()=>this.addDays(7),Down:()=>this.addDays(7),ArrowUp:()=>this.addDays(-7),Up:()=>this.addDays(-7),Home:()=>this.startOfWeek(),End:()=>this.endOfWeek(),PageUp:()=>this.addMonths(-1),PageDown:()=>this.addMonths(1),"Shift+PageUp":()=>this.addYears(-1),"Shift+PageDown":()=>this.addYears(1),Space:t=>this.handleKeyboardDaySelect(t),Enter:t=>this.handleKeyboardDaySelect(t)}),this.handleKeyboardDaySelect=t=>{const e=L(t.target.dataset.day);this.handleDaySelect(t,e)},this.handleDaySelect=(t,e)=>{const a=L(this.min),o=L(this.max);this.determineValidity(e),R(e,a,o)&&(this.setValue(e),this.hide())},this.handleMonthSelect=t=>{this.setMonth(parseInt(t.target.value,10))},this.handleYearSelect=t=>{this.setYear(parseInt(t.target.value,10))},this.handleInputChange=t=>{this.inputValue=t.detail.value;const e=I(this.inputValue);this.determineValidity(e),(e||""===this.inputValue)&&this.setValue(e)}}get validity(){return this._validity}updateValidity(t,e,a){"value"===a&&null===t||(this.determineValidity(L(this.value)),this._validity.valid&&(this.internalValidityError=""))}updateInternalValue(){if(null===this.value)return;const t=L(this.value),e=I(this.inputValue);t?j(t,e)||(this.inputValue=A(t,"dd.mm.yyyy")):this.inputValue=""}componentWillLoad(){r(this),this.determineValidity(L(this.value)),this.updateInternalValue(),b(this.element,"tooltip","duet-tooltip",1,!0)}componentDidUpdate(){switch(this.focusTarget){case"toggle-button":this.datePickerButton.focus(),this.focusTarget=null;break;case"day-button":this.focusedDayNode.focus();break;case"month-select":this.monthSelectNode.focus(),this.focusTarget=null}}componentDidRender(){m(this.element,this.proxyId,this.name,this.value,this.required)}connectedCallback(){c(this,{prop:"placeholder",defaults:"placeholderDefaults"})}disconnectedCallback(){h(this)}async setFocus(t){this.datePickerInput.setFocus(t)}async show(){this.open=!0,this.focusTarget="month-select",this.setFocusedDay(L(this.value)||new Date)}async hide(t=!0){this.open=!1,t&&(this.focusTarget="toggle-button")}addDays(t){this.setFocusedDay(C(this.focusedDay,t))}addMonths(t){this.setMonth(this.focusedDay.getMonth()+t)}addYears(t){this.setYear(this.focusedDay.getFullYear()+t)}startOfWeek(){this.setFocusedDay(E(this.focusedDay))}endOfWeek(){this.setFocusedDay(z(this.focusedDay))}setMonth(t){const e=B(U(this.focusedDay),t),a=V(e),o=B(this.focusedDay,t);this.setFocusedDay(Y(o,e,a))}setYear(t){const e=H(U(this.focusedDay),t),a=V(e),o=H(this.focusedDay,t);this.setFocusedDay(Y(o,e,a))}setFocusedDay(t){this.focusedDay=Y(t,L(this.min),L(this.max))}determineValidity(t){var e,a;const o=""!==(null!==(a=null===(e=this.datePickerInput)||void 0===e?void 0:e.value)&&void 0!==a?a:"")&&null==t,i=this.required&&null==t,n=!!t&&!R(t,null,L(this.max)),r=!!t&&!R(t,L(this.min));this._validity={patternMismatch:!1,customError:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,badInput:o,rangeUnderflow:r,rangeOverflow:n,valueMissing:i,valid:!(i||o||r||n)}}setValue(t){const e=F(t);e!==this.value&&(this.value=e,this.duetChange.emit({component:"duet-date-picker",value:this.value,valueAsDate:t}))}handleDocumentClick(t){this.open&&t.composedPath().every((t=>t!==this.dialogWrapperNode&&t!==this.datePickerButton))&&this.hide(!1)}render(){const e=L(this.value),a=(e||this.focusedDay).getFullYear(),i=this.focusedDay.getMonth(),r=this.focusedDay.getFullYear(),d=v[this.language],l=L(this.min),u=L(this.max),c=null!=l&&l.getMonth()===i&&l.getFullYear()===r,h=null!=u&&u.getMonth()===i&&u.getFullYear()===r;let b=a-this.incrementYears,m=a+this.incrementYears;return l&&(b=Math.max(b,l.getFullYear())),u&&(m=Math.min(m,u.getFullYear())),t(o,{key:"2f9dd355a80f9ed65cc0cfa90d674f426bad4c59",class:{"duet-expand":this.expand,"duet-m-0":"none"===this.margin}},t("div",{key:"8c023088cf474e2b460139486e85974f53963981",class:"duet-date"},t(w,{key:"0c678c083138be043f01d6df1522e385a7ee122a",hasFocus:this.inputHasFocus,value:this.value,valueAsDate:e,formattedValue:this.inputValue,language:this.language,onInput:this.handleInputChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onClick:this.toggleOpen,name:this.name,disabled:this.disabled,error:this.error||!this.disableBuiltInErrors&&this.internalValidityError||null,role:this.role,required:this.required,theme:this.theme,tooltip:this.tooltip,tooltipDirection:this.tooltipDirection,labelHidden:this.labelHidden,placeholder:this.placeholder,inputLabel:this.label,identifier:this.identifier,buttonRef:t=>this.datePickerButton=t,inputRef:t=>this.datePickerInput=t,accessibleActiveDescendant:this.accessibleActiveDescendant,accessibleControls:this.accessibleControls,accessibleOwns:this.accessibleOwns,accessibleDescribedBy:this.accessibleDescribedBy,accessibleLiveError:this.accessibleLiveError,echoPlaceholder:this.echoPlaceholder,caption:this.caption})),t("div",{key:"efec9f5c773e36d4e418dac06036390b50bff2a5",class:{"duet-theme-turva":"turva"===this.theme,"duet-date-dialog":!0,left:"left"===this.direction,error:!!this.error,active:this.open},role:"dialog","aria-modal":"true","aria-hidden":this.open?"false":"true","aria-labelledby":this.dialogLabelId,onTouchMove:this.handleTouchMove,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},t("duet-overlay",{key:"130f52a0f0194b1186619bf6426f97a68c079c11",visible:this.open,"display-device":"x-small"}),t(s,{key:"b4c229e9d91c822d87702677e213f8753f344017",moveFocusTo:this.focusedDayNode}),t("div",{key:"3ce07367a559781b9872669665186af5572305ca",class:"duet-date-dialog-wrapper",onKeyDown:this.handleEscKey,ref:t=>this.dialogWrapperNode=t},t("duet-visually-hidden",{key:"7740bce6549fc3423947947f68d7e8950baa440d","aria-live":"polite"},d.keyboardInstruction),t("div",{key:"2d80551888be784d8ea12b74c43df593c4701e83",class:"duet-date-dialog-mobile-header"},t(n,{key:"27d2994191b94efe00484fbd25d96537d6ed11b2",margin:"none"},this.label),t("button",{key:"82cf74d2d7aff047562d13320496248d352c1e82",class:"duet-date-picker-close",ref:t=>this.closeButtonNode=t,onClick:()=>this.hide(),type:"button"},t("duet-icon",{key:"92b2e5fd52e4206c00acfd56e0d515d08e4527b1",name:"navigation-close-small",margin:"none",color:"currentColor",size:"xx-small"}),t("duet-visually-hidden",{key:"738da11657cbac3ed52ef22490165f4ac76c6ea6"},d.closeLabel))),t("div",{key:"e8922fed8ac11149bb603c912d278c0b3843b214",class:"duet-date-dialog-header"},t("div",{key:"e922554dbea94dfa70e62983ee6a0b08f8e159d7",class:"duet-date-dialog-dropdowns"},t("duet-visually-hidden",{key:"873ba9c661e3c280c88fffc510dcceab0b2d5863"},t("h2",{key:"c769e12a0c0c668164d25d7864a711d0f9268f09",id:this.dialogLabelId,"aria-live":"polite","aria-atomic":"true"},d.monthLabels[i]," ",this.focusedDay.getFullYear())),t("duet-visually-hidden",{key:"5941e8d2cd0f5baec6001808c68cb4c51b37db86"},t("label",{key:"bee65da8486f65afe8d18e90b1daed308dda8864",htmlFor:this.monthSelectId},d.monthSelectLabel)),t("div",{key:"f9fd8b52eaa90fd555d737e2691b51260592101a",class:"duet-date-dialog-select"},t("select",{key:"83b7003769bf0042228e2ed36ad4118e8f0f1ab2",id:this.monthSelectId,class:"duet-date-month-select",ref:t=>this.monthSelectNode=t,onChange:this.handleMonthSelect},d.monthLabels.map(((e,a)=>t("option",{key:e,value:a,selected:a===i,disabled:!R(new Date(r,a,1),l?U(l):null,u?V(u):null)},e)))),t("div",{key:"1d9bbde4fcc96fbcaf2d714ecc34a58c755dfc7d",class:"duet-date-dialog-select-label","aria-hidden":"true"},t("span",{key:"3c4be7bf8fefa6ee1f5cede7eeb34ebfeaae35a1"},d.monthLabelsShort[i]),t("duet-icon",{key:"4eece4a65cb58ba45a30e4fd2cf179d61b05625f",name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"}))),t("duet-visually-hidden",{key:"700e9f50a74a6113c33f149427169ae9917badc0"},t("label",{key:"c5f8403791830d9b0ad68ed66af8c3f1c26310e3",htmlFor:this.yearSelectId},d.yearSelectLabel)),t("div",{key:"2c69022a45ab3effd4c907cc6d5c5a508bbb99f7",class:"duet-date-dialog-select"},t("select",{key:"fee0495e004775929f7b7aeb66278ac8b4fd003d",id:this.yearSelectId,class:"duet-date-year-select",onChange:this.handleYearSelect},function(t,e){for(var a=[],o=t;o<=e;o++)a.push(o);return a}(b,m).map((e=>t("option",{key:e,selected:e===r},e)))),t("div",{key:"e50ff66c34ee36e965843e68e1fb3d26690ce1ed",class:"duet-date-dialog-select-label","aria-hidden":"true"},t("span",{key:"9808b372ac9fea0ce5c51acee5ee407d5906e3f1"},this.focusedDay.getFullYear()),t("duet-icon",{key:"90c5c74c91d9e3df13e70987f66c2964feca8cf5",name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"})))),t("div",{key:"f66a8e9e9fba23a7a8c9d871f1ff0bbfa6b39b37",class:"duet-date-dialog-buttons"},t("duet-action-button",{key:"fe1df2d1456357c2ae731b66c302c45a33f40d06",accessibleLabel:v[this.language].prevMonthLabel,actionName:v[this.language].prevMonthLabel,class:"duet-date-dialog-prev",onClick:this.handlePreviousMonthClick,disabled:c,"icon-name":"action-arrow-left-small"},d.prevMonthLabel),t("duet-action-button",{key:"86db10ad2c3d1ab190690ae65d4c778084194089",accessibleLabel:v[this.language].nextMonthLabel,actionName:v[this.language].nextMonthLabel,class:"duet-date-dialog-next",onClick:this.handleNextMonthClick,disabled:h,"icon-name":"action-arrow-right-small"},d.nextMonthLabel))),t(P,{key:"741527916476f5959328595373dc3e11b02b0df2",selectedDate:e,focusedDate:this.focusedDay,onDateSelect:this.handleDaySelect,onKeyboardNavigation:this.handleKeyboardNavigation,labelledById:this.dialogLabelId,language:this.language,theme:this.theme,min:l,max:u,focusedDayRef:t=>this.focusedDayNode=t,onFocusEnter:this.enableActiveFocus,onFocusExit:this.disableActiveFocus})),t(s,{key:"de920ae43a19a7ca9790056fd3a9f51a08039d4f",moveFocusTo:this.closeButtonNode})))}get element(){return i(this)}static get watchers(){return{min:["updateValidity"],max:["updateValidity"],value:["updateValidity","updateInternalValue"],required:["updateValidity"]}}};K.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{margin-right:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host(.form-distribute:last-of-type:not(:last-child)){margin-right:16px !important}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;vertical-align:top;text-align:left}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}.duet-date{position:relative;width:100%}.duet-date button,.duet-date-dialog button{max-width:initial !important;min-height:initial !important;padding:0 !important;margin:0 !important;transition:initial}.duet-date-button{-webkit-user-select:none;user-select:none;position:relative;z-index:200;box-sizing:content-box;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:47px;height:48px;color:rgb(8, 42, 77);cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-left-color:rgb(181, 198, 208);border-radius:0 4px 4px 0;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-theme-turva .duet-date-button{color:rgb(23, 42, 59);border-color:rgb(120, 145, 164);border-left-color:rgb(178, 194, 205)}.duet-date-button::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:"";background:linear-gradient(to left, rgba(181, 198, 208, 0.2) 0%, rgba(181, 198, 208, 0.2) 1px, rgba(181, 198, 208, 0.1) 1px, rgba(181, 198, 208, 0) 100%)}.duet-date-button:hover:not(:disabled){outline:2px solid;outline-color:rgb(98, 121, 138);outline-offset:-1px}.duet-theme-turva .duet-date-button:hover:not(:disabled),.duet-date-button:hover:not(:disabled).duet-theme-turva,.duet-theme-turva2 .duet-date-button:hover:not(:disabled),.duet-date-button:hover:not(:disabled).duet-theme-turva2{outline-color:rgb(120, 145, 164)}.duet-date-button:disabled{pointer-events:none;cursor:not-allowed;background:rgb(245, 248, 250) !important;border:0 !important}.duet-theme-turva .duet-date-button:disabled{background:rgb(245, 246, 247) !important}.duet-date-button:disabled::before{display:none}.duet-date-button:disabled duet-icon{opacity:0.4}.duet-date-button duet-icon{transform:translateY(-1px)}.duet-date-button:active duet-icon{transform:translateY(0)}.duet-date-input-has-focus .duet-date-button,.duet-date-button:focus{height:46px;color:rgb(0, 119, 179)}.duet-date-input-has-focus .duet-date-button:focus,.duet-date-button:focus:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-date-input-has-focus .duet-date-button:focus,.duet-date-input-has-focus .duet-date-button:focus.duet-theme-turva,.duet-theme-turva2 .duet-date-input-has-focus .duet-date-button:focus,.duet-date-input-has-focus .duet-date-button:focus.duet-theme-turva2,.duet-theme-turva .duet-date-button:focus:focus,.duet-date-button:focus:focus.duet-theme-turva,.duet-theme-turva2 .duet-date-button:focus:focus,.duet-date-button:focus:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva.duet-date-input-has-focus .duet-date-button,.duet-theme-turva .duet-date-button:focus{color:rgb(23, 42, 59)}.input-error{border-top-color:rgb(214, 28, 82);border-right-color:rgb(214, 28, 82);border-bottom-color:rgb(214, 28, 82)}.duet-date-dialog{position:absolute;top:100%;left:0;z-index:900;display:flex;visibility:hidden;width:100%;opacity:0;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease}@media (min-width: 36em){.duet-date-dialog.left{right:0;left:auto;width:auto}}@media (max-width: 35.9375em){.duet-date-dialog{position:fixed;top:0;right:0;bottom:0;transform:translateZ(0);transform-origin:bottom center;transition:opacity 400ms ease, visibility 400ms ease}}.duet-date-dialog.active{visibility:visible;opacity:1;transform:scale(1.0001) translateZ(0) translateY(0);transition-property:transform, opacity}@media (min-width: 36em){.duet-date-dialog.error{top:calc(100% - 28px);margin-top:4px}}.duet-date-dialog-wrapper{position:relative;z-index:600;width:100%;min-width:290px;max-width:310px;padding:16px 16px 20px;margin-top:8px;margin-left:auto;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);transform:none}.duet-theme-turva .duet-date-dialog-wrapper{border-color:rgb(212, 221, 226)}@media (max-width: 35.9375em){.duet-date-dialog-wrapper{position:absolute;bottom:0;left:0;z-index:900;visibility:hidden;max-width:none;min-height:25em;padding:0 8% 20px;margin:0;border:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;opacity:0;transform:translateZ(0) translateY(100%);transition:transform 400ms ease, opacity 400ms ease, visibility 400ms ease}.active .duet-date-dialog-wrapper{visibility:visible;opacity:1;transform:translateZ(0) translateY(0);transition-property:transform, opacity}}.duet-date-table{width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);text-align:center;border-spacing:0;border-collapse:collapse}.duet-date-table.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-date-table th{padding-bottom:8px;font-size:0.75rem;font-weight:600;line-height:1.25;text-transform:uppercase;letter-spacing:1px;text-decoration:none}.duet-date-table .duet-date-table-cell{text-align:center}.duet-date-table .duet-date-table-cell:focus{outline:none}.duet-date-table-button{position:relative;z-index:100;display:inline-block !important;width:36.9230769231px !important;height:36.9230769231px !important;min-height:initial !important;padding:0 !important;margin:0 !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:2.6 !important;vertical-align:initial !important;color:rgb(8, 42, 77) !important;text-align:center;cursor:pointer;background:transparent !important;border-radius:50% !important;transition:initial !important}.duet-theme-turva .duet-date-table-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;color:rgb(23, 42, 59) !important}.duet-date-table-button:hover{background:rgb(228, 241, 247) !important}.duet-theme-turva .duet-date-table-button:hover{background:rgb(255, 236, 236) !important}.duet-date-table-button.today{z-index:200;color:rgb(0, 75, 129) !important;background:rgb(240, 247, 250) !important;box-shadow:0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-date-table-button.today{color:rgb(140, 0, 30) !important;background:rgb(255, 242, 242) !important;box-shadow:0 0 0 1px #171c3a !important}.selected .duet-date-table-button,:focus .duet-date-table-button{color:rgb(255, 255, 255) !important;outline:0;background:rgb(0, 119, 179) !important}.duet-theme-turva .selected .duet-date-table-button,.duet-theme-turva :focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64) !important}.duet-date-table-button:active{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8);z-index:200;color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important}.duet-theme-turva .duet-date-table-button:active,.duet-date-table-button:active.duet-theme-turva,.duet-theme-turva2 .duet-date-table-button:active,.duet-date-table-button:active.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-date-table-button:active{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64) !important}:focus .duet-date-table-button{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8);z-index:200}.duet-theme-turva :focus .duet-date-table-button,:focus .duet-date-table-button.duet-theme-turva,.duet-theme-turva2 :focus .duet-date-table-button,:focus .duet-date-table-button.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-date-table-button.disabled{color:rgb(127, 150, 165) !important;cursor:default;outline:none !important;background:transparent !important}.duet-theme-turva .duet-date-table-button.disabled{color:rgb(120, 145, 164) !important;outline:none !important;background:transparent !important}.duet-date-table-button.outside{color:rgb(127, 150, 165) !important;pointer-events:none;cursor:default;outline:none;background:rgb(245, 248, 250) !important;opacity:0.75}.duet-theme-turva .duet-date-table-button.outside{color:rgb(120, 145, 164);outline:none;background:rgb(245, 246, 247)}.duet-date-dialog-header{margin-bottom:16px !important;display:flex;align-items:center;justify-content:space-between;width:100%}.duet-date-dialog-buttons{white-space:nowrap}.duet-date-dialog-buttons ::part(button){border:0}.duet-date-dialog-select{position:relative;display:inline-flex;margin-top:4px}.duet-date-dialog-select .duet-date-dialog-select-label{position:relative;z-index:1;display:flex;align-items:center;width:100%;padding:0 8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);pointer-events:none;border-radius:4px}.duet-theme-turva .duet-date-dialog-select .duet-date-dialog-select-label{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-date-dialog-select span{margin-right:4px}.duet-date-dialog-select select{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;font-size:1rem;cursor:pointer;opacity:0}.duet-date-dialog-select select:focus+.duet-date-dialog-select-label{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-date-dialog-select select:focus+.duet-date-dialog-select-label,.duet-date-dialog-select select:focus+.duet-date-dialog-select-label.duet-theme-turva,.duet-theme-turva2 .duet-date-dialog-select select:focus+.duet-date-dialog-select-label,.duet-date-dialog-select select:focus+.duet-date-dialog-select-label.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-date-dialog-mobile-header{position:relative;display:flex;align-items:center;justify-content:space-between;width:120%;padding:12px 20px;margin-bottom:20px;margin-left:-10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid rgb(181, 198, 208)}@media (min-width: 36em){.duet-date-dialog-mobile-header{position:absolute;top:-8px;right:-8px;width:auto;padding:0;margin:0;overflow:visible;border:0}}.duet-theme-turva .duet-date-dialog-mobile-header{border-color:rgb(178, 194, 205)}.duet-date-dialog-mobile-header label{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.duet-date-dialog-mobile-header label{display:none}}.duet-date-picker-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px !important;padding:0 !important;color:rgb(8, 42, 77) !important;-webkit-appearance:none;appearance:none;cursor:pointer;background:rgb(245, 248, 250) !important;border-radius:50%}@media (min-width: 36em){.duet-date-picker-close{opacity:0}}.duet-theme-turva .duet-date-picker-close{background:rgb(245, 246, 247) !important}.duet-date-picker-close:hover{background:rgb(245, 248, 250) !important}.duet-theme-turva .duet-date-picker-close:hover{background:rgb(245, 246, 247) !important}.duet-date-picker-close:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-date-picker-close:focus,.duet-date-picker-close:focus.duet-theme-turva,.duet-theme-turva2 .duet-date-picker-close:focus,.duet-date-picker-close:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 36em){.duet-date-picker-close:focus{opacity:1}}:host(.duet-theme-turva2) .duet-theme-turva .duet-date-button{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva.duet-date-input-has-focus :host(.duet-theme-turva2) .duet-theme-turva,:host(.duet-theme-turva2) .duet-theme-turva:focus{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button{color:rgb(23, 42, 59) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button:hover:not(.disabled){background:rgb(251, 225, 209) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.today{background:rgb(253, 247, 242) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button:active{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.outside{color:rgb(120, 145, 164) !important;background:rgb(245, 246, 247) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.disabled{color:rgb(178, 194, 205) !important}:host(.duet-theme-turva2) .duet-theme-turva [aria-pressed=true] .duet-date-table-button,:host(.duet-theme-turva2) .duet-theme-turva :focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64) !important}:host(.duet-theme-turva2) .duet-theme-turva.duet-date-table{color:rgb(23, 42, 59)}';export{K as duet_date_picker}
@@ -1,4 +0,0 @@
1
- /*!
2
- * Built with Duet Design System
3
- */
4
- import{r as e,h as t,H as a,g as n}from"./p-D01wpYGA.js";import{i}from"./p-Brp9BZK6.js";const r=class{constructor(t){e(this,t),this.theme="",this.active=!1,this.href="#",this.icon=void 0}componentWillLoad(){i(this)}render(){return t(a,{key:"044fd632f4ea61ecd3bbbb77e3c2d0eda50f16a4",role:"listitem"},t("a",{key:"b910e6d15c696910ab231b49facb9cd3250d66c4",class:{"duet-menu-bar-link":!0,"duet-theme-turva":"turva"===this.theme,active:this.active},href:this.href,"aria-current":this.active?"true":"false","aria-label":this.accessibleLabel},this.icon&&t("duet-icon",{key:"46ede326e61111856df4318b018a4128b7743658",class:"menu-bar-link-icon",theme:this.theme,size:"auto",name:this.icon,margin:"none",color:"currentColor"}),t("slot",{key:"774a0d744c12e5d43783123c2d07d450a0ad0472"})))}get element(){return n(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;height:100%}.duet-menu-bar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:inherit;text-align:center;white-space:nowrap;text-decoration:none}.duet-menu-bar-link:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-menu-bar-link:focus,.duet-menu-bar-link:focus.duet-theme-turva,.duet-theme-turva2 .duet-menu-bar-link:focus,.duet-menu-bar-link:focus.duet-theme-turva2{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-menu-bar-link .menu-bar-link-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-link .menu-bar-link-icon{width:16px;height:16px}}.duet-menu-bar-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}@media (min-width: 62em){.duet-menu-bar-link{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-link{padding:0 28px}}.duet-menu-bar-link.active{color:rgb(0, 119, 179)}.duet-menu-bar-link.active::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(2px);transition:300ms ease}@media (min-width: 62em){.duet-menu-bar-link.active::after{z-index:auto;height:2px}}.duet-menu-bar-link.active.duet-theme-turva{color:rgb(230, 23, 64)}.duet-menu-bar-link.active.duet-theme-turva::after{background:rgb(230, 23, 64)}@media (min-width: 62em){.duet-menu-bar-link:hover{color:rgb(0, 119, 179)}.duet-menu-bar-link:hover.duet-theme-turva{color:rgb(230, 23, 64)}}:host(.duet-theme-turva2) .duet-menu-bar-link.active.duet-theme-turva{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-menu-bar-link.active.duet-theme-turva::after{background:rgb(230, 23, 64)}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-menu-bar-link.duet-theme-turva:hover{color:rgb(230, 23, 64)}}';export{r as duet_menu_bar_link}