@duetds/components 9.0.2 → 9.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (697) hide show
  1. package/hydrate/index.js +386 -79
  2. package/lib/cjs/{app-globals-ea68dfa3.js → app-globals-19129234.js} +1 -1
  3. package/lib/cjs/body-scroll-dba42314.js +237 -0
  4. package/lib/cjs/{bodyScrollLock.es6-dd2d7d91.js → bodyScrollLock.es6-4f765d37.js} +58 -4
  5. package/lib/cjs/duet-action-button.cjs.entry.js +3 -3
  6. package/lib/cjs/duet-alert.cjs.entry.js +4 -4
  7. package/lib/cjs/duet-badge.cjs.entry.js +1 -1
  8. package/lib/cjs/duet-banner.cjs.entry.js +3 -3
  9. package/lib/cjs/duet-breadcrumb.cjs.entry.js +3 -3
  10. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +3 -3
  11. package/lib/cjs/duet-button_2.cjs.entry.js +3 -3
  12. package/lib/cjs/duet-callout.cjs.entry.js +2 -2
  13. package/lib/cjs/duet-caption_4.cjs.entry.js +3 -3
  14. package/lib/cjs/duet-card.cjs.entry.js +2 -2
  15. package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
  16. package/lib/cjs/duet-checkmark.cjs.entry.js +1 -1
  17. package/lib/cjs/duet-chip.cjs.entry.js +1 -1
  18. package/lib/cjs/duet-choice_2.cjs.entry.js +4 -4
  19. package/lib/cjs/duet-collapsible.cjs.entry.js +3 -3
  20. package/lib/cjs/duet-combobox.cjs.entry.js +9 -5
  21. package/lib/cjs/duet-contact-card.cjs.entry.js +3 -3
  22. package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
  23. package/lib/cjs/duet-date-picker.cjs.entry.js +5 -5
  24. package/lib/cjs/duet-divider_2.cjs.entry.js +1 -1
  25. package/lib/cjs/duet-editable-table_3.cjs.entry.js +4 -4
  26. package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
  27. package/lib/cjs/duet-fieldset.cjs.entry.js +2 -2
  28. package/lib/cjs/duet-file-chooser.cjs.entry.js +1 -1
  29. package/lib/cjs/duet-footer.cjs.entry.js +4 -4
  30. package/lib/cjs/duet-grid_2.cjs.entry.js +7 -4
  31. package/lib/cjs/duet-header_2.cjs.entry.js +4 -4
  32. package/lib/cjs/duet-hero.cjs.entry.js +4 -4
  33. package/lib/cjs/duet-icon.cjs.entry.js +1 -1
  34. package/lib/cjs/duet-input_2.cjs.entry.js +4 -4
  35. package/lib/cjs/duet-layout.cjs.entry.js +2 -2
  36. package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
  37. package/lib/cjs/duet-menu-bar-button.cjs.entry.js +1 -1
  38. package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +1 -1
  39. package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +1 -1
  40. package/lib/cjs/duet-menu-bar-item.cjs.entry.js +1 -1
  41. package/lib/cjs/duet-menu-bar-link.cjs.entry.js +1 -1
  42. package/lib/cjs/duet-menu-bar.cjs.entry.js +3 -3
  43. package/lib/cjs/duet-modal.cjs.entry.js +6 -6
  44. package/lib/cjs/duet-multiselect.cjs.entry.js +4 -4
  45. package/lib/cjs/duet-nav.cjs.entry.js +1 -1
  46. package/lib/cjs/duet-notification_2.cjs.entry.js +3 -3
  47. package/lib/cjs/duet-number-input.cjs.entry.js +4 -4
  48. package/lib/cjs/duet-overlay.cjs.entry.js +1 -1
  49. package/lib/cjs/duet-page-heading.cjs.entry.js +1 -1
  50. package/lib/cjs/duet-pagination_2.cjs.entry.js +3 -3
  51. package/lib/cjs/duet-popup-menu-item.cjs.entry.js +1 -1
  52. package/lib/cjs/duet-popup-menu.cjs.entry.js +2 -2
  53. package/lib/cjs/duet-progress.cjs.entry.js +3 -3
  54. package/lib/cjs/duet-promo-card.cjs.entry.js +2 -2
  55. package/lib/cjs/duet-radio_2.cjs.entry.js +2 -2
  56. package/lib/cjs/duet-range-slider.cjs.entry.js +1 -1
  57. package/lib/cjs/duet-scrollable_3.cjs.entry.js +4 -4
  58. package/lib/cjs/duet-section-layout.cjs.entry.js +1 -1
  59. package/lib/cjs/duet-select.cjs.entry.js +3 -3
  60. package/lib/cjs/duet-shaped-image.cjs.entry.js +1 -1
  61. package/lib/cjs/duet-show-more.cjs.entry.js +3 -3
  62. package/lib/cjs/duet-slideout-lang.cjs.entry.js +4 -4
  63. package/lib/cjs/duet-slideout-link.cjs.entry.js +1 -1
  64. package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +1 -1
  65. package/lib/cjs/duet-slideout-panel.cjs.entry.js +47 -11
  66. package/lib/cjs/duet-slideout.cjs.entry.js +13 -13
  67. package/lib/cjs/duet-step_2.cjs.entry.js +2 -2
  68. package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +1 -1
  69. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +1 -1
  70. package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +1 -1
  71. package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +1 -1
  72. package/lib/cjs/duet-submenu-bar.cjs.entry.js +2 -2
  73. package/lib/cjs/duet-textarea.cjs.entry.js +4 -4
  74. package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
  75. package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +1 -1
  76. package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +1 -1
  77. package/lib/cjs/duet-toolbar-item.cjs.entry.js +1 -1
  78. package/lib/cjs/duet-toolbar-link.cjs.entry.js +1 -1
  79. package/lib/cjs/duet-toolbar.cjs.entry.js +1 -1
  80. package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +2 -2
  81. package/lib/cjs/duet-tooltip.cjs.entry.js +3 -3
  82. package/lib/cjs/duet-tray.cjs.entry.js +3 -3
  83. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
  84. package/lib/cjs/duet-upload-item.cjs.entry.js +4 -4
  85. package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
  86. package/lib/cjs/duet.cjs.js +3 -3
  87. package/lib/cjs/{errorcodes.utils-fa515fad.js → errorcodes.utils-2e19f306.js} +2 -2
  88. package/lib/cjs/{focus-utils-c8454b0e.js → focus-utils-03f36574.js} +1 -1
  89. package/lib/cjs/{index-77ef38d9.js → index-ebd46b0b.js} +1 -1
  90. package/lib/cjs/{language-utils-48d507db.js → language-utils-3937023a.js} +2 -2
  91. package/lib/cjs/loader.cjs.js +3 -3
  92. package/lib/cjs/{slot-utils-a914b77c.js → slot-utils-c54c81cf.js} +1 -1
  93. package/lib/cjs/{string-utils-053749ff.js → string-utils-7b13c16e.js} +7 -0
  94. package/lib/collection/components/duet-action-button/duet-action-button.js +2 -2
  95. package/lib/collection/components/duet-alert/duet-alert.js +1 -1
  96. package/lib/collection/components/duet-banner/duet-banner.js +1 -1
  97. package/lib/collection/components/duet-button/duet-button.js +5 -5
  98. package/lib/collection/components/duet-caption/duet-caption.js +1 -1
  99. package/lib/collection/components/duet-card/duet-card.js +3 -3
  100. package/lib/collection/components/duet-checkbox/duet-checkbox.js +3 -3
  101. package/lib/collection/components/duet-chip/duet-chip.js +6 -6
  102. package/lib/collection/components/duet-choice/duet-choice.js +3 -3
  103. package/lib/collection/components/duet-collapsible/duet-collapsible.js +3 -3
  104. package/lib/collection/components/duet-combobox/duet-combobox-select.js +6 -1
  105. package/lib/collection/components/duet-combobox/duet-combobox.js +3 -3
  106. package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +1 -1
  107. package/lib/collection/components/duet-date-picker/duet-date-picker.js +4 -4
  108. package/lib/collection/components/duet-divider/duet-divider.js +1 -1
  109. package/lib/collection/components/duet-editable-table/duet-editable-table.js +5 -5
  110. package/lib/collection/components/duet-empty-state/duet-empty-state.js +1 -1
  111. package/lib/collection/components/duet-file-chooser/duet-file-chooser.js +1 -1
  112. package/lib/collection/components/duet-footer/duet-footer.js +7 -7
  113. package/lib/collection/components/duet-grid/duet-grid.css +180 -107
  114. package/lib/collection/components/duet-grid/duet-grid.js +5 -4
  115. package/lib/collection/components/duet-grid-item/duet-grid-item.css +27 -2
  116. package/lib/collection/components/duet-grid-item/duet-grid-item.js +25 -2
  117. package/lib/collection/components/duet-header/duet-header.js +15 -15
  118. package/lib/collection/components/duet-heading/duet-heading.js +1 -1
  119. package/lib/collection/components/duet-hero/duet-hero.js +5 -5
  120. package/lib/collection/components/duet-input/duet-input.js +8 -8
  121. package/lib/collection/components/duet-label/duet-label.js +2 -2
  122. package/lib/collection/components/duet-layout/duet-layout.js +1 -1
  123. package/lib/collection/components/duet-list/duet-list.js +3 -3
  124. package/lib/collection/components/duet-logo/duet-logo.js +1 -1
  125. package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +1 -1
  126. package/lib/collection/components/duet-modal/duet-modal.js +4 -4
  127. package/lib/collection/components/duet-multiselect/duet-multiselect.js +6 -6
  128. package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +1 -1
  129. package/lib/collection/components/duet-number-input/duet-number-input.js +4 -4
  130. package/lib/collection/components/duet-overlay/duet-overlay.js +1 -1
  131. package/lib/collection/components/duet-pagination/duet-pagination.js +2 -2
  132. package/lib/collection/components/duet-paragraph/duet-paragraph.js +3 -3
  133. package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +1 -1
  134. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
  135. package/lib/collection/components/duet-radio/duet-radio.js +3 -3
  136. package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
  137. package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +1 -1
  138. package/lib/collection/components/duet-select/duet-select.js +5 -5
  139. package/lib/collection/components/duet-show-more/duet-show-more.js +1 -1
  140. package/lib/collection/components/duet-slideout/duet-slideout.js +6 -6
  141. package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.css +1 -0
  142. package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +48 -8
  143. package/lib/collection/components/duet-spacer/duet-spacer.js +2 -2
  144. package/lib/collection/components/duet-spinner/duet-spinner.js +1 -1
  145. package/lib/collection/components/duet-step/duet-step.js +3 -3
  146. package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
  147. package/lib/collection/components/duet-tab-group/duet-tab-group.js +5 -5
  148. package/lib/collection/components/duet-textarea/duet-textarea.js +4 -4
  149. package/lib/collection/components/duet-toggle/duet-toggle.js +1 -1
  150. package/lib/collection/components/duet-tooltip/duet-tooltip.js +1 -1
  151. package/lib/collection/components/duet-upload/duet-upload.js +14 -14
  152. package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
  153. package/lib/collection/utils/body-scroll.js +257 -0
  154. package/lib/collection/utils/string-utils.js +6 -0
  155. package/lib/dist-custom-elements/duet-action-button.js +1 -1
  156. package/lib/dist-custom-elements/duet-alert.js +1 -1
  157. package/lib/dist-custom-elements/duet-badge.js +1 -1
  158. package/lib/dist-custom-elements/duet-banner.js +4 -4
  159. package/lib/dist-custom-elements/duet-breadcrumb.js +4 -4
  160. package/lib/dist-custom-elements/duet-breadcrumbs.js +2 -2
  161. package/lib/dist-custom-elements/duet-button.js +1 -1
  162. package/lib/dist-custom-elements/duet-callout.js +2 -2
  163. package/lib/dist-custom-elements/duet-caption.js +1 -1
  164. package/lib/dist-custom-elements/duet-card.js +4 -4
  165. package/lib/dist-custom-elements/duet-checkbox.js +1 -1
  166. package/lib/dist-custom-elements/duet-checkmark.js +1 -1
  167. package/lib/dist-custom-elements/duet-chip.js +1 -1
  168. package/lib/dist-custom-elements/duet-choice-group.js +8 -8
  169. package/lib/dist-custom-elements/duet-choice.js +5 -5
  170. package/lib/dist-custom-elements/duet-collapsible.js +3 -3
  171. package/lib/dist-custom-elements/duet-combobox.js +19 -15
  172. package/lib/dist-custom-elements/duet-contact-card.js +9 -9
  173. package/lib/dist-custom-elements/duet-cookie-consent.js +6 -6
  174. package/lib/dist-custom-elements/duet-date-picker.js +14 -14
  175. package/lib/dist-custom-elements/duet-divider.js +1 -1
  176. package/lib/dist-custom-elements/duet-editable-table.js +8 -8
  177. package/lib/dist-custom-elements/duet-empty-state.js +1 -1
  178. package/lib/dist-custom-elements/duet-fieldset.js +1 -1
  179. package/lib/dist-custom-elements/duet-file-chooser.js +2 -2
  180. package/lib/dist-custom-elements/duet-footer.js +9 -9
  181. package/lib/dist-custom-elements/duet-grid-item.js +1 -1
  182. package/lib/dist-custom-elements/duet-grid.js +1 -1
  183. package/lib/dist-custom-elements/duet-header.js +11 -11
  184. package/lib/dist-custom-elements/duet-heading.js +1 -1
  185. package/lib/dist-custom-elements/duet-hero.js +11 -11
  186. package/lib/dist-custom-elements/duet-icon.js +1 -1
  187. package/lib/dist-custom-elements/duet-input.js +1 -1
  188. package/lib/dist-custom-elements/duet-label.js +1 -1
  189. package/lib/dist-custom-elements/duet-layout.js +1 -1
  190. package/lib/dist-custom-elements/duet-link.js +1 -1
  191. package/lib/dist-custom-elements/duet-list-item.js +1 -1
  192. package/lib/dist-custom-elements/duet-list.js +1 -1
  193. package/lib/dist-custom-elements/duet-logo.js +1 -1
  194. package/lib/dist-custom-elements/duet-menu-bar-button.js +2 -2
  195. package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +2 -2
  196. package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +2 -2
  197. package/lib/dist-custom-elements/duet-menu-bar-item.js +2 -2
  198. package/lib/dist-custom-elements/duet-menu-bar-link.js +2 -2
  199. package/lib/dist-custom-elements/duet-menu-bar.js +3 -3
  200. package/lib/dist-custom-elements/duet-modal.js +10 -10
  201. package/lib/dist-custom-elements/duet-multiselect.js +11 -11
  202. package/lib/dist-custom-elements/duet-nav.js +1 -1
  203. package/lib/dist-custom-elements/duet-notification-drawer.js +5 -5
  204. package/lib/dist-custom-elements/duet-notification.js +3 -3
  205. package/lib/dist-custom-elements/duet-number-input.js +12 -12
  206. package/lib/dist-custom-elements/duet-overlay.js +1 -1
  207. package/lib/dist-custom-elements/duet-page-heading.js +2 -2
  208. package/lib/dist-custom-elements/duet-pagination.js +15 -15
  209. package/lib/dist-custom-elements/duet-paragraph.js +1 -1
  210. package/lib/dist-custom-elements/duet-popup-menu-item.js +2 -2
  211. package/lib/dist-custom-elements/duet-popup-menu.js +1 -1
  212. package/lib/dist-custom-elements/duet-progress.js +1 -1
  213. package/lib/dist-custom-elements/duet-promo-card.js +3 -3
  214. package/lib/dist-custom-elements/duet-radio-group.js +8 -8
  215. package/lib/dist-custom-elements/duet-radio.js +1 -1
  216. package/lib/dist-custom-elements/duet-range-slider.js +2 -2
  217. package/lib/dist-custom-elements/duet-range-stepper.js +5 -5
  218. package/lib/dist-custom-elements/duet-scrollable.js +1 -1
  219. package/lib/dist-custom-elements/duet-section-layout.js +1 -1
  220. package/lib/dist-custom-elements/duet-select.js +1 -1
  221. package/lib/dist-custom-elements/duet-shaped-image.js +1 -1
  222. package/lib/dist-custom-elements/duet-show-more.js +1 -1
  223. package/lib/dist-custom-elements/duet-slideout-lang.js +4 -4
  224. package/lib/dist-custom-elements/duet-slideout-link.js +2 -2
  225. package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +2 -2
  226. package/lib/dist-custom-elements/duet-slideout-panel.js +46 -9
  227. package/lib/dist-custom-elements/duet-slideout.js +9 -9
  228. package/lib/dist-custom-elements/duet-spacer.js +1 -1
  229. package/lib/dist-custom-elements/duet-spinner.js +1 -1
  230. package/lib/dist-custom-elements/duet-step.js +7 -6
  231. package/lib/dist-custom-elements/duet-stepper.js +2 -2
  232. package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +2 -2
  233. package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +2 -2
  234. package/lib/dist-custom-elements/duet-submenu-bar-item.js +2 -2
  235. package/lib/dist-custom-elements/duet-submenu-bar-link.js +2 -2
  236. package/lib/dist-custom-elements/duet-submenu-bar.js +4 -4
  237. package/lib/dist-custom-elements/duet-tab-group.js +14 -14
  238. package/lib/dist-custom-elements/duet-tab.js +2 -2
  239. package/lib/dist-custom-elements/duet-table.js +1 -1
  240. package/lib/dist-custom-elements/duet-textarea.js +11 -11
  241. package/lib/dist-custom-elements/duet-toggle.js +2 -2
  242. package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +2 -2
  243. package/lib/dist-custom-elements/duet-toolbar-dropdown.js +2 -2
  244. package/lib/dist-custom-elements/duet-toolbar-item.js +2 -2
  245. package/lib/dist-custom-elements/duet-toolbar-link.js +2 -2
  246. package/lib/dist-custom-elements/duet-toolbar.js +1 -1
  247. package/lib/dist-custom-elements/duet-tooltip-button.js +1 -1
  248. package/lib/dist-custom-elements/duet-tooltip-popup.js +1 -1
  249. package/lib/dist-custom-elements/duet-tooltip.js +1 -1
  250. package/lib/dist-custom-elements/duet-tray.js +4 -4
  251. package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
  252. package/lib/dist-custom-elements/duet-upload-item.js +1 -1
  253. package/lib/dist-custom-elements/duet-upload.js +21 -21
  254. package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
  255. package/lib/dist-custom-elements/index.js +1 -1
  256. package/lib/dist-custom-elements/{p-6c76ef5f.js → p-015b9f09.js} +3 -3
  257. package/lib/dist-custom-elements/{p-dbd3f1f5.js → p-08fa1a36.js} +1 -1
  258. package/lib/dist-custom-elements/{p-a3706081.js → p-15b6275c.js} +9 -9
  259. package/lib/dist-custom-elements/{p-9bcfe1fd.js → p-281748a2.js} +1 -1
  260. package/lib/dist-custom-elements/{p-23a36860.js → p-2a77c348.js} +1 -1
  261. package/lib/dist-custom-elements/{p-813c3b7e.js → p-2c76f207.js} +1 -1
  262. package/lib/dist-custom-elements/{p-7915de0a.js → p-317b4bb8.js} +1 -1
  263. package/lib/dist-custom-elements/{p-a32bc785.js → p-36beca8c.js} +1 -1
  264. package/lib/dist-custom-elements/{p-b6ae3f0f.js → p-39f16926.js} +1 -1
  265. package/lib/dist-custom-elements/{p-98e97672.js → p-3d107c96.js} +2 -2
  266. package/lib/dist-custom-elements/{p-c2e792ff.js → p-4cb2814b.js} +1 -1
  267. package/lib/dist-custom-elements/{p-9b9d67cc.js → p-4d8308bb.js} +1 -1
  268. package/lib/dist-custom-elements/{p-fb0d43f7.js → p-4ecc1476.js} +2 -2
  269. package/lib/dist-custom-elements/{p-7acaa80f.js → p-50fa8f56.js} +2 -2
  270. package/lib/dist-custom-elements/{p-0c2421ed.js → p-5533950d.js} +4 -4
  271. package/lib/dist-custom-elements/{p-ea482c86.js → p-637da1ab.js} +1 -1
  272. package/lib/dist-custom-elements/p-63de5db1.js +194 -0
  273. package/lib/dist-custom-elements/{p-a427adbf.js → p-6403f13b.js} +1 -1
  274. package/lib/dist-custom-elements/{p-940209c1.js → p-66568599.js} +1 -1
  275. package/lib/dist-custom-elements/{p-5d662897.js → p-6e296899.js} +3 -3
  276. package/lib/dist-custom-elements/{p-203ae2e7.js → p-70d48274.js} +6 -6
  277. package/lib/dist-custom-elements/{p-917183fc.js → p-792d7c98.js} +2 -2
  278. package/lib/dist-custom-elements/{p-e107da9a.js → p-7cea34ca.js} +2 -2
  279. package/lib/dist-custom-elements/{p-0e052642.js → p-9c3c64b9.js} +7 -1
  280. package/lib/{esm/bodyScrollLock.es6-ecbf187e.js → dist-custom-elements/p-9ef0a452.js} +58 -4
  281. package/lib/dist-custom-elements/{p-30bd8b81.js → p-a5df65c8.js} +2 -2
  282. package/lib/dist-custom-elements/{p-02005902.js → p-a63c4d39.js} +1 -1
  283. package/lib/dist-custom-elements/{p-0c1a8c61.js → p-af317108.js} +1 -1
  284. package/lib/dist-custom-elements/{p-646f2766.js → p-b04ae8e7.js} +2 -2
  285. package/lib/dist-custom-elements/p-b5512507.js +81 -0
  286. package/lib/dist-custom-elements/{p-2686d381.js → p-d107d41a.js} +1 -1
  287. package/lib/dist-custom-elements/{p-a72e5b7a.js → p-d11e5471.js} +1 -1
  288. package/lib/dist-custom-elements/{p-6d323107.js → p-d30997fe.js} +5 -5
  289. package/lib/dist-custom-elements/{p-5a3e8d37.js → p-d8ba00cc.js} +3 -3
  290. package/lib/dist-custom-elements/{p-47c7860f.js → p-df36f700.js} +5 -5
  291. package/lib/dist-custom-elements/{p-bc78082f.js → p-e12ab5ab.js} +2 -2
  292. package/lib/dist-custom-elements/{p-91d87226.js → p-e57f3b80.js} +11 -11
  293. package/lib/dist-custom-elements/{p-49e5becc.js → p-ea66b08e.js} +6 -6
  294. package/lib/dist-custom-elements/{p-3236c232.js → p-f0df190d.js} +7 -7
  295. package/lib/dist-custom-elements/{p-d2a380bb.js → p-f839894b.js} +12 -12
  296. package/lib/dist-custom-elements/p-fc09c464.js +234 -0
  297. package/lib/duet/duet.esm.js +1 -1
  298. package/lib/duet/duet.js +1 -1
  299. package/lib/duet/{p-1dcd3dc3.entry.js → p-020947f1.entry.js} +1 -1
  300. package/lib/duet/{p-467fe4e3.js → p-02388a48.js} +1 -1
  301. package/lib/duet/{p-4a899a1e.entry.js → p-0288f5a5.entry.js} +1 -1
  302. package/lib/duet/{p-edc24761.entry.js → p-030be079.entry.js} +1 -1
  303. package/lib/duet/{p-3f307671.entry.js → p-0643e6a6.entry.js} +1 -1
  304. package/lib/duet/{p-344db520.system.entry.js → p-06714f95.system.entry.js} +1 -1
  305. package/lib/duet/{p-41681b12.entry.js → p-06a97d6c.entry.js} +1 -1
  306. package/lib/duet/{p-8c621b3a.system.entry.js → p-07e9c7c0.system.entry.js} +1 -1
  307. package/lib/duet/{p-18ada958.js → p-0974e195.js} +1 -1
  308. package/lib/duet/{p-950a1ca8.system.entry.js → p-0a784cb4.system.entry.js} +1 -1
  309. package/lib/duet/{p-b6fbd465.system.entry.js → p-0d2e5d20.system.entry.js} +1 -1
  310. package/lib/duet/p-0e048935.system.entry.js +4 -0
  311. package/lib/duet/{p-91131ad1.system.entry.js → p-11205af5.system.entry.js} +2 -2
  312. package/lib/duet/{p-168fce1a.entry.js → p-113a1168.entry.js} +1 -1
  313. package/lib/duet/p-159c685a.entry.js +4 -0
  314. package/lib/duet/p-16485917.js +4 -0
  315. package/lib/duet/{p-f99bd1ae.entry.js → p-172e305c.entry.js} +1 -1
  316. package/lib/duet/{p-f8e658cc.entry.js → p-183ead95.entry.js} +1 -1
  317. package/lib/duet/{p-c99d1412.system.entry.js → p-18d54ba0.system.entry.js} +1 -1
  318. package/lib/duet/{p-b6db5cd9.system.entry.js → p-1a310a67.system.entry.js} +1 -1
  319. package/lib/duet/{p-2f840cf0.system.entry.js → p-1c286737.system.entry.js} +1 -1
  320. package/lib/duet/{p-72d3ddd8.entry.js → p-1ddc1a11.entry.js} +1 -1
  321. package/lib/duet/p-219e24b0.system.js +4 -0
  322. package/lib/duet/{p-022bb645.entry.js → p-21be6554.entry.js} +1 -1
  323. package/lib/duet/{p-43b90254.entry.js → p-21d85be8.entry.js} +1 -1
  324. package/lib/duet/{p-aea3bb6c.system.entry.js → p-2289ef54.system.entry.js} +1 -1
  325. package/lib/duet/{p-6e2f38e0.entry.js → p-230e9f86.entry.js} +1 -1
  326. package/lib/duet/{p-b9d4ed8d.system.js → p-23c54408.system.js} +1 -1
  327. package/lib/duet/{p-ae79dc98.entry.js → p-257d6829.entry.js} +1 -1
  328. package/lib/duet/{p-e52a8c04.system.entry.js → p-292bd926.system.entry.js} +1 -1
  329. package/lib/duet/{p-391e19af.system.entry.js → p-293c2c6a.system.entry.js} +1 -1
  330. package/lib/duet/{p-cb046607.system.entry.js → p-299ad444.system.entry.js} +2 -2
  331. package/lib/duet/{p-0e73b18c.entry.js → p-2b010f12.entry.js} +1 -1
  332. package/lib/duet/{p-f8ede563.entry.js → p-2c50d29a.entry.js} +1 -1
  333. package/lib/duet/{p-42ffb47d.system.entry.js → p-30977bc9.system.entry.js} +1 -1
  334. package/lib/duet/{p-01faaa37.system.entry.js → p-34f3810c.system.entry.js} +1 -1
  335. package/lib/duet/{p-205485aa.system.entry.js → p-3600ec4f.system.entry.js} +2 -2
  336. package/lib/duet/{p-fc308e26.entry.js → p-36ae0d4b.entry.js} +1 -1
  337. package/lib/duet/p-3a0d442a.entry.js +4 -0
  338. package/lib/duet/{p-561420f0.entry.js → p-3a6e7a46.entry.js} +1 -1
  339. package/lib/duet/{p-049e0344.system.entry.js → p-3b13a6dd.system.entry.js} +1 -1
  340. package/lib/duet/{p-f79a827f.system.entry.js → p-3df8e906.system.entry.js} +1 -1
  341. package/lib/duet/{p-81b39f95.entry.js → p-402a9848.entry.js} +1 -1
  342. package/lib/duet/{p-6c279a88.system.entry.js → p-402b153c.system.entry.js} +1 -1
  343. package/lib/duet/{p-0f2dc8b4.system.entry.js → p-407958d3.system.entry.js} +1 -1
  344. package/lib/duet/{p-66e157a0.system.entry.js → p-423f79d7.system.entry.js} +1 -1
  345. package/lib/duet/p-42a3bc8e.system.js +4 -0
  346. package/lib/duet/{p-cd172ca7.system.js → p-431cee8e.system.js} +1 -1
  347. package/lib/duet/p-48b17bf7.entry.js +4 -0
  348. package/lib/duet/{p-befd80a8.system.entry.js → p-4e6d4bd1.system.entry.js} +1 -1
  349. package/lib/duet/{p-2ad7e778.system.entry.js → p-4ee170a2.system.entry.js} +1 -1
  350. package/lib/duet/{p-d161b8f7.system.entry.js → p-53c60309.system.entry.js} +1 -1
  351. package/lib/duet/{p-3f920565.entry.js → p-547aea90.entry.js} +1 -1
  352. package/lib/duet/{p-7d6b40d1.js → p-54e73ed0.js} +1 -1
  353. package/lib/duet/{p-a0cb7a26.entry.js → p-54ee08b2.entry.js} +1 -1
  354. package/lib/duet/{p-14668571.system.entry.js → p-57f3a5c7.system.entry.js} +2 -2
  355. package/lib/duet/{p-1633785d.entry.js → p-5abd3d28.entry.js} +1 -1
  356. package/lib/duet/{p-4019294d.system.entry.js → p-5adb49e0.system.entry.js} +1 -1
  357. package/lib/duet/{p-0303b9f5.entry.js → p-5b09f7c0.entry.js} +1 -1
  358. package/lib/duet/{p-31dfefa7.system.entry.js → p-616cb288.system.entry.js} +1 -1
  359. package/lib/duet/{p-3d669958.system.entry.js → p-62fade78.system.entry.js} +1 -1
  360. package/lib/duet/{p-cef34307.entry.js → p-631d73ef.entry.js} +1 -1
  361. package/lib/duet/{p-f5ff737f.system.entry.js → p-637f8408.system.entry.js} +1 -1
  362. package/lib/duet/{p-4e7460f7.entry.js → p-64636df3.entry.js} +1 -1
  363. package/lib/duet/{p-6c2c7e28.system.entry.js → p-646fc66f.system.entry.js} +1 -1
  364. package/lib/duet/{p-3db5f59f.entry.js → p-66ce24ab.entry.js} +1 -1
  365. package/lib/duet/p-6875b485.system.entry.js +4 -0
  366. package/lib/duet/{p-2d76a7e9.entry.js → p-691e5e43.entry.js} +1 -1
  367. package/lib/duet/{p-7af1306c.entry.js → p-69d919cc.entry.js} +1 -1
  368. package/lib/duet/{p-5fe66e38.entry.js → p-6a4909d6.entry.js} +1 -1
  369. package/lib/duet/{p-b729cc91.system.entry.js → p-6e8d6778.system.entry.js} +1 -1
  370. package/lib/duet/{p-cec00890.system.entry.js → p-7275ceca.system.entry.js} +1 -1
  371. package/lib/duet/{p-24c7bb10.system.entry.js → p-75abe569.system.entry.js} +1 -1
  372. package/lib/duet/p-75f8c18a.entry.js +4 -0
  373. package/lib/duet/{p-0a858564.system.entry.js → p-7740c468.system.entry.js} +1 -1
  374. package/lib/duet/p-7a93cd72.system.entry.js +4 -0
  375. package/lib/duet/{p-db0b37db.system.entry.js → p-7afa171a.system.entry.js} +1 -1
  376. package/lib/duet/{p-8a6233b0.system.entry.js → p-7b52f4a5.system.entry.js} +1 -1
  377. package/lib/duet/{p-e6b8b574.entry.js → p-7bf404f2.entry.js} +1 -1
  378. package/lib/duet/p-7c6f07f2.js +4 -0
  379. package/lib/duet/{p-01478b10.system.entry.js → p-7cba8be4.system.entry.js} +2 -2
  380. package/lib/duet/{p-654abd38.entry.js → p-7ddc0285.entry.js} +1 -1
  381. package/lib/duet/{p-0c75814e.system.entry.js → p-7e8f4ba8.system.entry.js} +1 -1
  382. package/lib/duet/{p-822b290a.entry.js → p-80476005.entry.js} +1 -1
  383. package/lib/duet/{p-1437b0fb.system.entry.js → p-806e033e.system.entry.js} +1 -1
  384. package/lib/duet/{p-c0149766.entry.js → p-81516829.entry.js} +1 -1
  385. package/lib/duet/{p-7d1cc9e0.system.entry.js → p-8312cf06.system.entry.js} +1 -1
  386. package/lib/duet/{p-73091ce2.system.entry.js → p-8469d548.system.entry.js} +1 -1
  387. package/lib/duet/{p-9829ea64.system.entry.js → p-8589b880.system.entry.js} +1 -1
  388. package/lib/duet/p-86fa56c3.entry.js +4 -0
  389. package/lib/duet/{p-b8b217c6.entry.js → p-88476170.entry.js} +1 -1
  390. package/lib/duet/{p-2bcb1acd.system.entry.js → p-8b44c31b.system.entry.js} +1 -1
  391. package/lib/duet/{p-47e5e138.system.entry.js → p-8d12b544.system.entry.js} +1 -1
  392. package/lib/duet/{p-131f4e80.entry.js → p-8db92e13.entry.js} +1 -1
  393. package/lib/duet/{p-3c969f9f.entry.js → p-8e56c5cc.entry.js} +1 -1
  394. package/lib/duet/{p-0e232ca3.system.entry.js → p-8f66e293.system.entry.js} +1 -1
  395. package/lib/duet/{p-f80c4c88.system.entry.js → p-8fbe1dea.system.entry.js} +1 -1
  396. package/lib/duet/{p-ec19c198.system.entry.js → p-9179605e.system.entry.js} +1 -1
  397. package/lib/duet/{p-08890e7d.system.entry.js → p-92cff4e6.system.entry.js} +1 -1
  398. package/lib/duet/{p-e3607cb9.system.entry.js → p-93536977.system.entry.js} +1 -1
  399. package/lib/duet/p-9434318d.system.entry.js +4 -0
  400. package/lib/duet/p-94bafe83.system.entry.js +4 -0
  401. package/lib/duet/{p-ab6d32f0.entry.js → p-96235745.entry.js} +1 -1
  402. package/lib/duet/{p-9a323612.entry.js → p-97304f52.entry.js} +1 -1
  403. package/lib/duet/{p-0b25ce98.system.entry.js → p-9825abb9.system.entry.js} +1 -1
  404. package/lib/duet/{p-6ef75455.system.js → p-98636086.system.js} +1 -1
  405. package/lib/duet/{p-86375ce8.entry.js → p-98d7ac34.entry.js} +1 -1
  406. package/lib/duet/{p-440dbcfa.system.entry.js → p-9b9b22c6.system.entry.js} +1 -1
  407. package/lib/duet/{p-0e052642.js → p-9c3c64b9.js} +1 -1
  408. package/lib/duet/p-9ef0a452.js +4 -0
  409. package/lib/duet/{p-4dc6516a.system.entry.js → p-9fea59b9.system.entry.js} +1 -1
  410. package/lib/duet/{p-a37c90b6.entry.js → p-a2797342.entry.js} +1 -1
  411. package/lib/duet/{p-e4077171.system.entry.js → p-a52e3746.system.entry.js} +1 -1
  412. package/lib/duet/{p-fd9cb821.entry.js → p-a72545df.entry.js} +1 -1
  413. package/lib/duet/{p-4b9d877b.entry.js → p-aaf9fd0b.entry.js} +1 -1
  414. package/lib/duet/{p-565a2910.system.entry.js → p-ab228f75.system.entry.js} +1 -1
  415. package/lib/duet/{p-a8d970a0.system.entry.js → p-ac09ec89.system.entry.js} +1 -1
  416. package/lib/duet/p-ad305457.entry.js +4 -0
  417. package/lib/duet/p-ad6c12d2.system.js +4 -0
  418. package/lib/duet/{p-f5b3bfa2.entry.js → p-b02720e6.entry.js} +1 -1
  419. package/lib/duet/{p-27680688.system.entry.js → p-b4803a69.system.entry.js} +1 -1
  420. package/lib/duet/{p-8154981f.system.entry.js → p-b7ea092c.system.entry.js} +1 -1
  421. package/lib/duet/p-ba7822ae.entry.js +4 -0
  422. package/lib/duet/{p-a45d4d3c.entry.js → p-baf037be.entry.js} +1 -1
  423. package/lib/duet/{p-e0a86887.system.entry.js → p-bc02525c.system.entry.js} +1 -1
  424. package/lib/duet/{p-5df3b779.entry.js → p-bcdef94c.entry.js} +1 -1
  425. package/lib/duet/p-bd188554.entry.js +4 -0
  426. package/lib/duet/{p-4ca01f5c.entry.js → p-bd75bb02.entry.js} +1 -1
  427. package/lib/duet/{p-e31ca113.entry.js → p-bddee5f2.entry.js} +1 -1
  428. package/lib/duet/{p-dc21c27a.entry.js → p-be3f3681.entry.js} +1 -1
  429. package/lib/duet/{p-d5a206c2.system.js → p-bea77c4f.system.js} +1 -1
  430. package/lib/duet/{p-866ce73e.system.entry.js → p-bff085a1.system.entry.js} +1 -1
  431. package/lib/duet/{p-7099651c.system.entry.js → p-c216b46f.system.entry.js} +1 -1
  432. package/lib/duet/{p-bcbbf38f.system.entry.js → p-c25dfa40.system.entry.js} +1 -1
  433. package/lib/duet/{p-c7c73778.system.entry.js → p-c2fe6cf4.system.entry.js} +1 -1
  434. package/lib/duet/{p-722a6c62.system.entry.js → p-c60b9cab.system.entry.js} +1 -1
  435. package/lib/duet/{p-62a6a013.system.entry.js → p-c7df33d3.system.entry.js} +1 -1
  436. package/lib/duet/{p-c506e25e.entry.js → p-c8bb6bf0.entry.js} +1 -1
  437. package/lib/duet/{p-886652fa.system.entry.js → p-c9514e6a.system.entry.js} +1 -1
  438. package/lib/duet/{p-37497801.entry.js → p-ca000b63.entry.js} +1 -1
  439. package/lib/duet/{p-64c4c515.entry.js → p-ca108af8.entry.js} +1 -1
  440. package/lib/duet/{p-b9526c80.entry.js → p-cc3a9eef.entry.js} +1 -1
  441. package/lib/duet/{p-d3cf62ab.system.entry.js → p-cc9ce7e0.system.entry.js} +1 -1
  442. package/lib/duet/{p-2e3cb88f.entry.js → p-ceef7b32.entry.js} +1 -1
  443. package/lib/duet/p-d06f99d3.entry.js +4 -0
  444. package/lib/duet/p-d0a6d2f8.js +4 -0
  445. package/lib/duet/{p-ef7fa8fb.entry.js → p-d218a340.entry.js} +1 -1
  446. package/lib/duet/{p-31a0880f.entry.js → p-d2a3dc84.entry.js} +1 -1
  447. package/lib/duet/{p-fd097ec7.system.entry.js → p-d32e7663.system.entry.js} +1 -1
  448. package/lib/duet/{p-cd686b5b.entry.js → p-d43cf4b2.entry.js} +1 -1
  449. package/lib/duet/{p-b0305a06.system.entry.js → p-d5d6daf0.system.entry.js} +1 -1
  450. package/lib/duet/{p-f71e27e4.entry.js → p-d7b6a678.entry.js} +1 -1
  451. package/lib/duet/{p-28721f4b.system.entry.js → p-d9bc8115.system.entry.js} +1 -1
  452. package/lib/duet/{p-b3c28d88.system.entry.js → p-dac3e10f.system.entry.js} +1 -1
  453. package/lib/duet/p-db2ccb9d.system.js +4 -0
  454. package/lib/duet/p-db5ea485.system.js +4 -0
  455. package/lib/duet/{p-199129a0.entry.js → p-dfb59959.entry.js} +1 -1
  456. package/lib/duet/{p-9f10e97c.entry.js → p-e0008211.entry.js} +1 -1
  457. package/lib/duet/{p-b93f0810.entry.js → p-e0239367.entry.js} +1 -1
  458. package/lib/duet/{p-1e2ff860.entry.js → p-e3872748.entry.js} +1 -1
  459. package/lib/duet/p-e6d74262.entry.js +4 -0
  460. package/lib/duet/{p-3788db5a.system.js → p-e7387900.system.js} +1 -1
  461. package/lib/duet/{p-57cd8490.entry.js → p-e77eb993.entry.js} +1 -1
  462. package/lib/duet/{p-fdaa6789.entry.js → p-ea0997fe.entry.js} +1 -1
  463. package/lib/duet/p-eb32c9bd.entry.js +4 -0
  464. package/lib/duet/{p-804331ed.system.entry.js → p-eb9ccd06.system.entry.js} +1 -1
  465. package/lib/duet/{p-46dc8a34.entry.js → p-ee46fe06.entry.js} +1 -1
  466. package/lib/duet/{p-1af2bfd6.entry.js → p-efaf8a01.entry.js} +1 -1
  467. package/lib/duet/{p-77f25e03.system.entry.js → p-f0dbb83a.system.entry.js} +1 -1
  468. package/lib/duet/{p-c6c02f20.system.entry.js → p-f2dd4d11.system.entry.js} +1 -1
  469. package/lib/duet/{p-3a6b59f3.entry.js → p-f59de4ec.entry.js} +1 -1
  470. package/lib/duet/{p-b18dd714.system.entry.js → p-f5f7c9fb.system.entry.js} +1 -1
  471. package/lib/duet/{p-4e9b200c.system.entry.js → p-f7171483.system.entry.js} +1 -1
  472. package/lib/duet/{p-3cefca19.system.entry.js → p-f748b267.system.entry.js} +1 -1
  473. package/lib/duet/{p-90852c89.entry.js → p-f7e11846.entry.js} +1 -1
  474. package/lib/duet/{p-af32d23a.entry.js → p-f9e503a7.entry.js} +1 -1
  475. package/lib/duet/{p-e604697b.entry.js → p-fa62569b.entry.js} +1 -1
  476. package/lib/duet/{p-07a3a4b2.entry.js → p-fb768082.entry.js} +1 -1
  477. package/lib/duet/{p-f684afe3.entry.js → p-fb83bab6.entry.js} +1 -1
  478. package/lib/duet/{p-b1f2e5bb.system.entry.js → p-fb9ba50a.system.entry.js} +1 -1
  479. package/lib/duet/p-fc09c464.js +4 -0
  480. package/lib/esm/{app-globals-8ff73e1c.js → app-globals-fc48943f.js} +1 -1
  481. package/lib/esm/body-scroll-46854769.js +234 -0
  482. package/lib/{dist-custom-elements/p-8354d1f1.js → esm/bodyScrollLock.es6-45bcbca3.js} +58 -4
  483. package/lib/esm/duet-action-button.entry.js +3 -3
  484. package/lib/esm/duet-alert.entry.js +4 -4
  485. package/lib/esm/duet-badge.entry.js +1 -1
  486. package/lib/esm/duet-banner.entry.js +3 -3
  487. package/lib/esm/duet-breadcrumb.entry.js +3 -3
  488. package/lib/esm/duet-breadcrumbs.entry.js +3 -3
  489. package/lib/esm/duet-button_2.entry.js +3 -3
  490. package/lib/esm/duet-callout.entry.js +2 -2
  491. package/lib/esm/duet-caption_4.entry.js +3 -3
  492. package/lib/esm/duet-card.entry.js +2 -2
  493. package/lib/esm/duet-checkbox.entry.js +1 -1
  494. package/lib/esm/duet-checkmark.entry.js +1 -1
  495. package/lib/esm/duet-chip.entry.js +1 -1
  496. package/lib/esm/duet-choice_2.entry.js +4 -4
  497. package/lib/esm/duet-collapsible.entry.js +3 -3
  498. package/lib/esm/duet-combobox.entry.js +9 -5
  499. package/lib/esm/duet-contact-card.entry.js +3 -3
  500. package/lib/esm/duet-cookie-consent.entry.js +1 -1
  501. package/lib/esm/duet-date-picker.entry.js +5 -5
  502. package/lib/esm/duet-divider_2.entry.js +1 -1
  503. package/lib/esm/duet-editable-table_3.entry.js +4 -4
  504. package/lib/esm/duet-empty-state.entry.js +1 -1
  505. package/lib/esm/duet-fieldset.entry.js +2 -2
  506. package/lib/esm/duet-file-chooser.entry.js +1 -1
  507. package/lib/esm/duet-footer.entry.js +4 -4
  508. package/lib/esm/duet-grid_2.entry.js +7 -4
  509. package/lib/esm/duet-header_2.entry.js +4 -4
  510. package/lib/esm/duet-hero.entry.js +4 -4
  511. package/lib/esm/duet-icon.entry.js +1 -1
  512. package/lib/esm/duet-input_2.entry.js +4 -4
  513. package/lib/esm/duet-layout.entry.js +2 -2
  514. package/lib/esm/duet-list_2.entry.js +1 -1
  515. package/lib/esm/duet-menu-bar-button.entry.js +1 -1
  516. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +1 -1
  517. package/lib/esm/duet-menu-bar-dropdown.entry.js +1 -1
  518. package/lib/esm/duet-menu-bar-item.entry.js +1 -1
  519. package/lib/esm/duet-menu-bar-link.entry.js +1 -1
  520. package/lib/esm/duet-menu-bar.entry.js +3 -3
  521. package/lib/esm/duet-modal.entry.js +6 -6
  522. package/lib/esm/duet-multiselect.entry.js +4 -4
  523. package/lib/esm/duet-nav.entry.js +1 -1
  524. package/lib/esm/duet-notification_2.entry.js +3 -3
  525. package/lib/esm/duet-number-input.entry.js +4 -4
  526. package/lib/esm/duet-overlay.entry.js +1 -1
  527. package/lib/esm/duet-page-heading.entry.js +1 -1
  528. package/lib/esm/duet-pagination_2.entry.js +3 -3
  529. package/lib/esm/duet-popup-menu-item.entry.js +1 -1
  530. package/lib/esm/duet-popup-menu.entry.js +2 -2
  531. package/lib/esm/duet-progress.entry.js +3 -3
  532. package/lib/esm/duet-promo-card.entry.js +2 -2
  533. package/lib/esm/duet-radio_2.entry.js +2 -2
  534. package/lib/esm/duet-range-slider.entry.js +1 -1
  535. package/lib/esm/duet-scrollable_3.entry.js +4 -4
  536. package/lib/esm/duet-section-layout.entry.js +1 -1
  537. package/lib/esm/duet-select.entry.js +3 -3
  538. package/lib/esm/duet-shaped-image.entry.js +1 -1
  539. package/lib/esm/duet-show-more.entry.js +3 -3
  540. package/lib/esm/duet-slideout-lang.entry.js +4 -4
  541. package/lib/esm/duet-slideout-link.entry.js +1 -1
  542. package/lib/esm/duet-slideout-panel-dropdown.entry.js +1 -1
  543. package/lib/esm/duet-slideout-panel.entry.js +47 -11
  544. package/lib/esm/duet-slideout.entry.js +10 -10
  545. package/lib/esm/duet-step_2.entry.js +2 -2
  546. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +1 -1
  547. package/lib/esm/duet-submenu-bar-dropdown.entry.js +1 -1
  548. package/lib/esm/duet-submenu-bar-item.entry.js +1 -1
  549. package/lib/esm/duet-submenu-bar-link.entry.js +1 -1
  550. package/lib/esm/duet-submenu-bar.entry.js +2 -2
  551. package/lib/esm/duet-textarea.entry.js +4 -4
  552. package/lib/esm/duet-toggle.entry.js +1 -1
  553. package/lib/esm/duet-toolbar-dropdown-link.entry.js +1 -1
  554. package/lib/esm/duet-toolbar-dropdown.entry.js +1 -1
  555. package/lib/esm/duet-toolbar-item.entry.js +1 -1
  556. package/lib/esm/duet-toolbar-link.entry.js +1 -1
  557. package/lib/esm/duet-toolbar.entry.js +1 -1
  558. package/lib/esm/duet-tooltip-button_2.entry.js +2 -2
  559. package/lib/esm/duet-tooltip.entry.js +3 -3
  560. package/lib/esm/duet-tray.entry.js +3 -3
  561. package/lib/esm/duet-upload-aria-status.entry.js +1 -1
  562. package/lib/esm/duet-upload-item.entry.js +4 -4
  563. package/lib/esm/duet-visually-hidden.entry.js +1 -1
  564. package/lib/esm/duet.js +4 -4
  565. package/lib/esm/{errorcodes.utils-59416946.js → errorcodes.utils-bedfce23.js} +2 -2
  566. package/lib/esm/{focus-utils-53d44671.js → focus-utils-581f628a.js} +1 -1
  567. package/lib/esm/{index-ea400af3.js → index-fcbdd7e2.js} +1 -1
  568. package/lib/esm/{language-utils-27773807.js → language-utils-eced99be.js} +2 -2
  569. package/lib/esm/loader.js +4 -4
  570. package/lib/esm/{slot-utils-95c2258f.js → slot-utils-a275401c.js} +1 -1
  571. package/lib/esm/{string-utils-ca039233.js → string-utils-192eb3c8.js} +7 -1
  572. package/lib/esm-es5/{app-globals-8ff73e1c.js → app-globals-fc48943f.js} +1 -1
  573. package/lib/esm-es5/body-scroll-46854769.js +4 -0
  574. package/lib/esm-es5/bodyScrollLock.es6-45bcbca3.js +4 -0
  575. package/lib/esm-es5/duet-action-button.entry.js +1 -1
  576. package/lib/esm-es5/duet-alert.entry.js +1 -1
  577. package/lib/esm-es5/duet-badge.entry.js +1 -1
  578. package/lib/esm-es5/duet-banner.entry.js +1 -1
  579. package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
  580. package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
  581. package/lib/esm-es5/duet-button_2.entry.js +1 -1
  582. package/lib/esm-es5/duet-callout.entry.js +1 -1
  583. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  584. package/lib/esm-es5/duet-card.entry.js +2 -2
  585. package/lib/esm-es5/duet-checkbox.entry.js +2 -2
  586. package/lib/esm-es5/duet-checkmark.entry.js +1 -1
  587. package/lib/esm-es5/duet-chip.entry.js +1 -1
  588. package/lib/esm-es5/duet-choice_2.entry.js +1 -1
  589. package/lib/esm-es5/duet-collapsible.entry.js +1 -1
  590. package/lib/esm-es5/duet-combobox.entry.js +1 -1
  591. package/lib/esm-es5/duet-contact-card.entry.js +1 -1
  592. package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
  593. package/lib/esm-es5/duet-date-picker.entry.js +1 -1
  594. package/lib/esm-es5/duet-divider_2.entry.js +1 -1
  595. package/lib/esm-es5/duet-editable-table_3.entry.js +2 -2
  596. package/lib/esm-es5/duet-empty-state.entry.js +1 -1
  597. package/lib/esm-es5/duet-fieldset.entry.js +1 -1
  598. package/lib/esm-es5/duet-file-chooser.entry.js +1 -1
  599. package/lib/esm-es5/duet-footer.entry.js +1 -1
  600. package/lib/esm-es5/duet-grid_2.entry.js +2 -2
  601. package/lib/esm-es5/duet-header_2.entry.js +1 -1
  602. package/lib/esm-es5/duet-hero.entry.js +1 -1
  603. package/lib/esm-es5/duet-icon.entry.js +1 -1
  604. package/lib/esm-es5/duet-input_2.entry.js +1 -1
  605. package/lib/esm-es5/duet-layout.entry.js +1 -1
  606. package/lib/esm-es5/duet-list_2.entry.js +1 -1
  607. package/lib/esm-es5/duet-menu-bar-button.entry.js +2 -2
  608. package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js +1 -1
  609. package/lib/esm-es5/duet-menu-bar-dropdown.entry.js +1 -1
  610. package/lib/esm-es5/duet-menu-bar-item.entry.js +1 -1
  611. package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
  612. package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
  613. package/lib/esm-es5/duet-modal.entry.js +1 -1
  614. package/lib/esm-es5/duet-multiselect.entry.js +1 -1
  615. package/lib/esm-es5/duet-nav.entry.js +1 -1
  616. package/lib/esm-es5/duet-notification_2.entry.js +1 -1
  617. package/lib/esm-es5/duet-number-input.entry.js +2 -2
  618. package/lib/esm-es5/duet-overlay.entry.js +1 -1
  619. package/lib/esm-es5/duet-page-heading.entry.js +1 -1
  620. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  621. package/lib/esm-es5/duet-popup-menu-item.entry.js +1 -1
  622. package/lib/esm-es5/duet-popup-menu.entry.js +1 -1
  623. package/lib/esm-es5/duet-progress.entry.js +1 -1
  624. package/lib/esm-es5/duet-promo-card.entry.js +1 -1
  625. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  626. package/lib/esm-es5/duet-range-slider.entry.js +1 -1
  627. package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
  628. package/lib/esm-es5/duet-section-layout.entry.js +1 -1
  629. package/lib/esm-es5/duet-select.entry.js +1 -1
  630. package/lib/esm-es5/duet-shaped-image.entry.js +1 -1
  631. package/lib/esm-es5/duet-show-more.entry.js +1 -1
  632. package/lib/esm-es5/duet-slideout-lang.entry.js +1 -1
  633. package/lib/esm-es5/duet-slideout-link.entry.js +1 -1
  634. package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js +1 -1
  635. package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
  636. package/lib/esm-es5/duet-slideout.entry.js +2 -2
  637. package/lib/esm-es5/duet-step_2.entry.js +2 -2
  638. package/lib/esm-es5/duet-submenu-bar-dropdown-link.entry.js +1 -1
  639. package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js +1 -1
  640. package/lib/esm-es5/duet-submenu-bar-item.entry.js +1 -1
  641. package/lib/esm-es5/duet-submenu-bar-link.entry.js +1 -1
  642. package/lib/esm-es5/duet-submenu-bar.entry.js +1 -1
  643. package/lib/esm-es5/duet-textarea.entry.js +2 -2
  644. package/lib/esm-es5/duet-toggle.entry.js +1 -1
  645. package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
  646. package/lib/esm-es5/duet-toolbar-dropdown.entry.js +1 -1
  647. package/lib/esm-es5/duet-toolbar-item.entry.js +1 -1
  648. package/lib/esm-es5/duet-toolbar-link.entry.js +1 -1
  649. package/lib/esm-es5/duet-toolbar.entry.js +1 -1
  650. package/lib/esm-es5/duet-tooltip-button_2.entry.js +1 -1
  651. package/lib/esm-es5/duet-tooltip.entry.js +1 -1
  652. package/lib/esm-es5/duet-tray.entry.js +1 -1
  653. package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
  654. package/lib/esm-es5/duet-upload-item.entry.js +1 -1
  655. package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
  656. package/lib/esm-es5/duet.js +1 -1
  657. package/lib/esm-es5/{errorcodes.utils-59416946.js → errorcodes.utils-bedfce23.js} +1 -1
  658. package/lib/esm-es5/{focus-utils-53d44671.js → focus-utils-581f628a.js} +1 -1
  659. package/lib/esm-es5/{index-ea400af3.js → index-fcbdd7e2.js} +1 -1
  660. package/lib/esm-es5/{language-utils-27773807.js → language-utils-eced99be.js} +1 -1
  661. package/lib/esm-es5/loader.js +1 -1
  662. package/lib/esm-es5/{slot-utils-95c2258f.js → slot-utils-a275401c.js} +1 -1
  663. package/lib/esm-es5/string-utils-192eb3c8.js +4 -0
  664. package/lib/types/components/duet-grid-item/duet-grid-item.d.ts +6 -0
  665. package/lib/types/components/duet-slideout-panel/duet-slideout-panel.d.ts +3 -0
  666. package/lib/types/components.d.ts +1 -0
  667. package/lib/types/utils/body-scroll.d.ts +17 -0
  668. package/lib/types/utils/string-utils.d.ts +4 -0
  669. package/package.json +4 -4
  670. package/lib/dist-custom-elements/p-31932263.js +0 -77
  671. package/lib/dist-custom-elements/p-fd50fe15.js +0 -192
  672. package/lib/duet/p-0319560a.entry.js +0 -4
  673. package/lib/duet/p-22e8c418.system.entry.js +0 -4
  674. package/lib/duet/p-2455ba6c.entry.js +0 -4
  675. package/lib/duet/p-26fa8650.entry.js +0 -4
  676. package/lib/duet/p-395be269.entry.js +0 -4
  677. package/lib/duet/p-3f91a919.system.entry.js +0 -4
  678. package/lib/duet/p-49957220.system.js +0 -4
  679. package/lib/duet/p-4f2e28d3.entry.js +0 -4
  680. package/lib/duet/p-61dffe85.entry.js +0 -4
  681. package/lib/duet/p-63c519cd.system.entry.js +0 -4
  682. package/lib/duet/p-7549617b.entry.js +0 -4
  683. package/lib/duet/p-7d277f55.js +0 -4
  684. package/lib/duet/p-8354d1f1.js +0 -4
  685. package/lib/duet/p-85acf080.system.js +0 -4
  686. package/lib/duet/p-8a7ee339.js +0 -4
  687. package/lib/duet/p-918f8fc2.entry.js +0 -4
  688. package/lib/duet/p-cce2db8f.entry.js +0 -4
  689. package/lib/duet/p-ce3c4f7c.entry.js +0 -4
  690. package/lib/duet/p-d283b94b.js +0 -4
  691. package/lib/duet/p-d5580da3.entry.js +0 -4
  692. package/lib/duet/p-d6dcd05f.system.js +0 -4
  693. package/lib/duet/p-e12af479.system.js +0 -4
  694. package/lib/duet/p-edc43bc3.system.entry.js +0 -4
  695. package/lib/duet/p-ef6095d7.system.entry.js +0 -4
  696. package/lib/esm-es5/bodyScrollLock.es6-ecbf187e.js +0 -4
  697. package/lib/esm-es5/string-utils-ca039233.js +0 -4
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as t,c as e,h as a,H as r,g as i}from"./p-18ada958.js";import{i as s}from"./p-aaa7a7bd.js";import{c as o}from"./p-5e59e970.js";import{c as d}from"./p-df7874f9.js";import{g as u,c as h,d as l}from"./p-7d6b40d1.js";import{c as n}from"./p-8a7ee339.js";import"./p-0e052642.js";const c=({value:t,maxlength:e,label:r,theme:i})=>{if(null==e)return;const s=t.length,o=Math.max(e-s,0);return a("div",{class:"duet-character-count"},a("duet-caption",{margin:"none",theme:i,size:"small"},a("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true",class:"duet-textarea-counter-remaining"},o/e<=.1&&`${o} ${r}`),a("span",{"aria-hidden":"true"},s,"/",e)))},p=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=o("DuetTextarea"),this.topCaptionId=o("DuetCaptionTop"),this.topCaptionPlaceholderId=o("DuetCaptionPlaceholderTop"),this.labelId=o("DuetLabel"),this.errorId=o("DuetError"),this.characterCountId=o("DuetCharacterCount"),this.disallowPatternRegex=null,this.counterLabelDefaults={fi:"merkkiä jäljellä",en:"characters remaining",sv:"tecken kvar"},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.counter&&(this.hiddenCounterLabel.textContent=`${Math.max(this.maxlength-this.value.length,0)}/${this.maxlength} ${this.counterLabel}`),this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},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&&t.push(this.characterCountId),t.length>0?t.join(" "):null},this.margin="auto",this.accessibleActiveDescendant=void 0,this.accessibleAutocomplete=void 0,this.accessibleControls=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLiveError="polite",this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.theme="",this.expand=!1,this.disabled=!1,this.identifier=void 0,this.required=!1,this.label="label",this.labelColor=void 0,this.labelWeight=void 0,this.labelHidden=!1,this.name=void 0,this.placeholder=void 0,this.caption=void 0,this.echoPlaceholder=!1,this.maxlength=void 0,this.minlength=void 0,this.error="",this.role=void 0,this.tooltip="",this.tooltipDirection="auto",this.value="",this.disallowPattern=null,this.counter=!1,this.counterLabel=u(this.counterLabelDefaults)}disallowedPatternChange(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null}componentWillLoad(){s(this),this.disallowedPatternChange(),this.isCaptionVisible=!!this.caption,n(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")}connectedCallback(){h(this,{prop:"counterLabel",defaults:"counterLabelDefaults"})}disconnectedCallback(){l(this)}async setFocus(t){this.nativeInput.focus(t)}render(){const t=this.identifier||this.textareaId;return a(r,{class:{"duet-m-0":"none"===this.margin,"duet-has-counter":this.counter&&!this.error,"duet-expand":this.expand}},a("div",{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("duet-label",{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",{direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:"turva"===this.theme?"turva":"default"},this.tooltip),a("slot",{name:"tooltip"}),this.caption&&a("duet-caption",{id:this.topCaptionId,size:"medium",theme:"turva"===this.theme?"turva":"default"},this.caption),a("div",{class:"duet-textarea-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&a("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-textarea-placeholder",size:"small"},this.placeholder),a("textarea",{onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus,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,minlength:this.minlength,maxlength:this.maxlength,role:this.role,name:this.name,id:t})),a("duet-grid",{alignment:"stretch"},a("duet-grid-item",{margin:"none",fill:!0},a("div",{class:"duet-textarea-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&a("span",null,this.error))),a("duet-grid-item",{margin:"none",class:"duet-character-count-caption"},this.counter&&a(c,{theme:this.theme,value:this.value,maxlength:this.maxlength,label:this.counterLabel}))),this.counter&&a("duet-visually-hidden",{class:"duet-visually-hidden",id:this.characterCountId,ref:t=>{this.hiddenCounterLabel=t}})))}get element(){return i(this)}static get watchers(){return{disallowPattern:["disallowedPatternChange"]}}};p.style='*.sc-duet-textarea,*.sc-duet-textarea::after,*.sc-duet-textarea::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-textarea-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:block;width:100%;max-width:100%;text-align:left}.sc-duet-textarea-h:last-child,.sc-duet-textarea-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-textarea-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-textarea-h{width:100% !important}}.duet-m-0.sc-duet-textarea-h{margin:0 !important}duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-textarea-container.sc-duet-textarea{position:relative;width:100%;height:100%}.duet-textarea-container.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:none}.duet-textarea-container.duet-input-top-caption-shown.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:flex !important}.duet-textarea-wrapper.sc-duet-textarea{position:relative}.duet-textarea-placeholder.sc-duet-textarea{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.sc-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(0, 41, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:4px;transition:150ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-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, 28, 58);border-color:rgb(116, 116, 117)}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(224, 42, 13) !important}.duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(101, 119, 135);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(116, 116, 117)}.duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(207, 207, 209)}.duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(101, 119, 135);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(116, 116, 117)}.duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(207, 207, 209)}.duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(116, 116, 117)}.duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(207, 207, 209)}.duet-textarea[disabled].sc-duet-textarea{color:rgb(101, 119, 135) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important}.duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(0, 41, 77);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(0, 41, 77);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(0, 41, 77)}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #747475}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-textarea.sc-duet-textarea:focus{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #e55039}.duet-textarea.sc-duet-textarea:not(:focus):not(:hover):invalid{box-shadow:none}.duet-textarea-help.sc-duet-textarea{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.sc-duet-textarea span.sc-duet-textarea{display:block;margin-top:8px}.duet-theme-turva.sc-duet-textarea .duet-textarea-help.sc-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(116, 116, 117)}.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-textarea duet-label.sc-duet-textarea{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-character-count.sc-duet-textarea{display:block;margin:8px 0 0 auto}';export{p as duet_textarea}
4
+ import{r as t,c as e,h as a,H as r,g as i}from"./p-0974e195.js";import{i as s}from"./p-aaa7a7bd.js";import{c as o}from"./p-5e59e970.js";import{c as d}from"./p-df7874f9.js";import{g as u,c as h,d as l}from"./p-54e73ed0.js";import{c as n}from"./p-d0a6d2f8.js";import"./p-9c3c64b9.js";const c=({value:t,maxlength:e,label:r,theme:i})=>{if(null==e)return;const s=t.length,o=Math.max(e-s,0);return a("div",{class:"duet-character-count"},a("duet-caption",{margin:"none",theme:i,size:"small"},a("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true",class:"duet-textarea-counter-remaining"},o/e<=.1&&`${o} ${r}`),a("span",{"aria-hidden":"true"},s,"/",e)))},p=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=o("DuetTextarea"),this.topCaptionId=o("DuetCaptionTop"),this.topCaptionPlaceholderId=o("DuetCaptionPlaceholderTop"),this.labelId=o("DuetLabel"),this.errorId=o("DuetError"),this.characterCountId=o("DuetCharacterCount"),this.disallowPatternRegex=null,this.counterLabelDefaults={fi:"merkkiä jäljellä",en:"characters remaining",sv:"tecken kvar"},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.counter&&(this.hiddenCounterLabel.textContent=`${Math.max(this.maxlength-this.value.length,0)}/${this.maxlength} ${this.counterLabel}`),this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},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&&t.push(this.characterCountId),t.length>0?t.join(" "):null},this.margin="auto",this.accessibleActiveDescendant=void 0,this.accessibleAutocomplete=void 0,this.accessibleControls=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLiveError="polite",this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.theme="",this.expand=!1,this.disabled=!1,this.identifier=void 0,this.required=!1,this.label="label",this.labelColor=void 0,this.labelWeight=void 0,this.labelHidden=!1,this.name=void 0,this.placeholder=void 0,this.caption=void 0,this.echoPlaceholder=!1,this.maxlength=void 0,this.minlength=void 0,this.error="",this.role=void 0,this.tooltip="",this.tooltipDirection="auto",this.value="",this.disallowPattern=null,this.counter=!1,this.counterLabel=u(this.counterLabelDefaults)}disallowedPatternChange(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null}componentWillLoad(){s(this),this.disallowedPatternChange(),this.isCaptionVisible=!!this.caption,n(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")}connectedCallback(){h(this,{prop:"counterLabel",defaults:"counterLabelDefaults"})}disconnectedCallback(){l(this)}async setFocus(t){this.nativeInput.focus(t)}render(){const t=this.identifier||this.textareaId;return a(r,{class:{"duet-m-0":"none"===this.margin,"duet-has-counter":this.counter&&!this.error,"duet-expand":this.expand}},a("div",{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("duet-label",{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",{direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:"turva"===this.theme?"turva":"default"},this.tooltip),a("slot",{name:"tooltip"}),this.caption&&a("duet-caption",{id:this.topCaptionId,size:"medium",theme:"turva"===this.theme?"turva":"default"},this.caption),a("div",{class:"duet-textarea-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&a("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-textarea-placeholder",size:"small"},this.placeholder),a("textarea",{onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus,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,minlength:this.minlength,maxlength:this.maxlength,role:this.role,name:this.name,id:t})),a("duet-grid",{alignment:"stretch"},a("duet-grid-item",{margin:"none",fill:!0},a("div",{class:"duet-textarea-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&a("span",null,this.error))),a("duet-grid-item",{margin:"none",class:"duet-character-count-caption"},this.counter&&a(c,{theme:this.theme,value:this.value,maxlength:this.maxlength,label:this.counterLabel}))),this.counter&&a("duet-visually-hidden",{class:"duet-visually-hidden",id:this.characterCountId,ref:t=>{this.hiddenCounterLabel=t}})))}get element(){return i(this)}static get watchers(){return{disallowPattern:["disallowedPatternChange"]}}};p.style='*.sc-duet-textarea,*.sc-duet-textarea::after,*.sc-duet-textarea::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-textarea-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:block;width:100%;max-width:100%;text-align:left}.sc-duet-textarea-h:last-child,.sc-duet-textarea-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-textarea-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-textarea-h{width:100% !important}}.duet-m-0.sc-duet-textarea-h{margin:0 !important}duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-textarea-container.sc-duet-textarea{position:relative;width:100%;height:100%}.duet-textarea-container.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:none}.duet-textarea-container.duet-input-top-caption-shown.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:flex !important}.duet-textarea-wrapper.sc-duet-textarea{position:relative}.duet-textarea-placeholder.sc-duet-textarea{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.sc-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(0, 41, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:4px;transition:150ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-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, 28, 58);border-color:rgb(116, 116, 117)}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(224, 42, 13) !important}.duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(101, 119, 135);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(116, 116, 117)}.duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(207, 207, 209)}.duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(101, 119, 135);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(116, 116, 117)}.duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(207, 207, 209)}.duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(116, 116, 117)}.duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(207, 207, 209)}.duet-textarea[disabled].sc-duet-textarea{color:rgb(101, 119, 135) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important}.duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(0, 41, 77);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(0, 41, 77);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(0, 41, 77)}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #747475}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-textarea.sc-duet-textarea:focus{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #e55039}.duet-textarea.sc-duet-textarea:not(:focus):not(:hover):invalid{box-shadow:none}.duet-textarea-help.sc-duet-textarea{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.sc-duet-textarea span.sc-duet-textarea{display:block;margin-top:8px}.duet-theme-turva.sc-duet-textarea .duet-textarea-help.sc-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(116, 116, 117)}.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-textarea duet-label.sc-duet-textarea{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-character-count.sc-duet-textarea{display:block;margin:8px 0 0 auto}';export{p as duet_textarea}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- System.register(["./p-b9d4ed8d.system.js","./p-c51d6fb5.system.js","./p-e216bea4.system.js","./p-d5a206c2.system.js","./p-6ef75455.system.js"],(function(e){"use strict";var t,i,n,a,o,r,s,d,h;return{setters:[function(e){t=e.r;i=e.c;n=e.h;a=e.H;o=e.g},function(e){r=e.a;s=e.c},function(e){d=e.i},function(e){h=e.a},function(){}],execute:function(){var u='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:100%}.duet-menu-bar{position:relative;top:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);transition:top 0.3s}.duet-menu-bar.hidden{top:-200px}.duet-menu-bar.bottom{z-index:1}@media (min-width: 62em){.duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}.duet-menu-bar .top{display:none}.duet-menu-bar .bottom{display:none}.duet-menu-bar.horizontal-nav{position:relative}.duet-menu-bar.horizontal-nav .top{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}.duet-menu-bar.horizontal-nav .bottom{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(225, 227, 230)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:-1px;z-index:1;width:56px;height:49px;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-left{display:none}}.duet-menu-bar.horizontal-nav .more-right{position:absolute;top:0;right:-1px;z-index:1;width:56px;height:49px;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-right{display:none}}@media (pointer: fine){.duet-menu-bar.horizontal-nav{display:none}}@media (pointer: fine) and ((min-width: 62em)){.duet-menu-bar.horizontal-nav{display:flex}}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}.duet-menu-bar .container::-webkit-scrollbar{width:0;height:0}@media (min-width: 62em){.duet-menu-bar .container{height:5rem;padding:0 28px;overflow-x:visible}}.duet-menu-bar .container .list{height:100%;list-style-type:none}.duet-menu-bar .container ::slotted(*){height:100%}.duet-menu-bar .container>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container>:first-child{flex-basis:0;flex-grow:1;justify-content:flex-start}.duet-menu-bar .container>:last-child{flex-basis:0;flex-grow:1;justify-content:flex-end}.duet-menu-bar .container ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar.duet-theme-turva{background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-menu-bar.duet-theme-turva{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(0, 41, 77)}.duet-theme-turva .center{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, 28, 58)}.right{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 77, 128)}.duet-theme-turva .right{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, 28, 58)}';var f=u;var l=e("duet_menu_bar",function(){function e(e){var n=this;t(this,e);this.duetEvent=i(this,"duetEvent",7);this.mql=[window.matchMedia(r.replace(/'/g,"")),window.matchMedia(s.replace(/'/g,""))];this.boundMqlFunctions=[];this.previousYScroll=0;this.scrollbarCheck=function(){n.leftMoreVisible=n.container.scrollLeft>0;n.rightMoreVisible=n.container.scrollLeft!==n.container.scrollWidth-n.container.clientWidth};this.scrollToActive=function(){var e=n.element.querySelectorAll("[active]");var t;e.forEach((function(e){if(e.active){t=e}}));if(t&&t.offsetLeft){if(t.offsetLeft>50){n.container.scrollLeft=t.offsetLeft-n.element.getBoundingClientRect().width/2+t.offsetWidth/2}}};this.changeLogoSize=function(){if(n.mql[1].matches){n.logoSize="large"}else{n.logoSize="medium"}};this.handleLogoClick=function(e){n.duetEvent.emit({name:"logoClick",component:"duet-menu-bar",data:{logoHref:n.logoHref},originalEvent:e})};this.hidden=false;this.onBottom=false;this.logoSize="large";this.leftMoreVisible=false;this.rightMoreVisible=false;this.theme="";this.language=h();this.logo=true;this.logoHref=undefined;this.logoLinkAccessibleLabel=undefined;this.accessibleLabel=undefined;this.hideOnScroll=false}e.prototype.checkScroll=function(){var e=this;if(!this.hideOnScroll){return}if(window.scrollY>this.previousYScroll){if(window.scrollY>100){if(this.hideOnScroll){clearTimeout(this.zindexTimer);this.onBottom=true}this.hidden=true}}else{if(window.scrollY<150){if(this.hideOnScroll){this.zindexTimer=setTimeout((function(){e.onBottom=false}),300)}this.hidden=false}}this.previousYScroll=window.scrollY};e.prototype.componentWillLoad=function(){d(this)};e.prototype.connectedCallback=function(){this.changeLogoSize();for(var e=0;e<this.mql.length;e++){if(this.mql[e].addEventListener){var t=this.changeLogoSize.bind(this);this.mql[e].addEventListener("change",t);this.boundMqlFunctions[e]=t}}};e.prototype.disconnectedCallback=function(){for(var e=0;e<this.mql.length;e++){if(this.mql[e].removeEventListener){this.mql[e].removeEventListener("change",this.boundMqlFunctions[e])}}this.boundMqlFunctions=[]};e.prototype.componentDidLoad=function(){var e=this;setTimeout((function(){e.scrollbarCheck();e.scrollToActive()}),0)};e.prototype.onWindowResize=function(){var e=this;clearTimeout(this.resizeTimer);this.resizeTimer=setTimeout((function(){e.scrollToActive()}),100)};e.prototype.render=function(){var e=this;var t=document.querySelectorAll("duet-slideout").length>0;var i=t&&!this.logo;return n(a,{key:"6772191fb52ef833296d4591848722cdd716fd8a"},n("nav",{key:"bbfd138c4487382bf33cd2a27a11abae07c1cd84",class:{"duet-menu-bar":true,"duet-theme-turva":this.theme==="turva","horizontal-nav":i,hidden:this.hidden&&this.hideOnScroll,bottom:this.onBottom},"aria-label":this.accessibleLabel},n("div",{key:"0e76aa9cf8e2088809c32ffb889ea7bd0e65f328",class:"top"}),n("div",{key:"3e0e929ab2dabd44122c86b3d89690084d49ee8c",class:{container:true},ref:function(t){return e.container=t},onScroll:function(){return e.scrollbarCheck()}},this.logo&&n("div",{key:"daf3d473577d75062dbbdd2f4d277aecffddb806"},n("duet-logo",{key:"e560ec5ffbd0ab8c03a2284c6f5c24be44304595",size:this.logoSize,margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language})),n("div",{key:"f90de1dde38ffad772fd1db9ef1949bd69651a17",class:"list center",role:"list"},n("div",{key:"e21ef580e08ebefe3ff5a23da0a6df2d2714c2b0",class:"more-left",hidden:!this.leftMoreVisible,role:"presentation"}),n("slot",{key:"fbfd2e2f6a9d69d0e5f0843d30f723beadde4c1b",name:"center"}),n("div",{key:"6d232d47954eb7590982353aa05a869353cd5103",class:"more-right",hidden:!this.rightMoreVisible,role:"presentation"})),n("div",{key:"14d79bc82134dd5449172dadccdd94e39508e3ce",class:"list right",role:"list"},n("slot",{key:"383cc225f16923f7538daf24ef5f5592ace15ece",name:"right"}))),n("div",{key:"5042a82358354e9a77e5f7d022d47bf46e9c6250",class:"bottom"})))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());l.style=f}}}));
4
+ System.register(["./p-23c54408.system.js","./p-c51d6fb5.system.js","./p-e216bea4.system.js","./p-bea77c4f.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,i,n,a,o,r,s,d,h;return{setters:[function(e){t=e.r;i=e.c;n=e.h;a=e.H;o=e.g},function(e){r=e.a;s=e.c},function(e){d=e.i},function(e){h=e.a},function(){}],execute:function(){var u='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:100%}.duet-menu-bar{position:relative;top:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);transition:top 0.3s}.duet-menu-bar.hidden{top:-200px}.duet-menu-bar.bottom{z-index:1}@media (min-width: 62em){.duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}.duet-menu-bar .top{display:none}.duet-menu-bar .bottom{display:none}.duet-menu-bar.horizontal-nav{position:relative}.duet-menu-bar.horizontal-nav .top{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}.duet-menu-bar.horizontal-nav .bottom{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(225, 227, 230)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:-1px;z-index:1;width:56px;height:49px;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-left{display:none}}.duet-menu-bar.horizontal-nav .more-right{position:absolute;top:0;right:-1px;z-index:1;width:56px;height:49px;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-right{display:none}}@media (pointer: fine){.duet-menu-bar.horizontal-nav{display:none}}@media (pointer: fine) and ((min-width: 62em)){.duet-menu-bar.horizontal-nav{display:flex}}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}.duet-menu-bar .container::-webkit-scrollbar{width:0;height:0}@media (min-width: 62em){.duet-menu-bar .container{height:5rem;padding:0 28px;overflow-x:visible}}.duet-menu-bar .container .list{height:100%;list-style-type:none}.duet-menu-bar .container ::slotted(*){height:100%}.duet-menu-bar .container>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container>:first-child{flex-basis:0;flex-grow:1;justify-content:flex-start}.duet-menu-bar .container>:last-child{flex-basis:0;flex-grow:1;justify-content:flex-end}.duet-menu-bar .container ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar.duet-theme-turva{background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-menu-bar.duet-theme-turva{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(0, 41, 77)}.duet-theme-turva .center{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, 28, 58)}.right{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 77, 128)}.duet-theme-turva .right{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, 28, 58)}';var f=u;var l=e("duet_menu_bar",function(){function e(e){var n=this;t(this,e);this.duetEvent=i(this,"duetEvent",7);this.mql=[window.matchMedia(r.replace(/'/g,"")),window.matchMedia(s.replace(/'/g,""))];this.boundMqlFunctions=[];this.previousYScroll=0;this.scrollbarCheck=function(){n.leftMoreVisible=n.container.scrollLeft>0;n.rightMoreVisible=n.container.scrollLeft!==n.container.scrollWidth-n.container.clientWidth};this.scrollToActive=function(){var e=n.element.querySelectorAll("[active]");var t;e.forEach((function(e){if(e.active){t=e}}));if(t&&t.offsetLeft){if(t.offsetLeft>50){n.container.scrollLeft=t.offsetLeft-n.element.getBoundingClientRect().width/2+t.offsetWidth/2}}};this.changeLogoSize=function(){if(n.mql[1].matches){n.logoSize="large"}else{n.logoSize="medium"}};this.handleLogoClick=function(e){n.duetEvent.emit({name:"logoClick",component:"duet-menu-bar",data:{logoHref:n.logoHref},originalEvent:e})};this.hidden=false;this.onBottom=false;this.logoSize="large";this.leftMoreVisible=false;this.rightMoreVisible=false;this.theme="";this.language=h();this.logo=true;this.logoHref=undefined;this.logoLinkAccessibleLabel=undefined;this.accessibleLabel=undefined;this.hideOnScroll=false}e.prototype.checkScroll=function(){var e=this;if(!this.hideOnScroll){return}if(window.scrollY>this.previousYScroll){if(window.scrollY>100){if(this.hideOnScroll){clearTimeout(this.zindexTimer);this.onBottom=true}this.hidden=true}}else{if(window.scrollY<150){if(this.hideOnScroll){this.zindexTimer=setTimeout((function(){e.onBottom=false}),300)}this.hidden=false}}this.previousYScroll=window.scrollY};e.prototype.componentWillLoad=function(){d(this)};e.prototype.connectedCallback=function(){this.changeLogoSize();for(var e=0;e<this.mql.length;e++){if(this.mql[e].addEventListener){var t=this.changeLogoSize.bind(this);this.mql[e].addEventListener("change",t);this.boundMqlFunctions[e]=t}}};e.prototype.disconnectedCallback=function(){for(var e=0;e<this.mql.length;e++){if(this.mql[e].removeEventListener){this.mql[e].removeEventListener("change",this.boundMqlFunctions[e])}}this.boundMqlFunctions=[]};e.prototype.componentDidLoad=function(){var e=this;setTimeout((function(){e.scrollbarCheck();e.scrollToActive()}),0)};e.prototype.onWindowResize=function(){var e=this;clearTimeout(this.resizeTimer);this.resizeTimer=setTimeout((function(){e.scrollToActive()}),100)};e.prototype.render=function(){var e=this;var t=document.querySelectorAll("duet-slideout").length>0;var i=t&&!this.logo;return n(a,{key:"6772191fb52ef833296d4591848722cdd716fd8a"},n("nav",{key:"bbfd138c4487382bf33cd2a27a11abae07c1cd84",class:{"duet-menu-bar":true,"duet-theme-turva":this.theme==="turva","horizontal-nav":i,hidden:this.hidden&&this.hideOnScroll,bottom:this.onBottom},"aria-label":this.accessibleLabel},n("div",{key:"0e76aa9cf8e2088809c32ffb889ea7bd0e65f328",class:"top"}),n("div",{key:"3e0e929ab2dabd44122c86b3d89690084d49ee8c",class:{container:true},ref:function(t){return e.container=t},onScroll:function(){return e.scrollbarCheck()}},this.logo&&n("div",{key:"daf3d473577d75062dbbdd2f4d277aecffddb806"},n("duet-logo",{key:"e560ec5ffbd0ab8c03a2284c6f5c24be44304595",size:this.logoSize,margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language})),n("div",{key:"f90de1dde38ffad772fd1db9ef1949bd69651a17",class:"list center",role:"list"},n("div",{key:"e21ef580e08ebefe3ff5a23da0a6df2d2714c2b0",class:"more-left",hidden:!this.leftMoreVisible,role:"presentation"}),n("slot",{key:"fbfd2e2f6a9d69d0e5f0843d30f723beadde4c1b",name:"center"}),n("div",{key:"6d232d47954eb7590982353aa05a869353cd5103",class:"more-right",hidden:!this.rightMoreVisible,role:"presentation"})),n("div",{key:"14d79bc82134dd5449172dadccdd94e39508e3ce",class:"list right",role:"list"},n("slot",{key:"383cc225f16923f7538daf24ef5f5592ace15ece",name:"right"}))),n("div",{key:"5042a82358354e9a77e5f7d022d47bf46e9c6250",class:"bottom"})))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());l.style=f}}}));
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- System.register(["./p-b9d4ed8d.system.js","./p-e216bea4.system.js"],(function(e){"use strict";var t,o,a,r,n;return{setters:[function(e){t=e.r;o=e.h;a=e.H;r=e.g},function(e){n=e.i}],execute:function(){var i='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-toolbar-link{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, 77, 128);text-align:center;text-decoration:none;white-space:nowrap}.duet-toolbar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-toolbar-link:focus,.duet-toolbar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-link.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.negative duet-icon{color:rgb(205, 229, 241)}.duet-toolbar-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, 28, 58)}.duet-toolbar-link.duet-theme-turva.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.duet-theme-turva.negative duet-icon{color:rgb(244, 207, 214)}.duet-toolbar-link:hover{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}.duet-toolbar-link:hover.negative{color:rgb(255, 255, 255);background:rgba(0, 41, 77, 0.2)}.duet-toolbar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.duet-toolbar-link:hover.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active{color:rgb(0, 41, 77)}.duet-toolbar-link.active.negative{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active.negative::after{display:none}.duet-toolbar-link.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-link.active::after.duet-theme-turva{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva{color:rgb(23, 28, 58)}.duet-toolbar-link.active.duet-theme-turva::after{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}';var l=i;var u=e("duet_toolbar_link",function(){function e(e){t(this,e);this.theme="";this.variation="default";this.active=false;this.href="#";this.icon=undefined;this.accessibleLabel=undefined}e.prototype.componentWillLoad=function(){n(this)};e.prototype.render=function(){var e;var t=this.variation==="negative"?"negative":"white";return o(a,{key:"b832ea851b28b4646fe9e96daaf3c22c80d8f7b1",role:"listitem"},o("a",{key:"fc54c56579b8d3af9779651ac6f1b1ea459f1b15",class:(e={"duet-toolbar-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},e[t]=true,e),href:this.href,"aria-current":this.active?"true":"false","aria-label":this.accessibleLabel},this.icon&&o("duet-icon",{key:"410f962aff3503e7bc290ad612e1768e0286ba34",size:"x-small",name:this.icon,margin:"none",theme:this.theme,color:"currentColor"}),o("slot",{key:"f7e9577e8ff512c64164f73d25426e8f9cd154e4"})))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());u.style=l}}}));
4
+ System.register(["./p-23c54408.system.js","./p-e216bea4.system.js"],(function(e){"use strict";var t,o,a,r,n;return{setters:[function(e){t=e.r;o=e.h;a=e.H;r=e.g},function(e){n=e.i}],execute:function(){var i='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-toolbar-link{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, 77, 128);text-align:center;text-decoration:none;white-space:nowrap}.duet-toolbar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-toolbar-link:focus,.duet-toolbar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-link.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.negative duet-icon{color:rgb(205, 229, 241)}.duet-toolbar-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, 28, 58)}.duet-toolbar-link.duet-theme-turva.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.duet-theme-turva.negative duet-icon{color:rgb(244, 207, 214)}.duet-toolbar-link:hover{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}.duet-toolbar-link:hover.negative{color:rgb(255, 255, 255);background:rgba(0, 41, 77, 0.2)}.duet-toolbar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.duet-toolbar-link:hover.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active{color:rgb(0, 41, 77)}.duet-toolbar-link.active.negative{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active.negative::after{display:none}.duet-toolbar-link.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-link.active::after.duet-theme-turva{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva{color:rgb(23, 28, 58)}.duet-toolbar-link.active.duet-theme-turva::after{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}';var l=i;var u=e("duet_toolbar_link",function(){function e(e){t(this,e);this.theme="";this.variation="default";this.active=false;this.href="#";this.icon=undefined;this.accessibleLabel=undefined}e.prototype.componentWillLoad=function(){n(this)};e.prototype.render=function(){var e;var t=this.variation==="negative"?"negative":"white";return o(a,{key:"b832ea851b28b4646fe9e96daaf3c22c80d8f7b1",role:"listitem"},o("a",{key:"fc54c56579b8d3af9779651ac6f1b1ea459f1b15",class:(e={"duet-toolbar-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},e[t]=true,e),href:this.href,"aria-current":this.active?"true":"false","aria-label":this.accessibleLabel},this.icon&&o("duet-icon",{key:"410f962aff3503e7bc290ad612e1768e0286ba34",size:"x-small",name:this.icon,margin:"none",theme:this.theme,color:"currentColor"}),o("slot",{key:"f7e9577e8ff512c64164f73d25426e8f9cd154e4"})))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());u.style=l}}}));
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * Built with Duet Design System
3
+ */
4
+ import{r as t,c as i,h as s,H as e,g as n}from"./p-0974e195.js";import{o as a,f as o,c as h}from"./p-81287261.js";import{i as r}from"./p-aaa7a7bd.js";import{f as p}from"./p-7c6f07f2.js";import{f as c,c as d,b as m,o as l}from"./p-a1b7f2a0.js";import{T as u}from"./p-ca3cb21e.js";const b=class{constructor(s){t(this,s),this.duetToggle=i(this,"duetToggle",7),this.setOpenButton=t=>{if(t)try{const i=t;i.accessiblePopup="true",i.accessibleExpanded=!1,i.setAttribute("trailing-icon","action-arrow-down-small"),this.openButton=i}catch(t){}},this.openButtonEventListener=()=>{this.toggle()},this.updatePlacement=async()=>{if(!this.openButton)return;const t=[a({mainAxis:this.mainAxisOffset,crossAxis:this.crossAxisOffset}),o({mainAxis:!this.forcePlacement})],i=await h(this.openButton,this.menuElement,{middleware:t,placement:this.placement,strategy:this.position});this.menuY=i.y,this.menuX=i.x},this.open=!1,this.menuY=void 0,this.menuX=void 0,this.accessibleLabel=void 0,this.accessibleRole="menu",this.theme="",this.skipTeleport=void 0,this.controller=void 0,this.placement="bottom-start",this.forcePlacement=!1,this.position="absolute",this.mainAxisOffset=0,this.crossAxisOffset=0}componentWillLoad(){r(this)}componentDidLoad(){this.updatePlacement()}connectedCallback(){this.handleControllerChange(this.controller,null),this.teleport||(this.teleport=new u(this.element)),this.teleport&&this.teleport.activate()}disconnectedCallback(){this.openButton&&(this.openButton.removeEventListener("click",this.openButtonEventListener),this.openButton.removeAttribute("trailing-icon"))}handleKeyUp(t){this.open&&c(t)&&(this.focusOpenButton(),this.hide())}async handleKeyDown(t){if(this.open){if(d(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(i<this.itemElements.length-1?this.itemElements[i+1].setFocus():this.itemElements[0].setFocus())}if(m(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(0===i?this.itemElements[this.itemElements.length-1].setFocus():this.itemElements[i-1].setFocus())}l(t)&&"menu"===this.accessibleRole&&(t.preventDefault(),this.hide())}}handleClick(t){const i=t.composedPath().every((t=>t!==this.element&&t!==this.openButton));this.open&&i&&this.hide()}async isOpen(){return this.open}async show(){this.open=!0}async hide(){this.open=!1}async toggle(){this.open?this.hide():this.show()}handleControllerChange(t,i){!!t!=!!i&&("string"==typeof this.controller?(this.setOpenButton(document.getElementById(this.controller)),this.openButton&&this.openButton.addEventListener("click",this.openButtonEventListener)):this.setOpenButton(this.controller))}handleOpenChange(t,i){!!t!=!!i&&(this.open&&!i?(this.openButton&&(this.openButton.accessibleExpanded=!0),this.teleport.makeSiblingsInert(),this.updatePlacement(),setTimeout((()=>{"menu"===this.accessibleRole&&this.itemElements[0].setFocus(),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"})}),200)):!this.open&&i&&(this.openButton&&(this.openButton.accessibleExpanded=!1),setTimeout((()=>{"menu"===this.accessibleRole&&this.focusOpenButton(),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"}),this.teleport.removeInertFromSiblings()}),200)))}focusOpenButton(){this.open&&p(this.openButton)}get itemElements(){return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"))}async getFocusedItemIndex(){const t=this.itemElements;for(let i=0;i<t.length;i++)if(await t[i].isFocused())return i;return-1}render(){return s(e,{key:"dbd5d6ba344124704ad5798622aeed8e2f1edb1b"},s("div",{key:"a59dd98042f84b7460956b4b94870691f7af399e",ref:t=>this.menuElement=t,style:{top:`${this.menuY}px`,left:`${this.menuX}px`,position:this.position},class:{open:this.open,"duet-popup-menu-list":!0,"duet-theme-turva":"turva"===this.theme},role:this.accessibleRole,"aria-label":this.accessibleLabel},s("slot",{key:"2a0d9c72cc78e95918685a0b13f9c184d352867e"})))}get element(){return n(this)}static get watchers(){return{controller:["handleControllerChange"],open:["handleOpenChange"]}}};b.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-popup-menu-list{position:absolute;top:0;left:0;z-index:950;width:max-content;min-width:175px;padding:8px;margin:0;color:rgb(0, 41, 77);list-style:none;visibility:hidden !important;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, visibility 300ms ease, opacity 300ms ease;transform:scaleY(0);transform-origin:top center}.duet-popup-menu-list.open{visibility:visible !important;opacity:1;transform:scaleY(1)}.duet-popup-menu-list.fixed{position:fixed}.duet-popup-menu-list.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255)}";export{b as duet_popup_menu}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as e,h as a,H as n,g as t}from"./p-18ada958.js";import{i as o}from"./p-aaa7a7bd.js";import{f as r}from"./p-a1b7f2a0.js";const i=class{constructor(a){e(this,a),this.theme="",this.active=!1,this.href="#",this.icon=void 0,this.caret=!1,this.highlight=!1}componentWillLoad(){o(this)}handleEscape(e){if(r(e)){const e=this.element.closest("duet-submenu-bar-dropdown");e.open=!1,e.setFocus()}}render(){return a(n,{key:"a400917134e580c4893ad3eba9903b940b0cdbae"},a("a",{key:"871e51527e709c741f03abbd80a1e29da982aefa",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&&a("duet-icon",{key:"0da2198cdb336d7ea2497eb41142a87bafe8acba",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),a("span",{key:"dd44684f0c0675ced40c76f2f146710d93967de9",class:"label-container"},a("span",{key:"2d2a082969a43fc184d3279995fb8b44326eeaef",class:"label"},a("slot",{key:"54cb80ae2ee9abb088d6a47fd32b386a176ed1bd"})),this.caret&&a("duet-icon",{key:"12aee3915eb2a897ec544a52ed04a135555dd5d8",name:"action-arrow-right-small",size:"xxx-small",margin:"none"})),this.active&&a("duet-icon",{key:"b065c6fe0ce97224497f0b7c62c3f987dc71ce72",class:"active-check",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor"})))}get element(){return t(this)}};i.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;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(0, 41, 77);text-align:left;text-decoration:none}.duet-submenu-bar-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-submenu-bar-dropdown-link:focus,.duet-submenu-bar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.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, 28, 58)}.duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-submenu-bar-dropdown-link.active{background:rgb(243, 249, 252)}.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, 245, 247)}.duet-submenu-bar-dropdown-link:hover{background:rgb(230, 242, 248)}.duet-submenu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(228, 228, 230)}}.duet-submenu-bar-dropdown-link.highlight{color:rgb(0, 119, 179)}.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva{color:rgb(148, 9, 37)}';export{i as duet_submenu_bar_dropdown_link}
4
+ import{r as e,h as a,H as n,g as t}from"./p-0974e195.js";import{i as o}from"./p-aaa7a7bd.js";import{f as r}from"./p-a1b7f2a0.js";const i=class{constructor(a){e(this,a),this.theme="",this.active=!1,this.href="#",this.icon=void 0,this.caret=!1,this.highlight=!1}componentWillLoad(){o(this)}handleEscape(e){if(r(e)){const e=this.element.closest("duet-submenu-bar-dropdown");e.open=!1,e.setFocus()}}render(){return a(n,{key:"a400917134e580c4893ad3eba9903b940b0cdbae"},a("a",{key:"871e51527e709c741f03abbd80a1e29da982aefa",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&&a("duet-icon",{key:"0da2198cdb336d7ea2497eb41142a87bafe8acba",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),a("span",{key:"dd44684f0c0675ced40c76f2f146710d93967de9",class:"label-container"},a("span",{key:"2d2a082969a43fc184d3279995fb8b44326eeaef",class:"label"},a("slot",{key:"54cb80ae2ee9abb088d6a47fd32b386a176ed1bd"})),this.caret&&a("duet-icon",{key:"12aee3915eb2a897ec544a52ed04a135555dd5d8",name:"action-arrow-right-small",size:"xxx-small",margin:"none"})),this.active&&a("duet-icon",{key:"b065c6fe0ce97224497f0b7c62c3f987dc71ce72",class:"active-check",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor"})))}get element(){return t(this)}};i.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;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(0, 41, 77);text-align:left;text-decoration:none}.duet-submenu-bar-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-submenu-bar-dropdown-link:focus,.duet-submenu-bar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.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, 28, 58)}.duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-submenu-bar-dropdown-link.active{background:rgb(243, 249, 252)}.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, 245, 247)}.duet-submenu-bar-dropdown-link:hover{background:rgb(230, 242, 248)}.duet-submenu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(228, 228, 230)}}.duet-submenu-bar-dropdown-link.highlight{color:rgb(0, 119, 179)}.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva{color:rgb(148, 9, 37)}';export{i as duet_submenu_bar_dropdown_link}
@@ -1,4 +1,4 @@
1
1
  var __awaiter=this&&this.__awaiter||function(e,t,i,a){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,o){function s(e){try{r(a.next(e))}catch(e){o(e)}}function l(e){try{r(a["throw"](e))}catch(e){o(e)}}function r(e){e.done?i(e.value):n(e.value).then(s,l)}r((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,n,o,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(e){return function(t){return r([e,t])}}function r(l){if(a)throw new TypeError("Generator is already executing.");while(s&&(s=0,l[0]&&(i=0)),i)try{if(a=1,n&&(o=l[0]&2?n["return"]:l[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,l[1])).done)return o;if(n=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;n=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(l[0]===6&&i.label<o[1]){i.label=o[1];o=l;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(l);break}if(o[2])i.ops.pop();i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e];n=0}finally{a=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};
2
2
  /*!
3
3
  * Built with Duet Design System
4
- */System.register(["./p-b9d4ed8d.system.js","./p-0c4bbd65.system.js","./p-c51d6fb5.system.js","./p-e216bea4.system.js","./p-e6b5a1c7.system.js","./p-34d7dd10.system.js","./p-e12af479.system.js","./p-6ef75455.system.js"],(function(e){"use strict";var t,i,a,n,o,s,l,r,c,u,d,f,h,b,p;return{setters:[function(e){t=e.r;i=e.c;a=e.h;n=e.H;o=e.g},function(e){s=e.a},function(e){l=e.f;r=e.t},function(e){c=e.i},function(e){u=e.c},function(e){d=e.i;f=e.s;h=e.u},function(e){b=e.h},function(e){p=e.s}],execute:function(){var g='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 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, 28, 58)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77)}@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, 28, 58)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin: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, 28, 58)}.duet-collapsible-heading .duet-collapsible-heading-content{min-width:0}.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:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(0, 41, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}';var m=g;var y=e("duet_collapsible",function(){function e(e){var a=this;t(this,e);this.duetToggle=i(this,"duetToggle",7);this.id=u("DuetCollapsible");this.handleKeyDown=function(e){if(d(e)){a.handleClick(e)}};this.getFontSizeFromTokens=function(e){if(e===void 0){e=a.headingSize}if(!e){return l}else{var t=/-/g;var i=e.replace(t,"_");return r["font_size_".concat(i)]}};this.getEquivalentIconSize=function(e){if(e===void 0){e=a.headingSize}switch(e){case"x-small":return"xx-small";case"small":return"xx-small";case"medium":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";default:return"xx-small"}};this.handleClick=function(e){e.preventDefault();a.open=!a.open;a.duetToggle.emit({component:"duet-collapsible",originalEvent:e})};this.theme="";this.accessibleLabel=undefined;this.heading="";this.headingFullWidth=false;this.centerHeading=false;this.headingWeight="semibold";this.headingSize=undefined;this.headingLevel=undefined;this.margin="auto";this.open=false}e.prototype.componentWillLoad=function(){c(this);this.hasAfterHeading=b(this.element,"after-heading")};e.prototype.connectedCallback=function(){f(this)};e.prototype.disconnectedCallback=function(){h(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeButton){this.element.classList.add("user-is-tabbing");this.nativeButton.focus(e)}return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.headingLevel?p(this.headingLevel):"div";return a(n,{key:"aafe219a93ff8b806e05ecf9c0203f7afd6929e1",class:{"duet-m-0":this.margin==="none"}},a(t,{key:"c6f7409213132914e3ec49ba138a10aee197fb03"},a("button",{key:"988a8b779e70e27852ac15b271ee8ad6eeb53f52",class:{"duet-collapsible-heading":true,"duet-collapsible-heading-centered":this.centerHeading,"duet-theme-turva":this.theme==="turva","duet-collapsible-normal-weight":this.headingWeight==="normal","has-after-heading":this.hasAfterHeading,"full-width":this.headingFullWidth},style:{"font-size":this.getFontSizeFromTokens()},role:"button",ref:function(t){return e.nativeButton=t},"aria-label":this.accessibleLabel,"aria-expanded":this.open?"true":"false","aria-controls":this.id,onClick:this.handleClick,onKeyDown:this.handleKeyDown},a("div",{key:"7ad9554421eb7d8777b207721224268ba575b832",class:"duet-collapsible-heading-icon"},a("duet-icon",{key:"057dd8ded09e313bc868f3f349d80b37d565f1da",margin:"none",color:this.theme==="turva"?"secondary-turva":"secondary",size:this.getEquivalentIconSize(),icon:s.svg})),a("div",{key:"4a929efd3b1cd2b1725e1d2dc3a68b3656ad32f3",class:"duet-collapsible-heading-content",part:"duet-collapsible-heading-content"},this.heading),this.hasAfterHeading&&a("div",{key:"a8a3051f9f9fa0e01619a2c8cf82dde1e117aa3e",part:"duet-collapsible-after-heading"},a("slot",{key:"5eb5fbcdacf0edcb52f3fcc4c196dc308a1c5ac2",name:"after-heading"})))),a("div",{key:"1cae60d79f74a0961eb0a280b3f31b457ba82c86",id:this.id,class:{"duet-collapsible-content":true,"duet-theme-turva":this.theme==="turva"},part:"duet-collapsible-content"},a("slot",{key:"1c8fb0d10608e14f55023891f331b4a7a538f527"})))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());y.style=m}}}));
4
+ */System.register(["./p-23c54408.system.js","./p-0c4bbd65.system.js","./p-c51d6fb5.system.js","./p-e216bea4.system.js","./p-e6b5a1c7.system.js","./p-34d7dd10.system.js","./p-42a3bc8e.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,i,a,n,o,s,l,r,c,u,d,f,h,b,p;return{setters:[function(e){t=e.r;i=e.c;a=e.h;n=e.H;o=e.g},function(e){s=e.a},function(e){l=e.f;r=e.t},function(e){c=e.i},function(e){u=e.c},function(e){d=e.i;f=e.s;h=e.u},function(e){b=e.h},function(e){p=e.s}],execute:function(){var g='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 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, 28, 58)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77)}@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, 28, 58)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin: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, 28, 58)}.duet-collapsible-heading .duet-collapsible-heading-content{min-width:0}.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:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(0, 41, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}';var m=g;var y=e("duet_collapsible",function(){function e(e){var a=this;t(this,e);this.duetToggle=i(this,"duetToggle",7);this.id=u("DuetCollapsible");this.handleKeyDown=function(e){if(d(e)){a.handleClick(e)}};this.getFontSizeFromTokens=function(e){if(e===void 0){e=a.headingSize}if(!e){return l}else{var t=/-/g;var i=e.replace(t,"_");return r["font_size_".concat(i)]}};this.getEquivalentIconSize=function(e){if(e===void 0){e=a.headingSize}switch(e){case"x-small":return"xx-small";case"small":return"xx-small";case"medium":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";default:return"xx-small"}};this.handleClick=function(e){e.preventDefault();a.open=!a.open;a.duetToggle.emit({component:"duet-collapsible",originalEvent:e})};this.theme="";this.accessibleLabel=undefined;this.heading="";this.headingFullWidth=false;this.centerHeading=false;this.headingWeight="semibold";this.headingSize=undefined;this.headingLevel=undefined;this.margin="auto";this.open=false}e.prototype.componentWillLoad=function(){c(this);this.hasAfterHeading=b(this.element,"after-heading")};e.prototype.connectedCallback=function(){f(this)};e.prototype.disconnectedCallback=function(){h(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeButton){this.element.classList.add("user-is-tabbing");this.nativeButton.focus(e)}return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.headingLevel?p(this.headingLevel):"div";return a(n,{key:"aafe219a93ff8b806e05ecf9c0203f7afd6929e1",class:{"duet-m-0":this.margin==="none"}},a(t,{key:"c6f7409213132914e3ec49ba138a10aee197fb03"},a("button",{key:"988a8b779e70e27852ac15b271ee8ad6eeb53f52",class:{"duet-collapsible-heading":true,"duet-collapsible-heading-centered":this.centerHeading,"duet-theme-turva":this.theme==="turva","duet-collapsible-normal-weight":this.headingWeight==="normal","has-after-heading":this.hasAfterHeading,"full-width":this.headingFullWidth},style:{"font-size":this.getFontSizeFromTokens()},role:"button",ref:function(t){return e.nativeButton=t},"aria-label":this.accessibleLabel,"aria-expanded":this.open?"true":"false","aria-controls":this.id,onClick:this.handleClick,onKeyDown:this.handleKeyDown},a("div",{key:"7ad9554421eb7d8777b207721224268ba575b832",class:"duet-collapsible-heading-icon"},a("duet-icon",{key:"057dd8ded09e313bc868f3f349d80b37d565f1da",margin:"none",color:this.theme==="turva"?"secondary-turva":"secondary",size:this.getEquivalentIconSize(),icon:s.svg})),a("div",{key:"4a929efd3b1cd2b1725e1d2dc3a68b3656ad32f3",class:"duet-collapsible-heading-content",part:"duet-collapsible-heading-content"},this.heading),this.hasAfterHeading&&a("div",{key:"a8a3051f9f9fa0e01619a2c8cf82dde1e117aa3e",part:"duet-collapsible-after-heading"},a("slot",{key:"5eb5fbcdacf0edcb52f3fcc4c196dc308a1c5ac2",name:"after-heading"})))),a("div",{key:"1cae60d79f74a0961eb0a280b3f31b457ba82c86",id:this.id,class:{"duet-collapsible-content":true,"duet-theme-turva":this.theme==="turva"},part:"duet-collapsible-content"},a("slot",{key:"1c8fb0d10608e14f55023891f331b4a7a538f527"})))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());y.style=m}}}));
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as e,c as t,h as i,H as c,g as o}from"./p-18ada958.js";import{i as a}from"./p-aaa7a7bd.js";import{c as n}from"./p-5e59e970.js";import{s as d,u as r}from"./p-a1b7f2a0.js";const h=class{constructor(i){e(this,i),this.duetChange=t(this,"duetChange",3),this.duetRemove=t(this,"duetRemove",3),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.chipId=n("DuetChip"),this.enforceNoDisabledSelected=()=>{this.disabled&&this.checked&&(console.error("Duet error: pre-selected chip may not be disabled"),this.disabled=!1)},this.radioInputListenersRemove=e=>{e.removeEventListener("change",this.onRadioChange),e.removeEventListener("click",this.onRadioClick),e.removeEventListener("focus",this.onFocus),e.removeEventListener("blur",this.onBlur)},this.radioInputListenersAdd=e=>{e.addEventListener("change",this.onRadioChange),e.addEventListener("click",this.onRadioClick),e.addEventListener("focus",this.onFocus),e.addEventListener("blur",this.onBlur)},this.radioInputSetUp=()=>{const e=this.element.querySelector("input[slot=input]"),t=e||document.createElement("input");t.slot="input",t.ariaDisabled=this.disabled?"true":void 0,t.id=this.identifier||this.chipId,t.type="radio",t.name=this.name,t.value=this.value,t.checked=this.checked,e?this.radioInputListenersRemove(t):this.element.appendChild(t),this.radioInputListenersAdd(t),this.focusableElement=t},this.popupSetUp=()=>{const e=document.querySelector(`duet-popup-menu#${this.popup}`);if(e){this.popupElement=e,e.controller=this.element;const t=this.element.textContent,i=this.value;e.id||(e.id="popup-menu"),e.addEventListener("duetToggle",(e=>{this.popupOpen=e.detail.open}));const c=()=>{e.querySelectorAll("duet-popup-menu-item").forEach((e=>{e.active=!1}))};e.querySelectorAll("duet-popup-menu-item").forEach((e=>{e.addEventListener("click",(o=>{var a;const n=null!==(a=e.value)&&void 0!==a?a:e.innerText;e.active?(c(),this.element.textContent=t,this.value=i,this.checked=!1):(c(),e.active=!0,this.element.textContent=e.innerText,this.value=n,this.checked=!0),this.emitChange(o),setTimeout((()=>{this.popupElement.isOpen()&&this.popupElement.hide()}))}))}))}},this.onFocus=e=>{this.focus=!0,this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.onBlur=e=>{this.focus=!1,this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.emitChange=e=>{this.duetChange.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.onFilterChange=e=>{this.checked=!this.checked,this.emitChange(e)},this.onRadioChange=e=>{this.checked=this.focusableElement.checked,this.emitChange(e)},this.onRadioClick=e=>{this.disabled&&e.preventDefault()},this.onFilterClick=e=>{if(this.disabled)return e.stopPropagation(),void e.preventDefault();this.popupElement&&(e.stopPropagation(),e.preventDefault(),this.popupElement.toggle())},this.onRemoveClick=e=>{e.stopPropagation(),e.preventDefault(),this.duetRemove.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"}),this.element.remove()},this.focus=!1,this.popupElement=void 0,this.popupOpen=void 0,this.accessibleLabel=void 0,this.variation="button",this.size="medium",this.popup=void 0,this.icon="",this.theme="",this.identifier=void 0,this.value=void 0,this.name=void 0,this.checked=!1,this.disabled=!1,this.accessibleExpanded=void 0,this.accessiblePopup="false"}clearOtherRadioButtons(){"radio"===this.variation&&this.checked&&document.querySelectorAll(`duet-chip[variation="radio"][name="${this.name}"]`).forEach((e=>{e!==this.element&&(e.checked=!1)}))}componentWillLoad(){a(this),this.popupSetUp(),this.enforceNoDisabledSelected()}connectedCallback(){d(this)}disconnectedCallback(){r(this)}componentDidRender(){"radio"===this.variation&&this.radioInputSetUp()}getAccessibleExpanded(){return null!=this.accessibleExpanded?(!!this.accessibleExpanded).toString():this.popupElement?this.popupOpen?"true":"false":void 0}getAccessiblePopup(){return this.popupElement?"true":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0}async setFocus(e){setTimeout((()=>this.focusableElement.focus(e)),200)}render(){var e;const t=this.identifier||this.chipId,o={"duet-chip-container":!0,[`duet-chip-${this.variation}`]:!0,"duet-chip-focus":this.focus,"duet-chip-has-icon":!!this.icon,"duet-chip-has-popup":"filter"===this.variation&&!!this.popupElement,"duet-theme-turva":"turva"===this.theme,"duet-chip-filter-checked":"filter"===this.variation&&this.checked,"duet-chip-radio-checked":"radio"===this.variation&&this.checked,"duet-chip-filter-popup-open":this.popupOpen,"duet-chip-disabled":this.disabled,[this.size]:!0},a={onFocus:this.onFocus,onBlur:this.onBlur,ref:e=>this.focusableElement=e};return i(c,{key:"83bf513ef7192b64d92eb428ca47fbdf317468d9",class:{[this.variation]:!0}},"button"===this.variation&&i("span",{key:"750fdb0037f02571a465c86dfed9f81a4e4f1110",class:o},i("button",Object.assign({key:"49d5409a3600f91d6feefdafb207d17e330f53a3",id:t,"aria-label":this.accessibleLabel,"aria-disabled":this.disabled?"true":void 0,name:this.name,value:this.value,onClick:this.disabled?e=>e.stopPropagation():void 0},a),i("span",{key:"609549b8eb1bc7b9c3e7049f94dc9678b9dc259f",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"9167ad7ccd13479061d6849af2938bc868e51677",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"f8ab715a57220b96dbdbd2478207c4ba40ba325b"}))),"input"===this.variation&&i("span",{key:"0f1faa69c817a88de8716de8b261fa63688c899b",class:o},i("button",Object.assign({key:"1955c7a24051d1c5b7671bf4a8438ee1c014b7cc",id:t,class:"duet-chip-input-button",value:this.value,"aria-label":this.accessibleLabel},a),i("span",{key:"3d69ad3ec1037f7b8278156392e902a2317f758c",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"c056e4f37ca87f98fb8743d5b723232e8335f83c",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"f257712ed166db7feb280d894bb1c111fa6fe171"})),i("button",{key:"0735914e5223ab4aed75f03e08e39af6a10ced8e",class:"duet-chip-remove-button",onClick:this.onRemoveClick},i("duet-icon",{key:"3478c9f87f043e61f96a7595a35db8849c0c730c",name:"activity-close",size:"xx-small",margin:"none",color:"currentColor"}))),"filter"===this.variation&&i("span",{key:"a656fd6ce69c6201d0dd7407170c88c47e8f2a67",class:o},i("input",Object.assign({key:"51dd1e0898d2af86d493e25b9d623d422a1e3ca8","aria-haspopup":this.getAccessiblePopup(),"aria-controls":null===(e=this.popupElement)||void 0===e?void 0:e.id,"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":void 0,id:t,type:"checkbox",name:this.name,value:this.value,checked:this.checked,onClick:this.onFilterClick,onChange:this.onFilterChange},a)),i("label",{key:"60a550a09fcebb26e886503f0d9c637e6e2447cc",htmlFor:t},this.icon&&i("span",{key:"ba317cf437844d8c8694956e114687fa0d531daf",class:"duet-chip-icon-container"},i("duet-icon",{key:"4e6bd4e5e0003bf649929dfdb36ca0f5b00e3e4c",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"7d427ed0b6d4d15a1eb1b3c0515e3d0d119a5197",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"943da2eae596920b321008ca6d927411109555db"}),this.popupElement&&i("span",{key:"ccff1c7a99e9bf1b96449d061526a6f207907dfe",class:"duet-chip-popup-disclosure"},i("duet-icon",{key:"b381a2ae097f9de261f971882520688b0857a02f",name:"action-arrow-down-small",size:"xxx-small",margin:"none",color:"currentColor"})))),"radio"===this.variation&&i("span",{key:"804eec75bc2347e568c5ebe9c994d909df7a6d15",class:o},i("slot",{key:"74bef72f091082f56c3cbdc01c6284a347de775f",name:"input"}),i("label",{key:"2a1fb8e4e0da4b7aa89fad54677e8cc3c0ea318f",htmlFor:t},this.icon&&i("span",{key:"6bf61ec47a6647c05ef31fcef2d955740a37e55e",class:"duet-chip-icon-container"},i("duet-icon",{key:"0c780d8a156ebb569408bbac96838b8627818b79",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"ed9beaf0e2c72f762c8abcc8ebec1a149ce4f31e",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"b1c9725c085d8d27b273eae4eba95b8c911343db"}))))}get element(){return o(this)}static get watchers(){return{checked:["clearOtherRadioButtons"]}}};h.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(207, 210, 212);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(207, 207, 209)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(101, 119, 135) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1rem;color:rgb(0, 41, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:10px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:8px}.duet-chip-container duet-icon:not(.check-mark){width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container duet-icon.check-mark{width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(230, 242, 248);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(205, 229, 241)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(228, 228, 230)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(243, 249, 252);border-color:rgb(243, 249, 252)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input{display:flex;align-items:center;padding-right:0 !important}.duet-chip-container.duet-chip-input .duet-chip-input-button{flex-grow:1}.duet-chip-container.duet-chip-input .duet-chip-remove-button{width:26px;padding:8px 16px 8px 0;margin:-8px 0}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 22px}:host(.user-is-tabbing) .duet-chip-focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;cursor:pointer;border-width:2px;border-radius:8px;opacity:0;appearance:none}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}';export{h as duet_chip}
4
+ import{r as e,c as t,h as i,H as c,g as o}from"./p-0974e195.js";import{i as n}from"./p-aaa7a7bd.js";import{c as a}from"./p-5e59e970.js";import{s as d,u as r}from"./p-a1b7f2a0.js";const h=class{constructor(i){e(this,i),this.duetChange=t(this,"duetChange",3),this.duetRemove=t(this,"duetRemove",3),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.chipId=a("DuetChip"),this.enforceNoDisabledSelected=()=>{this.disabled&&this.checked&&(console.error("Duet error: pre-selected chip may not be disabled"),this.disabled=!1)},this.radioInputListenersRemove=e=>{e.removeEventListener("change",this.onRadioChange),e.removeEventListener("click",this.onRadioClick),e.removeEventListener("focus",this.onFocus),e.removeEventListener("blur",this.onBlur)},this.radioInputListenersAdd=e=>{e.addEventListener("change",this.onRadioChange),e.addEventListener("click",this.onRadioClick),e.addEventListener("focus",this.onFocus),e.addEventListener("blur",this.onBlur)},this.radioInputSetUp=()=>{const e=this.element.querySelector("input[slot=input]"),t=e||document.createElement("input");t.slot="input",t.ariaDisabled=this.disabled?"true":void 0,t.id=this.identifier||this.chipId,t.type="radio",t.name=this.name,t.value=this.value,t.checked=this.checked,e?this.radioInputListenersRemove(t):this.element.appendChild(t),this.radioInputListenersAdd(t),this.focusableElement=t},this.popupSetUp=()=>{const e=document.querySelector(`duet-popup-menu#${this.popup}`);if(e){this.popupElement=e,e.controller=this.element;const t=this.element.textContent,i=this.value;e.id||(e.id="popup-menu"),e.addEventListener("duetToggle",(e=>{this.popupOpen=e.detail.open}));const c=()=>{e.querySelectorAll("duet-popup-menu-item").forEach((e=>{e.active=!1}))};e.querySelectorAll("duet-popup-menu-item").forEach((e=>{e.addEventListener("click",(o=>{var n;const a=null!==(n=e.value)&&void 0!==n?n:e.innerText;e.active?(c(),this.element.textContent=t,this.value=i,this.checked=!1):(c(),e.active=!0,this.element.textContent=e.innerText,this.value=a,this.checked=!0),this.emitChange(o),setTimeout((()=>{this.popupElement.isOpen()&&this.popupElement.hide()}))}))}))}},this.onFocus=e=>{this.focus=!0,this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.onBlur=e=>{this.focus=!1,this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.emitChange=e=>{this.duetChange.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.onFilterChange=e=>{this.checked=!this.checked,this.emitChange(e)},this.onRadioChange=e=>{this.checked=this.focusableElement.checked,this.emitChange(e)},this.onRadioClick=e=>{this.disabled&&e.preventDefault()},this.onFilterClick=e=>{if(this.disabled)return e.stopPropagation(),void e.preventDefault();this.popupElement&&(e.stopPropagation(),e.preventDefault(),this.popupElement.toggle())},this.onRemoveClick=e=>{e.stopPropagation(),e.preventDefault(),this.duetRemove.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"}),this.element.remove()},this.focus=!1,this.popupElement=void 0,this.popupOpen=void 0,this.accessibleLabel=void 0,this.variation="button",this.size="medium",this.popup=void 0,this.icon="",this.theme="",this.identifier=void 0,this.value=void 0,this.name=void 0,this.checked=!1,this.disabled=!1,this.accessibleExpanded=void 0,this.accessiblePopup="false"}clearOtherRadioButtons(){"radio"===this.variation&&this.checked&&document.querySelectorAll(`duet-chip[variation="radio"][name="${this.name}"]`).forEach((e=>{e!==this.element&&(e.checked=!1)}))}componentWillLoad(){n(this),this.popupSetUp(),this.enforceNoDisabledSelected()}connectedCallback(){d(this)}disconnectedCallback(){r(this)}componentDidRender(){"radio"===this.variation&&this.radioInputSetUp()}getAccessibleExpanded(){return null!=this.accessibleExpanded?(!!this.accessibleExpanded).toString():this.popupElement?this.popupOpen?"true":"false":void 0}getAccessiblePopup(){return this.popupElement?"true":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0}async setFocus(e){setTimeout((()=>this.focusableElement.focus(e)),200)}render(){var e;const t=this.identifier||this.chipId,o={"duet-chip-container":!0,[`duet-chip-${this.variation}`]:!0,"duet-chip-focus":this.focus,"duet-chip-has-icon":!!this.icon,"duet-chip-has-popup":"filter"===this.variation&&!!this.popupElement,"duet-theme-turva":"turva"===this.theme,"duet-chip-filter-checked":"filter"===this.variation&&this.checked,"duet-chip-radio-checked":"radio"===this.variation&&this.checked,"duet-chip-filter-popup-open":this.popupOpen,"duet-chip-disabled":this.disabled,[this.size]:!0},n={onFocus:this.onFocus,onBlur:this.onBlur,ref:e=>this.focusableElement=e};return i(c,{key:"83bf513ef7192b64d92eb428ca47fbdf317468d9",class:{[this.variation]:!0}},"button"===this.variation&&i("span",{key:"750fdb0037f02571a465c86dfed9f81a4e4f1110",class:o},i("button",Object.assign({key:"49d5409a3600f91d6feefdafb207d17e330f53a3",id:t,"aria-label":this.accessibleLabel,"aria-disabled":this.disabled?"true":void 0,name:this.name,value:this.value,onClick:this.disabled?e=>e.stopPropagation():void 0},n),i("span",{key:"609549b8eb1bc7b9c3e7049f94dc9678b9dc259f",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"9167ad7ccd13479061d6849af2938bc868e51677",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"f8ab715a57220b96dbdbd2478207c4ba40ba325b"}))),"input"===this.variation&&i("span",{key:"0f1faa69c817a88de8716de8b261fa63688c899b",class:o},i("button",Object.assign({key:"1955c7a24051d1c5b7671bf4a8438ee1c014b7cc",id:t,class:"duet-chip-input-button",value:this.value,"aria-label":this.accessibleLabel},n),i("span",{key:"3d69ad3ec1037f7b8278156392e902a2317f758c",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"c056e4f37ca87f98fb8743d5b723232e8335f83c",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"f257712ed166db7feb280d894bb1c111fa6fe171"})),i("button",{key:"0735914e5223ab4aed75f03e08e39af6a10ced8e",class:"duet-chip-remove-button",onClick:this.onRemoveClick},i("duet-icon",{key:"3478c9f87f043e61f96a7595a35db8849c0c730c",name:"activity-close",size:"xx-small",margin:"none",color:"currentColor"}))),"filter"===this.variation&&i("span",{key:"a656fd6ce69c6201d0dd7407170c88c47e8f2a67",class:o},i("input",Object.assign({key:"51dd1e0898d2af86d493e25b9d623d422a1e3ca8","aria-haspopup":this.getAccessiblePopup(),"aria-controls":null===(e=this.popupElement)||void 0===e?void 0:e.id,"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":void 0,id:t,type:"checkbox",name:this.name,value:this.value,checked:this.checked,onClick:this.onFilterClick,onChange:this.onFilterChange},n)),i("label",{key:"60a550a09fcebb26e886503f0d9c637e6e2447cc",htmlFor:t},this.icon&&i("span",{key:"ba317cf437844d8c8694956e114687fa0d531daf",class:"duet-chip-icon-container"},i("duet-icon",{key:"4e6bd4e5e0003bf649929dfdb36ca0f5b00e3e4c",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"7d427ed0b6d4d15a1eb1b3c0515e3d0d119a5197",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"943da2eae596920b321008ca6d927411109555db"}),this.popupElement&&i("span",{key:"ccff1c7a99e9bf1b96449d061526a6f207907dfe",class:"duet-chip-popup-disclosure"},i("duet-icon",{key:"b381a2ae097f9de261f971882520688b0857a02f",name:"action-arrow-down-small",size:"xxx-small",margin:"none",color:"currentColor"})))),"radio"===this.variation&&i("span",{key:"804eec75bc2347e568c5ebe9c994d909df7a6d15",class:o},i("slot",{key:"74bef72f091082f56c3cbdc01c6284a347de775f",name:"input"}),i("label",{key:"2a1fb8e4e0da4b7aa89fad54677e8cc3c0ea318f",htmlFor:t},this.icon&&i("span",{key:"6bf61ec47a6647c05ef31fcef2d955740a37e55e",class:"duet-chip-icon-container"},i("duet-icon",{key:"0c780d8a156ebb569408bbac96838b8627818b79",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"ed9beaf0e2c72f762c8abcc8ebec1a149ce4f31e",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"b1c9725c085d8d27b273eae4eba95b8c911343db"}))))}get element(){return o(this)}static get watchers(){return{checked:["clearOtherRadioButtons"]}}};h.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(207, 210, 212);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(207, 207, 209)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(101, 119, 135) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1rem;color:rgb(0, 41, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:10px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:8px}.duet-chip-container duet-icon:not(.check-mark){width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container duet-icon.check-mark{width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(230, 242, 248);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(205, 229, 241)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(228, 228, 230)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(243, 249, 252);border-color:rgb(243, 249, 252)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input{display:flex;align-items:center;padding-right:0 !important}.duet-chip-container.duet-chip-input .duet-chip-input-button{flex-grow:1}.duet-chip-container.duet-chip-input .duet-chip-remove-button{width:26px;padding:8px 16px 8px 0;margin:-8px 0}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 22px}:host(.user-is-tabbing) .duet-chip-focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;cursor:pointer;border-width:2px;border-radius:8px;opacity:0;appearance:none}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}';export{h as duet_chip}
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * Built with Duet Design System
3
+ */
4
+ import{r as t,h as i,H as n,g as e}from"./p-0974e195.js";import{a as d,m as r,b as a}from"./p-d5c03b61.js";import{w as o,a as m}from"./p-7d8a2628.js";import{i as l}from"./p-aaa7a7bd.js";function g(t){return"duet-grid-item"===t.tagName.toLowerCase()}const s=class{constructor(i){t(this,i),this.mql=[window.matchMedia(d.replace(/'/g,"")),window.matchMedia(r.replace(/'/g,"")),window.matchMedia(a.replace(/'/g,""))],this.distributeFormElement=!1,this.responsive=!1,this.breakpoint="small",this.direction="horizontal",this.rowReverse=!1,this.alignment="top",this.distribution="default",this.mobile="",this.gridTemplate=null}outerHeight(t){const i=t.offsetHeight,n=window.getComputedStyle(t);return["top","bottom"].map((t=>parseInt(n[`margin-${t}`]))).reduce(((t,i)=>t+i),i)}async connectedCallback(){const t=this.element;if(this.distributeFormElement="form_distribute"===this.alignment,this.mutationO=o(t,"duet-grid-item",(()=>{this.updateGridItems()})),this.distributeFormElement){this.mutation1=m(t,"duet-input",(()=>{this.updateGridItemsWithInputFields()}));for(let t=0;t<this.mql.length;t++)this.mql[t].addEventListener&&this.mql[t].addEventListener("change",this.updateGridItemsWithInputFields.bind(this))}this.updateGridItems()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0),this.mutation1&&(this.mutation1.disconnect(),this.mutation1=void 0);for(let t=0;t<this.mql.length;t++)this.mql[t].removeEventListener&&this.mql[t].removeEventListener("change",this.updateGridItemsWithInputFields.bind(this))}async updateGridItems(){Array.from(this.element.children).filter(g).forEach((t=>{t.responsive=this.responsive,t.breakpoint=this.breakpoint,t.direction=this.direction,t.rowReverse=this.rowReverse}))}async updateGridItemsWithInputFields(){const t=Array.from(this.element.children).filter(g),i=!!window&&"column"===window.getComputedStyle(this.element).flexDirection;let n=0;const e=[];t.forEach((t=>{const i=t.querySelector("span.duet-input-error"),n=i?this.outerHeight(i):0;e.push(n)})),n=Math.max(...e),t.forEach((t=>{const e=t.querySelector("span.duet-input-error"),d=e?this.outerHeight(e):0;d<n&&!i?t.setAttribute("style",`padding-bottom: ${n-d}px;`):(d===n||i)&&t.setAttribute("style","padding-bottom: 0px;")}))}render(){return i(n,{class:{"duet-grid":!0,"duet-no-stacking":!this.responsive,"duet-grid-align-top":"top"===this.alignment,"duet-grid-align-bottom":"bottom"===this.alignment||"form_distribute"===this.alignment,"duet-grid-align-center":"center"===this.alignment,"duet-grid-align-stretch":"stretch"===this.alignment,"duet-grid-align-baseline":"baseline"===this.alignment,"duet-grid-distribution-left":"left"===this.distribution,"duet-grid-distribution-right":"right"===this.distribution,"duet-grid-distribution-center":"center"===this.distribution,"duet-grid-distribution-between":"space-between"===this.distribution,"duet-grid-distribution-around":"space-around"===this.distribution,"duet-grid-distribution-evenly":"space-evenly"===this.distribution,"duet-grid-mobile-left":"left"===this.mobile,"duet-grid-mobile-center":"center"===this.mobile,"duet-grid-mobile-right":"right"===this.mobile,"duet-grid-direction-horizontal":"horizontal"===this.direction,"duet-grid-direction-vertical":"vertical"===this.direction,"duet-grid-breakpoint-x-small":"x-small"===this.breakpoint,"duet-grid-breakpoint-small":"small"===this.breakpoint,"duet-grid-breakpoint-medium":"medium"===this.breakpoint,"duet-grid-breakpoint-large":"large"===this.breakpoint,"duet-grid-breakpoint-x-large":"x-large"===this.breakpoint,"duet-grid-row-reverse":this.rowReverse,["duet-grid-variation-"+(this.gridTemplate?"grid":"flex")]:!0,[`duet-grid-template-${this.gridTemplate}`]:!0}},i("slot",null))}get element(){return e(this)}static get watchers(){return{responsive:["updateGridItems"],breakpoint:["updateGridItems"],direction:["updateGridItems"]}}};s.style=":host {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n\n:host(.duet-grid-variation-flex) {\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important;\n justify-content: flex-start !important;\n width: 100%;\n max-width: 100%;\n height: auto;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small) {\n flex-direction: row !important;\n}\n@media (max-width: 22.5em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-small) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-small.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-medium) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-medium.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-large) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-large.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-large) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-large.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-wrap) {\n flex-wrap: wrap !important;\n}\n\n:host(.duet-grid-variation-flex.duet-no-stacking) {\n flex-direction: row !important;\n}\n\n:host(.duet-grid-variation-flex.duet-no-stacking.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small) {\n flex-direction: column !important;\n}\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small) {\n flex-direction: column !important;\n}\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium) {\n flex-direction: column !important;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large) {\n flex-direction: column !important;\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large) {\n flex-direction: column !important;\n}\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-top.duet-no-stacking) {\n align-items: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-no-stacking) {\n align-items: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-center.duet-no-stacking) {\n align-items: center !important;\n}\n\n.duet-grid-align-stretch.duet-no-stacking {\n align-items: stretch !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-no-stacking) {\n align-items: baseline !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-small) {\n align-items: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-small) {\n align-items: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-small) {\n align-items: center !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-small) {\n align-items: stretch !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-small) {\n align-items: baseline !important;\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-small) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-small) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-small) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-small) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-small) {\n align-items: baseline !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-medium) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-medium) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-medium) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-medium) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-medium) {\n align-items: baseline !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-large) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-large) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-large) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-large) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-large) {\n align-items: baseline !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-large) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-large) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-large) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-large) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-large) {\n align-items: baseline !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-left) {\n justify-content: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-right) {\n justify-content: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-center) {\n justify-content: center !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-between) {\n justify-content: space-between !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-around) {\n justify-content: space-around !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-evenly) {\n justify-content: space-evenly !important;\n}\n\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-mobile-left) {\n align-items: flex-start !important;\n justify-content: flex-start !important;\n text-align: left !important;\n }\n}\n\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-mobile-center) {\n align-items: center !important;\n justify-content: center !important;\n text-align: center !important;\n }\n :host(.duet-grid-variation-flex.duet-grid-mobile-center) * {\n text-align: center !important;\n }\n}\n\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-mobile-right) {\n align-items: flex-end !important;\n justify-content: flex-end !important;\n text-align: right !important;\n }\n :host(.duet-grid-variation-flex.duet-grid-mobile-right) * {\n text-align: right !important;\n }\n}\n\n:host(.duet-grid-variation-grid) {\n display: grid;\n grid-template-rows: repeat(1, 1fr);\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 16px;\n align-items: flex-start;\n justify-content: center;\n margin: 0 20px;\n container-type: inline-size;\n}\n@media (min-width: 36em) {\n :host(.duet-grid-variation-grid) {\n gap: 24px;\n margin: 0 40px;\n }\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid) {\n grid-template-columns: repeat(8, 55px);\n gap: 24px 32px;\n margin: 0 auto;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid) {\n grid-template-columns: repeat(12, minmax(0, 1fr));\n margin: 0 64px;\n }\n}\n@media (min-width: 76.25em) {\n :host(.duet-grid-variation-grid) {\n grid-template-columns: repeat(12, 55px);\n gap: 40px;\n margin: 0 auto;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n grid-column: 3/span 8;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n grid-column: 2/span 10;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n grid-column: 1/span 12;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 8;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n grid-column: 9/span 4;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n grid-column: 5/span 8;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 6;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n grid-column: 5/span 4;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n grid-column: 7/span 6;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n grid-column: 1/span 4;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n grid-column: 5/span 4;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n grid-column: 9/span 4;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n grid-template-columns: minmax(0, 1fr);\n gap: 12px;\n margin: 0;\n /* stylelint-disable */\n /* stylelint-disable */\n}\n@media (min-width: 36em) {\n :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n gap: 16px;\n }\n}\n@container (min-width: 664px) {\n :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n /* stylelint-enable */\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n@container (min-width: 1100px) {\n :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n /* stylelint-enable */\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n}";const u=class{constructor(i){t(this,i),this.fill=!1,this.maxWidth=void 0,this.minWidth=void 0,this.theme="",this.margin="auto",this.responsive=!1,this.direction="horizontal",this.breakpoint="small",this.rowReverse=!1}componentWillLoad(){l(this)}render(){return i(n,{style:{"min-width":this.minWidth,"max-width":this.maxWidth},class:{"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme,"duet-grid-item":!0,"duet-grid-item-fill":this.fill,"duet-grid-item-responsive":this.responsive,"duet-grid-item-row-reverse":this.rowReverse,"duet-grid-direction-horizontal":"horizontal"===this.direction,"duet-grid-direction-vertical":"vertical"===this.direction,"duet-grid-item-br-x-small":"x-small"===this.breakpoint,"duet-grid-item-br-small":"small"===this.breakpoint,"duet-grid-item-br-medium":"medium"===this.breakpoint,"duet-grid-item-br-large":"large"===this.breakpoint,"duet-grid-item-br-x-large":"x-large"===this.breakpoint}},i("slot",null))}};u.style=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;min-width:0;max-width:100%;flex:0 0 auto;padding-right:8px;padding-left:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;color:rgb(0, 41, 77)}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):first-child){padding-left:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):first-of-type){padding-left:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):last-child){padding-right:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):last-of-type){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:first-child){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:first-of-type){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:last-child){padding-left:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:last-of-type){padding-left:0}@media (max-width: 35.9375em){:host(.duet-grid-item-responsive){width:100% !important;min-width:0 !important;max-width:100% !important;padding-right:0;padding-left:0}}@media screen and (max-width: 47.9375em){:host(.duet-grid-item-br-medium){width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 47.9375em){:host(.duet-grid-item-responsive.duet-grid-item-br-medium){padding-right:0;padding-left:0}}@media screen and (max-width: 64em){:host(.duet-grid-item-br-x-large){width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 64em){:host(.duet-grid-item-responsive.duet-grid-item-br-x-large){padding-right:0;padding-left:0}}:host(.duet-grid-item-fill){flex:1 1 auto;width:100%}: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, 28, 58)}:host(.duet-m-0){padding:0 !important;margin:0 !important}';export{s as duet_grid,u as duet_grid_item}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as e,h as t,H as o,g as a}from"./p-18ada958.js";import{i}from"./p-aaa7a7bd.js";const n=class{constructor(t){e(this,t),this.onClick=()=>{this.open=!this.open},this.theme="",this.active=!1,this.open=!1,this.icon=void 0}handleFocus(e){e.composedPath().every((e=>e!==this.element))&&(this.open=!1)}componentWillLoad(){i(this),this.element.querySelectorAll("duet-slideout-link").forEach((e=>{e.menuItem=!0}))}async setFocus(e){this.button.focus(e)}render(){return t(o,{key:"ed7c011056f2ffe923585058edffcbe6cafaea99"},t("div",{key:"11e314367f32e42a3811b8e8e0e997b4db8f5b32",class:{"duet-slideout-panel-dropdown":!0,"duet-theme-turva":"turva"===this.theme,active:this.open}},t("button",{key:"dc7ebc689b4455261fe552f17989307ea06d05c3",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},onClick:this.onClick},this.icon&&t("duet-icon",{key:"3f877c7eba448ba92b8772f1ab57434a3f341118",name:this.icon,size:"medium",margin:"none",color:"secondary"}),t("span",{key:"d3c63a33347512677d92adef06b3b03f208bf929",class:"label"},t("slot",{key:"94cab14a738b8d9597158aed4909062b22eda32b",name:"label"}),t("duet-icon",{key:"11d3fdc38f5c07e7425662cbaaf99fe417f0a53b",class:"caret",name:"action-arrow-down-small",margin:"none",size:"xx-small",color:"secondary"}))),t("div",{key:"f9bd0923dbedeebfeb45a41eed9e17e3c94df35f",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open}},t("slot",{key:"b2a9cf03573b30f80c2e62c41e55edc9f422e7de"}))))}get element(){return a(this)}};n.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;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:20px;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(0, 41, 77);text-align:center;text-decoration:none;cursor:pointer}.duet-slideout-panel-dropdown button .label{position:relative;display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-slideout-panel-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.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;flex-direction:column;align-items:center;justify-content:center;width:100%;max-height:1000px;padding:4px 20px 8px 44px;overflow-y:auto;visibility:visible;transition:max-height 0.3s ease-in, padding-bottom 0.3s ease-in;-ms-overflow-style:none;scrollbar-width:none}.duet-slideout-panel-dropdown .items::-webkit-scrollbar{display:none}.duet-slideout-panel-dropdown .items.hidden{max-height:0;padding:0;overflow:hidden;visibility: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, 28, 58)}.duet-slideout-panel-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after{background:rgb(198, 12, 48)}slot{--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:400;color:rgb(0, 41, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}slot[name=label]{font-size:1rem;font-weight:600}';export{n as duet_slideout_panel_dropdown}
4
+ import{r as e,h as t,H as o,g as a}from"./p-0974e195.js";import{i}from"./p-aaa7a7bd.js";const n=class{constructor(t){e(this,t),this.onClick=()=>{this.open=!this.open},this.theme="",this.active=!1,this.open=!1,this.icon=void 0}handleFocus(e){e.composedPath().every((e=>e!==this.element))&&(this.open=!1)}componentWillLoad(){i(this),this.element.querySelectorAll("duet-slideout-link").forEach((e=>{e.menuItem=!0}))}async setFocus(e){this.button.focus(e)}render(){return t(o,{key:"ed7c011056f2ffe923585058edffcbe6cafaea99"},t("div",{key:"11e314367f32e42a3811b8e8e0e997b4db8f5b32",class:{"duet-slideout-panel-dropdown":!0,"duet-theme-turva":"turva"===this.theme,active:this.open}},t("button",{key:"dc7ebc689b4455261fe552f17989307ea06d05c3",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},onClick:this.onClick},this.icon&&t("duet-icon",{key:"3f877c7eba448ba92b8772f1ab57434a3f341118",name:this.icon,size:"medium",margin:"none",color:"secondary"}),t("span",{key:"d3c63a33347512677d92adef06b3b03f208bf929",class:"label"},t("slot",{key:"94cab14a738b8d9597158aed4909062b22eda32b",name:"label"}),t("duet-icon",{key:"11d3fdc38f5c07e7425662cbaaf99fe417f0a53b",class:"caret",name:"action-arrow-down-small",margin:"none",size:"xx-small",color:"secondary"}))),t("div",{key:"f9bd0923dbedeebfeb45a41eed9e17e3c94df35f",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open}},t("slot",{key:"b2a9cf03573b30f80c2e62c41e55edc9f422e7de"}))))}get element(){return a(this)}};n.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;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:20px;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(0, 41, 77);text-align:center;text-decoration:none;cursor:pointer}.duet-slideout-panel-dropdown button .label{position:relative;display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-slideout-panel-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.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;flex-direction:column;align-items:center;justify-content:center;width:100%;max-height:1000px;padding:4px 20px 8px 44px;overflow-y:auto;visibility:visible;transition:max-height 0.3s ease-in, padding-bottom 0.3s ease-in;-ms-overflow-style:none;scrollbar-width:none}.duet-slideout-panel-dropdown .items::-webkit-scrollbar{display:none}.duet-slideout-panel-dropdown .items.hidden{max-height:0;padding:0;overflow:hidden;visibility: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, 28, 58)}.duet-slideout-panel-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after{background:rgb(198, 12, 48)}slot{--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:400;color:rgb(0, 41, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}slot[name=label]{font-size:1rem;font-weight:600}';export{n as duet_slideout_panel_dropdown}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as e,c as t,h as d,g as a}from"./p-18ada958.js";import{d as i,e as o}from"./p-8354d1f1.js";import{i as s}from"./p-aaa7a7bd.js";import{a as l}from"./p-beeb12f1.js";import{f as r}from"./p-d283b94b.js";import{f as n}from"./p-a1b7f2a0.js";import{a as m,g as u,c as h,d as p}from"./p-7d6b40d1.js";import{h as c}from"./p-8a7ee339.js";import{T as g}from"./p-ca3cb21e.js";import"./p-0e052642.js";const b=class{constructor(d){var a,i;e(this,d),this.duetOpen=t(this,"duetOpen",7),this.duetClose=t(this,"duetClose",7),this.duetCloseComplete=t(this,"duetCloseComplete",7),this.duetBeforeClose=t(this,"duetBeforeClose",7),this.hasStickyHeader=!1,this.isAndroidDevice=(null===(i=null===(a=null===navigator||void 0===navigator?void 0:navigator.userAgent)||void 0===a?void 0:a.toLowerCase())||void 0===i?void 0:i.indexOf("android"))>-1||null,this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.accessibleLoaderAnnouncementDefaults=l,this.accessibleCloseLabelDefaults={fi:"Sulje ikkuna",sv:"Stäng fönstret",en:"Close the dialog"},this.handleAndroidResizeEvents=()=>{"INPUT"==document.activeElement.tagName&&window.setTimeout((function(){var e;try{null===(e=null===document||void 0===document?void 0:document.activeElement)||void 0===e||e.scrollIntoViewIfNeeded(!0)}catch(e){}}),100)},this.open=!1,this.language=m(),this.accessibleCloseLabel=u(this.accessibleCloseLabelDefaults,this.language),this.accessibleLoaderAnnouncement=u(this.accessibleLoaderAnnouncementDefaults,this.language),this.size="medium",this.accessibleDescribedBy=void 0,this.accessibleLabelledBy=void 0,this.accessibleLabel=void 0,this.accessibleDetails=void 0,this.accessibleDescription=void 0,this.variation="default",this.gutterSize="medium",this.theme="",this.heading="",this.headingLevel="h3",this.headingVisualLevel=void 0,this.icon="",this.color="",this.active=!1,this.closeOnBlur=!1}openChanged(){this.open?(this.modalEl&&this.modalEl.scrollTop&&(this.modalEl.scrollTop=0),this.focusedElBeforeOpen=document.activeElement,i("slide-up"===this.variation?this.modalContentEl:this.modalEl,{reserveScrollBarGap:!0}),this.teleport.makeSiblingsInert(),this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((e=>e.remove())),setTimeout((()=>{"loader"===this.variation?this.addMessage(this.accessibleLoaderAnnouncement,!1):this.isAndroidDevice?this.modalEl.focus():this.buttonEl.setFocus()}),600),setTimeout((()=>{this.modalEl.classList.add("duet-disable-transitions")}),800),this.isAndroidDevice&&window.addEventListener("resize",this.handleAndroidResizeEvents),this.duetOpen.emit()):(this.modalEl.classList.remove("duet-disable-transitions"),this.modalEl.addEventListener("transitionend",(()=>this.duetCloseComplete.emit()),{once:!0}),o("slide-up"===this.variation?this.modalContentEl:this.modalEl),this.duetClose.emit(),this.teleport.removeInertFromSiblings(),setTimeout((()=>{r(this.focusedElBeforeOpen)}),600),this.isAndroidDevice&&window.removeEventListener("resize",this.handleAndroidResizeEvents))}activeChanged(){this.open=this.active}componentWillLoad(){this.hasStickyHeader=c(this.element,"sticky-header"),s(this)}componentDidLoad(){this.active&&(this.open=!0,this.modalEl.classList.add("duet-disable-transitions"))}connectedCallback(){this.teleport||(this.teleport=new g(this.element)),this.teleport&&this.teleport.activate(),h(this,[{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"},{prop:"accessibleLoaderAnnouncement",defaults:"accessibleLoaderAnnouncementDefaults"}])}disconnectedCallback(){p(this),this.modalEl&&o(this.modalEl)}handleKeyUp(e){this.open&&n(e)&&this.closeModal(e)}async show(){this.open=!0}async hide(){this.open=!1}async scrollToTop(e=!0){var t;const d=e?"smooth":"auto";if("slide-up"===this.variation){const e=(null===(t=this.modalEl.querySelector(".duet-modal-sticky-header"))||void 0===t?void 0:t.clientHeight)||0,a=this.modalEl.querySelector(".duet-modal-body").computedStyleMap().get("padding-top");this.slotContainerEl.style.scrollMarginTop=`${e+a.value}px`,this.slotContainerEl.scrollIntoView({behavior:d})}else this.modalEl.querySelector(".duet-modal-body").scrollIntoView({behavior:d})}async addMessage(e,t=!0){const d=document.createElement(t?"duet-paragraph":"duet-visually-hidden");d.textContent=e,d.classList.add("duet-loader-message"),t&&setTimeout((()=>{this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((e=>e.classList.remove("show"))),d.classList.add("show")}),10),this.slotContainerEl.appendChild(d)}closeModal(e){this.duetBeforeClose.emit({originalEvent:e,component:"duet-modal"}),e.defaultPrevented||setTimeout((()=>{this.hide()}),1)}render(){var e,t;let a="primary",i="secondary";const o=d("div",{key:"1dbe12d292a5d852cc15d465a9a66f5965af9430",class:"duet-modal-close"},d("duet-button",{key:"468e6a8ffbaebd63b3b4a8ee7af2a56adc95ca33",ref:e=>this.buttonEl=e,variation:"plain",accessibleLabel:this.accessibleCloseLabel,color:i,iconSize:"large",icon:"navigation-close",iconOnly:!0,margin:"none",theme:this.theme,onClick:e=>this.closeModal(e),fixed:!0}));return"turva"===this.theme&&(a="primary-turva",i="secondary-turva"),d("div",{key:"71d788e920473696ea1178fd1f4d531332c0278d",ref:e=>this.modalEl=e,"aria-label":null!==(e=this.accessibleLabel)&&void 0!==e?e:this.heading,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,role:"loader"===this.variation?"alert":"dialog","aria-modal":!this.isSafariBrowser,tabindex:"-1",class:{"duet-modal-container":!0,"duet-theme-turva":"turva"===this.theme,"duet-modal-active":this.open,"duet-modal-slide-up":"slide-up"===this.variation,"duet-modal-has-sticky-header":this.hasStickyHeader}},d("duet-overlay",{key:"dc0d466574cf07bd5b2442a969e2309d1f4c3b84","z-index":"-1",visible:this.open,variation:"loader"===this.variation?"white":"default"}),d("div",{key:"9412b5b6e861150f01c81fbd495a1deca1576301",ref:e=>this.modalInnerEl=e,class:{"duet-modal-inner":!0,[this.size]:!0,"duet-modal-slide-up":"slide-up"===this.variation},onClick:e=>{this.closeOnBlur&&(e.target||e.srcElement)===this.modalInnerEl&&this.closeModal(e)}},d("div",{key:"cd7f79907611d3f5d06c95b9288d3d078e12c825",ref:e=>this.modalContentEl=e,class:{"duet-modal":!0,"duet-modal-has-sticky-header":this.hasStickyHeader,[this.size]:!0,[this.variation]:!0}},"none"!==this.gutterSize&&!this.hasStickyHeader&&d("duet-spacer",{key:"7836985c408c6f18fc389f3965a4b41d6eb59b3d"}),this.hasStickyHeader?d("div",{class:"duet-modal-sticky-header"},o,d("slot",{name:"sticky-header"})):o,d("div",{key:"9d54f33d50e94607e2ef8517670f723e6602b628",class:{"duet-modal-body":!0,"duet-modal-gutter-none":"none"===this.gutterSize,"duet-modal-gutter-small":"small"===this.gutterSize,"duet-modal-gutter-medium":"medium"===this.gutterSize,"duet-modal-gutter-large":"large"===this.gutterSize}},d("div",{key:"ad9468551b2c57c08c2a4a0e412de18472d59795",class:"duet-modal-header"},d("span",{key:"9c6269ee1ca066e75d630a033692daa3d7e45e2c",class:"duet-modal-inner-slot-top"},d("slot",{key:"59df4f56690160cbf5540000a4df88079d934cdb",name:"top"})),this.icon&&d("duet-icon",{key:"686b798b952df7dbc87a678bc20a46d2856bd047",name:this.icon,size:"xx-large",color:this.color||a}),this.heading&&d("duet-heading",{key:"d54b10219d4a823f7d60ace3ee304e920578ed19","visual-level":null!==(t=this.headingVisualLevel)&&void 0!==t?t:this.headingLevel,level:this.headingLevel,theme:this.theme},this.heading)),"loader"===this.variation&&d("div",{key:"86418e12b9d65d5812eb3ced0f08a9d1cd9d3427",class:"duet-modal-spinner"},d("duet-spinner",{key:"3aeda44a3313984a91ec59d3f9455408aa4b7fe7",size:"large",color:"primary"})),d("div",{key:"f130a5ad99bade63e75eb33a6e52d65d5e2267c0",class:"duet-modal-inner-slot-default",ref:e=>this.slotContainerEl=e,"aria-live":"loader"===this.variation?"assertive":"off"},d("slot",{key:"38d1e37735093ca54cefb2c0fcea95bcf5031e7d"}))))))}get element(){return a(this)}static get watchers(){return{open:["openChanged"],active:["activeChanged"]}}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;opacity:0;transition:300ms ease;transition-delay:200ms}.duet-modal-container.duet-modal-active{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}.duet-modal-container.duet-disable-transitions{transition:none}.duet-modal-container.duet-modal-slide-up{overflow:hidden}::slotted(img){width:100%}.duet-modal-inner{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){.duet-modal-inner{padding:48px 16px}}.duet-modal-inner.duet-modal-slide-up{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}.duet-modal-inner.duet-modal-slide-up::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:"";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}.duet-modal-inner.duet-modal-slide-up::after.small{max-width:545px}.duet-modal-inner.duet-modal-slide-up::after.large{max-width:100%}@media (min-width: 36em){.duet-modal-inner.duet-modal-slide-up::after.large{max-width:1110px}}@media (max-width: 35.9375em){.duet-modal-inner.large{padding-right:0;padding-left:0}.duet-modal-inner.duet-modal-slide-up{padding:0;padding-top:28px}}.duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}.duet-theme-turva .duet-modal{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-modal-active .duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}.duet-modal-active .duet-modal.slide-up{top:0;transition:top 600ms ease}.duet-modal.loader{text-align:center;background:transparent}.duet-modal.loader .duet-modal-close{display:none}.duet-modal.loader .duet-modal-spinner{position:relative;height:120px}.duet-modal.loader .duet-modal-inner-slot-default{position:relative;backdrop-filter:blur(10px)}.duet-modal.loader duet-paragraph.duet-loader-message{position:absolute;opacity:0;transition:all 300ms ease;transform:scaleY(0);transform-origin:top}.duet-modal.loader duet-paragraph.duet-loader-message.show{opacity:1;transform:scaleY(1);transform-origin:bottom}.duet-modal.loader duet-paragraph.duet-loader-message.show::part(duet-paragraph){backdrop-filter:blur(10px)}.duet-disable-transitions .duet-modal{transition:none}.duet-modal.small{max-width:545px}.duet-modal.large{max-width:100%}@media (min-width: 36em){.duet-modal.large{max-width:1110px}}.duet-modal.slide-up{top:100vh;margin:0;overflow:auto;border-radius:4px 4px 0 0;opacity:1;transition:top 600ms ease}@media (max-width: 35.9375em){.duet-modal.slide-up{border-radius:16px 16px 0 0}}.duet-modal.duet-modal-has-sticky-header{height:100%;overflow:auto}.duet-modal:focus{outline:0}.duet-modal-body,.duet-modal-sticky-header{width:100%;padding:36px 28px}.duet-modal-body.duet-modal-gutter-none,.duet-modal-sticky-header.duet-modal-gutter-none{padding:0 !important}.duet-modal-body.duet-modal-gutter-small,.duet-modal-sticky-header.duet-modal-gutter-small{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}@media (max-width: 22.5em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 28px}}@media (max-width: 35.9375em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}}@media (min-width: 36em){.duet-modal-body,.duet-modal-sticky-header{padding:36px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:28px 72px}}@media (min-width: 48em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 72px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:36px 72px}}@media (min-width: 76.25em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 48px 48px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 94px}.small .duet-modal-body,.small .duet-modal-sticky-header{padding:36px 48px}}.duet-modal-header{text-align:center}.duet-modal-sticky-header{position:sticky;top:0;z-index:300;display:block;padding-bottom:12px;text-align:left;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230);border-radius:4px 4px 0 0}@media (max-width: 35.9375em){.duet-modal-sticky-header{border-radius:16px 16px 0 0}}.duet-theme-turva .duet-modal-sticky-header{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}.duet-modal-close{position:absolute;top:12px;right:12px}.duet-modal-heading{width:100%;padding-right:60px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}.duet-modal-heading.duet-p-0{padding:0 !important}.duet-modal-heading.duet-m-0{margin:0 !important}';export{b as duet_modal}
4
+ import{r as e,c as t,h as d,g as a}from"./p-0974e195.js";import{d as i,e as o}from"./p-9ef0a452.js";import{i as s}from"./p-aaa7a7bd.js";import{a as l}from"./p-beeb12f1.js";import{f as r}from"./p-7c6f07f2.js";import{f as n}from"./p-a1b7f2a0.js";import{a as m,g as u,c as h,d as p}from"./p-54e73ed0.js";import{h as c}from"./p-d0a6d2f8.js";import{T as g}from"./p-ca3cb21e.js";import"./p-9c3c64b9.js";const b=class{constructor(d){var a,i;e(this,d),this.duetOpen=t(this,"duetOpen",7),this.duetClose=t(this,"duetClose",7),this.duetCloseComplete=t(this,"duetCloseComplete",7),this.duetBeforeClose=t(this,"duetBeforeClose",7),this.hasStickyHeader=!1,this.isAndroidDevice=(null===(i=null===(a=null===navigator||void 0===navigator?void 0:navigator.userAgent)||void 0===a?void 0:a.toLowerCase())||void 0===i?void 0:i.indexOf("android"))>-1||null,this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.accessibleLoaderAnnouncementDefaults=l,this.accessibleCloseLabelDefaults={fi:"Sulje ikkuna",sv:"Stäng fönstret",en:"Close the dialog"},this.handleAndroidResizeEvents=()=>{"INPUT"==document.activeElement.tagName&&window.setTimeout((function(){var e;try{null===(e=null===document||void 0===document?void 0:document.activeElement)||void 0===e||e.scrollIntoViewIfNeeded(!0)}catch(e){}}),100)},this.open=!1,this.language=m(),this.accessibleCloseLabel=u(this.accessibleCloseLabelDefaults,this.language),this.accessibleLoaderAnnouncement=u(this.accessibleLoaderAnnouncementDefaults,this.language),this.size="medium",this.accessibleDescribedBy=void 0,this.accessibleLabelledBy=void 0,this.accessibleLabel=void 0,this.accessibleDetails=void 0,this.accessibleDescription=void 0,this.variation="default",this.gutterSize="medium",this.theme="",this.heading="",this.headingLevel="h3",this.headingVisualLevel=void 0,this.icon="",this.color="",this.active=!1,this.closeOnBlur=!1}openChanged(){this.open?(this.modalEl&&this.modalEl.scrollTop&&(this.modalEl.scrollTop=0),this.focusedElBeforeOpen=document.activeElement,i("slide-up"===this.variation?this.modalContentEl:this.modalEl,{reserveScrollBarGap:!0}),this.teleport.makeSiblingsInert(),this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((e=>e.remove())),setTimeout((()=>{"loader"===this.variation?this.addMessage(this.accessibleLoaderAnnouncement,!1):this.isAndroidDevice?this.modalEl.focus():this.buttonEl.setFocus()}),600),setTimeout((()=>{this.modalEl.classList.add("duet-disable-transitions")}),800),this.isAndroidDevice&&window.addEventListener("resize",this.handleAndroidResizeEvents),this.duetOpen.emit()):(this.modalEl.classList.remove("duet-disable-transitions"),this.modalEl.addEventListener("transitionend",(()=>this.duetCloseComplete.emit()),{once:!0}),o("slide-up"===this.variation?this.modalContentEl:this.modalEl),this.duetClose.emit(),this.teleport.removeInertFromSiblings(),setTimeout((()=>{r(this.focusedElBeforeOpen)}),600),this.isAndroidDevice&&window.removeEventListener("resize",this.handleAndroidResizeEvents))}activeChanged(){this.open=this.active}componentWillLoad(){this.hasStickyHeader=c(this.element,"sticky-header"),s(this)}componentDidLoad(){this.active&&(this.open=!0,this.modalEl.classList.add("duet-disable-transitions"))}connectedCallback(){this.teleport||(this.teleport=new g(this.element)),this.teleport&&this.teleport.activate(),h(this,[{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"},{prop:"accessibleLoaderAnnouncement",defaults:"accessibleLoaderAnnouncementDefaults"}])}disconnectedCallback(){p(this),this.modalEl&&o(this.modalEl)}handleKeyUp(e){this.open&&n(e)&&this.closeModal(e)}async show(){this.open=!0}async hide(){this.open=!1}async scrollToTop(e=!0){var t;const d=e?"smooth":"auto";if("slide-up"===this.variation){const e=(null===(t=this.modalEl.querySelector(".duet-modal-sticky-header"))||void 0===t?void 0:t.clientHeight)||0,a=this.modalEl.querySelector(".duet-modal-body").computedStyleMap().get("padding-top");this.slotContainerEl.style.scrollMarginTop=`${e+a.value}px`,this.slotContainerEl.scrollIntoView({behavior:d})}else this.modalEl.querySelector(".duet-modal-body").scrollIntoView({behavior:d})}async addMessage(e,t=!0){const d=document.createElement(t?"duet-paragraph":"duet-visually-hidden");d.textContent=e,d.classList.add("duet-loader-message"),t&&setTimeout((()=>{this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((e=>e.classList.remove("show"))),d.classList.add("show")}),10),this.slotContainerEl.appendChild(d)}closeModal(e){this.duetBeforeClose.emit({originalEvent:e,component:"duet-modal"}),e.defaultPrevented||setTimeout((()=>{this.hide()}),1)}render(){var e,t;let a="primary",i="secondary";const o=d("div",{key:"1dbe12d292a5d852cc15d465a9a66f5965af9430",class:"duet-modal-close"},d("duet-button",{key:"468e6a8ffbaebd63b3b4a8ee7af2a56adc95ca33",ref:e=>this.buttonEl=e,variation:"plain",accessibleLabel:this.accessibleCloseLabel,color:i,iconSize:"large",icon:"navigation-close",iconOnly:!0,margin:"none",theme:this.theme,onClick:e=>this.closeModal(e),fixed:!0}));return"turva"===this.theme&&(a="primary-turva",i="secondary-turva"),d("div",{key:"71d788e920473696ea1178fd1f4d531332c0278d",ref:e=>this.modalEl=e,"aria-label":null!==(e=this.accessibleLabel)&&void 0!==e?e:this.heading,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,role:"loader"===this.variation?"alert":"dialog","aria-modal":!this.isSafariBrowser,tabindex:"-1",class:{"duet-modal-container":!0,"duet-theme-turva":"turva"===this.theme,"duet-modal-active":this.open,"duet-modal-slide-up":"slide-up"===this.variation,"duet-modal-has-sticky-header":this.hasStickyHeader}},d("duet-overlay",{key:"dc0d466574cf07bd5b2442a969e2309d1f4c3b84","z-index":"-1",visible:this.open,variation:"loader"===this.variation?"white":"default"}),d("div",{key:"9412b5b6e861150f01c81fbd495a1deca1576301",ref:e=>this.modalInnerEl=e,class:{"duet-modal-inner":!0,[this.size]:!0,"duet-modal-slide-up":"slide-up"===this.variation},onClick:e=>{this.closeOnBlur&&(e.target||e.srcElement)===this.modalInnerEl&&this.closeModal(e)}},d("div",{key:"cd7f79907611d3f5d06c95b9288d3d078e12c825",ref:e=>this.modalContentEl=e,class:{"duet-modal":!0,"duet-modal-has-sticky-header":this.hasStickyHeader,[this.size]:!0,[this.variation]:!0}},"none"!==this.gutterSize&&!this.hasStickyHeader&&d("duet-spacer",{key:"7836985c408c6f18fc389f3965a4b41d6eb59b3d"}),this.hasStickyHeader?d("div",{class:"duet-modal-sticky-header"},o,d("slot",{name:"sticky-header"})):o,d("div",{key:"9d54f33d50e94607e2ef8517670f723e6602b628",class:{"duet-modal-body":!0,"duet-modal-gutter-none":"none"===this.gutterSize,"duet-modal-gutter-small":"small"===this.gutterSize,"duet-modal-gutter-medium":"medium"===this.gutterSize,"duet-modal-gutter-large":"large"===this.gutterSize}},d("div",{key:"ad9468551b2c57c08c2a4a0e412de18472d59795",class:"duet-modal-header"},d("span",{key:"9c6269ee1ca066e75d630a033692daa3d7e45e2c",class:"duet-modal-inner-slot-top"},d("slot",{key:"59df4f56690160cbf5540000a4df88079d934cdb",name:"top"})),this.icon&&d("duet-icon",{key:"686b798b952df7dbc87a678bc20a46d2856bd047",name:this.icon,size:"xx-large",color:this.color||a}),this.heading&&d("duet-heading",{key:"d54b10219d4a823f7d60ace3ee304e920578ed19","visual-level":null!==(t=this.headingVisualLevel)&&void 0!==t?t:this.headingLevel,level:this.headingLevel,theme:this.theme},this.heading)),"loader"===this.variation&&d("div",{key:"86418e12b9d65d5812eb3ced0f08a9d1cd9d3427",class:"duet-modal-spinner"},d("duet-spinner",{key:"3aeda44a3313984a91ec59d3f9455408aa4b7fe7",size:"large",color:"primary"})),d("div",{key:"f130a5ad99bade63e75eb33a6e52d65d5e2267c0",class:"duet-modal-inner-slot-default",ref:e=>this.slotContainerEl=e,"aria-live":"loader"===this.variation?"assertive":"off"},d("slot",{key:"38d1e37735093ca54cefb2c0fcea95bcf5031e7d"}))))))}get element(){return a(this)}static get watchers(){return{open:["openChanged"],active:["activeChanged"]}}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;opacity:0;transition:300ms ease;transition-delay:200ms}.duet-modal-container.duet-modal-active{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}.duet-modal-container.duet-disable-transitions{transition:none}.duet-modal-container.duet-modal-slide-up{overflow:hidden}::slotted(img){width:100%}.duet-modal-inner{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){.duet-modal-inner{padding:48px 16px}}.duet-modal-inner.duet-modal-slide-up{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}.duet-modal-inner.duet-modal-slide-up::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:"";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}.duet-modal-inner.duet-modal-slide-up::after.small{max-width:545px}.duet-modal-inner.duet-modal-slide-up::after.large{max-width:100%}@media (min-width: 36em){.duet-modal-inner.duet-modal-slide-up::after.large{max-width:1110px}}@media (max-width: 35.9375em){.duet-modal-inner.large{padding-right:0;padding-left:0}.duet-modal-inner.duet-modal-slide-up{padding:0;padding-top:28px}}.duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}.duet-theme-turva .duet-modal{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-modal-active .duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}.duet-modal-active .duet-modal.slide-up{top:0;transition:top 600ms ease}.duet-modal.loader{text-align:center;background:transparent}.duet-modal.loader .duet-modal-close{display:none}.duet-modal.loader .duet-modal-spinner{position:relative;height:120px}.duet-modal.loader .duet-modal-inner-slot-default{position:relative;backdrop-filter:blur(10px)}.duet-modal.loader duet-paragraph.duet-loader-message{position:absolute;opacity:0;transition:all 300ms ease;transform:scaleY(0);transform-origin:top}.duet-modal.loader duet-paragraph.duet-loader-message.show{opacity:1;transform:scaleY(1);transform-origin:bottom}.duet-modal.loader duet-paragraph.duet-loader-message.show::part(duet-paragraph){backdrop-filter:blur(10px)}.duet-disable-transitions .duet-modal{transition:none}.duet-modal.small{max-width:545px}.duet-modal.large{max-width:100%}@media (min-width: 36em){.duet-modal.large{max-width:1110px}}.duet-modal.slide-up{top:100vh;margin:0;overflow:auto;border-radius:4px 4px 0 0;opacity:1;transition:top 600ms ease}@media (max-width: 35.9375em){.duet-modal.slide-up{border-radius:16px 16px 0 0}}.duet-modal.duet-modal-has-sticky-header{height:100%;overflow:auto}.duet-modal:focus{outline:0}.duet-modal-body,.duet-modal-sticky-header{width:100%;padding:36px 28px}.duet-modal-body.duet-modal-gutter-none,.duet-modal-sticky-header.duet-modal-gutter-none{padding:0 !important}.duet-modal-body.duet-modal-gutter-small,.duet-modal-sticky-header.duet-modal-gutter-small{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}@media (max-width: 22.5em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 28px}}@media (max-width: 35.9375em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}}@media (min-width: 36em){.duet-modal-body,.duet-modal-sticky-header{padding:36px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:28px 72px}}@media (min-width: 48em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 72px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:36px 72px}}@media (min-width: 76.25em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 48px 48px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 94px}.small .duet-modal-body,.small .duet-modal-sticky-header{padding:36px 48px}}.duet-modal-header{text-align:center}.duet-modal-sticky-header{position:sticky;top:0;z-index:300;display:block;padding-bottom:12px;text-align:left;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230);border-radius:4px 4px 0 0}@media (max-width: 35.9375em){.duet-modal-sticky-header{border-radius:16px 16px 0 0}}.duet-theme-turva .duet-modal-sticky-header{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}.duet-modal-close{position:absolute;top:12px;right:12px}.duet-modal-heading{width:100%;padding-right:60px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}.duet-modal-heading.duet-p-0{padding:0 !important}.duet-modal-heading.duet-m-0{margin:0 !important}';export{b as duet_modal}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as t,h as i,H as s,g as e}from"./p-18ada958.js";import{m as o,a}from"./p-d5c03b61.js";import{c as h,f as n,s as l,a as p,b as r}from"./p-81287261.js";import{i as d}from"./p-aaa7a7bd.js";import{c}from"./p-5e59e970.js";import{f as m}from"./p-a1b7f2a0.js";import{a as u,g as b,c as f,d as v}from"./p-7d6b40d1.js";import"./p-0e052642.js";const g=class{constructor(i){t(this,i),this.mql=[window.matchMedia(o.replace(/'/g,"")),window.matchMedia(a.replace(/'/g,""))],this.tooltipId=c("DuetTooltip"),this.aboutString={fi:"aiheesta",en:"about",sv:"om"},this.openTooltip=()=>{this.active=!0,setTimeout((()=>{this.contentEl.focus({preventScroll:!0}),this.buttonActive=!0}),200)},this.closeTooltip=(t=!1)=>{this.active=!1,t&&setTimeout((()=>{this.buttonEl.setFocus({preventScroll:!0})}),200),setTimeout((()=>{this.buttonActive=!1}),201),setTimeout((()=>{this.updatePlacement()}),200)},this.toggleOpen=()=>{this.active?this.closeTooltip():this.openTooltip()},this.updatePlacement=async()=>{var t,i;let s=!0;("large"!==this.breakpoint||this.mql[1].matches)&&("medium"!==this.breakpoint||this.mql[0].matches)||(s=!1);let e=s?"top-start":"top-end";"left"===this.direction?e="top-end":"right"===this.direction&&(e="top-start");const o=await h(this.buttonEl,this.popupElement,{placement:e,middleware:[n(),l({padding:5}),p({element:this.arrowEl})]});this.tooltipY=o.y,this.tooltipX=o.x,this.placement=o.placement,this.arrowY=null===(t=o.middlewareData.arrow)||void 0===t?void 0:t.y,this.arrowX=null===(i=o.middlewareData.arrow)||void 0===i?void 0:i.x},this.placement="bottom",this.tooltipY=void 0,this.tooltipX=void 0,this.arrowX=void 0,this.arrowY=void 0,this.buttonActive=void 0,this.theme="",this.language=u(),this.accessibleLabelDefault={fi:"Näytä lisätietoja",en:"Show more information",sv:"Visa mer tilläggsuppgifter"},this.accessibleLabel=b(this.accessibleLabelDefault,this.language),this.accessibleAboutLabel=void 0,this.accessibleInputLabel=void 0,this.accessibleCloseLabelDefault={fi:"Sulje lisätiedot",en:"Close details",sv:"Stäng tilläggsuppgifter"},this.accessibleCloseLabel=b(this.accessibleCloseLabelDefault,this.language),this.label="",this.breakpoint="medium",this.direction="auto",this.positionVertical="0",this.positionHorizontal="0",this.active=!1}componentWillLoad(){d(this),this.buttonActive=this.active}async componentDidLoad(){this.arrowEl=await this.popupElement.getArrowElement(),this.contentEl=await this.popupElement.getContentElement(),this.updatePlacement(),this.active&&(this.openTooltip(),await this.handleActiveChange(this.active)),this.intersectionObserver=new IntersectionObserver(this.updatePlacement,{root:document.body}),this.intersectionObserver.observe(this.element)}connectedCallback(){f(this,[{prop:"accessibleLabel",defaults:"accessibleLabelDefault"},{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefault"}])}disconnectedCallback(){v(this)}handleDocumentClick(t){this.active&&t.composedPath().every((t=>t!==this.element&&t!==this.contentEl))&&this.closeTooltip()}handleKeyDown(t){this.active&&m(t)&&this.closeTooltip(!0)}handlePopupClose(){this.active&&this.closeTooltip(!0)}async handleActiveChange(t){t?this.autoUpdateCleanup=r(this.buttonEl,this.popupElement,this.updatePlacement):this.autoUpdateCleanup()}render(){const t={position:"relative",overflow:this.active?"visible":"hidden"},e={top:`${this.tooltipY}px`,left:`${this.tooltipX}px`,display:"block","pointer-events":this.active?"auto":"none"},o={top:this.arrowY?`${this.arrowY}px`:void 0,left:this.arrowX?`${this.arrowX}px`:void 0};return i(s,{style:{transform:`translateY(${this.positionVertical}) translateX(${this.positionHorizontal})`,zIndex:this.active?"201":""}},i("duet-tooltip-button",{ref:t=>this.buttonEl=t,active:this.buttonActive,tooltipId:this.tooltipId,label:this.label,accessibleLabel:this.accessibleInputLabel&&`${this.accessibleInputLabel}, ${this.accessibleLabel}`||this.accessibleAboutLabel&&`${this.accessibleLabel} ${this.aboutString[this.language]} ${this.accessibleAboutLabel}`||this.accessibleLabel,onClick:this.toggleOpen,theme:this.theme}),i("div",{style:t},i("duet-tooltip-popup",{ref:t=>this.popupElement=t,active:this.active,tooltipId:this.tooltipId,arrowStyles:o,style:e,placement:this.placement,accessibleCloseLabel:this.accessibleCloseLabel,theme:this.theme},i("slot",null))))}get element(){return e(this)}static get watchers(){return{active:["handleActiveChange"]}}};g.style="*.sc-duet-tooltip,*.sc-duet-tooltip::after,*.sc-duet-tooltip::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-tooltip-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}duet-tooltip-button.sc-duet-tooltip{position:relative}duet-tooltip-popup.sc-duet-tooltip{position:absolute}";export{g as duet_tooltip}
4
+ import{r as t,h as i,H as s,g as e}from"./p-0974e195.js";import{m as o,a}from"./p-d5c03b61.js";import{c as h,f as n,s as l,a as p,b as r}from"./p-81287261.js";import{i as d}from"./p-aaa7a7bd.js";import{c}from"./p-5e59e970.js";import{f as m}from"./p-a1b7f2a0.js";import{a as u,g as b,c as f,d as v}from"./p-54e73ed0.js";import"./p-9c3c64b9.js";const g=class{constructor(i){t(this,i),this.mql=[window.matchMedia(o.replace(/'/g,"")),window.matchMedia(a.replace(/'/g,""))],this.tooltipId=c("DuetTooltip"),this.aboutString={fi:"aiheesta",en:"about",sv:"om"},this.openTooltip=()=>{this.active=!0,setTimeout((()=>{this.contentEl.focus({preventScroll:!0}),this.buttonActive=!0}),200)},this.closeTooltip=(t=!1)=>{this.active=!1,t&&setTimeout((()=>{this.buttonEl.setFocus({preventScroll:!0})}),200),setTimeout((()=>{this.buttonActive=!1}),201),setTimeout((()=>{this.updatePlacement()}),200)},this.toggleOpen=()=>{this.active?this.closeTooltip():this.openTooltip()},this.updatePlacement=async()=>{var t,i;let s=!0;("large"!==this.breakpoint||this.mql[1].matches)&&("medium"!==this.breakpoint||this.mql[0].matches)||(s=!1);let e=s?"top-start":"top-end";"left"===this.direction?e="top-end":"right"===this.direction&&(e="top-start");const o=await h(this.buttonEl,this.popupElement,{placement:e,middleware:[n(),l({padding:5}),p({element:this.arrowEl})]});this.tooltipY=o.y,this.tooltipX=o.x,this.placement=o.placement,this.arrowY=null===(t=o.middlewareData.arrow)||void 0===t?void 0:t.y,this.arrowX=null===(i=o.middlewareData.arrow)||void 0===i?void 0:i.x},this.placement="bottom",this.tooltipY=void 0,this.tooltipX=void 0,this.arrowX=void 0,this.arrowY=void 0,this.buttonActive=void 0,this.theme="",this.language=u(),this.accessibleLabelDefault={fi:"Näytä lisätietoja",en:"Show more information",sv:"Visa mer tilläggsuppgifter"},this.accessibleLabel=b(this.accessibleLabelDefault,this.language),this.accessibleAboutLabel=void 0,this.accessibleInputLabel=void 0,this.accessibleCloseLabelDefault={fi:"Sulje lisätiedot",en:"Close details",sv:"Stäng tilläggsuppgifter"},this.accessibleCloseLabel=b(this.accessibleCloseLabelDefault,this.language),this.label="",this.breakpoint="medium",this.direction="auto",this.positionVertical="0",this.positionHorizontal="0",this.active=!1}componentWillLoad(){d(this),this.buttonActive=this.active}async componentDidLoad(){this.arrowEl=await this.popupElement.getArrowElement(),this.contentEl=await this.popupElement.getContentElement(),this.updatePlacement(),this.active&&(this.openTooltip(),await this.handleActiveChange(this.active)),this.intersectionObserver=new IntersectionObserver(this.updatePlacement,{root:document.body}),this.intersectionObserver.observe(this.element)}connectedCallback(){f(this,[{prop:"accessibleLabel",defaults:"accessibleLabelDefault"},{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefault"}])}disconnectedCallback(){v(this)}handleDocumentClick(t){this.active&&t.composedPath().every((t=>t!==this.element&&t!==this.contentEl))&&this.closeTooltip()}handleKeyDown(t){this.active&&m(t)&&this.closeTooltip(!0)}handlePopupClose(){this.active&&this.closeTooltip(!0)}async handleActiveChange(t){t?this.autoUpdateCleanup=r(this.buttonEl,this.popupElement,this.updatePlacement):this.autoUpdateCleanup()}render(){const t={position:"relative",overflow:this.active?"visible":"hidden"},e={top:`${this.tooltipY}px`,left:`${this.tooltipX}px`,display:"block","pointer-events":this.active?"auto":"none"},o={top:this.arrowY?`${this.arrowY}px`:void 0,left:this.arrowX?`${this.arrowX}px`:void 0};return i(s,{style:{transform:`translateY(${this.positionVertical}) translateX(${this.positionHorizontal})`,zIndex:this.active?"201":""}},i("duet-tooltip-button",{ref:t=>this.buttonEl=t,active:this.buttonActive,tooltipId:this.tooltipId,label:this.label,accessibleLabel:this.accessibleInputLabel&&`${this.accessibleInputLabel}, ${this.accessibleLabel}`||this.accessibleAboutLabel&&`${this.accessibleLabel} ${this.aboutString[this.language]} ${this.accessibleAboutLabel}`||this.accessibleLabel,onClick:this.toggleOpen,theme:this.theme}),i("div",{style:t},i("duet-tooltip-popup",{ref:t=>this.popupElement=t,active:this.active,tooltipId:this.tooltipId,arrowStyles:o,style:e,placement:this.placement,accessibleCloseLabel:this.accessibleCloseLabel,theme:this.theme},i("slot",null))))}get element(){return e(this)}static get watchers(){return{active:["handleActiveChange"]}}};g.style="*.sc-duet-tooltip,*.sc-duet-tooltip::after,*.sc-duet-tooltip::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-tooltip-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}duet-tooltip-button.sc-duet-tooltip{position:relative}duet-tooltip-popup.sc-duet-tooltip{position:absolute}";export{g as duet_tooltip}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- System.register(["./p-b9d4ed8d.system.js","./p-6ef75455.system.js"],(function(n){"use strict";var r;return{setters:[function(){},function(n){r=n.c}],execute:function(){var t={fi:"fi-FI",en:"en-GB",us:"en-US",sv:"sv-SE"};var e={fi:"€",en:"£",us:"$",sv:"€"};var i=["fi","en","sv"];var a="fi";var u=function(){return document.documentElement.lang?document.documentElement.lang.toLowerCase():a};var o=function(n){return i.includes(n)};var f=function(n){if(n===void 0){n=u()}if(o(n)){return n}else{return a}};var c=n("a",(function(n){if(n===void 0){n=u()}return f(n)}));var s=n("b",(function(n){var r={locale:t[n],money:e[n]};if(r.locale&&r.money){return r}throw new Error('Locale for "'.concat(n,'" not found'))}));var v=n("s",(function(n){var t=typeof n==="string";if(t){try{return JSON.parse(r(n))}catch(r){console.log("sanitizeString received a string, that didnt parse to json object",n,r)}}return n}));var d=n("g",(function(n,r){var t=v(n);if(r){return t[f(r)]}else{return t[c()]}}));var l=new Set;var g=new WeakMap;var m=function(n){var r=a;for(var t=0,e=n;t<e.length;t++){var i=e[t];if(i.type==="attributes"&&i.attributeName==="lang"){r=i.oldValue;break}}if(document.documentElement.dataset.duetLangObserve!=="false"){l.forEach((function(n){if(n.language){n.language=c()}if(g.has(n)){g.get(n).forEach((function(t){if(n[t.defaults]&&n[t.prop]===n[t.defaults][r]){n[t.prop]=d(n[t.defaults])}}))}}))}};{var p=new MutationObserver(m);p.observe(document.documentElement,{attributeFilter:["lang"],attributeOldValue:true})}var b=n("c",(function(n,r){l.add(n);if(r){if(!Array.isArray(r)){r=[r]}if(r.some((function(r){return!(r.prop in n)||!(r.defaults in n)}))){console.error("connectLanguageChangeObserver: component must have target.prop and target.defaults properties");r=r.filter((function(r){return r.prop in n&&r.defaults in n}))}g.set(n,r)}}));var y=n("d",(function(n){l.delete(n);g.delete(n)}))}}}));
4
+ System.register(["./p-23c54408.system.js","./p-98636086.system.js"],(function(n){"use strict";var r;return{setters:[function(){},function(n){r=n.c}],execute:function(){var t={fi:"fi-FI",en:"en-GB",us:"en-US",sv:"sv-SE"};var e={fi:"€",en:"£",us:"$",sv:"€"};var i=["fi","en","sv"];var a="fi";var u=function(){return document.documentElement.lang?document.documentElement.lang.toLowerCase():a};var o=function(n){return i.includes(n)};var f=function(n){if(n===void 0){n=u()}if(o(n)){return n}else{return a}};var c=n("a",(function(n){if(n===void 0){n=u()}return f(n)}));var s=n("b",(function(n){var r={locale:t[n],money:e[n]};if(r.locale&&r.money){return r}throw new Error('Locale for "'.concat(n,'" not found'))}));var v=n("s",(function(n){var t=typeof n==="string";if(t){try{return JSON.parse(r(n))}catch(r){console.log("sanitizeString received a string, that didnt parse to json object",n,r)}}return n}));var d=n("g",(function(n,r){var t=v(n);if(r){return t[f(r)]}else{return t[c()]}}));var l=new Set;var g=new WeakMap;var m=function(n){var r=a;for(var t=0,e=n;t<e.length;t++){var i=e[t];if(i.type==="attributes"&&i.attributeName==="lang"){r=i.oldValue;break}}if(document.documentElement.dataset.duetLangObserve!=="false"){l.forEach((function(n){if(n.language){n.language=c()}if(g.has(n)){g.get(n).forEach((function(t){if(n[t.defaults]&&n[t.prop]===n[t.defaults][r]){n[t.prop]=d(n[t.defaults])}}))}}))}};{var p=new MutationObserver(m);p.observe(document.documentElement,{attributeFilter:["lang"],attributeOldValue:true})}var b=n("c",(function(n,r){l.add(n);if(r){if(!Array.isArray(r)){r=[r]}if(r.some((function(r){return!(r.prop in n)||!(r.defaults in n)}))){console.error("connectLanguageChangeObserver: component must have target.prop and target.defaults properties");r=r.filter((function(r){return r.prop in n&&r.defaults in n}))}g.set(n,r)}}));var y=n("d",(function(n){l.delete(n);g.delete(n)}))}}}));
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- System.register(["./p-b9d4ed8d.system.js","./p-e216bea4.system.js"],(function(e){"use strict";var t,r,a,c;return{setters:[function(e){t=e.r;r=e.h;a=e.H},function(e){c=e.i}],execute:function(){var i=".duet-checkmark-container{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;transition:border 300ms ease}.duet-checkmark-container.center{margin-right:auto}.duet-theme-turva .duet-checkmark-container{border-color:rgb(116, 116, 117)}.checked .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .checked .duet-checkmark-container{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}[disabled]+label .duet-checkmark-container{border-color:rgb(207, 210, 212) !important}.duet-theme-turva [disabled]+label .duet-checkmark-container{border-color:rgb(207, 207, 209) !important}.checked [disabled]+label .duet-checkmark-container{background:rgb(207, 210, 212) !important}.duet-theme-turva .checked [disabled]+label .duet-checkmark-container{background:rgb(207, 207, 209) !important}.duet-checkmark{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}";var d=i;var o=e("duet_checkmark",function(){function e(e){t(this,e);this.theme="";this.checked=false;this.presentationOnly=false;this.center=false;this.type="checkbox"}e.prototype.componentWillLoad=function(){c(this)};e.prototype.render=function(){return r(a,{key:"692074bb8ff3765800f6d41465a3597312f4da79",class:{"duet-theme-turva":this.theme==="turva"}},r("div",{key:"345bc0d43dfd9e43ef63fc8154a3f5cf663a284a",role:this.presentationOnly?"presentation":null,class:{checked:this.checked}},r("div",{key:"9a3d25fabd343baa33ed2bc6477117dabe38445d",class:{"duet-checkmark-container":true,center:this.center,"duet-checkmark-radio":this.type==="radio"}},this.checked&&r("div",{key:"0b214dedac8059c30b3cd59abd0623dda52d53bc",class:"duet-checkmark"}))))};return e}());o.style=d}}}));
4
+ System.register(["./p-23c54408.system.js","./p-e216bea4.system.js"],(function(e){"use strict";var t,r,a,c;return{setters:[function(e){t=e.r;r=e.h;a=e.H},function(e){c=e.i}],execute:function(){var i=".duet-checkmark-container{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;transition:border 300ms ease}.duet-checkmark-container.center{margin-right:auto}.duet-theme-turva .duet-checkmark-container{border-color:rgb(116, 116, 117)}.checked .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .checked .duet-checkmark-container{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}[disabled]+label .duet-checkmark-container{border-color:rgb(207, 210, 212) !important}.duet-theme-turva [disabled]+label .duet-checkmark-container{border-color:rgb(207, 207, 209) !important}.checked [disabled]+label .duet-checkmark-container{background:rgb(207, 210, 212) !important}.duet-theme-turva .checked [disabled]+label .duet-checkmark-container{background:rgb(207, 207, 209) !important}.duet-checkmark{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}";var d=i;var o=e("duet_checkmark",function(){function e(e){t(this,e);this.theme="";this.checked=false;this.presentationOnly=false;this.center=false;this.type="checkbox"}e.prototype.componentWillLoad=function(){c(this)};e.prototype.render=function(){return r(a,{key:"692074bb8ff3765800f6d41465a3597312f4da79",class:{"duet-theme-turva":this.theme==="turva"}},r("div",{key:"345bc0d43dfd9e43ef63fc8154a3f5cf663a284a",role:this.presentationOnly?"presentation":null,class:{checked:this.checked}},r("div",{key:"9a3d25fabd343baa33ed2bc6477117dabe38445d",class:{"duet-checkmark-container":true,center:this.center,"duet-checkmark-radio":this.type==="radio"}},this.checked&&r("div",{key:"0b214dedac8059c30b3cd59abd0623dda52d53bc",class:"duet-checkmark"}))))};return e}());o.style=d}}}));