@duetds/components 9.13.0 → 9.15.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 (769) hide show
  1. package/hydrate/index.js +460 -251
  2. package/lib/cjs/{a11y-utils-7f0f44ac.js → a11y-utils-741fad59.js} +1 -1
  3. package/lib/cjs/{app-globals-7f261ff1.js → app-globals-c5cb9046.js} +1 -1
  4. package/lib/cjs/{common-strings-a54bbf77.js → common-strings-92c2f034.js} +23 -0
  5. package/lib/cjs/duet-action-button.cjs.entry.js +4 -4
  6. package/lib/cjs/duet-alert.cjs.entry.js +20 -32
  7. package/lib/cjs/duet-badge.cjs.entry.js +16 -4
  8. package/lib/cjs/duet-banner.cjs.entry.js +7 -7
  9. package/lib/cjs/duet-breadcrumb.cjs.entry.js +7 -7
  10. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +6 -6
  11. package/lib/cjs/duet-button_2.cjs.entry.js +13 -13
  12. package/lib/cjs/duet-callout.cjs.entry.js +5 -5
  13. package/lib/cjs/duet-caption_4.cjs.entry.js +15 -14
  14. package/lib/cjs/duet-card.cjs.entry.js +9 -8
  15. package/lib/cjs/duet-checkbox.cjs.entry.js +2 -2
  16. package/lib/cjs/duet-checkmark.cjs.entry.js +4 -4
  17. package/lib/cjs/duet-chip.cjs.entry.js +3 -3
  18. package/lib/cjs/duet-choice_2.cjs.entry.js +28 -21
  19. package/lib/cjs/duet-collapsible.cjs.entry.js +3 -3
  20. package/lib/cjs/duet-combobox.cjs.entry.js +4 -4
  21. package/lib/cjs/duet-contact-card.cjs.entry.js +5 -5
  22. package/lib/cjs/duet-cookie-consent.cjs.entry.js +2 -2
  23. package/lib/cjs/duet-date-picker.cjs.entry.js +18 -8
  24. package/lib/cjs/duet-divider_2.cjs.entry.js +4 -4
  25. package/lib/cjs/duet-editable-table_3.cjs.entry.js +9 -9
  26. package/lib/cjs/duet-empty-state.cjs.entry.js +2 -2
  27. package/lib/cjs/duet-fieldset.cjs.entry.js +6 -6
  28. package/lib/cjs/duet-file-chooser.cjs.entry.js +2 -2
  29. package/lib/cjs/duet-footer.cjs.entry.js +5 -5
  30. package/lib/cjs/duet-grid_2.cjs.entry.js +2 -2
  31. package/lib/cjs/duet-header_2.cjs.entry.js +7 -6
  32. package/lib/cjs/duet-hero.cjs.entry.js +6 -6
  33. package/lib/cjs/duet-icon.cjs.entry.js +6 -6
  34. package/lib/cjs/duet-input_2.cjs.entry.js +6 -6
  35. package/lib/cjs/duet-layout.cjs.entry.js +2 -2
  36. package/lib/cjs/duet-list_2.cjs.entry.js +4 -4
  37. package/lib/cjs/duet-menu-bar-button.cjs.entry.js +4 -4
  38. package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +4 -4
  39. package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +6 -6
  40. package/lib/cjs/duet-menu-bar-item.cjs.entry.js +8 -8
  41. package/lib/cjs/duet-menu-bar-link.cjs.entry.js +4 -4
  42. package/lib/cjs/duet-menu-bar.cjs.entry.js +3 -3
  43. package/lib/cjs/duet-modal.cjs.entry.js +40 -21
  44. package/lib/cjs/duet-multiselect.cjs.entry.js +4 -4
  45. package/lib/cjs/duet-nav.cjs.entry.js +3 -3
  46. package/lib/cjs/duet-notification_2.cjs.entry.js +5 -5
  47. package/lib/cjs/duet-number-input.cjs.entry.js +11 -7
  48. package/lib/cjs/duet-overlay.cjs.entry.js +2 -2
  49. package/lib/cjs/duet-page-heading.cjs.entry.js +4 -4
  50. package/lib/cjs/duet-pagination_2.cjs.entry.js +6 -6
  51. package/lib/cjs/duet-panel.cjs.entry.js +47 -0
  52. package/lib/cjs/duet-phone-input.cjs.entry.js +4 -4
  53. package/lib/cjs/duet-popup-menu_2.cjs.entry.js +6 -6
  54. package/lib/cjs/duet-progress.cjs.entry.js +3 -3
  55. package/lib/cjs/duet-promo-card.cjs.entry.js +6 -6
  56. package/lib/cjs/duet-radio_2.cjs.entry.js +3 -3
  57. package/lib/cjs/duet-range-slider.cjs.entry.js +2 -2
  58. package/lib/cjs/duet-scrollable_3.cjs.entry.js +24 -21
  59. package/lib/cjs/duet-section-layout.cjs.entry.js +4 -4
  60. package/lib/cjs/duet-select.cjs.entry.js +4 -4
  61. package/lib/cjs/duet-shaped-image.cjs.entry.js +4 -4
  62. package/lib/cjs/duet-share-chart-item.cjs.entry.js +2 -2
  63. package/lib/cjs/duet-share-chart.cjs.entry.js +9 -7
  64. package/lib/cjs/duet-show-more.cjs.entry.js +5 -5
  65. package/lib/cjs/duet-slideout-lang.cjs.entry.js +4 -4
  66. package/lib/cjs/duet-slideout-link.cjs.entry.js +8 -8
  67. package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +6 -6
  68. package/lib/cjs/duet-slideout-panel.cjs.entry.js +12 -12
  69. package/lib/cjs/duet-slideout.cjs.entry.js +10 -10
  70. package/lib/cjs/duet-status-icon.cjs.entry.js +3 -3
  71. package/lib/cjs/duet-step_2.cjs.entry.js +5 -5
  72. package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +4 -4
  73. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +6 -6
  74. package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +7 -7
  75. package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +3 -3
  76. package/lib/cjs/duet-submenu-bar.cjs.entry.js +7 -7
  77. package/lib/cjs/duet-textarea.cjs.entry.js +4 -4
  78. package/lib/cjs/duet-toggle.cjs.entry.js +2 -2
  79. package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +4 -4
  80. package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +6 -6
  81. package/lib/cjs/duet-toolbar-item.cjs.entry.js +9 -9
  82. package/lib/cjs/duet-toolbar-link.cjs.entry.js +4 -4
  83. package/lib/cjs/duet-toolbar.cjs.entry.js +4 -4
  84. package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +8 -8
  85. package/lib/cjs/duet-tooltip.cjs.entry.js +3 -3
  86. package/lib/cjs/duet-tray.cjs.entry.js +5 -5
  87. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +2 -2
  88. package/lib/cjs/duet-upload-item.cjs.entry.js +6 -6
  89. package/lib/cjs/duet-visually-hidden.cjs.entry.js +2 -2
  90. package/lib/cjs/duet.cjs.js +3 -3
  91. package/lib/cjs/{errorcodes.utils-cde5cb76.js → errorcodes.utils-699bddbb.js} +1 -1
  92. package/lib/cjs/{focus-utils-3b3e2586.js → focus-utils-4a07d896.js} +1 -1
  93. package/lib/cjs/{index-4babbdda.js → index-80fa07e3.js} +5 -1
  94. package/lib/cjs/{language-utils-83791d57.js → language-utils-ce60d2a9.js} +1 -1
  95. package/lib/cjs/loader.cjs.js +3 -3
  96. package/lib/cjs/{slot-utils-c565d8b9.js → slot-utils-9c5efe2a.js} +1 -1
  97. package/lib/cjs/{themeable-component-a007f8ee.js → themeable-component-1307284b.js} +1 -1
  98. package/lib/cjs/{token-utils-6258d3f7.js → token-utils-658c4c54.js} +103 -7
  99. package/lib/collection/collection-manifest.json +1 -0
  100. package/lib/collection/common-strings.js +22 -0
  101. package/lib/collection/components/duet-alert/duet-alert.js +17 -29
  102. package/lib/collection/components/duet-badge/duet-badge.js +13 -2
  103. package/lib/collection/components/duet-banner/duet-banner.css +1 -0
  104. package/lib/collection/components/duet-banner/duet-banner.js +3 -3
  105. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +4 -4
  106. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js +2 -2
  107. package/lib/collection/components/duet-button/duet-button.css +14 -5
  108. package/lib/collection/components/duet-button/duet-button.js +5 -5
  109. package/lib/collection/components/duet-callout/duet-callout.js +2 -2
  110. package/lib/collection/components/duet-card/duet-card.js +31 -4
  111. package/lib/collection/components/duet-choice/duet-checkmark.js +2 -2
  112. package/lib/collection/components/duet-choice/duet-choice.js +0 -21
  113. package/lib/collection/components/duet-choice-group/duet-choice-group.js +23 -14
  114. package/lib/collection/components/duet-contact-card/duet-contact-card.js +2 -2
  115. package/lib/collection/components/duet-date-picker/date-picker-day.js +6 -1
  116. package/lib/collection/components/duet-date-picker/date-utils.js +6 -1
  117. package/lib/collection/components/duet-date-picker/duet-date-picker.css +2 -2
  118. package/lib/collection/components/duet-fieldset/duet-fieldset.js +3 -3
  119. package/lib/collection/components/duet-header/duet-header.js +3 -2
  120. package/lib/collection/components/duet-heading/duet-heading.css +1 -0
  121. package/lib/collection/components/duet-hero/duet-hero.css +95 -0
  122. package/lib/collection/components/duet-icon/duet-icon.js +3 -3
  123. package/lib/collection/components/duet-label/duet-label.js +1 -1
  124. package/lib/collection/components/duet-link/duet-link.js +5 -4
  125. package/lib/collection/components/duet-list-item/duet-list-item.js +2 -2
  126. package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js +2 -2
  127. package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js +4 -4
  128. package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js +2 -2
  129. package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.js +2 -2
  130. package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js +2 -2
  131. package/lib/collection/components/duet-modal/duet-modal.js +98 -15
  132. package/lib/collection/components/duet-nav/duet-nav.js +1 -1
  133. package/lib/collection/components/duet-notification/duet-notification.js +2 -2
  134. package/lib/collection/components/duet-number-input/duet-number-input.js +8 -4
  135. package/lib/collection/components/duet-page-heading/duet-page-heading.js +2 -2
  136. package/lib/collection/components/duet-panel/duet-panel.css +98 -0
  137. package/lib/collection/components/duet-panel/duet-panel.js +225 -0
  138. package/lib/collection/components/duet-paragraph/duet-paragraph.js +2 -2
  139. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
  140. package/lib/collection/components/duet-promo-card/duet-promo-card.js +3 -3
  141. package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +2 -2
  142. package/lib/collection/components/duet-scrollable/duet-scrollable.js +6 -6
  143. package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
  144. package/lib/collection/components/duet-select/duet-select.js +1 -1
  145. package/lib/collection/components/duet-shaped-image/duet-shaped-image.js +2 -2
  146. package/lib/collection/components/duet-share-chart/duet-share-chart.js +4 -2
  147. package/lib/collection/components/duet-share-chart-item/duet-share-chart-item.js +1 -1
  148. package/lib/collection/components/duet-show-more/duet-show-more.js +2 -2
  149. package/lib/collection/components/duet-slideout/duet-slideout.js +4 -4
  150. package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js +1 -1
  151. package/lib/collection/components/duet-slideout-link/duet-slideout-link.js +2 -2
  152. package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +6 -6
  153. package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +4 -4
  154. package/lib/collection/components/duet-spacer/duet-spacer.js +1 -1
  155. package/lib/collection/components/duet-spinner/duet-spinner.js +2 -2
  156. package/lib/collection/components/duet-status-icon/duet-status-icon.js +2 -2
  157. package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
  158. package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +5 -5
  159. package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js +4 -4
  160. package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js +2 -2
  161. package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js +1 -1
  162. package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js +1 -1
  163. package/lib/collection/components/duet-tab-group/duet-tab-group.js +14 -11
  164. package/lib/collection/components/duet-table/duet-table.js +2 -2
  165. package/lib/collection/components/duet-toolbar/duet-toolbar.js +2 -2
  166. package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +4 -4
  167. package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js +2 -2
  168. package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js +3 -3
  169. package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +2 -2
  170. package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +3 -3
  171. package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +2 -2
  172. package/lib/collection/components/duet-tray/duet-tray.js +2 -2
  173. package/lib/collection/components/duet-upload/duet-upload.js +2 -2
  174. package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js +1 -1
  175. package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
  176. package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
  177. package/lib/collection/utils/token-utils.js +59 -7
  178. package/lib/collection/utils/turva2-color-tokens.js +42 -0
  179. package/lib/dist-custom-elements/duet-action-button.js +1 -1
  180. package/lib/dist-custom-elements/duet-alert.js +1 -1
  181. package/lib/dist-custom-elements/duet-badge.js +1 -1
  182. package/lib/dist-custom-elements/duet-banner.js +7 -7
  183. package/lib/dist-custom-elements/duet-breadcrumb.js +7 -7
  184. package/lib/dist-custom-elements/duet-breadcrumbs.js +4 -4
  185. package/lib/dist-custom-elements/duet-button.js +1 -1
  186. package/lib/dist-custom-elements/duet-callout.js +4 -4
  187. package/lib/dist-custom-elements/duet-caption.js +1 -1
  188. package/lib/dist-custom-elements/duet-card.js +10 -8
  189. package/lib/dist-custom-elements/duet-checkbox.js +1 -1
  190. package/lib/dist-custom-elements/duet-checkmark.js +1 -1
  191. package/lib/dist-custom-elements/duet-chip.js +1 -1
  192. package/lib/dist-custom-elements/duet-choice-group.js +31 -22
  193. package/lib/dist-custom-elements/duet-choice.js +5 -7
  194. package/lib/dist-custom-elements/duet-collapsible.js +3 -3
  195. package/lib/dist-custom-elements/duet-combobox.js +15 -15
  196. package/lib/dist-custom-elements/duet-contact-card.js +10 -10
  197. package/lib/dist-custom-elements/duet-cookie-consent.js +6 -6
  198. package/lib/dist-custom-elements/duet-date-picker.js +26 -16
  199. package/lib/dist-custom-elements/duet-divider.js +1 -1
  200. package/lib/dist-custom-elements/duet-editable-table.js +7 -7
  201. package/lib/dist-custom-elements/duet-empty-state.js +1 -1
  202. package/lib/dist-custom-elements/duet-fieldset.js +1 -1
  203. package/lib/dist-custom-elements/duet-file-chooser.js +2 -2
  204. package/lib/dist-custom-elements/duet-footer.js +8 -8
  205. package/lib/dist-custom-elements/duet-grid-item.js +1 -1
  206. package/lib/dist-custom-elements/duet-grid.js +1 -1
  207. package/lib/dist-custom-elements/duet-header.js +12 -11
  208. package/lib/dist-custom-elements/duet-heading.js +1 -1
  209. package/lib/dist-custom-elements/duet-hero.js +11 -11
  210. package/lib/dist-custom-elements/duet-icon.js +1 -1
  211. package/lib/dist-custom-elements/duet-input.js +1 -1
  212. package/lib/dist-custom-elements/duet-label.js +1 -1
  213. package/lib/dist-custom-elements/duet-layout.js +1 -1
  214. package/lib/dist-custom-elements/duet-link.js +1 -1
  215. package/lib/dist-custom-elements/duet-list-item.js +1 -1
  216. package/lib/dist-custom-elements/duet-list.js +1 -1
  217. package/lib/dist-custom-elements/duet-logo.js +1 -1
  218. package/lib/dist-custom-elements/duet-menu-bar-button.js +4 -4
  219. package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +4 -4
  220. package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +6 -6
  221. package/lib/dist-custom-elements/duet-menu-bar-item.js +5 -5
  222. package/lib/dist-custom-elements/duet-menu-bar-link.js +4 -4
  223. package/lib/dist-custom-elements/duet-menu-bar.js +2 -2
  224. package/lib/dist-custom-elements/duet-modal.js +45 -24
  225. package/lib/dist-custom-elements/duet-multiselect.js +9 -9
  226. package/lib/dist-custom-elements/duet-nav.js +2 -2
  227. package/lib/dist-custom-elements/duet-notification-drawer.js +4 -4
  228. package/lib/dist-custom-elements/duet-notification.js +4 -4
  229. package/lib/dist-custom-elements/duet-number-input.js +18 -14
  230. package/lib/dist-custom-elements/duet-overlay.js +1 -1
  231. package/lib/dist-custom-elements/duet-page-heading.js +5 -5
  232. package/lib/dist-custom-elements/duet-pagination.js +14 -14
  233. package/lib/dist-custom-elements/duet-panel.d.ts +11 -0
  234. package/lib/dist-custom-elements/duet-panel.js +70 -0
  235. package/lib/dist-custom-elements/duet-paragraph.js +1 -1
  236. package/lib/dist-custom-elements/duet-phone-input.js +16 -16
  237. package/lib/dist-custom-elements/duet-popup-menu-item.js +1 -1
  238. package/lib/dist-custom-elements/duet-popup-menu.js +1 -1
  239. package/lib/dist-custom-elements/duet-progress.js +1 -1
  240. package/lib/dist-custom-elements/duet-promo-card.js +6 -6
  241. package/lib/dist-custom-elements/duet-radio-group.js +8 -8
  242. package/lib/dist-custom-elements/duet-radio.js +1 -1
  243. package/lib/dist-custom-elements/duet-range-slider.js +2 -2
  244. package/lib/dist-custom-elements/duet-range-stepper.js +6 -6
  245. package/lib/dist-custom-elements/duet-scrollable.js +1 -1
  246. package/lib/dist-custom-elements/duet-section-layout.js +4 -4
  247. package/lib/dist-custom-elements/duet-select.js +1 -1
  248. package/lib/dist-custom-elements/duet-shaped-image.js +3 -3
  249. package/lib/dist-custom-elements/duet-share-chart-item.js +2 -2
  250. package/lib/dist-custom-elements/duet-share-chart.js +7 -5
  251. package/lib/dist-custom-elements/duet-show-more.js +1 -1
  252. package/lib/dist-custom-elements/duet-slideout-lang.js +3 -3
  253. package/lib/dist-custom-elements/duet-slideout-link.js +5 -5
  254. package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +6 -6
  255. package/lib/dist-custom-elements/duet-slideout-panel.js +9 -9
  256. package/lib/dist-custom-elements/duet-slideout.js +8 -8
  257. package/lib/dist-custom-elements/duet-spacer.js +1 -1
  258. package/lib/dist-custom-elements/duet-spinner.js +1 -1
  259. package/lib/dist-custom-elements/duet-status-icon.js +1 -1
  260. package/lib/dist-custom-elements/duet-step.js +4 -4
  261. package/lib/dist-custom-elements/duet-stepper.js +4 -4
  262. package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +4 -4
  263. package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +6 -6
  264. package/lib/dist-custom-elements/duet-submenu-bar-item.js +4 -4
  265. package/lib/dist-custom-elements/duet-submenu-bar-link.js +3 -3
  266. package/lib/dist-custom-elements/duet-submenu-bar.js +8 -8
  267. package/lib/dist-custom-elements/duet-tab-group.js +21 -18
  268. package/lib/dist-custom-elements/duet-tab.js +2 -2
  269. package/lib/dist-custom-elements/duet-table.js +1 -1
  270. package/lib/dist-custom-elements/duet-textarea.js +10 -10
  271. package/lib/dist-custom-elements/duet-toggle.js +2 -2
  272. package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +4 -4
  273. package/lib/dist-custom-elements/duet-toolbar-dropdown.js +6 -6
  274. package/lib/dist-custom-elements/duet-toolbar-item.js +6 -6
  275. package/lib/dist-custom-elements/duet-toolbar-link.js +4 -4
  276. package/lib/dist-custom-elements/duet-toolbar.js +3 -3
  277. package/lib/dist-custom-elements/duet-tooltip-button.js +1 -1
  278. package/lib/dist-custom-elements/duet-tooltip-popup.js +1 -1
  279. package/lib/dist-custom-elements/duet-tooltip.js +1 -1
  280. package/lib/dist-custom-elements/duet-tray.js +5 -5
  281. package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
  282. package/lib/dist-custom-elements/duet-upload-item.js +1 -1
  283. package/lib/dist-custom-elements/duet-upload.js +22 -22
  284. package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
  285. package/lib/dist-custom-elements/index.js +1 -1
  286. package/lib/dist-custom-elements/{p-135f668d.js → p-0a932f51.js} +1 -1
  287. package/lib/dist-custom-elements/{p-f80dea81.js → p-15d1bb49.js} +4 -4
  288. package/lib/dist-custom-elements/{p-8c472242.js → p-1901a05e.js} +1 -1
  289. package/lib/dist-custom-elements/{p-e8dc8877.js → p-1b1d5047.js} +4 -4
  290. package/lib/dist-custom-elements/{p-cdf4b7f6.js → p-1b591fcd.js} +4 -4
  291. package/lib/dist-custom-elements/{p-47d05b62.js → p-1f2176b1.js} +1 -1
  292. package/lib/dist-custom-elements/{p-2582f9a3.js → p-2e95d393.js} +3 -3
  293. package/lib/dist-custom-elements/{p-ad927290.js → p-2fa067ff.js} +3 -3
  294. package/lib/dist-custom-elements/{p-63a0bdcd.js → p-307aa29d.js} +1 -1
  295. package/lib/dist-custom-elements/{p-4e53b45e.js → p-31316d91.js} +2 -2
  296. package/lib/dist-custom-elements/{p-70b67cdd.js → p-35af6d7a.js} +4 -4
  297. package/lib/dist-custom-elements/{p-d60c7d74.js → p-3b352cea.js} +1 -1
  298. package/lib/dist-custom-elements/{p-77260ba8.js → p-499da71e.js} +103 -8
  299. package/lib/dist-custom-elements/{p-55c477f3.js → p-49fcb05d.js} +2 -2
  300. package/lib/dist-custom-elements/{p-e3280064.js → p-4b8be370.js} +12 -12
  301. package/lib/dist-custom-elements/{p-3c558254.js → p-4c68ba95.js} +12 -12
  302. package/lib/dist-custom-elements/{p-2e148296.js → p-5d684af3.js} +23 -35
  303. package/lib/dist-custom-elements/{p-de35873c.js → p-5ee14292.js} +1 -1
  304. package/lib/dist-custom-elements/{p-653d2256.js → p-6098c129.js} +10 -10
  305. package/lib/dist-custom-elements/{p-80bbbb3a.js → p-62a4796f.js} +5 -5
  306. package/lib/dist-custom-elements/{p-67e54308.js → p-66c6751e.js} +12 -12
  307. package/lib/dist-custom-elements/{p-be9b9c9d.js → p-6b02ba40.js} +5 -5
  308. package/lib/dist-custom-elements/{p-c7002b0e.js → p-8a6a51b2.js} +1 -1
  309. package/lib/dist-custom-elements/{p-276a59a3.js → p-8d68da95.js} +4 -4
  310. package/lib/dist-custom-elements/{p-13082a20.js → p-8debf5b8.js} +2 -2
  311. package/lib/dist-custom-elements/{p-b660d362.js → p-92467a66.js} +11 -11
  312. package/lib/dist-custom-elements/{p-7fd99694.js → p-9654a846.js} +7 -7
  313. package/lib/dist-custom-elements/{p-06beac61.js → p-9a9b2708.js} +2 -2
  314. package/lib/dist-custom-elements/{p-f7d93067.js → p-9dc1ec50.js} +5 -5
  315. package/lib/dist-custom-elements/{p-0c829768.js → p-9efbcc67.js} +1 -1
  316. package/lib/dist-custom-elements/{p-ca899a3c.js → p-a1876945.js} +9 -8
  317. package/lib/dist-custom-elements/{p-1271d1b9.js → p-a20321ec.js} +3 -3
  318. package/lib/{esm/common-strings-a48b3fba.js → dist-custom-elements/p-b7a93f1c.js} +23 -1
  319. package/lib/dist-custom-elements/{p-46749593.js → p-d17f51c7.js} +3 -3
  320. package/lib/dist-custom-elements/{p-911326a0.js → p-d3345442.js} +2 -2
  321. package/lib/dist-custom-elements/{p-aa4ebea4.js → p-dd16af35.js} +5 -5
  322. package/lib/dist-custom-elements/{p-a000e044.js → p-e371f35d.js} +2 -2
  323. package/lib/dist-custom-elements/{p-c1e381e3.js → p-e54a1871.js} +21 -4
  324. package/lib/dist-custom-elements/{p-1027ea53.js → p-ea21cb5d.js} +5 -5
  325. package/lib/dist-custom-elements/{p-12884dcf.js → p-f214be38.js} +4 -4
  326. package/lib/dist-custom-elements/{p-2dcb2900.js → p-f5b135c5.js} +9 -9
  327. package/lib/dist-custom-elements/{p-16151d9e.js → p-ff94cac9.js} +3 -3
  328. package/lib/duet/duet.esm.js +1 -1
  329. package/lib/duet/duet.js +1 -1
  330. package/lib/duet/p-0018881b.entry.js +4 -0
  331. package/lib/duet/{p-0aaac3fd.system.entry.js → p-007eb67f.system.entry.js} +1 -1
  332. package/lib/duet/{p-d1c7c87b.entry.js → p-039cbd8d.entry.js} +1 -1
  333. package/lib/duet/{p-cc22486b.system.entry.js → p-05f7f78d.system.entry.js} +1 -1
  334. package/lib/duet/{p-01965153.entry.js → p-08f39b32.entry.js} +1 -1
  335. package/lib/duet/{p-d5a2f426.entry.js → p-0ad0afe1.entry.js} +1 -1
  336. package/lib/duet/{p-4421763f.entry.js → p-0bbfb836.entry.js} +1 -1
  337. package/lib/duet/{p-bc44defc.system.entry.js → p-0beb2a3f.system.entry.js} +1 -1
  338. package/lib/duet/{p-9e4e3a7d.entry.js → p-0d9f34ae.entry.js} +1 -1
  339. package/lib/duet/{p-d5ad1dca.system.entry.js → p-0dcf3c74.system.entry.js} +1 -1
  340. package/lib/duet/{p-7d050716.system.entry.js → p-0e442247.system.entry.js} +1 -1
  341. package/lib/duet/{p-dd011cf1.system.entry.js → p-0ff4932b.system.entry.js} +2 -2
  342. package/lib/duet/{p-62ba7ee2.entry.js → p-1192e8c9.entry.js} +1 -1
  343. package/lib/duet/{p-b6578600.system.entry.js → p-137beb16.system.entry.js} +1 -1
  344. package/lib/duet/p-14ffb5c1.system.entry.js +4 -0
  345. package/lib/duet/{p-4509c90e.entry.js → p-15694ea7.entry.js} +1 -1
  346. package/lib/duet/{p-3c438fec.entry.js → p-17a1f7cd.entry.js} +1 -1
  347. package/lib/duet/{p-8c1442ff.entry.js → p-18b56724.entry.js} +1 -1
  348. package/lib/duet/{p-7789db31.system.entry.js → p-18c66326.system.entry.js} +1 -1
  349. package/lib/duet/p-1a46c899.system.entry.js +4 -0
  350. package/lib/duet/{p-8a02bd75.system.entry.js → p-1b393d78.system.entry.js} +1 -1
  351. package/lib/duet/{p-b5eb657a.system.js → p-1cc2eb98.system.js} +1 -1
  352. package/lib/duet/{p-c23c9c77.entry.js → p-1daaef7a.entry.js} +1 -1
  353. package/lib/duet/{p-e5716306.entry.js → p-1dc4442a.entry.js} +1 -1
  354. package/lib/duet/p-1dd1cd21.entry.js +4 -0
  355. package/lib/duet/{p-d0b648c5.system.entry.js → p-200f57b6.system.entry.js} +1 -1
  356. package/lib/duet/{p-b9af2990.system.entry.js → p-2179e714.system.entry.js} +2 -2
  357. package/lib/duet/{p-0dd78a56.system.entry.js → p-22ab0759.system.entry.js} +1 -1
  358. package/lib/duet/{p-3aecf400.system.entry.js → p-24749596.system.entry.js} +1 -1
  359. package/lib/duet/p-24954951.js +4 -0
  360. package/lib/duet/{p-077813ae.entry.js → p-2500e9bc.entry.js} +1 -1
  361. package/lib/duet/{p-e9e59d73.entry.js → p-26b49f30.entry.js} +1 -1
  362. package/lib/duet/{p-0a405da0.system.entry.js → p-2bc08ca1.system.entry.js} +1 -1
  363. package/lib/duet/{p-7686eb1f.entry.js → p-2dc5c7c5.entry.js} +1 -1
  364. package/lib/duet/{p-43c4d670.entry.js → p-2dddb575.entry.js} +1 -1
  365. package/lib/duet/{p-1425b59f.entry.js → p-3455bcd6.entry.js} +1 -1
  366. package/lib/duet/{p-ad43bd23.system.entry.js → p-367a3dd8.system.entry.js} +1 -1
  367. package/lib/duet/{p-7adab44d.system.entry.js → p-38f30c2b.system.entry.js} +1 -1
  368. package/lib/duet/{p-5c48b80a.system.entry.js → p-3b816caf.system.entry.js} +1 -1
  369. package/lib/duet/{p-97393e12.system.entry.js → p-3f3571ae.system.entry.js} +1 -1
  370. package/lib/duet/{p-ab7e07be.system.entry.js → p-3f8dd0b3.system.entry.js} +1 -1
  371. package/lib/duet/{p-808d9dc7.system.entry.js → p-431b0896.system.entry.js} +2 -2
  372. package/lib/duet/{p-f78b9d60.system.js → p-43d6b171.system.js} +1 -1
  373. package/lib/duet/{p-e4bda446.system.entry.js → p-451fe5ef.system.entry.js} +1 -1
  374. package/lib/duet/p-460c0029.system.entry.js +4 -0
  375. package/lib/duet/{p-25bfda5f.system.entry.js → p-47fd41c6.system.entry.js} +1 -1
  376. package/lib/duet/{p-22ae0db4.entry.js → p-48452fe6.entry.js} +1 -1
  377. package/lib/duet/{p-7761f427.system.entry.js → p-484c1cc2.system.entry.js} +1 -1
  378. package/lib/duet/{p-f482b5af.system.entry.js → p-4a7a6dcb.system.entry.js} +1 -1
  379. package/lib/duet/p-4ac878dd.system.entry.js +4 -0
  380. package/lib/duet/p-50cb674e.js +4 -0
  381. package/lib/duet/p-510aee05.entry.js +4 -0
  382. package/lib/duet/{p-a51a1f94.system.entry.js → p-531d399b.system.entry.js} +1 -1
  383. package/lib/duet/{p-33ee2b28.entry.js → p-544a2e7d.entry.js} +1 -1
  384. package/lib/duet/{p-7194f790.entry.js → p-552be4d4.entry.js} +1 -1
  385. package/lib/duet/{p-a04ebea2.system.entry.js → p-55eab330.system.entry.js} +1 -1
  386. package/lib/duet/{p-98feb289.system.entry.js → p-56c024f4.system.entry.js} +1 -1
  387. package/lib/duet/{p-5a1dbce7.system.entry.js → p-57b716e6.system.entry.js} +1 -1
  388. package/lib/duet/p-583b4f49.js +4 -0
  389. package/lib/duet/{p-17ed0be9.system.entry.js → p-58b34a23.system.entry.js} +1 -1
  390. package/lib/duet/{p-8bed4283.system.entry.js → p-58d2375e.system.entry.js} +1 -1
  391. package/lib/duet/p-58f4c4ef.system.entry.js +4 -0
  392. package/lib/duet/p-59777da7.system.js +4 -0
  393. package/lib/duet/{p-2fe6628e.system.entry.js → p-5afe6d8e.system.entry.js} +1 -1
  394. package/lib/duet/{p-f740cd96.entry.js → p-5b0337d8.entry.js} +1 -1
  395. package/lib/duet/p-5b0f2f3d.entry.js +4 -0
  396. package/lib/duet/{p-cf5551f7.entry.js → p-5bcce1c4.entry.js} +1 -1
  397. package/lib/duet/{p-080a85af.system.entry.js → p-5cb10012.system.entry.js} +2 -2
  398. package/lib/duet/{p-e124ed8c.system.entry.js → p-5d987b8d.system.entry.js} +2 -2
  399. package/lib/duet/{p-14f51a29.entry.js → p-5e1045dc.entry.js} +1 -1
  400. package/lib/duet/p-5e658b40.js +4 -0
  401. package/lib/duet/{p-8c66abfb.system.entry.js → p-6015aa05.system.entry.js} +1 -1
  402. package/lib/duet/{p-8da3b624.entry.js → p-601e275c.entry.js} +1 -1
  403. package/lib/duet/p-60636c0f.js +4 -0
  404. package/lib/duet/{p-45cb4d7f.system.entry.js → p-6106103e.system.entry.js} +1 -1
  405. package/lib/duet/{p-f7a30994.system.entry.js → p-612fe73a.system.entry.js} +1 -1
  406. package/lib/duet/p-61b2c1c9.entry.js +4 -0
  407. package/lib/duet/{p-c4eb60a1.system.entry.js → p-61bb70ea.system.entry.js} +2 -2
  408. package/lib/duet/{p-9f1e07cc.entry.js → p-6314d434.entry.js} +1 -1
  409. package/lib/duet/p-63d23d82.entry.js +4 -0
  410. package/lib/duet/{p-570a2d5c.entry.js → p-66dd8b2f.entry.js} +1 -1
  411. package/lib/duet/{p-73666dbd.entry.js → p-6703c635.entry.js} +1 -1
  412. package/lib/duet/{p-d63c92fc.system.js → p-694e5a97.system.js} +1 -1
  413. package/lib/duet/{p-442cac9c.entry.js → p-69b7e6dc.entry.js} +1 -1
  414. package/lib/duet/{p-8e5de54a.entry.js → p-6b97b58c.entry.js} +1 -1
  415. package/lib/duet/{p-79562f98.entry.js → p-6cdc13f4.entry.js} +1 -1
  416. package/lib/duet/{p-41a3f8ed.entry.js → p-6ceeb4c1.entry.js} +1 -1
  417. package/lib/duet/{p-1830fafe.entry.js → p-6ec3fa80.entry.js} +1 -1
  418. package/lib/duet/{p-618a0f3a.entry.js → p-6eed12c2.entry.js} +1 -1
  419. package/lib/duet/p-6fb7afac.system.entry.js +4 -0
  420. package/lib/duet/{p-3c29e0ba.entry.js → p-71507957.entry.js} +1 -1
  421. package/lib/duet/p-729bb657.entry.js +4 -0
  422. package/lib/duet/p-72baa999.entry.js +4 -0
  423. package/lib/duet/{p-bb71c581.entry.js → p-72e617b1.entry.js} +1 -1
  424. package/lib/duet/{p-0990faec.system.entry.js → p-72f4c54a.system.entry.js} +1 -1
  425. package/lib/duet/{p-89a1d75a.js → p-75a66b82.js} +1 -1
  426. package/lib/duet/p-75eda30d.entry.js +4 -0
  427. package/lib/duet/p-78df5993.entry.js +4 -0
  428. package/lib/duet/p-7c597c01.entry.js +4 -0
  429. package/lib/duet/{p-519fef05.system.js → p-7d4fb1da.system.js} +1 -1
  430. package/lib/duet/{p-d977fe38.system.entry.js → p-7f50e5e3.system.entry.js} +1 -1
  431. package/lib/duet/{p-80c89ac1.entry.js → p-7f5b3bb1.entry.js} +1 -1
  432. package/lib/duet/{p-1be0f96f.system.entry.js → p-80121038.system.entry.js} +2 -2
  433. package/lib/duet/{p-3372296f.entry.js → p-8173aad1.entry.js} +1 -1
  434. package/lib/duet/{p-e8059b67.system.entry.js → p-81dbbba7.system.entry.js} +1 -1
  435. package/lib/duet/{p-ecb06d44.entry.js → p-8303c23a.entry.js} +1 -1
  436. package/lib/duet/{p-24cc3a49.entry.js → p-8497c4a3.entry.js} +1 -1
  437. package/lib/duet/p-87633fff.system.js +4 -0
  438. package/lib/duet/p-8911207e.entry.js +4 -0
  439. package/lib/duet/p-894105da.entry.js +4 -0
  440. package/lib/duet/{p-af3397e6.entry.js → p-8a7cfab8.entry.js} +1 -1
  441. package/lib/duet/{p-f01d0296.system.entry.js → p-8c80b769.system.entry.js} +1 -1
  442. package/lib/duet/{p-85696a8e.entry.js → p-8ef88917.entry.js} +1 -1
  443. package/lib/duet/{p-e2e84fa3.system.entry.js → p-8fa3a4db.system.entry.js} +1 -1
  444. package/lib/duet/{p-c6c01a4f.system.entry.js → p-930ea887.system.entry.js} +1 -1
  445. package/lib/duet/{p-38baa305.entry.js → p-95137492.entry.js} +1 -1
  446. package/lib/duet/{p-3b760329.entry.js → p-969327bd.entry.js} +1 -1
  447. package/lib/duet/p-9715fa3d.entry.js +4 -0
  448. package/lib/duet/p-9bff6ed8.entry.js +4 -0
  449. package/lib/duet/{p-9c201da2.entry.js → p-9e93e46d.entry.js} +1 -1
  450. package/lib/duet/{p-20baa68b.entry.js → p-9f6fe3bd.entry.js} +1 -1
  451. package/lib/duet/{p-5026ba81.system.entry.js → p-9fe084e8.system.entry.js} +1 -1
  452. package/lib/duet/p-a12e5499.entry.js +4 -0
  453. package/lib/duet/{p-964cab98.entry.js → p-a20eeb3a.entry.js} +1 -1
  454. package/lib/duet/{p-4dd14bc1.system.entry.js → p-a3c50037.system.entry.js} +1 -1
  455. package/lib/duet/p-a48a6cf9.system.entry.js +4 -0
  456. package/lib/duet/{p-bffda5ab.entry.js → p-a4f3a6d6.entry.js} +1 -1
  457. package/lib/duet/{p-8c2abe91.js → p-a68a90f3.js} +1 -1
  458. package/lib/duet/{p-61198184.system.entry.js → p-aa224793.system.entry.js} +1 -1
  459. package/lib/duet/{p-024c34d9.system.entry.js → p-aca600ee.system.entry.js} +1 -1
  460. package/lib/duet/{p-0a72cb14.system.entry.js → p-acac731e.system.entry.js} +1 -1
  461. package/lib/duet/{p-9faf2ac2.system.entry.js → p-ae3c38ec.system.entry.js} +1 -1
  462. package/lib/duet/{p-33a9413f.system.entry.js → p-aee53cdc.system.entry.js} +1 -1
  463. package/lib/duet/{p-a03fcf76.system.js → p-b197d195.system.js} +1 -1
  464. package/lib/duet/{p-13dce266.entry.js → p-b21962b0.entry.js} +1 -1
  465. package/lib/duet/{p-c6e60d08.system.entry.js → p-b230c327.system.entry.js} +1 -1
  466. package/lib/duet/{p-844d9170.entry.js → p-b275f92a.entry.js} +1 -1
  467. package/lib/duet/{p-71a70553.system.entry.js → p-b57e1a16.system.entry.js} +1 -1
  468. package/lib/duet/{p-9004d8ff.entry.js → p-b70e378a.entry.js} +1 -1
  469. package/lib/duet/p-b7f0f071.entry.js +4 -0
  470. package/lib/duet/p-bb3cd264.system.entry.js +4 -0
  471. package/lib/duet/{p-17029aad.entry.js → p-c1652045.entry.js} +1 -1
  472. package/lib/duet/{p-e762de37.entry.js → p-c16d08b2.entry.js} +1 -1
  473. package/lib/duet/{p-9eed5f82.js → p-c4a1cfd6.js} +1 -1
  474. package/lib/duet/{p-d610918e.system.entry.js → p-c57ed342.system.entry.js} +1 -1
  475. package/lib/duet/{p-1ca12248.entry.js → p-c6b0afdd.entry.js} +1 -1
  476. package/lib/duet/{p-e538f43c.system.entry.js → p-c7302b85.system.entry.js} +1 -1
  477. package/lib/duet/{p-5122eee8.system.js → p-c9798a8d.system.js} +1 -1
  478. package/lib/duet/{p-9608ad22.system.js → p-cddad487.system.js} +1 -1
  479. package/lib/duet/p-cdfca639.system.entry.js +4 -0
  480. package/lib/duet/{p-ece11bcb.entry.js → p-ce447833.entry.js} +1 -1
  481. package/lib/duet/{p-c59fbbb1.system.entry.js → p-d08d078b.system.entry.js} +1 -1
  482. package/lib/duet/{p-5c01b990.entry.js → p-d1814664.entry.js} +1 -1
  483. package/lib/duet/{p-aadd382f.system.entry.js → p-d28853ae.system.entry.js} +1 -1
  484. package/lib/duet/p-d3b64256.entry.js +4 -0
  485. package/lib/duet/{p-b5191612.system.entry.js → p-d3f723cf.system.entry.js} +1 -1
  486. package/lib/duet/{p-18e13eb6.system.entry.js → p-d42f9e4f.system.entry.js} +1 -1
  487. package/lib/duet/{p-662c351a.system.js → p-d4630d55.system.js} +1 -1
  488. package/lib/duet/{p-0e4fe522.system.entry.js → p-d4859ceb.system.entry.js} +1 -1
  489. package/lib/duet/{p-b094d253.entry.js → p-d5f395c0.entry.js} +1 -1
  490. package/lib/duet/p-d67c45eb.entry.js +4 -0
  491. package/lib/duet/{p-526bce13.system.entry.js → p-d71b8774.system.entry.js} +1 -1
  492. package/lib/duet/{p-05fc82b0.entry.js → p-d9a2772b.entry.js} +1 -1
  493. package/lib/duet/{p-e5f1e38a.js → p-d9cafc77.js} +1 -1
  494. package/lib/duet/{p-71a2b27b.system.entry.js → p-db82eb02.system.entry.js} +2 -2
  495. package/lib/duet/{p-328f8f18.entry.js → p-dc812f17.entry.js} +1 -1
  496. package/lib/duet/{p-8b350472.system.entry.js → p-de0a91b3.system.entry.js} +1 -1
  497. package/lib/duet/{p-333f7ae7.entry.js → p-e007c11a.entry.js} +1 -1
  498. package/lib/duet/p-e24ab988.system.entry.js +4 -0
  499. package/lib/duet/{p-5aeec4ac.system.entry.js → p-e2949e43.system.entry.js} +1 -1
  500. package/lib/duet/p-e34ddfda.system.entry.js +4 -0
  501. package/lib/duet/{p-590505a4.system.entry.js → p-e3a21063.system.entry.js} +1 -1
  502. package/lib/duet/p-e63f5ff5.js +4 -0
  503. package/lib/duet/p-e6cd1ffb.system.js +4 -0
  504. package/lib/duet/{p-04e49b2e.system.entry.js → p-eb157d71.system.entry.js} +1 -1
  505. package/lib/duet/{p-02aca5ee.system.entry.js → p-f052ccf2.system.entry.js} +1 -1
  506. package/lib/duet/{p-7d10302e.entry.js → p-f0dce24e.entry.js} +1 -1
  507. package/lib/duet/{p-7930882f.entry.js → p-f1a06e83.entry.js} +1 -1
  508. package/lib/duet/{p-60ef6c46.system.entry.js → p-f38175f1.system.entry.js} +1 -1
  509. package/lib/duet/{p-03e76030.system.entry.js → p-f3a26af1.system.entry.js} +1 -1
  510. package/lib/duet/p-f69dc290.entry.js +4 -0
  511. package/lib/duet/{p-b3f5912a.system.entry.js → p-f756e03d.system.entry.js} +1 -1
  512. package/lib/duet/{p-85167dd4.entry.js → p-f80ef600.entry.js} +1 -1
  513. package/lib/duet/{p-c45ddc7a.system.entry.js → p-f83e4a46.system.entry.js} +1 -1
  514. package/lib/duet/{p-4ead37f9.entry.js → p-f9536c83.entry.js} +1 -1
  515. package/lib/duet/{p-a8e26d38.entry.js → p-fa2d27c3.entry.js} +1 -1
  516. package/lib/duet/{p-68d50809.system.entry.js → p-fcb5179d.system.entry.js} +1 -1
  517. package/lib/duet/{p-22f40c48.system.entry.js → p-fe7ba159.system.entry.js} +1 -1
  518. package/lib/duet/{p-88dda3dd.entry.js → p-ff139142.entry.js} +1 -1
  519. package/lib/duet/{p-35d651a8.system.entry.js → p-ffe9f317.system.entry.js} +1 -1
  520. package/lib/duet/p-fff88e02.entry.js +4 -0
  521. package/lib/esm/{a11y-utils-d44f1172.js → a11y-utils-fb6d24ef.js} +1 -1
  522. package/lib/esm/{app-globals-5ec0d260.js → app-globals-595167e1.js} +1 -1
  523. package/lib/{dist-custom-elements/p-9b044291.js → esm/common-strings-1274857d.js} +23 -1
  524. package/lib/esm/duet-action-button.entry.js +4 -4
  525. package/lib/esm/duet-alert.entry.js +20 -32
  526. package/lib/esm/duet-badge.entry.js +16 -4
  527. package/lib/esm/duet-banner.entry.js +7 -7
  528. package/lib/esm/duet-breadcrumb.entry.js +7 -7
  529. package/lib/esm/duet-breadcrumbs.entry.js +6 -6
  530. package/lib/esm/duet-button_2.entry.js +13 -13
  531. package/lib/esm/duet-callout.entry.js +5 -5
  532. package/lib/esm/duet-caption_4.entry.js +15 -14
  533. package/lib/esm/duet-card.entry.js +9 -8
  534. package/lib/esm/duet-checkbox.entry.js +2 -2
  535. package/lib/esm/duet-checkmark.entry.js +4 -4
  536. package/lib/esm/duet-chip.entry.js +3 -3
  537. package/lib/esm/duet-choice_2.entry.js +28 -21
  538. package/lib/esm/duet-collapsible.entry.js +3 -3
  539. package/lib/esm/duet-combobox.entry.js +4 -4
  540. package/lib/esm/duet-contact-card.entry.js +5 -5
  541. package/lib/esm/duet-cookie-consent.entry.js +2 -2
  542. package/lib/esm/duet-date-picker.entry.js +18 -8
  543. package/lib/esm/duet-divider_2.entry.js +4 -4
  544. package/lib/esm/duet-editable-table_3.entry.js +9 -9
  545. package/lib/esm/duet-empty-state.entry.js +2 -2
  546. package/lib/esm/duet-fieldset.entry.js +6 -6
  547. package/lib/esm/duet-file-chooser.entry.js +2 -2
  548. package/lib/esm/duet-footer.entry.js +5 -5
  549. package/lib/esm/duet-grid_2.entry.js +2 -2
  550. package/lib/esm/duet-header_2.entry.js +7 -6
  551. package/lib/esm/duet-hero.entry.js +6 -6
  552. package/lib/esm/duet-icon.entry.js +6 -6
  553. package/lib/esm/duet-input_2.entry.js +6 -6
  554. package/lib/esm/duet-layout.entry.js +2 -2
  555. package/lib/esm/duet-list_2.entry.js +4 -4
  556. package/lib/esm/duet-menu-bar-button.entry.js +4 -4
  557. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +4 -4
  558. package/lib/esm/duet-menu-bar-dropdown.entry.js +6 -6
  559. package/lib/esm/duet-menu-bar-item.entry.js +8 -8
  560. package/lib/esm/duet-menu-bar-link.entry.js +4 -4
  561. package/lib/esm/duet-menu-bar.entry.js +3 -3
  562. package/lib/esm/duet-modal.entry.js +40 -21
  563. package/lib/esm/duet-multiselect.entry.js +4 -4
  564. package/lib/esm/duet-nav.entry.js +3 -3
  565. package/lib/esm/duet-notification_2.entry.js +5 -5
  566. package/lib/esm/duet-number-input.entry.js +11 -7
  567. package/lib/esm/duet-overlay.entry.js +2 -2
  568. package/lib/esm/duet-page-heading.entry.js +4 -4
  569. package/lib/esm/duet-pagination_2.entry.js +6 -6
  570. package/lib/esm/duet-panel.entry.js +43 -0
  571. package/lib/esm/duet-phone-input.entry.js +4 -4
  572. package/lib/esm/duet-popup-menu_2.entry.js +6 -6
  573. package/lib/esm/duet-progress.entry.js +3 -3
  574. package/lib/esm/duet-promo-card.entry.js +6 -6
  575. package/lib/esm/duet-radio_2.entry.js +3 -3
  576. package/lib/esm/duet-range-slider.entry.js +2 -2
  577. package/lib/esm/duet-scrollable_3.entry.js +24 -21
  578. package/lib/esm/duet-section-layout.entry.js +4 -4
  579. package/lib/esm/duet-select.entry.js +4 -4
  580. package/lib/esm/duet-shaped-image.entry.js +4 -4
  581. package/lib/esm/duet-share-chart-item.entry.js +2 -2
  582. package/lib/esm/duet-share-chart.entry.js +9 -7
  583. package/lib/esm/duet-show-more.entry.js +5 -5
  584. package/lib/esm/duet-slideout-lang.entry.js +4 -4
  585. package/lib/esm/duet-slideout-link.entry.js +8 -8
  586. package/lib/esm/duet-slideout-panel-dropdown.entry.js +6 -6
  587. package/lib/esm/duet-slideout-panel.entry.js +12 -12
  588. package/lib/esm/duet-slideout.entry.js +10 -10
  589. package/lib/esm/duet-status-icon.entry.js +3 -3
  590. package/lib/esm/duet-step_2.entry.js +5 -5
  591. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +4 -4
  592. package/lib/esm/duet-submenu-bar-dropdown.entry.js +6 -6
  593. package/lib/esm/duet-submenu-bar-item.entry.js +7 -7
  594. package/lib/esm/duet-submenu-bar-link.entry.js +3 -3
  595. package/lib/esm/duet-submenu-bar.entry.js +7 -7
  596. package/lib/esm/duet-textarea.entry.js +4 -4
  597. package/lib/esm/duet-toggle.entry.js +2 -2
  598. package/lib/esm/duet-toolbar-dropdown-link.entry.js +4 -4
  599. package/lib/esm/duet-toolbar-dropdown.entry.js +6 -6
  600. package/lib/esm/duet-toolbar-item.entry.js +9 -9
  601. package/lib/esm/duet-toolbar-link.entry.js +4 -4
  602. package/lib/esm/duet-toolbar.entry.js +4 -4
  603. package/lib/esm/duet-tooltip-button_2.entry.js +8 -8
  604. package/lib/esm/duet-tooltip.entry.js +3 -3
  605. package/lib/esm/duet-tray.entry.js +5 -5
  606. package/lib/esm/duet-upload-aria-status.entry.js +2 -2
  607. package/lib/esm/duet-upload-item.entry.js +6 -6
  608. package/lib/esm/duet-visually-hidden.entry.js +2 -2
  609. package/lib/esm/duet.js +4 -4
  610. package/lib/esm/{errorcodes.utils-4ce3105d.js → errorcodes.utils-7effaab9.js} +1 -1
  611. package/lib/esm/{focus-utils-0d727936.js → focus-utils-2ff60ebe.js} +1 -1
  612. package/lib/esm/{index-5757a151.js → index-4cc3ec50.js} +5 -1
  613. package/lib/esm/{language-utils-1aea3619.js → language-utils-aa864aed.js} +1 -1
  614. package/lib/esm/loader.js +4 -4
  615. package/lib/esm/{slot-utils-03502471.js → slot-utils-28b6b964.js} +1 -1
  616. package/lib/esm/{themeable-component-e507940b.js → themeable-component-35ed7853.js} +1 -1
  617. package/lib/esm/{token-utils-7360bb84.js → token-utils-06ae5c10.js} +103 -8
  618. package/lib/esm-es5/{a11y-utils-d44f1172.js → a11y-utils-fb6d24ef.js} +1 -1
  619. package/lib/esm-es5/{app-globals-5ec0d260.js → app-globals-595167e1.js} +1 -1
  620. package/lib/esm-es5/{common-strings-a48b3fba.js → common-strings-1274857d.js} +1 -1
  621. package/lib/esm-es5/duet-action-button.entry.js +1 -1
  622. package/lib/esm-es5/duet-alert.entry.js +1 -1
  623. package/lib/esm-es5/duet-badge.entry.js +1 -1
  624. package/lib/esm-es5/duet-banner.entry.js +1 -1
  625. package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
  626. package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
  627. package/lib/esm-es5/duet-button_2.entry.js +1 -1
  628. package/lib/esm-es5/duet-callout.entry.js +1 -1
  629. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  630. package/lib/esm-es5/duet-card.entry.js +1 -1
  631. package/lib/esm-es5/duet-checkbox.entry.js +1 -1
  632. package/lib/esm-es5/duet-checkmark.entry.js +1 -1
  633. package/lib/esm-es5/duet-chip.entry.js +1 -1
  634. package/lib/esm-es5/duet-choice_2.entry.js +2 -2
  635. package/lib/esm-es5/duet-collapsible.entry.js +1 -1
  636. package/lib/esm-es5/duet-combobox.entry.js +1 -1
  637. package/lib/esm-es5/duet-contact-card.entry.js +1 -1
  638. package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
  639. package/lib/esm-es5/duet-date-picker.entry.js +1 -1
  640. package/lib/esm-es5/duet-divider_2.entry.js +1 -1
  641. package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
  642. package/lib/esm-es5/duet-empty-state.entry.js +1 -1
  643. package/lib/esm-es5/duet-fieldset.entry.js +1 -1
  644. package/lib/esm-es5/duet-file-chooser.entry.js +1 -1
  645. package/lib/esm-es5/duet-footer.entry.js +1 -1
  646. package/lib/esm-es5/duet-grid_2.entry.js +1 -1
  647. package/lib/esm-es5/duet-header_2.entry.js +1 -1
  648. package/lib/esm-es5/duet-hero.entry.js +2 -2
  649. package/lib/esm-es5/duet-icon.entry.js +1 -1
  650. package/lib/esm-es5/duet-input_2.entry.js +1 -1
  651. package/lib/esm-es5/duet-layout.entry.js +1 -1
  652. package/lib/esm-es5/duet-list_2.entry.js +1 -1
  653. package/lib/esm-es5/duet-menu-bar-button.entry.js +2 -2
  654. package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js +1 -1
  655. package/lib/esm-es5/duet-menu-bar-dropdown.entry.js +1 -1
  656. package/lib/esm-es5/duet-menu-bar-item.entry.js +1 -1
  657. package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
  658. package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
  659. package/lib/esm-es5/duet-modal.entry.js +2 -2
  660. package/lib/esm-es5/duet-multiselect.entry.js +1 -1
  661. package/lib/esm-es5/duet-nav.entry.js +1 -1
  662. package/lib/esm-es5/duet-notification_2.entry.js +1 -1
  663. package/lib/esm-es5/duet-number-input.entry.js +1 -1
  664. package/lib/esm-es5/duet-overlay.entry.js +1 -1
  665. package/lib/esm-es5/duet-page-heading.entry.js +1 -1
  666. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  667. package/lib/esm-es5/duet-panel.entry.js +4 -0
  668. package/lib/esm-es5/duet-phone-input.entry.js +1 -1
  669. package/lib/esm-es5/duet-popup-menu_2.entry.js +1 -1
  670. package/lib/esm-es5/duet-progress.entry.js +1 -1
  671. package/lib/esm-es5/duet-promo-card.entry.js +2 -2
  672. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  673. package/lib/esm-es5/duet-range-slider.entry.js +1 -1
  674. package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
  675. package/lib/esm-es5/duet-section-layout.entry.js +1 -1
  676. package/lib/esm-es5/duet-select.entry.js +1 -1
  677. package/lib/esm-es5/duet-shaped-image.entry.js +1 -1
  678. package/lib/esm-es5/duet-share-chart-item.entry.js +1 -1
  679. package/lib/esm-es5/duet-share-chart.entry.js +1 -1
  680. package/lib/esm-es5/duet-show-more.entry.js +1 -1
  681. package/lib/esm-es5/duet-slideout-lang.entry.js +1 -1
  682. package/lib/esm-es5/duet-slideout-link.entry.js +1 -1
  683. package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js +2 -2
  684. package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
  685. package/lib/esm-es5/duet-slideout.entry.js +1 -1
  686. package/lib/esm-es5/duet-status-icon.entry.js +1 -1
  687. package/lib/esm-es5/duet-step_2.entry.js +1 -1
  688. package/lib/esm-es5/duet-submenu-bar-dropdown-link.entry.js +1 -1
  689. package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js +1 -1
  690. package/lib/esm-es5/duet-submenu-bar-item.entry.js +1 -1
  691. package/lib/esm-es5/duet-submenu-bar-link.entry.js +1 -1
  692. package/lib/esm-es5/duet-submenu-bar.entry.js +1 -1
  693. package/lib/esm-es5/duet-textarea.entry.js +1 -1
  694. package/lib/esm-es5/duet-toggle.entry.js +1 -1
  695. package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
  696. package/lib/esm-es5/duet-toolbar-dropdown.entry.js +1 -1
  697. package/lib/esm-es5/duet-toolbar-item.entry.js +1 -1
  698. package/lib/esm-es5/duet-toolbar-link.entry.js +1 -1
  699. package/lib/esm-es5/duet-toolbar.entry.js +1 -1
  700. package/lib/esm-es5/duet-tooltip-button_2.entry.js +1 -1
  701. package/lib/esm-es5/duet-tooltip.entry.js +1 -1
  702. package/lib/esm-es5/duet-tray.entry.js +1 -1
  703. package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
  704. package/lib/esm-es5/duet-upload-item.entry.js +1 -1
  705. package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
  706. package/lib/esm-es5/duet.js +1 -1
  707. package/lib/esm-es5/{errorcodes.utils-4ce3105d.js → errorcodes.utils-7effaab9.js} +1 -1
  708. package/lib/esm-es5/focus-utils-2ff60ebe.js +4 -0
  709. package/lib/esm-es5/index-4cc3ec50.js +4 -0
  710. package/lib/esm-es5/{language-utils-1aea3619.js → language-utils-aa864aed.js} +1 -1
  711. package/lib/esm-es5/loader.js +1 -1
  712. package/lib/esm-es5/{slot-utils-03502471.js → slot-utils-28b6b964.js} +1 -1
  713. package/lib/esm-es5/{themeable-component-e507940b.js → themeable-component-35ed7853.js} +1 -1
  714. package/lib/esm-es5/token-utils-06ae5c10.js +4 -0
  715. package/lib/types/common-strings.d.ts +2 -0
  716. package/lib/types/components/duet-alert/duet-alert.d.ts +5 -2
  717. package/lib/types/components/duet-badge/duet-badge.d.ts +1 -0
  718. package/lib/types/components/duet-card/duet-card.d.ts +6 -0
  719. package/lib/types/components/duet-choice/duet-choice.d.ts +0 -4
  720. package/lib/types/components/duet-choice-group/duet-choice-group.d.ts +2 -2
  721. package/lib/types/components/duet-modal/duet-modal.d.ts +17 -1
  722. package/lib/types/components/duet-number-input/duet-number-input.d.ts +3 -1
  723. package/lib/types/components/duet-panel/duet-panel.d.ts +47 -0
  724. package/lib/types/components.d.ts +113 -11
  725. package/lib/types/utils/token-utils.d.ts +4 -0
  726. package/lib/types/utils/turva2-color-tokens.d.ts +39 -0
  727. package/package.json +4 -4
  728. package/lib/duet/p-0e1d879e.system.js +0 -4
  729. package/lib/duet/p-1390ae19.entry.js +0 -4
  730. package/lib/duet/p-144182a4.entry.js +0 -4
  731. package/lib/duet/p-1657ff9a.entry.js +0 -4
  732. package/lib/duet/p-1b355115.entry.js +0 -4
  733. package/lib/duet/p-1fe5a7e9.js +0 -4
  734. package/lib/duet/p-20669a1b.system.entry.js +0 -4
  735. package/lib/duet/p-2519a1b2.entry.js +0 -4
  736. package/lib/duet/p-2d6cd3b0.system.entry.js +0 -4
  737. package/lib/duet/p-3c2cf893.system.entry.js +0 -4
  738. package/lib/duet/p-3cbeb209.system.entry.js +0 -4
  739. package/lib/duet/p-3cd37502.entry.js +0 -4
  740. package/lib/duet/p-3ea64651.entry.js +0 -4
  741. package/lib/duet/p-40edc180.system.entry.js +0 -4
  742. package/lib/duet/p-435ed67f.entry.js +0 -4
  743. package/lib/duet/p-473febb8.entry.js +0 -4
  744. package/lib/duet/p-4cae058e.entry.js +0 -4
  745. package/lib/duet/p-5de30279.js +0 -4
  746. package/lib/duet/p-63a67247.js +0 -4
  747. package/lib/duet/p-76332920.system.js +0 -4
  748. package/lib/duet/p-78033ea5.js +0 -4
  749. package/lib/duet/p-836bee60.system.entry.js +0 -4
  750. package/lib/duet/p-8522541f.entry.js +0 -4
  751. package/lib/duet/p-8975b5ee.entry.js +0 -4
  752. package/lib/duet/p-9508ee67.system.js +0 -4
  753. package/lib/duet/p-9615338f.system.entry.js +0 -4
  754. package/lib/duet/p-a41a83dc.system.entry.js +0 -4
  755. package/lib/duet/p-b036d747.entry.js +0 -4
  756. package/lib/duet/p-b16705db.js +0 -4
  757. package/lib/duet/p-b5cb52b3.entry.js +0 -4
  758. package/lib/duet/p-baf03e8b.entry.js +0 -4
  759. package/lib/duet/p-bfa13cf6.entry.js +0 -4
  760. package/lib/duet/p-c658fdf2.system.entry.js +0 -4
  761. package/lib/duet/p-cc531319.js +0 -4
  762. package/lib/duet/p-d4e9333f.entry.js +0 -4
  763. package/lib/duet/p-d87768a3.entry.js +0 -4
  764. package/lib/duet/p-ecf25e2f.system.entry.js +0 -4
  765. package/lib/duet/p-f38adc18.entry.js +0 -4
  766. package/lib/duet/p-f6ada3f6.entry.js +0 -4
  767. package/lib/esm-es5/focus-utils-0d727936.js +0 -4
  768. package/lib/esm-es5/index-5757a151.js +0 -4
  769. package/lib/esm-es5/token-utils-7360bb84.js +0 -4
package/lib/esm-es5/duet-slideout-link.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as registerInstance,h,H as Host,g as getElement}from"./index-5757a151.js";import{a as actionNewWindowSmall}from"./action-new-window-small-1945be91.js";import{D as DuetStringsExternalDefaults}from"./common-strings-a48b3fba.js";import{i as inheritGlobalTheme}from"./themeable-component-e507940b.js";import{g as getAccessibleLinkLabel}from"./a11y-utils-d44f1172.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-1aea3619.js";import"./slot-utils-03502471.js";import"./string-utils-192eb3c8.js";var duetSlideoutLinkCss='*,*::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-slideout-link{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:inherit;font-weight:inherit;line-height:1.25;color:inherit;text-align:left;text-decoration:none}.duet-slideout-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-slideout-link:focus,.duet-slideout-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-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"}.duet-slideout-link.active span{position:relative}.duet-slideout-link.active .label-content::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:var(--active-height, 2px);content:"";background:rgb(0, 119, 179);transform:var(--active-translate-y, translateY(2px))}.duet-slideout-link.active.duet-theme-turva span::after{background:rgb(198, 12, 48)}.duet-slideout-link.small{font-size:1rem;font-weight:600}.duet-slideout-link.small span::after{--active-height:1px;--active-translate-y:1px}.duet-slideout-link.medium{font-size:1.25rem;font-weight:600}.duet-slideout-link.large{font-size:1.5rem;font-weight:800}.duet-slideout-link .label{display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%}.duet-slideout-link .label-container{display:flex;gap:8px;align-items:center;justify-content:flex-start;width:100%}.duet-slideout-link .external-icon{width:10px;height:10px}.duet-slideout-link.medium .external-icon,.duet-slideout-link.large .external-icon{width:12px;height:12px}slot[name=description]::slotted(*){display:block;padding:8px 0 0;font-size:1rem;font-size:1.25;font-weight:400;color:rgb(98, 121, 138)}.duet-theme-turva slot[name=description]::slotted(*){color:rgb(113, 118, 132)}:host(.duet-theme-turva2) .duet-slideout-link.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-slideout-link.duet-theme-turva.active .label-content::after{background:#e61740}:host(.duet-theme-turva2) slot[name=description]::slotted(*){color:#172a3b}';var DuetSlideoutLinkStyle0=duetSlideoutLinkCss;var DuetSlideoutLink=function(){function e(e){registerInstance(this,e);this.accessibleLabel=undefined;this.theme="";this.targetLanguage=undefined;this.active=false;this.href="#";this.icon=undefined;this.size="inherit";this.caret=false;this.menuItem=false;this.accessibleLabelExternalDefaults=DuetStringsExternalDefaults;this.accessibleLabelExternal=getLocaleString(this.accessibleLabelExternalDefaults);this.external=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.render=function(){var e;return h(Host,{key:"37e7f55eccaef46f0fdb0cc722167b3d2be07250"},h("a",{key:"7888b5689d718e5618dbd8119513c9ad0bd88eaa",target:!this.href?null:this.external?"_blank":"_self",class:(e={"duet-slideout-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},e[this.size]=true,e),href:this.href,"aria-current":this.active?"true":"false",lang:this.targetLanguage,hreflang:this.targetLanguage,"aria-label":this.href&&getAccessibleLinkLabel(this)||this.accessibleLabel,rel:this.external?"noopener":undefined},this.icon&&h("duet-icon",{key:"0fdcbb18f34d423c59650e55bccee40efedb9f49",name:this.icon,color:"secondary",size:this.menuItem?"x-small":"medium",margin:"none"}),h("div",{key:"06d69d19e7780580efd75a285c6d58008dc7ef4e",class:"label"},h("span",{key:"6db329897b1ad576bce79b2da3c2586992786239"},h("span",{key:"01b2c540cb6096bf321cd52272c7bfc7284f9532",class:"label-container"},h("span",{key:"fd2b7ff9885cd3a24f1b81e14b0e972daf606da9",class:"label-content"},h("slot",{key:"c05ee9479a383f4a3a99d1060054e4b07a510337"})),this.external&&h("duet-icon",{key:"669c2f06ba1388a117029c4bebb472a22a51d90e",class:"external-icon",theme:this.theme,name:actionNewWindowSmall.title,margin:"none",size:"auto",color:"currentColor"})),h("slot",{key:"81fe3d16cde666a547216e35ebfe7c4d9289713b",name:"description"})),this.caret&&h("duet-icon",{key:"31f873adfe1e59fc420ea6cafcc9133a10e92f43",name:"action-arrow-right",color:"secondary",size:"x-small",margin:"none"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSlideoutLink.style=DuetSlideoutLinkStyle0;export{DuetSlideoutLink as duet_slideout_link};
4
+ import{r as registerInstance,h,H as Host,g as getElement}from"./index-4cc3ec50.js";import{a as actionNewWindowSmall}from"./action-new-window-small-1945be91.js";import{a as DuetStringsExternalDefaults}from"./common-strings-1274857d.js";import{i as inheritGlobalTheme}from"./themeable-component-35ed7853.js";import{g as getAccessibleLinkLabel}from"./a11y-utils-fb6d24ef.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-aa864aed.js";import"./slot-utils-28b6b964.js";import"./string-utils-192eb3c8.js";var duetSlideoutLinkCss='*,*::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-slideout-link{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:inherit;font-weight:inherit;line-height:1.25;color:inherit;text-align:left;text-decoration:none}.duet-slideout-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-slideout-link:focus,.duet-slideout-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-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"}.duet-slideout-link.active span{position:relative}.duet-slideout-link.active .label-content::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:var(--active-height, 2px);content:"";background:rgb(0, 119, 179);transform:var(--active-translate-y, translateY(2px))}.duet-slideout-link.active.duet-theme-turva span::after{background:rgb(198, 12, 48)}.duet-slideout-link.small{font-size:1rem;font-weight:600}.duet-slideout-link.small span::after{--active-height:1px;--active-translate-y:1px}.duet-slideout-link.medium{font-size:1.25rem;font-weight:600}.duet-slideout-link.large{font-size:1.5rem;font-weight:800}.duet-slideout-link .label{display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%}.duet-slideout-link .label-container{display:flex;gap:8px;align-items:center;justify-content:flex-start;width:100%}.duet-slideout-link .external-icon{width:10px;height:10px}.duet-slideout-link.medium .external-icon,.duet-slideout-link.large .external-icon{width:12px;height:12px}slot[name=description]::slotted(*){display:block;padding:8px 0 0;font-size:1rem;font-size:1.25;font-weight:400;color:rgb(98, 121, 138)}.duet-theme-turva slot[name=description]::slotted(*){color:rgb(113, 118, 132)}:host(.duet-theme-turva2) .duet-slideout-link.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-slideout-link.duet-theme-turva.active .label-content::after{background:#e61740}:host(.duet-theme-turva2) slot[name=description]::slotted(*){color:#172a3b}';var DuetSlideoutLinkStyle0=duetSlideoutLinkCss;var DuetSlideoutLink=function(){function e(e){registerInstance(this,e);this.accessibleLabel=undefined;this.theme="";this.targetLanguage=undefined;this.active=false;this.href="#";this.icon=undefined;this.size="inherit";this.caret=false;this.menuItem=false;this.accessibleLabelExternalDefaults=DuetStringsExternalDefaults;this.accessibleLabelExternal=getLocaleString(this.accessibleLabelExternalDefaults);this.external=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.render=function(){var e;return h(Host,{key:"85b04b902faeb2e3444ff20971a517cdb5abdd02"},h("a",{key:"b249137ea0b61d56f0a2699341334febeccb6b0e",target:!this.href?null:this.external?"_blank":"_self",class:(e={"duet-slideout-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},e[this.size]=true,e),href:this.href,"aria-current":this.active?"true":"false",lang:this.targetLanguage,hreflang:this.targetLanguage,"aria-label":this.href&&getAccessibleLinkLabel(this)||this.accessibleLabel,rel:this.external?"noopener":undefined},this.icon&&h("duet-icon",{key:"b14c636765c3b990b3c6c6f6c57b0641bbdfe006",name:this.icon,color:"secondary",size:this.menuItem?"x-small":"medium",margin:"none"}),h("div",{key:"63ff80e401e011a6792a623ef4be0da0f3f40634",class:"label"},h("span",{key:"b9d5c8b4ed62ef045da9f02e6a7ab00084c4dfbf"},h("span",{key:"5499b4548d27509b4e6294e3b335c56a264160b6",class:"label-container"},h("span",{key:"495a1abd5fdb4a18af251d7c15c449968e700725",class:"label-content"},h("slot",{key:"2cb954b89c28550f7f00008da0a87805062c8f38"})),this.external&&h("duet-icon",{key:"16ad7d515886268c1f1a2db9dd19a38549df15de",class:"external-icon",theme:this.theme,name:actionNewWindowSmall.title,margin:"none",size:"auto",color:"currentColor"})),h("slot",{key:"ede009435b1cae9498c0f94a50040c322b494757",name:"description"})),this.caret&&h("duet-icon",{key:"d3398cd49789c167b1f084856b49ba1a483ca263",name:"action-arrow-right",color:"secondary",size:"x-small",margin:"none"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSlideoutLink.style=DuetSlideoutLinkStyle0;export{DuetSlideoutLink as duet_slideout_link};
package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js CHANGED
@@ -1,4 +1,4 @@
1
- var __awaiter=this&&this.__awaiter||function(e,t,o,n){function a(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,i){function r(e){try{d(n.next(e))}catch(e){i(e)}}function s(e){try{d(n["throw"](e))}catch(e){i(e)}}function d(e){e.done?o(e.value):a(e.value).then(r,s)}d((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(e){return function(t){return d([e,t])}}function d(s){if(n)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(o=0)),o)try{if(n=1,a&&(i=s[0]&2?a["return"]:s[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,s[1])).done)return i;if(a=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;a=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){o.label=s[1];break}if(s[0]===6&&o.label<i[1]){o.label=i[1];i=s;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(s);break}if(i[2])o.ops.pop();o.trys.pop();continue}s=t.call(e,o)}catch(e){s=[6,e];a=0}finally{n=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
1
+ var __awaiter=this&&this.__awaiter||function(e,t,o,n){function a(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,i){function r(e){try{l(n.next(e))}catch(e){i(e)}}function s(e){try{l(n["throw"](e))}catch(e){i(e)}}function l(e){e.done?o(e.value):a(e.value).then(r,s)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(e){return function(t){return l([e,t])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(o=0)),o)try{if(n=1,a&&(i=s[0]&2?a["return"]:s[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,s[1])).done)return i;if(a=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;a=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){o.label=s[1];break}if(s[0]===6&&o.label<i[1]){o.label=i[1];i=s;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(s);break}if(i[2])o.ops.pop();o.trys.pop();continue}s=t.call(e,o)}catch(e){s=[6,e];a=0}finally{n=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
2
2
  /*!
3
3
  * Built with Duet Design System
4
- */import{r as registerInstance,h,H as Host,g as getElement}from"./index-5757a151.js";import{i as inheritGlobalTheme}from"./themeable-component-e507940b.js";var duetSlideoutPanelDropdownCss='*,*::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(8, 42, 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(8, 42, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}slot[name=label]{font-size:1rem;font-weight:600}:host(.duet-theme-turva2) .duet-slideout-panel-dropdown.duet-theme-turva button{color:#172a3b}:host(.duet-theme-turva2) .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}:host(.duet-theme-turva2) .duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after{background:#e61740}:host(.duet-theme-turva2) slot{color:#172a3b}';var DuetSlideoutPanelDropdownStyle0=duetSlideoutPanelDropdownCss;var DuetSlideoutPanelDropdown=function(){function e(e){var t=this;registerInstance(this,e);this.onClick=function(){t.open=!t.open};this.theme="";this.active=false;this.open=false;this.icon=undefined}e.prototype.handleFocus=function(e){var t=this;var o=e.composedPath().every((function(e){return e!==t.element}));if(o){this.open=false}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);var e=this.element.querySelectorAll("duet-slideout-link");e.forEach((function(e){e.menuItem=true}))};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;return h(Host,{key:"56faee9144d28aa60667fdf09a6cb8505a2d5019"},h("div",{key:"13fac67091478d3f93b4dcdda87d78769cb684f7",class:{"duet-slideout-panel-dropdown":true,"duet-theme-turva":this.theme==="turva",active:this.open}},h("button",{key:"ca6bcd9c33c48f8ce6c6b6beecdc6f2abb3049d0",ref:function(t){return e.button=t},"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&&h("duet-icon",{key:"b3635153f84663988ea84257c9cfaa5d3aea7a2f",name:this.icon,size:"medium",margin:"none",color:"secondary"}),h("span",{key:"ef13c8e149d1736216107e243d27ccbb6f303cb7",class:"label"},h("slot",{key:"58486ebae7658383e393bcbcde5db4af478a4bc8",name:"label"}),h("duet-icon",{key:"3935b244f34872dc262934a8754596ce50bb255a",class:"caret",name:"action-arrow-down-small",margin:"none",size:"xx-small",color:"secondary"}))),h("div",{key:"6368cfe15f050458ab5a859977b8d5144316bd52",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},h("slot",{key:"7e5c69e4d53d0832a3f833c6bc297c3069f12fa7"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSlideoutPanelDropdown.style=DuetSlideoutPanelDropdownStyle0;export{DuetSlideoutPanelDropdown as duet_slideout_panel_dropdown};
4
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-4cc3ec50.js";import{i as inheritGlobalTheme}from"./themeable-component-35ed7853.js";var duetSlideoutPanelDropdownCss='*,*::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(8, 42, 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(8, 42, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}slot[name=label]{font-size:1rem;font-weight:600}:host(.duet-theme-turva2) .duet-slideout-panel-dropdown.duet-theme-turva button{color:#172a3b}:host(.duet-theme-turva2) .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}:host(.duet-theme-turva2) .duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after{background:#e61740}:host(.duet-theme-turva2) slot{color:#172a3b}';var DuetSlideoutPanelDropdownStyle0=duetSlideoutPanelDropdownCss;var DuetSlideoutPanelDropdown=function(){function e(e){var t=this;registerInstance(this,e);this.onClick=function(){t.open=!t.open};this.theme="";this.active=false;this.open=false;this.icon=undefined}e.prototype.handleFocus=function(e){var t=this;var o=e.composedPath().every((function(e){return e!==t.element}));if(o){this.open=false}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);var e=this.element.querySelectorAll("duet-slideout-link");e.forEach((function(e){e.menuItem=true}))};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;return h(Host,{key:"1f5aa3dbb15a1f0574017fbafb96824835755621"},h("div",{key:"ab819e8ad1d425edb066aab772c12f45d5280698",class:{"duet-slideout-panel-dropdown":true,"duet-theme-turva":this.theme==="turva",active:this.open}},h("button",{key:"05a7c48469c5f6f2006729f4c45f4c06f15cc790",ref:function(t){return e.button=t},"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&&h("duet-icon",{key:"0bcf45e8eaa06d919711c8553ecbeef1ab8a5f46",name:this.icon,size:"medium",margin:"none",color:"secondary"}),h("span",{key:"71551eee691587f8ff8cb1940883379acdc97a26",class:"label"},h("slot",{key:"60e3c7766930b9d1c56e42f4cff5ee9adf53a321",name:"label"}),h("duet-icon",{key:"0cb2cf2ad67cb8e174d043637925d6240ef86454",class:"caret",name:"action-arrow-down-small",margin:"none",size:"xx-small",color:"secondary"}))),h("div",{key:"e857d0acd5cea8f814a13137ee174f8e5f284291",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},h("slot",{key:"59bf7f6d9b1e0eca43a45545914c01a1357cf935"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSlideoutPanelDropdown.style=DuetSlideoutPanelDropdownStyle0;export{DuetSlideoutPanelDropdown as duet_slideout_panel_dropdown};
package/lib/esm-es5/duet-slideout-panel.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  var __awaiter=this&&this.__awaiter||function(e,t,a,i){function o(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,n){function s(e){try{r(i.next(e))}catch(e){n(e)}}function l(e){try{r(i["throw"](e))}catch(e){n(e)}}function r(e){e.done?a(e.value):o(e.value).then(s,l)}r((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,o,n,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(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,l[0]&&(a=0)),a)try{if(i=1,o&&(n=l[0]&2?o["return"]:l[0]?o["throw"]||((n=o["return"])&&n.call(o),0):o.next)&&!(n=n.call(o,l[1])).done)return n;if(o=0,n)l=[l[0]&2,n.value];switch(l[0]){case 0:case 1:n=l;break;case 4:a.label++;return{value:l[1],done:false};case 5:a.label++;o=l[1];l=[0];continue;case 7:l=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(l[0]===6||l[0]===2)){a=0;continue}if(l[0]===3&&(!n||l[1]>n[0]&&l[1]<n[3])){a.label=l[1];break}if(l[0]===6&&a.label<n[1]){a.label=n[1];n=l;break}if(n&&a.label<n[2]){a.label=n[2];a.ops.push(l);break}if(n[2])a.ops.pop();a.trys.pop();continue}l=t.call(e,a)}catch(e){l=[6,e];o=0}finally{i=n=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
- */import{r as registerInstance,h,H as Host,g as getElement}from"./index-5757a151.js";import{i as inheritGlobalTheme}from"./themeable-component-e507940b.js";import{e as enableBodyScroll,d as disableBodyScroll}from"./body-scroll-46854769.js";import{F as FocusGuard}from"./focus-utils-0d727936.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,g as getLocaleString}from"./language-utils-1aea3619.js";import{h as hasSlot}from"./slot-utils-03502471.js";import{g as getColorByName}from"./token-utils-7360bb84.js";import"./string-utils-192eb3c8.js";import"./tokens.module-821694bb.js";var duetSlideoutPanelCss='*,*::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%}: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{position:relative;height:100%}.duet-slideout-panel .link{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.5rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-slideout-panel .link .duet-slideout-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}.duet-slideout-panel .link .duet-slideout-icon .duet-slideout-badge{position:absolute;top:0;left:16px;display:inline-block;width:6px;height:6px;background:rgb(247, 178, 40);border-radius:50%;box-shadow:0 0 0 1px #c18b1f}.duet-theme-turva .duet-slideout-panel .link .duet-slideout-icon .duet-slideout-badge{background:rgb(247, 178, 40)}@media (min-width: 62em){.duet-slideout-panel .link .duet-slideout-icon{margin-right:8px}}.duet-slideout-panel .link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}.duet-slideout-panel .link .label-text.small{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.medium{font-size:1.25rem;font-weight:600}.duet-slideout-panel .link .label-text.large{font-size:1.5rem;font-weight:800}.duet-slideout-panel .link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .link.active .label-text{position:relative}.duet-slideout-panel .link.active .label-text.small::after{height:1px;transform:translateY(1px)}.duet-slideout-panel .link.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transform:translateY(2px)}.duet-slideout-panel .dialog{position:fixed;top:0;left:0;z-index:600;width:100%;height:100%;overflow-y:auto;visibility:visible}.duet-slideout-panel .dialog.hidden{visibility:hidden}.duet-slideout-panel .dialog.hidden .top .back,.duet-slideout-panel .dialog.hidden .top span{opacity:0}.duet-slideout-panel .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout-panel .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout-panel .top-container.has-sticky-header-slot .sticky-header{display:block;padding:0 16px}.duet-slideout-panel .top{display:flex;align-items:center;justify-content:space-between;padding:4px}.duet-slideout-panel .top .back{opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .close:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .top duet-icon{padding:16px}.duet-slideout-panel .top span{font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77);opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout-panel .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:1rem 16px;overflow-y:auto;color:rgb(8, 42, 77)}.duet-slideout-panel.duet-theme-turva .link{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-slideout-panel.duet-theme-turva .link:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(198, 12, 48)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 247, 250)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-slideout-panel.duet-theme-turva .top .back:focus,.duet-slideout-panel.duet-theme-turva .top .close:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .top span{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)}slot:not([name=label]){--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:600;color:rgb(8, 42, 77)}.duet-theme-turva slot:not([name=label]){color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .link{color:#172a3b}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:#e61740}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:#fdf7f2}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:#fdf7f2;border-bottom-color:#fbe1d1}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .top span{color:#172a3b}:host(.duet-theme-turva2) slot:not([name=label]){color:#172a3b}';var DuetSlideoutPanelStyle0=duetSlideoutPanelCss;var DuetSlideoutPanel=function(){function e(e){var t=this;registerInstance(this,e);this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"};this.backLangObject={en:"Back to main menu",fi:"Takaisin päävalikkoon",sv:"Tillbaka till huvudmenyn"};this.hasStickyHeaderSlot=false;this.updateLabel=function(){var e=t.element.querySelector("[slot='label']");t.label=e};this.toggleMenu=function(){t.open=!t.open};this.onClick=function(){t.toggleMenu()};this.onCloseClick=function(e){e.stopPropagation();var a=t.element.parentElement;if(a.tagName==="DUET-SLIDEOUT"){var i=t.element.parentElement;enableBodyScroll(t.dialog);t.bodyScrollLocked=false;i.toggle()}};this.label=undefined;this.language=getLanguage();this.bodyScrollLocked=false;this.theme="";this.active=false;this.open=false;this.icon=undefined;this.labelSize="medium";this.backgroundColor="primary-lightest";this.badge=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.updateLabel();this.hasStickyHeaderSlot=hasSlot(this.element,"sticky-header")};e.prototype.connectedCallback=function(){var e=this;connectLanguageChangeObserver(this);this.mutationObserver=new MutationObserver((function(){var t=e.element.parentElement;if(t.tagName==="DUET-SLIDEOUT"){var a=e.element.parentElement;if(a.open&&e.open&&!e.bodyScrollLocked){e.bodyScrollLocked=true;disableBodyScroll(e.dialog,{reserveScrollBarGap:true})}else if(!a.open&&e.bodyScrollLocked){e.bodyScrollLocked=false;enableBodyScroll(e.dialog)}}}));this.mutationObserver.observe(this.element.parentElement,{childList:false,attributeFilter:["open"],subtree:false})};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this);if(this.dialog){enableBodyScroll(this.dialog);this.bodyScrollLocked=false}if(this.mutationObserver){this.mutationObserver.disconnect()}};e.prototype.handleOpenChange=function(e,t){var a=this;if(!!e===!!t){return}if(this.open&&!t){setTimeout((function(){var e=Array.from(a.element.parentElement.children);e.forEach((function(e){if(e!==a.element){e.inert=true}}));if(!a.bodyScrollLocked){disableBodyScroll(a.dialog,{reserveScrollBarGap:true});a.bodyScrollLocked=true}a.closeButton.focus()}),200)}else if(!this.open&&t){setTimeout((function(){var e=Array.from(a.element.parentElement.children);e.forEach((function(e){e.inert=false}));a.openButton.focus();enableBodyScroll(a.dialog);a.bodyScrollLocked=false}),200)}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(a){if(this.open){setTimeout((function(){t.closeButton.focus(e)}),200)}else{setTimeout((function(){t.openButton.focus(e)}),200)}return[2]}))}))};e.prototype.render=function(){var e;var t=this;var a=this.backgroundColor==="primary-lightest"?this.theme==="turva"?"gray-lighter":this.backgroundColor:this.backgroundColor;var i={background:getColorByName(a,this.theme)};var o=getLocaleString(this.exitLangObject);var n=getLocaleString(this.backLangObject);return h(Host,{key:"56eb135660ee88050732a5d2fea1ad481f9eb292"},h("div",{key:"ac82e6b523a166482f63f844fe4665bb9c51cf67",class:{"duet-slideout-panel":true,"duet-theme-turva":this.theme==="turva",active:this.open}},h("button",{key:"237fd45dcf65a5276ba815e0b1f96edf37f34792",ref:function(e){return t.openButton=e},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{link:true,active:this.active},onClick:this.onClick,inert:this.open},this.icon&&h("div",{key:"eb4918cee89d1a28119e7c96a41dd30876b9882e",class:"duet-slideout-icon"},h("duet-icon",{key:"585083f0736aca5f20850536cf4ac576354d0adb",name:this.icon,size:"medium",margin:"none",color:"secondary"}),this.badge&&h("div",{key:"e5b2e4bc6d70118c462ab6740e6c89a588babebe",class:"duet-slideout-badge"})),h("span",{key:"2c533f9ab954b21ad9ee1f489a896f8661d6b744",class:"label"},h("span",{key:"d18761f73625fe1ed2061413dde2ef1649e0d8e6",class:(e={"label-text":true},e[this.labelSize]=true,e)},h("slot",{key:"b8877cefe56a922264fd7b8cfdb59699b321cca6",name:"label"})),h("duet-icon",{key:"9223672f3ef2c5f4e24d93180266c12ebb81f873",class:"caret",name:"action-arrow-right",margin:"none",size:"x-small",color:"secondary"}))),h("div",{key:"970e055462866b6c2e0d9f8f61fa0f44014e1f8c",ref:function(e){return t.dialog=e},class:{dialog:true,hidden:!this.open},style:i},h(FocusGuard,{key:"55077ddbf3f4b2b9f7418ac25e18925d0790f51d",moveFocusTo:this.closeButton}),h("div",{key:"173896613871ccb4612a777f81cc7aa099f846dd",class:{"top-container":true,"has-sticky-header-slot":this.hasStickyHeaderSlot}},h("div",{key:"5de8816912ec989b3c3a592f71d82769f81705cc",class:"top"},h("button",{key:"7daaf548d0726af440efe31d65dda28ab7b10590",ref:function(e){return t.closeButton=e},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-label":"".concat(n),type:"button",class:{back:true},onClick:this.onClick},h("duet-icon",{key:"51d4e6709d84ea7ae022637b49b0f3fe1848374b",class:"caret",name:"action-arrow-left",margin:"none",size:"small",color:"secondary"})),h("span",{key:"8fb630a47d81b8cd39c2b41eee44de476ee2d909"},this.label.innerHTML),h("button",{key:"ebe66dcf5fb90368364bf99aa17e16a1c1f618a7",class:"close",type:"button",onClick:this.onCloseClick,"aria-label":"".concat(o)},h("duet-icon",{key:"a625e7fe337d30f0663e785b574ea068fcafa161",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),h("div",{key:"5c949cc572f5fece64b0fcb5054ba0feb7e3852a",class:"sticky-header"},h("slot",{key:"967df86d4dcad22d11b312e508de6114fa2e40cd",name:"sticky-header"}))),h("div",{key:"2fad52921cca02a904eb498d690d27284e6a928e",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true}},h("slot",{key:"8877447b3854175bbd232289e9e3309f6efea81f"})),h(FocusGuard,{key:"9f96ad5a3cfb71dc1991b8f91e2fa4d7c0710a87",moveFocusTo:this.closeButton}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["handleOpenChange"]}},enumerable:false,configurable:true});return e}();DuetSlideoutPanel.style=DuetSlideoutPanelStyle0;export{DuetSlideoutPanel as duet_slideout_panel};
4
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-4cc3ec50.js";import{i as inheritGlobalTheme}from"./themeable-component-35ed7853.js";import{e as enableBodyScroll,d as disableBodyScroll}from"./body-scroll-46854769.js";import{F as FocusGuard}from"./focus-utils-2ff60ebe.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,g as getLocaleString}from"./language-utils-aa864aed.js";import{h as hasSlot}from"./slot-utils-28b6b964.js";import{g as getColorByName}from"./token-utils-06ae5c10.js";import"./string-utils-192eb3c8.js";import"./tokens.module-821694bb.js";var duetSlideoutPanelCss='*,*::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%}: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{position:relative;height:100%}.duet-slideout-panel .link{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.5rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-slideout-panel .link .duet-slideout-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}.duet-slideout-panel .link .duet-slideout-icon .duet-slideout-badge{position:absolute;top:0;left:16px;display:inline-block;width:6px;height:6px;background:rgb(247, 178, 40);border-radius:50%;box-shadow:0 0 0 1px #c18b1f}.duet-theme-turva .duet-slideout-panel .link .duet-slideout-icon .duet-slideout-badge{background:rgb(247, 178, 40)}@media (min-width: 62em){.duet-slideout-panel .link .duet-slideout-icon{margin-right:8px}}.duet-slideout-panel .link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}.duet-slideout-panel .link .label-text.small{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.medium{font-size:1.25rem;font-weight:600}.duet-slideout-panel .link .label-text.large{font-size:1.5rem;font-weight:800}.duet-slideout-panel .link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .link.active .label-text{position:relative}.duet-slideout-panel .link.active .label-text.small::after{height:1px;transform:translateY(1px)}.duet-slideout-panel .link.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transform:translateY(2px)}.duet-slideout-panel .dialog{position:fixed;top:0;left:0;z-index:600;width:100%;height:100%;overflow-y:auto;visibility:visible}.duet-slideout-panel .dialog.hidden{visibility:hidden}.duet-slideout-panel .dialog.hidden .top .back,.duet-slideout-panel .dialog.hidden .top span{opacity:0}.duet-slideout-panel .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout-panel .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout-panel .top-container.has-sticky-header-slot .sticky-header{display:block;padding:0 16px}.duet-slideout-panel .top{display:flex;align-items:center;justify-content:space-between;padding:4px}.duet-slideout-panel .top .back{opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .close:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .top duet-icon{padding:16px}.duet-slideout-panel .top span{font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77);opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout-panel .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:1rem 16px;overflow-y:auto;color:rgb(8, 42, 77)}.duet-slideout-panel.duet-theme-turva .link{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-slideout-panel.duet-theme-turva .link:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(198, 12, 48)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 247, 250)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-slideout-panel.duet-theme-turva .top .back:focus,.duet-slideout-panel.duet-theme-turva .top .close:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .top span{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)}slot:not([name=label]){--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:600;color:rgb(8, 42, 77)}.duet-theme-turva slot:not([name=label]){color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .link{color:#172a3b}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:#e61740}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:#fdf7f2}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:#fdf7f2;border-bottom-color:#fbe1d1}:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .top span{color:#172a3b}:host(.duet-theme-turva2) slot:not([name=label]){color:#172a3b}';var DuetSlideoutPanelStyle0=duetSlideoutPanelCss;var DuetSlideoutPanel=function(){function e(e){var t=this;registerInstance(this,e);this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"};this.backLangObject={en:"Back to main menu",fi:"Takaisin päävalikkoon",sv:"Tillbaka till huvudmenyn"};this.hasStickyHeaderSlot=false;this.updateLabel=function(){var e=t.element.querySelector("[slot='label']");t.label=e};this.toggleMenu=function(){t.open=!t.open};this.onClick=function(){t.toggleMenu()};this.onCloseClick=function(e){e.stopPropagation();var a=t.element.parentElement;if(a.tagName==="DUET-SLIDEOUT"){var i=t.element.parentElement;enableBodyScroll(t.dialog);t.bodyScrollLocked=false;i.toggle()}};this.label=undefined;this.language=getLanguage();this.bodyScrollLocked=false;this.theme="";this.active=false;this.open=false;this.icon=undefined;this.labelSize="medium";this.backgroundColor="primary-lightest";this.badge=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.updateLabel();this.hasStickyHeaderSlot=hasSlot(this.element,"sticky-header")};e.prototype.connectedCallback=function(){var e=this;connectLanguageChangeObserver(this);this.mutationObserver=new MutationObserver((function(){var t=e.element.parentElement;if(t.tagName==="DUET-SLIDEOUT"){var a=e.element.parentElement;if(a.open&&e.open&&!e.bodyScrollLocked){e.bodyScrollLocked=true;disableBodyScroll(e.dialog,{reserveScrollBarGap:true})}else if(!a.open&&e.bodyScrollLocked){e.bodyScrollLocked=false;enableBodyScroll(e.dialog)}}}));this.mutationObserver.observe(this.element.parentElement,{childList:false,attributeFilter:["open"],subtree:false})};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this);if(this.dialog){enableBodyScroll(this.dialog);this.bodyScrollLocked=false}if(this.mutationObserver){this.mutationObserver.disconnect()}};e.prototype.handleOpenChange=function(e,t){var a=this;if(!!e===!!t){return}if(this.open&&!t){setTimeout((function(){var e=Array.from(a.element.parentElement.children);e.forEach((function(e){if(e!==a.element){e.inert=true}}));if(!a.bodyScrollLocked){disableBodyScroll(a.dialog,{reserveScrollBarGap:true});a.bodyScrollLocked=true}a.closeButton.focus()}),200)}else if(!this.open&&t){setTimeout((function(){var e=Array.from(a.element.parentElement.children);e.forEach((function(e){e.inert=false}));a.openButton.focus();enableBodyScroll(a.dialog);a.bodyScrollLocked=false}),200)}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(a){if(this.open){setTimeout((function(){t.closeButton.focus(e)}),200)}else{setTimeout((function(){t.openButton.focus(e)}),200)}return[2]}))}))};e.prototype.render=function(){var e;var t=this;var a=this.backgroundColor==="primary-lightest"?this.theme==="turva"?"gray-lighter":this.backgroundColor:this.backgroundColor;var i={background:getColorByName(a,this.theme)};var o=getLocaleString(this.exitLangObject);var n=getLocaleString(this.backLangObject);return h(Host,{key:"e99b424542a7b552d8fd4a26cbfb97bf6f62802e"},h("div",{key:"f4eb81ccf905117701734ce4ef2421cb9cb07a57",class:{"duet-slideout-panel":true,"duet-theme-turva":this.theme==="turva",active:this.open}},h("button",{key:"a425e254942d90ddbdd9f3cd2009c993d3da65ca",ref:function(e){return t.openButton=e},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{link:true,active:this.active},onClick:this.onClick,inert:this.open},this.icon&&h("div",{key:"e14a24be1ee1a5efad686c4234b85166eb617a0c",class:"duet-slideout-icon"},h("duet-icon",{key:"0da267b47534ce1b11aae1f0931839d96cbb6e2d",name:this.icon,size:"medium",margin:"none",color:"secondary"}),this.badge&&h("div",{key:"6b2579d84b69f8b110b0112f855041a3f9007c87",class:"duet-slideout-badge"})),h("span",{key:"7b3e4a85c66e7a20016f39c18a41b00851331966",class:"label"},h("span",{key:"123fd11e48b7ec88e0b003ba9c9d68fb40c53dd2",class:(e={"label-text":true},e[this.labelSize]=true,e)},h("slot",{key:"ad8e630553aade4ba6fbdefc3a9c978f0e28a149",name:"label"})),h("duet-icon",{key:"2b767d5777edef7f9d7497d6b728c6535f1bb48d",class:"caret",name:"action-arrow-right",margin:"none",size:"x-small",color:"secondary"}))),h("div",{key:"7920d9f9c941634ba3534b8446692a72b252da52",ref:function(e){return t.dialog=e},class:{dialog:true,hidden:!this.open},style:i},h(FocusGuard,{key:"26b5c3dd970fb7882b7fdcf5c9efe5909ab1e953",moveFocusTo:this.closeButton}),h("div",{key:"a45324a8bf4ec8c14aabeaf862fed11f69b3092a",class:{"top-container":true,"has-sticky-header-slot":this.hasStickyHeaderSlot}},h("div",{key:"a18b6840ae7dd6b6525c87c38728d76644399f25",class:"top"},h("button",{key:"96c89b1489b381e885de6d02bbdc444bc3247885",ref:function(e){return t.closeButton=e},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-label":"".concat(n),type:"button",class:{back:true},onClick:this.onClick},h("duet-icon",{key:"10a8a23416d004be7cc64d6544758809ccc44007",class:"caret",name:"action-arrow-left",margin:"none",size:"small",color:"secondary"})),h("span",{key:"286a41f140716604ecf61deeb76cf304ebefbb58"},this.label.innerHTML),h("button",{key:"4278c87e2bb7d82d70458b6814e8920f6a3e5ac5",class:"close",type:"button",onClick:this.onCloseClick,"aria-label":"".concat(o)},h("duet-icon",{key:"26093ede70cc0968857d8e02edcaa345603e9b56",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),h("div",{key:"8498e84fed4ec4ea35893cf10a4942f80e01dce1",class:"sticky-header"},h("slot",{key:"dae14d8c70e8b8af5c19952e42c6120ac199334d",name:"sticky-header"}))),h("div",{key:"b7a35e2345a7c47e5e7d118e494e94160f4b3530",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true}},h("slot",{key:"88c632c16c465457b45b27c500157b481afd6f0c"})),h(FocusGuard,{key:"977a6164b9286feeabf4b69c0cc25b0e6ade5f65",moveFocusTo:this.closeButton}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["handleOpenChange"]}},enumerable:false,configurable:true});return e}();DuetSlideoutPanel.style=DuetSlideoutPanelStyle0;export{DuetSlideoutPanel as duet_slideout_panel};
package/lib/esm-es5/duet-slideout.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  var __awaiter=this&&this.__awaiter||function(t,e,i,o){function a(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,n){function s(t){try{u(o.next(t))}catch(t){n(t)}}function r(t){try{u(o["throw"](t))}catch(t){n(t)}}function u(t){t.done?i(t.value):a(t.value).then(s,r)}u((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,a,n,s;return s={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function r(t){return function(e){return u([t,e])}}function u(r){if(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,r[0]&&(i=0)),i)try{if(o=1,a&&(n=r[0]&2?a["return"]:r[0]?a["throw"]||((n=a["return"])&&n.call(a),0):a.next)&&!(n=n.call(a,r[1])).done)return n;if(a=0,n)r=[r[0]&2,n.value];switch(r[0]){case 0:case 1:n=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;a=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!n||r[1]>n[0]&&r[1]<n[3])){i.label=r[1];break}if(r[0]===6&&i.label<n[1]){i.label=n[1];n=r;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(r);break}if(n[2])i.ops.pop();i.trys.pop();continue}r=e.call(t,i)}catch(t){r=[6,t];a=0}finally{o=n=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
2
2
  /*!
3
3
  * Built with Duet Design System
4
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5757a151.js";import{i as inheritGlobalTheme}from"./themeable-component-e507940b.js";import{e as enableBodyScroll,d as disableBodyScroll}from"./body-scroll-46854769.js";import{f as focusElement,F as FocusGuard}from"./focus-utils-0d727936.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,g as getLocaleString}from"./language-utils-1aea3619.js";import{h as hasSlot}from"./slot-utils-03502471.js";import{T as Teleport}from"./teleport-aa27d5f9.js";import{g as getColorByName}from"./token-utils-7360bb84.js";import"./string-utils-192eb3c8.js";import"./tokens.module-821694bb.js";var duetSlideoutCss='*,*::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:absolute;height:100%}::slotted(*){position:relative;width:100%;visibility:hidden;opacity:0}:host([open]:not([open=false])) ::slotted(*){visibility:visible;opacity:1}:host(:not([open])) ::slotted(duet-slideout-panel){display:none}.duet-slideout{display:flex;align-items:center;height:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77)}.duet-slideout.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}@media (min-width: 62em){.duet-slideout.duet-theme-turva .desktop-bg{background:rgb(23, 28, 58)}}.duet-slideout .dialog{position:fixed;top:0;bottom:0;left:0;z-index:600;width:100%;height:100%;padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset}.duet-slideout .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 62em){.duet-slideout .dialog{right:0;left:auto;width:500px;padding-bottom:0;transition:right 300ms ease;transition-delay:0s}}.duet-slideout .dialog .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout .dialog .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout .dialog .top-container.has-sticky-header-slot .sticky-header{display:block}.duet-slideout .dialog .top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px}.duet-slideout .dialog .top button{cursor:pointer}.duet-slideout .dialog .top button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout .dialog .top duet-icon{padding:16px}.duet-slideout .dialog .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout .dialog .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:0 1.5rem}.duet-slideout .dialog.hidden{pointer-events:none;visibility:hidden}@media (min-width: 62em){.duet-slideout .dialog.hidden{right:-500px;transition:300ms ease}}.duet-slideout.duet-theme-turva .dialog{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}.duet-slideout.duet-theme-turva .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}.duet-slideout.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-slideout.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 247, 250)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-slideout.duet-theme-turva .dialog .top button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}slot{color:rgb(8, 42, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva{color:#172a3b}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva .desktop-bg{background:#172a3b}}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva button{color:#172a3b}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva button.active{color:#e61740}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva button.active::after{background:#e61740}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva .has-sticky-header-slot .top{background:#fdf7f2}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header{background:#fdf7f2;border-bottom-color:#fbe1d1}:host(.duet-theme-turva2) slot{color:#172a3b}';var DuetSlideoutStyle0=duetSlideoutCss;var DuetSlideout=function(){function t(t){var e=this;registerInstance(this,t);this.duetSlideoutEvent=createEvent(this,"duetSlideoutEvent",7);this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"};this.topLevelOpenMenuBarLangObject={en:"Exit this menu to find top level items",fi:"Poistu tästä valikosta löytääksesi ylätason kohteet",sv:"Stäng den här menyn för att hitta objekt på toppnivå"};this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(navigator===null||navigator===void 0?void 0:navigator.userAgent);this.hasStickyHeaderSlot=false;this.disconnectController=new AbortController;this.eventListenerController=new AbortController;this.setOpenButton=function(t,i){if(i===void 0){i=false}if(e.eventListenerController){e.eventListenerController.abort()}if(!t){e.openButton=undefined;return}try{var o=t;o.accessiblePopup="true";o.accessibleExpanded=false;e.openButton=o;if(i&&!e.disconnectController.signal.aborted){e.eventListenerController=new AbortController;e.openButton.addEventListener("click",e.openButtonEventListener,{signal:e.eventListenerController.signal})}}catch(t){console.error(t)}};this.setStickHeaderStyleMutations=function(t){if(t===void 0){t=false}var i=e.element.querySelectorAll('[slot="sticky-header"] duet-tab-group');i.forEach((function(e){e.style.position=t?null:"relative";e.style.top=t?null:"1px";e.switchLargeBreakpoint="always"}))};this.openButtonEventListener=function(t){e.onClick(t)};this.getOpenPanel=function(){return e.element.querySelector("duet-slideout-panel[open]")};this.toggleMenu=function(t){e.open=!e.open;e.duetSlideoutEvent.emit({originalEvent:t,data:{element:e.element,open:e.open},component:"duet-slideout"})};this.onClick=function(t){e.toggleMenu(t)};this.language=getLanguage();this.displaying=false;this.openPanel=false;this.theme="";this.accessibleRole="menubar";this.open=false;this.backgroundColor="gray-lightest";this.modal=true}Object.defineProperty(t.prototype,"opener",{get:function(){return this._opener},set:function(t){var e=typeof t==="string";var i=e?document.getElementById(t):t;if(this.openButton!==i){this._opener=t;this.setOpenButton(i,e)}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"controller",{get:function(){return this._opener},set:function(t){this.opener=t},enumerable:false,configurable:true});t.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasStickyHeaderSlot=hasSlot(this.element,"sticky-header")};t.prototype.connectedCallback=function(){var t=this;connectLanguageChangeObserver(this);if(this.disconnectController&&this.disconnectController.signal.aborted){this.disconnectController=new AbortController}if(!this.teleport){this.teleport=new Teleport(this.element)}if(this.teleport){this.teleport.activate()}this.setStickHeaderStyleMutations();if(!this.mutationObserver){this.mutationObserver=new MutationObserver((function(){t.openPanel=!!t.getOpenPanel()}))}if(this.mutationObserver){this.mutationObserver.observe(this.element,{childList:true,attributeFilter:["open"],subtree:true})}};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this);if(this.dialog&&this.modal){enableBodyScroll(this.dialog)}if(this.mutationObserver){this.mutationObserver.disconnect()}if(this.disconnectController){this.disconnectController.abort()}this.setOpenButton(undefined);this.setStickHeaderStyleMutations(true)};t.prototype.handleOpenChange=function(t,e){var i=this;if(!!t===!!e){return}if(this.open&&!e){if(this.openButton){this.openButton.accessibleExpanded=true}var o=this.getOpenPanel();this.teleport.makeSiblingsInert();if(this.modal){disableBodyScroll(this.dialog,{reserveScrollBarGap:true})}if(o){o.setFocus()}else{setTimeout((function(){i.closeButton.focus()}),200)}}else if(!this.open&&e){if(this.openButton){this.openButton.accessibleExpanded=false}setTimeout((function(){focusElement(i.openButton);if(i.modal){enableBodyScroll(i.dialog)}i.teleport.removeInertFromSiblings()}),200)}};t.prototype.handleKeyUp=function(t){if(isEscapeKey(t)){if(this.open){this.toggleMenu(t)}}};t.prototype.handleDocumentClick=function(t){if(!this.open){return}var e=t.composedPath();if(!e.includes(this.dialog)&&!e.includes(this.openButton)){this.toggleMenu(t)}};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){(e=this.openButton)===null||e===void 0?void 0:e.focus(t);return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){t=new CustomEvent("toggle");this.toggleMenu(t);setTimeout((function(){e.closeButton.focus()}),200);return[2]}))}))};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.open){return[2]}this.setOpenButton(document.activeElement);this.toggleMenu(new CustomEvent("toggle"));return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.open){return[2]}this.toggleMenu(new CustomEvent("toggle"));return[2]}))}))};t.prototype.render=function(){var t=this;var e={background:getColorByName(this.backgroundColor,this.theme)};var i=getLocaleString(this.topLevelOpenMenuBarLangObject);var o=getLocaleString(this.exitLangObject);return h(Host,{key:"5b1e8dd6a1d23ddfd1fd4ec9953358648f83b2f4"},h("div",{key:"1b3d3922fa437e5a673eade5e37bdf4301f78c04",class:{"duet-slideout":true,"duet-theme-turva":this.theme==="turva"}},this.modal&&h("duet-overlay",{key:"5320d50095216834367b1dadf87aac40844c1330",visible:this.open,"display-device":"large",zIndex:"600"}),h("div",{key:"a66f039db9a25bf386d1b432aa0a5e31431d425c",ref:function(e){return t.dialog=e},tabindex:"-1",role:"dialog",id:"dialog","aria-labelledby":"button","aria-modal":this.isSafariBrowser?false:true,"aria-flowto":"slot-container",class:{dialog:true,hidden:!this.open,modal:this.modal},style:e},h(FocusGuard,{key:"40b2443754bf241922b967ff7a513c959761f1fe",moveFocusTo:this.closeButton}),h("div",{key:"3b3fddbbcf56a58504c68e8c1e2b2900aedc5d64",class:{"top-container":true,"has-sticky-header-slot":this.hasStickyHeaderSlot}},h("div",{key:"2a59af527b5aff6888cf32062ac395ea70c419d4",class:"top"},h("button",{key:"947f06b59448c995e2512e5bcc97cbd6d109b6f9",ref:function(e){return t.closeButton=e},"aria-haspopup":"dialog","aria-controls":"dialog","aria-expanded":this.open?"true":"false","aria-label":"".concat(o),type:"button",class:{"slideout-close":true,active:this.open},onClick:this.onClick,inert:this.openPanel},h("duet-icon",{key:"aebc4e8f5e9782c5dc7d6b3531aaa7652afd8cc3",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),h("div",{key:"49d1788b366efacc2240cd1120861b6826e6c989",class:"sticky-header"},h("slot",{key:"337568b5b2fce699eefe02c958d18b23cfd56686",name:"sticky-header"}))),h("div",{key:"c1e094ea625aee5b60ff298d17d817366c6ccd9d",id:"slot-container",role:this.accessibleRole,"aria-label":this.openPanel?i:null,class:{items:true}},h("slot",{key:"396e59703e3eb7d0647fed3c96d20cd3f43c100a"})),h(FocusGuard,{key:"5b400bf78b36b3e576fb30fc82a84fb1c754fd79",moveFocusTo:this.closeButton}))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["handleOpenChange"]}},enumerable:false,configurable:true});return t}();DuetSlideout.style=DuetSlideoutStyle0;export{DuetSlideout as duet_slideout};
4
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-4cc3ec50.js";import{i as inheritGlobalTheme}from"./themeable-component-35ed7853.js";import{e as enableBodyScroll,d as disableBodyScroll}from"./body-scroll-46854769.js";import{f as focusElement,F as FocusGuard}from"./focus-utils-2ff60ebe.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,g as getLocaleString}from"./language-utils-aa864aed.js";import{h as hasSlot}from"./slot-utils-28b6b964.js";import{T as Teleport}from"./teleport-aa27d5f9.js";import{g as getColorByName}from"./token-utils-06ae5c10.js";import"./string-utils-192eb3c8.js";import"./tokens.module-821694bb.js";var duetSlideoutCss='*,*::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:absolute;height:100%}::slotted(*){position:relative;width:100%;visibility:hidden;opacity:0}:host([open]:not([open=false])) ::slotted(*){visibility:visible;opacity:1}:host(:not([open])) ::slotted(duet-slideout-panel){display:none}.duet-slideout{display:flex;align-items:center;height:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77)}.duet-slideout.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}@media (min-width: 62em){.duet-slideout.duet-theme-turva .desktop-bg{background:rgb(23, 28, 58)}}.duet-slideout .dialog{position:fixed;top:0;bottom:0;left:0;z-index:600;width:100%;height:100%;padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset}.duet-slideout .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 62em){.duet-slideout .dialog{right:0;left:auto;width:500px;padding-bottom:0;transition:right 300ms ease;transition-delay:0s}}.duet-slideout .dialog .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout .dialog .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout .dialog .top-container.has-sticky-header-slot .sticky-header{display:block}.duet-slideout .dialog .top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px}.duet-slideout .dialog .top button{cursor:pointer}.duet-slideout .dialog .top button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout .dialog .top duet-icon{padding:16px}.duet-slideout .dialog .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout .dialog .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:0 1.5rem}.duet-slideout .dialog.hidden{pointer-events:none;visibility:hidden}@media (min-width: 62em){.duet-slideout .dialog.hidden{right:-500px;transition:300ms ease}}.duet-slideout.duet-theme-turva .dialog{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}.duet-slideout.duet-theme-turva .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}.duet-slideout.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-slideout.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 247, 250)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-slideout.duet-theme-turva .dialog .top button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}slot{color:rgb(8, 42, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva{color:#172a3b}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva .desktop-bg{background:#172a3b}}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva button{color:#172a3b}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva button.active{color:#e61740}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva button.active::after{background:#e61740}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva .has-sticky-header-slot .top{background:#fdf7f2}:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header{background:#fdf7f2;border-bottom-color:#fbe1d1}:host(.duet-theme-turva2) slot{color:#172a3b}';var DuetSlideoutStyle0=duetSlideoutCss;var DuetSlideout=function(){function t(t){var e=this;registerInstance(this,t);this.duetSlideoutEvent=createEvent(this,"duetSlideoutEvent",7);this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"};this.topLevelOpenMenuBarLangObject={en:"Exit this menu to find top level items",fi:"Poistu tästä valikosta löytääksesi ylätason kohteet",sv:"Stäng den här menyn för att hitta objekt på toppnivå"};this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(navigator===null||navigator===void 0?void 0:navigator.userAgent);this.hasStickyHeaderSlot=false;this.disconnectController=new AbortController;this.eventListenerController=new AbortController;this.setOpenButton=function(t,i){if(i===void 0){i=false}if(e.eventListenerController){e.eventListenerController.abort()}if(!t){e.openButton=undefined;return}try{var o=t;o.accessiblePopup="true";o.accessibleExpanded=false;e.openButton=o;if(i&&!e.disconnectController.signal.aborted){e.eventListenerController=new AbortController;e.openButton.addEventListener("click",e.openButtonEventListener,{signal:e.eventListenerController.signal})}}catch(t){console.error(t)}};this.setStickHeaderStyleMutations=function(t){if(t===void 0){t=false}var i=e.element.querySelectorAll('[slot="sticky-header"] duet-tab-group');i.forEach((function(e){e.style.position=t?null:"relative";e.style.top=t?null:"1px";e.switchLargeBreakpoint="always"}))};this.openButtonEventListener=function(t){e.onClick(t)};this.getOpenPanel=function(){return e.element.querySelector("duet-slideout-panel[open]")};this.toggleMenu=function(t){e.open=!e.open;e.duetSlideoutEvent.emit({originalEvent:t,data:{element:e.element,open:e.open},component:"duet-slideout"})};this.onClick=function(t){e.toggleMenu(t)};this.language=getLanguage();this.displaying=false;this.openPanel=false;this.theme="";this.accessibleRole="menubar";this.open=false;this.backgroundColor="gray-lightest";this.modal=true}Object.defineProperty(t.prototype,"opener",{get:function(){return this._opener},set:function(t){var e=typeof t==="string";var i=e?document.getElementById(t):t;if(this.openButton!==i){this._opener=t;this.setOpenButton(i,e)}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"controller",{get:function(){return this._opener},set:function(t){this.opener=t},enumerable:false,configurable:true});t.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasStickyHeaderSlot=hasSlot(this.element,"sticky-header")};t.prototype.connectedCallback=function(){var t=this;connectLanguageChangeObserver(this);if(this.disconnectController&&this.disconnectController.signal.aborted){this.disconnectController=new AbortController}if(!this.teleport){this.teleport=new Teleport(this.element)}if(this.teleport){this.teleport.activate()}this.setStickHeaderStyleMutations();if(!this.mutationObserver){this.mutationObserver=new MutationObserver((function(){t.openPanel=!!t.getOpenPanel()}))}if(this.mutationObserver){this.mutationObserver.observe(this.element,{childList:true,attributeFilter:["open"],subtree:true})}};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this);if(this.dialog&&this.modal){enableBodyScroll(this.dialog)}if(this.mutationObserver){this.mutationObserver.disconnect()}if(this.disconnectController){this.disconnectController.abort()}this.setOpenButton(undefined);this.setStickHeaderStyleMutations(true)};t.prototype.handleOpenChange=function(t,e){var i=this;if(!!t===!!e){return}if(this.open&&!e){if(this.openButton){this.openButton.accessibleExpanded=true}var o=this.getOpenPanel();this.teleport.makeSiblingsInert();if(this.modal){disableBodyScroll(this.dialog,{reserveScrollBarGap:true})}if(o){o.setFocus()}else{setTimeout((function(){i.closeButton.focus()}),200)}}else if(!this.open&&e){if(this.openButton){this.openButton.accessibleExpanded=false}setTimeout((function(){focusElement(i.openButton);if(i.modal){enableBodyScroll(i.dialog)}i.teleport.removeInertFromSiblings()}),200)}};t.prototype.handleKeyUp=function(t){if(isEscapeKey(t)){if(this.open){this.toggleMenu(t)}}};t.prototype.handleDocumentClick=function(t){if(!this.open){return}var e=t.composedPath();if(!e.includes(this.dialog)&&!e.includes(this.openButton)){this.toggleMenu(t)}};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){(e=this.openButton)===null||e===void 0?void 0:e.focus(t);return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){t=new CustomEvent("toggle");this.toggleMenu(t);setTimeout((function(){e.closeButton.focus()}),200);return[2]}))}))};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.open){return[2]}this.setOpenButton(document.activeElement);this.toggleMenu(new CustomEvent("toggle"));return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.open){return[2]}this.toggleMenu(new CustomEvent("toggle"));return[2]}))}))};t.prototype.render=function(){var t=this;var e={background:getColorByName(this.backgroundColor,this.theme)};var i=getLocaleString(this.topLevelOpenMenuBarLangObject);var o=getLocaleString(this.exitLangObject);return h(Host,{key:"9333789c721a340099e10ded0a75fd40e9a11351"},h("div",{key:"401f5878c00c8844606f58cf65bd970fefc9aab7",class:{"duet-slideout":true,"duet-theme-turva":this.theme==="turva"}},this.modal&&h("duet-overlay",{key:"ee8e733825dc3a76a590f10c5575b9b696c5c920",visible:this.open,"display-device":"large",zIndex:"600"}),h("div",{key:"ceed0da1890638fbacd6ff8c98e1444545c4ce9f",ref:function(e){return t.dialog=e},tabindex:"-1",role:"dialog",id:"dialog","aria-labelledby":"button","aria-modal":this.isSafariBrowser?false:true,"aria-flowto":"slot-container",class:{dialog:true,hidden:!this.open,modal:this.modal},style:e},h(FocusGuard,{key:"5ba5f11f9e65dd3b4e7f41dc425cb504fdf41227",moveFocusTo:this.closeButton}),h("div",{key:"644cb47533203d7a1a0411ad3d685f772f1727af",class:{"top-container":true,"has-sticky-header-slot":this.hasStickyHeaderSlot}},h("div",{key:"27811bda6d392533473673dd1f9e3384fc010c9a",class:"top"},h("button",{key:"afcf0a441eb2100eece645b01229005076a98b0b",ref:function(e){return t.closeButton=e},"aria-haspopup":"dialog","aria-controls":"dialog","aria-expanded":this.open?"true":"false","aria-label":"".concat(o),type:"button",class:{"slideout-close":true,active:this.open},onClick:this.onClick,inert:this.openPanel},h("duet-icon",{key:"a1f41fbc6db6c3e139c86c5243947230e6d3f3c0",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),h("div",{key:"6333fb0cb464bd1bae7295a7ed3dba2f82aa4afe",class:"sticky-header"},h("slot",{key:"9295f086423cb44b73d2df211b7095facfa77c79",name:"sticky-header"}))),h("div",{key:"1535ab887ae6f901cc97f3b7a7cd541d423e174c",id:"slot-container",role:this.accessibleRole,"aria-label":this.openPanel?i:null,class:{items:true}},h("slot",{key:"5dff867d2868e62737eb06a1618c269187db5468"})),h(FocusGuard,{key:"fcfc5f9ea11a7edac6b76a1479dfb0374b8f16eb",moveFocusTo:this.closeButton}))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["handleOpenChange"]}},enumerable:false,configurable:true});return t}();DuetSlideout.style=DuetSlideoutStyle0;export{DuetSlideout as duet_slideout};
package/lib/esm-es5/duet-status-icon.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as registerInstance,h,H as Host}from"./index-5757a151.js";import{t as tokens}from"./tokens-57aa1508.js";var DuetStatusIcon=function(){function t(t){registerInstance(this,t);this.bg={default:{default:"color_lt_blue_200",success:"color_success_200",warning:"color_warning_200",danger:"color_danger_200"},strong:{default:"color_lt_blue_700",success:"color_success_700",warning:"color_warning_500",danger:"color_danger_600"}};this.color={default:{default:"color_lt_blue_800",success:"color_success_800",warning:"color_warning_800",danger:"color_danger_800"},strong:{default:"color_lt_blue_100",success:"color_gray_lightest",warning:"color_warning_900",danger:"color_gray_lightest"}};this.variation="default";this.size="medium";this.margin="auto";this.strong=false}t.prototype.getVariation=function(){return["default","success","danger","warning"].includes(this.variation)?this.variation:"default"};t.prototype.getBg=function(){return tokens[this.bg[this.strong?"strong":"default"][this.getVariation()]]};t.prototype.getColor=function(){return tokens[this.color[this.strong?"strong":"default"][this.getVariation()]]};t.prototype.getIcon=function(){switch(this.getVariation()){case"default":return'\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <rect width="24" height="24" rx="12" fill="'.concat(this.getBg(),'"/>\n <path fill="').concat(this.getColor(),'" d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/>\n <circle fill="').concat(this.getColor(),'" cx="11.625" cy="7.125" r="1.125"/>\n </svg>');case"success":return'\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <rect width="24" height="24" rx="12" fill="'.concat(this.getBg(),'"/>\n <path fill="').concat(this.getColor(),'" d="M9.325 17.916a1.79 1.79 0 0 1-1.498-.799l-2.44-3.462a.75.75 0 0 1 1.227-.864l2.45 3.477a.306.306 0 0 0 .261.148.294.294 0 0 0 .236-.119l7.852-9.935a.75.75 0 1 1 1.175.93l-7.843 9.923a1.781 1.781 0 0 1-.423.396 1.78 1.78 0 0 1-.997.305z"/>\n </svg>');case"warning":case"danger":return'\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <path fill="'.concat(this.getBg(),'" d="M1.27,23.767C1.58,23.919 1.926,24 2.273,24L21.73,24C22.336,24 22.906,23.764 23.334,23.336C23.764,22.908 24.001,22.337 24.001,21.73C24.001,21.383 23.92,21.037 23.768,20.727L14.295,1.429C13.862,0.547 12.981,0 11.997,0C11.605,0 11.227,0.088 10.873,0.262C10.369,0.51 9.954,0.924 9.706,1.429L0.234,20.728C-0.034,21.271 -0.073,21.888 0.123,22.462C0.319,23.036 0.727,23.5 1.27,23.767Z"/>\n <rect fill="').concat(this.getColor(),'" x="11.1" y="7.2" width="1.8" height="8.4" rx="0.9"/>\n <rect fill="').concat(this.getColor(),'" x="10.8" y="18" width="2.4" height="2.4" rx="1.2"/>\n </svg>')}};t.prototype.render=function(){var t;return h(Host,{key:"0c7e9e81aa0df937ac47bcfaf99525e669866704",class:(t={},t["duet-status-icon-".concat(this.getVariation())]=true,t["duet-strong-bg"]=this.strong,t)},h("duet-icon",{key:"8b806b24e99faa5637683e31bdb29aea671c1097",icon:this.getIcon(),size:this.size,margin:this.margin}))};return t}();export{DuetStatusIcon as duet_status_icon};
4
+ import{r as registerInstance,h,H as Host}from"./index-4cc3ec50.js";import{t as tokens}from"./tokens-57aa1508.js";var DuetStatusIcon=function(){function t(t){registerInstance(this,t);this.bg={default:{default:"color_lt_blue_200",success:"color_success_200",warning:"color_warning_200",danger:"color_danger_200"},strong:{default:"color_lt_blue_700",success:"color_success_700",warning:"color_warning_500",danger:"color_danger_600"}};this.color={default:{default:"color_lt_blue_800",success:"color_success_800",warning:"color_warning_800",danger:"color_danger_800"},strong:{default:"color_lt_blue_100",success:"color_gray_lightest",warning:"color_warning_900",danger:"color_gray_lightest"}};this.variation="default";this.size="medium";this.margin="auto";this.strong=false}t.prototype.getVariation=function(){return["default","success","danger","warning"].includes(this.variation)?this.variation:"default"};t.prototype.getBg=function(){return tokens[this.bg[this.strong?"strong":"default"][this.getVariation()]]};t.prototype.getColor=function(){return tokens[this.color[this.strong?"strong":"default"][this.getVariation()]]};t.prototype.getIcon=function(){switch(this.getVariation()){case"default":return'\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <rect width="24" height="24" rx="12" fill="'.concat(this.getBg(),'"/>\n <path fill="').concat(this.getColor(),'" d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/>\n <circle fill="').concat(this.getColor(),'" cx="11.625" cy="7.125" r="1.125"/>\n </svg>');case"success":return'\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <rect width="24" height="24" rx="12" fill="'.concat(this.getBg(),'"/>\n <path fill="').concat(this.getColor(),'" d="M9.325 17.916a1.79 1.79 0 0 1-1.498-.799l-2.44-3.462a.75.75 0 0 1 1.227-.864l2.45 3.477a.306.306 0 0 0 .261.148.294.294 0 0 0 .236-.119l7.852-9.935a.75.75 0 1 1 1.175.93l-7.843 9.923a1.781 1.781 0 0 1-.423.396 1.78 1.78 0 0 1-.997.305z"/>\n </svg>');case"warning":case"danger":return'\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <path fill="'.concat(this.getBg(),'" d="M1.27,23.767C1.58,23.919 1.926,24 2.273,24L21.73,24C22.336,24 22.906,23.764 23.334,23.336C23.764,22.908 24.001,22.337 24.001,21.73C24.001,21.383 23.92,21.037 23.768,20.727L14.295,1.429C13.862,0.547 12.981,0 11.997,0C11.605,0 11.227,0.088 10.873,0.262C10.369,0.51 9.954,0.924 9.706,1.429L0.234,20.728C-0.034,21.271 -0.073,21.888 0.123,22.462C0.319,23.036 0.727,23.5 1.27,23.767Z"/>\n <rect fill="').concat(this.getColor(),'" x="11.1" y="7.2" width="1.8" height="8.4" rx="0.9"/>\n <rect fill="').concat(this.getColor(),'" x="10.8" y="18" width="2.4" height="2.4" rx="1.2"/>\n </svg>')}};t.prototype.render=function(){var t;return h(Host,{key:"7d88f7af91fb4156f7b2cc160b04f43d0e6de8e9",class:(t={},t["duet-status-icon-".concat(this.getVariation())]=true,t["duet-strong-bg"]=this.strong,t)},h("duet-icon",{key:"cb38dcde52f12494ae3179037c7f0d21ae096d7f",icon:this.getIcon(),size:this.size,margin:this.margin}))};return t}();export{DuetStatusIcon as duet_status_icon};
package/lib/esm-es5/duet-step_2.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,a){function o(e){try{u(n.next(e))}catch(e){a(e)}}function s(e){try{u(n["throw"](e))}catch(e){a(e)}}function u(e){e.done?i(e.value):r(e.value).then(o,s)}u((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return u([e,t])}}function u(s){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(i=0)),i)try{if(n=1,r&&(a=s[0]&2?r["return"]:s[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,s[1])).done)return a;if(r=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;r=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(s[0]===6&&i.label<a[1]){i.label=a[1];a=s;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(s);break}if(a[2])i.ops.pop();i.trys.pop();continue}s=t.call(e,i)}catch(e){s=[6,e];r=0}finally{n=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
2
2
  /*!
3
3
  * Built with Duet Design System
4
- */import{r as registerInstance,c as createEvent,h,g as getElement,H as Host}from"./index-5757a151.js";import{i as inheritGlobalTheme}from"./themeable-component-e507940b.js";import{c as createID}from"./create-id-149a1b6d.js";import{i as isKeyboardClick,s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-daf80d44.js";import{c as DuetStringsListStepOfTotal}from"./common-strings-a48b3fba.js";import{a as getLanguage,g as getLocaleString}from"./language-utils-1aea3619.js";import"./string-utils-192eb3c8.js";var actionEdit2={title:"action-edit-2",tags:"action edit 2 pen pencil",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z"/></svg>'};var duetStepCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-step{padding:20px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading{display:flex;align-items:center;border-radius:4px}.duet-step-heading[aria-disabled=false]{cursor:pointer}.duet-step-heading:focus{outline:0}.duet-step-heading:active{opacity:0.75}:host(.user-is-tabbing) .duet-step-heading:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-step-heading:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.is-complete .duet-step-heading:hover .duet-step-counter,.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#005f8f}.duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#9e0a26}.is-current .duet-step-heading{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading{margin-top:8px;margin-bottom:8px !important}:host(:first-of-type) .duet-step-heading{margin-top:0}:host(:last-of-type) .duet-step-heading{margin-bottom:0 !important}}.duet-step-counter{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:rgb(255, 255, 255);text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter{width:40px;height:40px;line-height:40px}}.is-complete .duet-step-counter,.is-current .duet-step-counter,.is-disabled .duet-step-counter{background-color:rgb(0, 119, 179)}.duet-theme-turva.is-complete .duet-step-counter,.duet-theme-turva.is-current .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-counter{background-color:rgb(198, 12, 48)}.is-incomplete .duet-step-counter{background-color:rgb(98, 121, 138)}.duet-theme-turva.is-incomplete .duet-step-counter{background-color:rgb(143, 147, 158)}.duet-step-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon{width:20px;height:20px}}.duet-step-icon duet-icon{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon duet-icon{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid rgb(212, 223, 229)}.duet-theme-turva .duet-step-content-wrapper{border-color:rgb(222, 224, 228)}:host(:last-of-type) .duet-step-content-wrapper{min-height:0;border:transparent}}.duet-step-content{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content{padding-bottom:28px}}.is-current .duet-step-content{display:block}.duet-step-heading-slot{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot{display:block}}:host(.duet-theme-turva2) .duet-theme-turva.is-complete .duet-step-counter,:host(.duet-theme-turva2) .duet-theme-turva.is-current .duet-step-counter,:host(.duet-theme-turva2) .duet-theme-turva.is-disabled .duet-step-counter{background-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,:host(.duet-theme-turva2) .duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#b81233}:host(.duet-theme-turva2) .duet-theme-turva .duet-step-content-wrapper{border-color:#fbe1d1}';var DuetStepStyle0=duetStepCss;var DuetStep=function(){function e(e){var t=this;registerInstance(this,e);this.duetStepClick=createEvent(this,"duetStepClick",7);this.buttonId=createID("DuetStepButton");this.contentId=createID("DuetStepContent");this.handleKeyDown=function(e){if(t.isClickDisabled()){return}if(isKeyboardClick(e)){e.preventDefault();t.handleStepClick(e)}};this.handleClick=function(e){if(t.isClickDisabled()){return}t.handleStepClick(e)};this.theme="";this.heading=undefined;this.headingLevel=undefined;this.stepIndex=undefined;this.state=undefined;this.roundedTop=false;this.roundedBottom=false}e.prototype.handleStepClick=function(e){this.duetStepClick.emit({originalEvent:e,component:"duet-step",stepIndex:this.stepIndex})};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){unsubscribeTabbingChange(this)};e.prototype.setFocus=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e={preventScroll:true}}return __generator(this,(function(t){this.buttonElement.focus(e);return[2]}))}))};e.prototype.isClickDisabled=function(){return this.state!=="complete"};e.prototype.headingColor=function(){if(this.state!=="incomplete"){return""}if(this.theme!=="turva"){return"gray-darker"}else{return"gray-dark-turva"}};e.prototype.renderStepCounter=function(){if(this.state==="complete"||this.state==="disabled"){return h("div",{class:"duet-step-icon"},h("duet-icon",{margin:"none",size:"auto",color:"gray-lightest",icon:actionEdit2.svg}))}return"".concat(this.stepIndex+1," ")};e.prototype.render=function(){var e;var t=this;return h("div",{class:(e={"duet-step":true},e["is-".concat(this.state)]=true,e["rounded-top"]=this.roundedTop,e["rounded-bottom"]=this.roundedBottom,e["duet-theme-turva"]=this.theme==="turva",e)},h("div",{class:"duet-step-heading",id:this.buttonId,role:this.state!=="current"?"button":"region","aria-current":this.state==="current"?"step":undefined,tabindex:this.state!=="current"?"0":undefined,"aria-disabled":this.isClickDisabled().toString(),"aria-expanded":(this.state==="current").toString(),"aria-controls":this.contentId,"aria-selected":(this.state==="current").toString(),onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:function(e){return t.buttonElement=e}},h("div",{"aria-hidden":"true"},h("div",{class:"duet-step-counter"},this.renderStepCounter())),h("duet-spacer",{direction:"horizontal",size:"large",breakpoint:"small"}),h("duet-spacer",{direction:"horizontal",size:"medium",breakpoint:"x-small"}),h("div",null,h("duet-heading",{theme:this.theme,level:this.headingLevel,visualLevel:"h4",color:this.headingColor(),margin:"none"},this.heading)),h("duet-spacer",{direction:"horizontal",size:"large"}),h("div",{class:"duet-step-heading-slot"},h("slot",{name:"heading-content"}))),h("div",{class:"duet-step-content-wrapper"},h("div",{class:"duet-step-content",role:"region","aria-labelledby":this.buttonId,id:this.contentId},h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetStep.style=DuetStepStyle0;function groupBy(e,t){var i={};t.forEach((function(t){var n=t[e];if(!i[n]){i[n]=[]}i[n].push(t)}));return i}var duetStepperCss=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}.duet-stepper{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-stepper{padding:28px !important;padding-top:36px !important;padding-bottom:36px !important;background:rgb(255, 255, 255);border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}}";var DuetStepperStyle0=duetStepperCss;var DuetStepper=function(){function e(e){registerInstance(this,e);this.duetStepChange=createEvent(this,"duetStepChange",7);this.language=getLanguage();this.theme="";this.accessibleLive=getLocaleString(DuetStringsListStepOfTotal,this.language);this.margin="auto";this.backDisabled=false;this.selected=0}e.prototype.currentStepChanged=function(e){var t=this;if(isNaN(e)){throw new Error("step must be a number. got: ".concat(e))}if(e<0){throw new Error("step must be not be less than zero. got: ".concat(e))}if(e>this.getSteps().length){throw new Error("step must not exceed total number of steps")}this.updateStepState();setTimeout((function(){return t.setStepFocus()}),50)};e.prototype.currentStepInvokedDisable=function(){this.updateStepState()};e.prototype.onDuetStepClick=function(e){this.duetStepChange.emit({fromStep:this.selected,toStep:e.detail.stepIndex,component:"duet-stepper"})};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){{this.childObserver=new MutationObserver(this.updateStepState.bind(this));this.childObserver.observe(this.element,{childList:true})}this.updateStepState();return[2]}))}))};e.prototype.disconnectedCallback=function(){if(this.childObserver){this.childObserver.disconnect();this.childObserver=undefined}};e.prototype.getSteps=function(){return Array.from(this.element.querySelectorAll("duet-step"))};e.prototype.setStepFocus=function(){var e=this.getSteps();var t=e[this.selected];t.setFocus()};e.prototype.updateStepState=function(){var e=this;var t=this.getSteps();t.forEach((function(t,i){var n;if(i<e.selected){n=e.backDisabled?"disabled":"complete"}else if(i>e.selected){n="incomplete"}else{n="current"}t.theme=e.theme;t.state=n;t.stepIndex=i}));var i=groupBy("state",t);Object.values(i).forEach((function(e){e.forEach((function(t,i){t.roundedTop=i===0;t.roundedBottom=i===e.length-1}))}))};e.prototype.formatAnnouncement=function(){var e=this.getSteps();var t=(this.selected+1).toString(10);var i=e.length.toString(10);return this.accessibleLive.replace("{current}",t).replace("{total}",i)};e.prototype.render=function(){return h(Host,{key:"740a97432ec3cd68e37e0d1c15ef857fda784e03",class:{"duet-m-0":this.margin==="none"}},h("div",{key:"cd7bb18ecc5f6912692e126352addfd6d261ed31",class:{"duet-stepper":true,"duet-theme-turva":this.theme==="turva"}},h("duet-visually-hidden",{key:"e544dcae3ddc94efef5586ec9cf89101c4438be7","aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement()),h("slot",{key:"a66d4563c4a9f66d31e8bb14502a10c70d663baa"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{selected:["currentStepChanged"],backDisabled:["currentStepInvokedDisable"]}},enumerable:false,configurable:true});return e}();DuetStepper.style=DuetStepperStyle0;export{DuetStep as duet_step,DuetStepper as duet_stepper};
4
+ */import{r as registerInstance,c as createEvent,h,g as getElement,H as Host}from"./index-4cc3ec50.js";import{i as inheritGlobalTheme}from"./themeable-component-35ed7853.js";import{c as createID}from"./create-id-149a1b6d.js";import{i as isKeyboardClick,s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-daf80d44.js";import{d as DuetStringsListStepOfTotal}from"./common-strings-1274857d.js";import{a as getLanguage,g as getLocaleString}from"./language-utils-aa864aed.js";import"./string-utils-192eb3c8.js";var actionEdit2={title:"action-edit-2",tags:"action edit 2 pen pencil",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z"/></svg>'};var duetStepCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-step{padding:20px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading{display:flex;align-items:center;border-radius:4px}.duet-step-heading[aria-disabled=false]{cursor:pointer}.duet-step-heading:focus{outline:0}.duet-step-heading:active{opacity:0.75}:host(.user-is-tabbing) .duet-step-heading:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-step-heading:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.is-complete .duet-step-heading:hover .duet-step-counter,.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#005f8f}.duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#9e0a26}.is-current .duet-step-heading{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading{margin-top:8px;margin-bottom:8px !important}:host(:first-of-type) .duet-step-heading{margin-top:0}:host(:last-of-type) .duet-step-heading{margin-bottom:0 !important}}.duet-step-counter{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:rgb(255, 255, 255);text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter{width:40px;height:40px;line-height:40px}}.is-complete .duet-step-counter,.is-current .duet-step-counter,.is-disabled .duet-step-counter{background-color:rgb(0, 119, 179)}.duet-theme-turva.is-complete .duet-step-counter,.duet-theme-turva.is-current .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-counter{background-color:rgb(198, 12, 48)}.is-incomplete .duet-step-counter{background-color:rgb(98, 121, 138)}.duet-theme-turva.is-incomplete .duet-step-counter{background-color:rgb(143, 147, 158)}.duet-step-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon{width:20px;height:20px}}.duet-step-icon duet-icon{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon duet-icon{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid rgb(212, 223, 229)}.duet-theme-turva .duet-step-content-wrapper{border-color:rgb(222, 224, 228)}:host(:last-of-type) .duet-step-content-wrapper{min-height:0;border:transparent}}.duet-step-content{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content{padding-bottom:28px}}.is-current .duet-step-content{display:block}.duet-step-heading-slot{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot{display:block}}:host(.duet-theme-turva2) .duet-theme-turva.is-complete .duet-step-counter,:host(.duet-theme-turva2) .duet-theme-turva.is-current .duet-step-counter,:host(.duet-theme-turva2) .duet-theme-turva.is-disabled .duet-step-counter{background-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,:host(.duet-theme-turva2) .duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#b81233}:host(.duet-theme-turva2) .duet-theme-turva .duet-step-content-wrapper{border-color:#fbe1d1}';var DuetStepStyle0=duetStepCss;var DuetStep=function(){function e(e){var t=this;registerInstance(this,e);this.duetStepClick=createEvent(this,"duetStepClick",7);this.buttonId=createID("DuetStepButton");this.contentId=createID("DuetStepContent");this.handleKeyDown=function(e){if(t.isClickDisabled()){return}if(isKeyboardClick(e)){e.preventDefault();t.handleStepClick(e)}};this.handleClick=function(e){if(t.isClickDisabled()){return}t.handleStepClick(e)};this.theme="";this.heading=undefined;this.headingLevel=undefined;this.stepIndex=undefined;this.state=undefined;this.roundedTop=false;this.roundedBottom=false}e.prototype.handleStepClick=function(e){this.duetStepClick.emit({originalEvent:e,component:"duet-step",stepIndex:this.stepIndex})};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){unsubscribeTabbingChange(this)};e.prototype.setFocus=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e={preventScroll:true}}return __generator(this,(function(t){this.buttonElement.focus(e);return[2]}))}))};e.prototype.isClickDisabled=function(){return this.state!=="complete"};e.prototype.headingColor=function(){if(this.state!=="incomplete"){return""}if(this.theme!=="turva"){return"gray-darker"}else{return"gray-dark-turva"}};e.prototype.renderStepCounter=function(){if(this.state==="complete"||this.state==="disabled"){return h("div",{class:"duet-step-icon"},h("duet-icon",{margin:"none",size:"auto",color:"gray-lightest",icon:actionEdit2.svg}))}return"".concat(this.stepIndex+1," ")};e.prototype.render=function(){var e;var t=this;return h("div",{class:(e={"duet-step":true},e["is-".concat(this.state)]=true,e["rounded-top"]=this.roundedTop,e["rounded-bottom"]=this.roundedBottom,e["duet-theme-turva"]=this.theme==="turva",e)},h("div",{class:"duet-step-heading",id:this.buttonId,role:this.state!=="current"?"button":"region","aria-current":this.state==="current"?"step":undefined,tabindex:this.state!=="current"?"0":undefined,"aria-disabled":this.isClickDisabled().toString(),"aria-expanded":(this.state==="current").toString(),"aria-controls":this.contentId,"aria-selected":(this.state==="current").toString(),onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:function(e){return t.buttonElement=e}},h("div",{"aria-hidden":"true"},h("div",{class:"duet-step-counter"},this.renderStepCounter())),h("duet-spacer",{direction:"horizontal",size:"large",breakpoint:"small"}),h("duet-spacer",{direction:"horizontal",size:"medium",breakpoint:"x-small"}),h("div",null,h("duet-heading",{theme:this.theme,level:this.headingLevel,visualLevel:"h4",color:this.headingColor(),margin:"none"},this.heading)),h("duet-spacer",{direction:"horizontal",size:"large"}),h("div",{class:"duet-step-heading-slot"},h("slot",{name:"heading-content"}))),h("div",{class:"duet-step-content-wrapper"},h("div",{class:"duet-step-content",role:"region","aria-labelledby":this.buttonId,id:this.contentId},h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetStep.style=DuetStepStyle0;function groupBy(e,t){var i={};t.forEach((function(t){var n=t[e];if(!i[n]){i[n]=[]}i[n].push(t)}));return i}var duetStepperCss=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}.duet-stepper{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-stepper{padding:28px !important;padding-top:36px !important;padding-bottom:36px !important;background:rgb(255, 255, 255);border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}}";var DuetStepperStyle0=duetStepperCss;var DuetStepper=function(){function e(e){registerInstance(this,e);this.duetStepChange=createEvent(this,"duetStepChange",7);this.language=getLanguage();this.theme="";this.accessibleLive=getLocaleString(DuetStringsListStepOfTotal,this.language);this.margin="auto";this.backDisabled=false;this.selected=0}e.prototype.currentStepChanged=function(e){var t=this;if(isNaN(e)){throw new Error("step must be a number. got: ".concat(e))}if(e<0){throw new Error("step must be not be less than zero. got: ".concat(e))}if(e>this.getSteps().length){throw new Error("step must not exceed total number of steps")}this.updateStepState();setTimeout((function(){return t.setStepFocus()}),50)};e.prototype.currentStepInvokedDisable=function(){this.updateStepState()};e.prototype.onDuetStepClick=function(e){this.duetStepChange.emit({fromStep:this.selected,toStep:e.detail.stepIndex,component:"duet-stepper"})};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){{this.childObserver=new MutationObserver(this.updateStepState.bind(this));this.childObserver.observe(this.element,{childList:true})}this.updateStepState();return[2]}))}))};e.prototype.disconnectedCallback=function(){if(this.childObserver){this.childObserver.disconnect();this.childObserver=undefined}};e.prototype.getSteps=function(){return Array.from(this.element.querySelectorAll("duet-step"))};e.prototype.setStepFocus=function(){var e=this.getSteps();var t=e[this.selected];t.setFocus()};e.prototype.updateStepState=function(){var e=this;var t=this.getSteps();t.forEach((function(t,i){var n;if(i<e.selected){n=e.backDisabled?"disabled":"complete"}else if(i>e.selected){n="incomplete"}else{n="current"}t.theme=e.theme;t.state=n;t.stepIndex=i}));var i=groupBy("state",t);Object.values(i).forEach((function(e){e.forEach((function(t,i){t.roundedTop=i===0;t.roundedBottom=i===e.length-1}))}))};e.prototype.formatAnnouncement=function(){var e=this.getSteps();var t=(this.selected+1).toString(10);var i=e.length.toString(10);return this.accessibleLive.replace("{current}",t).replace("{total}",i)};e.prototype.render=function(){return h(Host,{key:"09155a7a3327ac4e49f56eb5632872285f5d5bab",class:{"duet-m-0":this.margin==="none"}},h("div",{key:"a57d5104e84e041986ea155939c05d52a7ec8a0a",class:{"duet-stepper":true,"duet-theme-turva":this.theme==="turva"}},h("duet-visually-hidden",{key:"7c6149035beb257691e8e6849a0608cd47ba18cb","aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement()),h("slot",{key:"edb325e8ac2f2b2f91848c5a4688ab4ff0f31c03"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{selected:["currentStepChanged"],backDisabled:["currentStepInvokedDisable"]}},enumerable:false,configurable:true});return e}();DuetStepper.style=DuetStepperStyle0;export{DuetStep as duet_step,DuetStepper as duet_stepper};
package/lib/esm-es5/duet-submenu-bar-dropdown-link.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as registerInstance,h,H as Host,g as getElement}from"./index-5757a151.js";import{i as inheritGlobalTheme}from"./themeable-component-e507940b.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetSubmenuBarDropdownLinkCss='*,*::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(8, 42, 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(240, 247, 250)}.duet-submenu-bar-dropdown-link.active .label::after{display:none}.duet-submenu-bar-dropdown-link.active .active-check{display:block}.duet-submenu-bar-dropdown-link.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-submenu-bar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}}.duet-submenu-bar-dropdown-link.highlight{color:rgb(0, 119, 179)}.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva{color:rgb(126, 2, 35)}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after{background:#e61740}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.active{background:#fdf7f2}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva:hover{background:#fbe1d1}}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.highlight{color:#e61740}';var DuetSubmenuBarDropdownLinkStyle0=duetSubmenuBarDropdownLinkCss;var DuetSubmenuBarDropdownLink=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.href="#";this.icon=undefined;this.caret=false;this.highlight=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var t=this.element.closest("duet-submenu-bar-dropdown");t.open=false;t.setFocus()}};e.prototype.render=function(){var e=this;return h(Host,{key:"70dc6010e5c86ad45da1c5181093ccdd36aedf8c"},h("a",{key:"88f6be423630593baa34df5aaa95658f4d62e144",class:{"duet-submenu-bar-dropdown-link":true,"duet-theme-turva":this.theme==="turva",highlight:this.highlight,active:this.active},"aria-current":this.active?"true":"false",href:this.href,onKeyUp:function(t){return e.handleEscape(t)}},this.icon&&h("duet-icon",{key:"1b8442b9b12ea7e7d70a4cafb650f44e623ed079",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("span",{key:"649f4c2ba3d389a010c5a2d931d88052ab32738a",class:"label-container"},h("span",{key:"0956e484078fe3c11a3dbc9c583c9a00f78beb22",class:"label"},h("slot",{key:"d38dda8929e0d9fd12abe02ea3e43dc4514699be"})),this.caret&&h("duet-icon",{key:"0ae18e14eb823bcac1af33ae2bd4fbab222296e1",name:"action-arrow-right-small",size:"xxx-small",margin:"none"})),this.active&&h("duet-icon",{key:"2e54718adef2328ea759432eea812e3e959931e7",class:"active-check",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSubmenuBarDropdownLink.style=DuetSubmenuBarDropdownLinkStyle0;export{DuetSubmenuBarDropdownLink as duet_submenu_bar_dropdown_link};
4
+ import{r as registerInstance,h,H as Host,g as getElement}from"./index-4cc3ec50.js";import{i as inheritGlobalTheme}from"./themeable-component-35ed7853.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetSubmenuBarDropdownLinkCss='*,*::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(8, 42, 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(240, 247, 250)}.duet-submenu-bar-dropdown-link.active .label::after{display:none}.duet-submenu-bar-dropdown-link.active .active-check{display:block}.duet-submenu-bar-dropdown-link.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-submenu-bar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}}.duet-submenu-bar-dropdown-link.highlight{color:rgb(0, 119, 179)}.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva{color:rgb(126, 2, 35)}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after{background:#e61740}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.active{background:#fdf7f2}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva:hover{background:#fbe1d1}}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.highlight{color:#e61740}';var DuetSubmenuBarDropdownLinkStyle0=duetSubmenuBarDropdownLinkCss;var DuetSubmenuBarDropdownLink=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.href="#";this.icon=undefined;this.caret=false;this.highlight=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var t=this.element.closest("duet-submenu-bar-dropdown");t.open=false;t.setFocus()}};e.prototype.render=function(){var e=this;return h(Host,{key:"55335d28abcf8bb169e8efe0e8e38bc07d63985a"},h("a",{key:"01423a356665cd9699b45165977de2142c06591f",class:{"duet-submenu-bar-dropdown-link":true,"duet-theme-turva":this.theme==="turva",highlight:this.highlight,active:this.active},"aria-current":this.active?"true":"false",href:this.href,onKeyUp:function(t){return e.handleEscape(t)}},this.icon&&h("duet-icon",{key:"fb31a9f09cf45c2dd1940d036381a16e19862ba5",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("span",{key:"1875d33f394b1fe34a4b5da166c7bdc8b7aba3ec",class:"label-container"},h("span",{key:"9cec76482313031304a7267301917a578386a431",class:"label"},h("slot",{key:"09c5d5096026ec851933a89eb646ef75976cba1f"})),this.caret&&h("duet-icon",{key:"4637a241c817e12e633978568d036a7044729b9d",name:"action-arrow-right-small",size:"xxx-small",margin:"none"})),this.active&&h("duet-icon",{key:"f06ea7ef11f0b96fceeb288bfe4b7aca8509a113",class:"active-check",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSubmenuBarDropdownLink.style=DuetSubmenuBarDropdownLinkStyle0;export{DuetSubmenuBarDropdownLink as duet_submenu_bar_dropdown_link};
package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  var __awaiter=this&&this.__awaiter||function(e,t,n,o){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function u(e){try{d(o.next(e))}catch(e){a(e)}}function i(e){try{d(o["throw"](e))}catch(e){a(e)}}function d(e){e.done?n(e.value):r(e.value).then(u,i)}d((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,r,a,u;return u={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function i(e){return function(t){return d([e,t])}}function d(i){if(o)throw new TypeError("Generator is already executing.");while(u&&(u=0,i[0]&&(n=0)),n)try{if(o=1,r&&(a=i[0]&2?r["return"]:i[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,i[1])).done)return a;if(r=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;r=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){n.label=i[1];break}if(i[0]===6&&n.label<a[1]){n.label=a[1];a=i;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(i);break}if(a[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}catch(e){i=[6,e];r=0}finally{o=a=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};
2
2
  /*!
3
3
  * Built with Duet Design System
4
- */import{r as registerInstance,h,H as Host,g as getElement}from"./index-5757a151.js";import{a as media_query_large}from"./tokens-57aa1508.js";import{i as inheritGlobalTheme}from"./themeable-component-e507940b.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetSubmenuBarDropdownCss='*,*::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%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-dropdown{position:relative;height:100%}.duet-submenu-bar-dropdown button{position:relative;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){.duet-submenu-bar-dropdown button{flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;font-size:0.875rem;color:rgb(0, 75, 129)}}.duet-submenu-bar-dropdown button .label{display:flex;gap:5px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar-dropdown button.open{background:rgb(228, 241, 247)}}.duet-submenu-bar-dropdown button.open .caret{transform:rotate(180deg)}.duet-submenu-bar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-submenu-bar-dropdown button.active .label-text{position:relative}.duet-submenu-bar-dropdown button.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}@media (min-width: 62em){.duet-submenu-bar-dropdown button.active .label-text::after{display:none}}@media (min-width: 62em){.duet-submenu-bar-dropdown button .caret{position:absolute;right:12px}.duet-submenu-bar-dropdown button:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown button:hover.active{color:rgb(8, 42, 77)}.duet-theme-turva .duet-submenu-bar-dropdown button:hover.active{color:rgb(23, 28, 58)}.duet-submenu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-theme-turva .duet-submenu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-submenu-bar-dropdown button.active::after,.duet-submenu-bar-dropdown button.open::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-theme-turva .duet-submenu-bar-dropdown button.active::after,.duet-theme-turva .duet-submenu-bar-dropdown button.open::after{background:rgb(198, 12, 48)}}.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:16px;height:16px}}.duet-submenu-bar-dropdown .items{display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:1000px;padding:4px 0 16px;overflow-y:auto;color:rgb(8, 42, 77);visibility:visible;transition:max-height 0.3s ease-in, padding 0.3s ease-in;-ms-overflow-style:none;scrollbar-width:none}.duet-submenu-bar-dropdown .items::-webkit-scrollbar{display:none}@media (min-width: 62em){.duet-submenu-bar-dropdown .items{position:absolute;top:93%;z-index:600;min-width:320px;padding:8px;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);transition:none}}.duet-submenu-bar-dropdown .items.hidden{max-height:0;padding:0;overflow:hidden;visibility:hidden;transition:max-height 0.3s ease-in, padding 0.3s ease-in}.duet-submenu-bar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button:hover{background:rgb(222, 224, 228)}}.duet-submenu-bar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.active,.duet-submenu-bar-dropdown.duet-theme-turva button.open{color:rgb(126, 2, 35)}}.duet-submenu-bar-dropdown.duet-theme-turva button.active::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open::after{background:rgb(126, 2, 35)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.open{background:rgb(222, 224, 228)}}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button{color:#172a3b}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button:hover{background:#fbe1d1}}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after,:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after{background:#e61740}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.active,:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open{color:#8c001e}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.active::after,:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open::after{background:#e61740}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open{background:#fbe1d1}}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}}';var DuetSubmenuBarDropdownStyle0=duetSubmenuBarDropdownCss;var DuetSubmenuBarDropdown=function(){function e(e){var t=this;registerInstance(this,e);this.mql=[window.matchMedia(media_query_large.replace(/'/g,""))];this.boundMqlFunctions=[];this.checkIsDesktop=function(){if(t.mql[0].matches){t.isDesktop=true}else{t.isDesktop=false}};this.onClick=function(){var e=t.open;if(!t.isDesktop){var n=Array.from(t.element.parentElement.querySelectorAll("duet-submenu-bar-dropdown"));for(var o=0,r=n;o<r.length;o++){var a=r[o];a.open=false}}if(e){t.open=false}else{t.open=true}};this.isDesktop=false;this.theme="";this.active=false;this.open=false;this.icon=undefined}e.prototype.handleFocus=function(e){var t=this;var n=e.composedPath().every((function(e){return e!==t.element}));if(n&&this.isDesktop){this.open=false}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){this.checkIsDesktop();for(var e=0;e<this.mql.length;e++){if(this.mql[e].addEventListener){var t=this.checkIsDesktop.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.handleEscape=function(e){if(isEscapeKey(e)){if(this.open){this.open=false}else{var t=this.element.closest("duet-submenu-bar");t.open=false;t.setFocus()}}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;return h(Host,{key:"70868aabae55a1cf5a33ffa60fa5f4503538dea9",role:"listitem"},h("div",{key:"9809d5a4eab393c96dd7851edb141543e3133768",class:{"duet-submenu-bar-dropdown":true,"duet-theme-turva":this.theme==="turva",open:this.open,active:this.active}},h("button",{key:"28578844117f1a8125be55516cff56ac1e8a7f15",ref:function(t){return e.button=t},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{open:this.open,active:this.active},onClick:this.onClick,onKeyUp:function(t){return e.handleEscape(t)}},this.icon&&h("duet-icon",{key:"9c8abf604b85505fcb162655ba88d8ee98d0c33f",class:"submenu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),h("div",{key:"e5ede13eceef98527bf96e09fa02bed5f3a56596",class:"label"},h("span",{key:"f6c75d3c08f19179ee759a0d049eae30f2c9f464",class:"label-text"},h("slot",{key:"02f6d7e96cb114febddb08e4ff3d0acb074c9033",name:"label"})),h("duet-icon",{key:"d1e66d3f724512be2a0da418530fd733beefa784",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),h("div",{key:"5dbf142f285d703e83580e73497a92bf79173a63",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},h("slot",{key:"f20c64dc6799152a072355db08285ae3254a21a4"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSubmenuBarDropdown.style=DuetSubmenuBarDropdownStyle0;export{DuetSubmenuBarDropdown as duet_submenu_bar_dropdown};
4
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-4cc3ec50.js";import{a as media_query_large}from"./tokens-57aa1508.js";import{i as inheritGlobalTheme}from"./themeable-component-35ed7853.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetSubmenuBarDropdownCss='*,*::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%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-dropdown{position:relative;height:100%}.duet-submenu-bar-dropdown button{position:relative;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){.duet-submenu-bar-dropdown button{flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;font-size:0.875rem;color:rgb(0, 75, 129)}}.duet-submenu-bar-dropdown button .label{display:flex;gap:5px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar-dropdown button.open{background:rgb(228, 241, 247)}}.duet-submenu-bar-dropdown button.open .caret{transform:rotate(180deg)}.duet-submenu-bar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-submenu-bar-dropdown button.active .label-text{position:relative}.duet-submenu-bar-dropdown button.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}@media (min-width: 62em){.duet-submenu-bar-dropdown button.active .label-text::after{display:none}}@media (min-width: 62em){.duet-submenu-bar-dropdown button .caret{position:absolute;right:12px}.duet-submenu-bar-dropdown button:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown button:hover.active{color:rgb(8, 42, 77)}.duet-theme-turva .duet-submenu-bar-dropdown button:hover.active{color:rgb(23, 28, 58)}.duet-submenu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-theme-turva .duet-submenu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-submenu-bar-dropdown button.active::after,.duet-submenu-bar-dropdown button.open::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-theme-turva .duet-submenu-bar-dropdown button.active::after,.duet-theme-turva .duet-submenu-bar-dropdown button.open::after{background:rgb(198, 12, 48)}}.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:16px;height:16px}}.duet-submenu-bar-dropdown .items{display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:1000px;padding:4px 0 16px;overflow-y:auto;color:rgb(8, 42, 77);visibility:visible;transition:max-height 0.3s ease-in, padding 0.3s ease-in;-ms-overflow-style:none;scrollbar-width:none}.duet-submenu-bar-dropdown .items::-webkit-scrollbar{display:none}@media (min-width: 62em){.duet-submenu-bar-dropdown .items{position:absolute;top:93%;z-index:600;min-width:320px;padding:8px;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);transition:none}}.duet-submenu-bar-dropdown .items.hidden{max-height:0;padding:0;overflow:hidden;visibility:hidden;transition:max-height 0.3s ease-in, padding 0.3s ease-in}.duet-submenu-bar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button:hover{background:rgb(222, 224, 228)}}.duet-submenu-bar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.active,.duet-submenu-bar-dropdown.duet-theme-turva button.open{color:rgb(126, 2, 35)}}.duet-submenu-bar-dropdown.duet-theme-turva button.active::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open::after{background:rgb(126, 2, 35)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.open{background:rgb(222, 224, 228)}}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button{color:#172a3b}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button:hover{background:#fbe1d1}}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after,:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after{background:#e61740}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.active,:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open{color:#8c001e}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.active::after,:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open::after{background:#e61740}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open{background:#fbe1d1}}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}}';var DuetSubmenuBarDropdownStyle0=duetSubmenuBarDropdownCss;var DuetSubmenuBarDropdown=function(){function e(e){var t=this;registerInstance(this,e);this.mql=[window.matchMedia(media_query_large.replace(/'/g,""))];this.boundMqlFunctions=[];this.checkIsDesktop=function(){if(t.mql[0].matches){t.isDesktop=true}else{t.isDesktop=false}};this.onClick=function(){var e=t.open;if(!t.isDesktop){var n=Array.from(t.element.parentElement.querySelectorAll("duet-submenu-bar-dropdown"));for(var o=0,r=n;o<r.length;o++){var a=r[o];a.open=false}}if(e){t.open=false}else{t.open=true}};this.isDesktop=false;this.theme="";this.active=false;this.open=false;this.icon=undefined}e.prototype.handleFocus=function(e){var t=this;var n=e.composedPath().every((function(e){return e!==t.element}));if(n&&this.isDesktop){this.open=false}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){this.checkIsDesktop();for(var e=0;e<this.mql.length;e++){if(this.mql[e].addEventListener){var t=this.checkIsDesktop.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.handleEscape=function(e){if(isEscapeKey(e)){if(this.open){this.open=false}else{var t=this.element.closest("duet-submenu-bar");t.open=false;t.setFocus()}}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;return h(Host,{key:"91282efb4475ef3e93beed30b442ecee116a5d7f",role:"listitem"},h("div",{key:"50cebd82c75c8bae189224e8290e3b6d4e2b82e8",class:{"duet-submenu-bar-dropdown":true,"duet-theme-turva":this.theme==="turva",open:this.open,active:this.active}},h("button",{key:"2bff2aab59814f2f2f51311d324e595601f65f35",ref:function(t){return e.button=t},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{open:this.open,active:this.active},onClick:this.onClick,onKeyUp:function(t){return e.handleEscape(t)}},this.icon&&h("duet-icon",{key:"9467c1e65cd3bbfb8d9554a7743d6ab38aa3e2f7",class:"submenu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),h("div",{key:"e78116b328684f01ebefe4de9090cc784cd912df",class:"label"},h("span",{key:"b59cc0a46cd37aa7a4babb44696b5f215624adfe",class:"label-text"},h("slot",{key:"853981962bf806fc9c6211fa9de3cbb6e5f1bac5",name:"label"})),h("duet-icon",{key:"7b0768bcf7251bb5ceb638a9ca874dd5fac64531",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),h("div",{key:"7cba20c842efa0186d912ad37a5862f2bce6b79f",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},h("slot",{key:"8b09b28409e215489f5b20efc2226b075440def6"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSubmenuBarDropdown.style=DuetSubmenuBarDropdownStyle0;export{DuetSubmenuBarDropdown as duet_submenu_bar_dropdown};
package/lib/esm-es5/duet-submenu-bar-item.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  var __awaiter=this&&this.__awaiter||function(e,t,a,n){function i(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,r){function u(e){try{s(n.next(e))}catch(e){r(e)}}function o(e){try{s(n["throw"](e))}catch(e){r(e)}}function s(e){e.done?a(e.value):i(e.value).then(u,o)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,i,r,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(e){return function(t){return s([e,t])}}function s(o){if(n)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(a=0)),a)try{if(n=1,i&&(r=o[0]&2?i["return"]:o[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,o[1])).done)return r;if(i=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;i=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(r=a.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){a.label=o[1];break}if(o[0]===6&&a.label<r[1]){a.label=r[1];r=o;break}if(r&&a.label<r[2]){a.label=r[2];a.ops.push(o);break}if(r[2])a.ops.pop();a.trys.pop();continue}o=t.call(e,a)}catch(e){o=[6,e];i=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
2
2
  /*!
3
3
  * Built with Duet Design System
4
- */import{r as registerInstance,h,H as Host,g as getElement}from"./index-5757a151.js";import{a as actionNewWindowSmall}from"./action-new-window-small-1945be91.js";import{D as DuetStringsExternalDefaults}from"./common-strings-a48b3fba.js";import{i as inheritGlobalTheme}from"./themeable-component-e507940b.js";import{g as getAccessibleLinkLabel}from"./a11y-utils-d44f1172.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-1aea3619.js";import"./slot-utils-03502471.js";import"./string-utils-192eb3c8.js";var duetSubmenuBarItemCss='*,*::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%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-item{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.duet-submenu-bar-item: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-item:focus,.duet-submenu-bar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-item .label{display:flex;gap:5px;align-items:center;justify-content:center}.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:16px;height:16px}}.duet-submenu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-submenu-bar-item .external-icon{width:10px;height:10px}.duet-submenu-bar-item .trailing-icon{position:absolute;right:12px}.duet-submenu-bar-item[aria-expanded=true]{background:rgb(228, 241, 247)}.duet-submenu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-submenu-bar-item.active{color:rgb(0, 119, 179)}.duet-submenu-bar-item.active.duet-theme-turva{color:rgb(126, 2, 35)}.duet-submenu-bar-item.active::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-submenu-bar-item.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-item.duet-theme-turva.active .label::after{background:rgb(126, 2, 35)}.duet-submenu-bar-item.duet-theme-turva.active::after{background:rgb(126, 2, 35)}.duet-submenu-bar-item:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-item:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(222, 224, 228)}.duet-submenu-bar-item:hover.duet-theme-turva.active{color:rgb(126, 2, 35)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-submenu-bar-item.active.duet-theme-turva{color:#e61740}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active .label::after{background:#e61740}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active::after{background:#e61740}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover{color:#172a3b;background:#fbe1d1}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover.active{color:#e61740}';var DuetSubmenuBarItemStyle0=duetSubmenuBarItemCss;var DuetSubmenuBarItem=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.url=undefined;this.leadingIcon=undefined;this.trailingIcon=undefined;this.accessibleLabel=undefined;this.accessibleExpanded=undefined;this.accessiblePopup="false";this.accessibleLabelExternalDefaults=DuetStringsExternalDefaults;this.accessibleLabelExternal=getLocaleString(this.accessibleLabelExternalDefaults);this.external=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var t=this.element.closest("duet-submenu-bar");t.open=false;t.setFocus()}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(a){setTimeout((function(){return t.itemElement.focus(e)}),200);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.url?"a":"button";var a=this.url?"link":"button";return h(Host,{key:"15d1f01cbd76c4ced8aa252ed81917561aeeef90",role:"listitem"},h(t,{key:"9f15d11e5868c3a481013409fb19379340a330f9",target:!this.url?null:this.external?"_blank":"_self",ref:function(t){return e.itemElement=t},class:{"duet-submenu-bar-item":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.url,onKeyUp:function(t){return e.handleEscape(t)},"aria-current":this.active?"true":"false","aria-label":this.url&&getAccessibleLinkLabel(this)||this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined,role:a,rel:this.external?"noopener":undefined},this.leadingIcon&&h("duet-icon",{key:"bdd450ab99c8780a4cbde43bfafda57632e452a2",class:"leading-icon",theme:this.theme,name:this.leadingIcon,size:"auto",margin:"none",color:"currentColor"}),h("div",{key:"3fa29d16137ca86381aade1733233f69c9aa2ac4",class:"label"},h("span",{key:"a3156e9e1fe7b81cc1f0c651e17c8e05482901fb",class:"label-text"},h("slot",{key:"50b0c3530a7acd735a6d0d563bd4a59fee5512db"})),(this.trailingIcon||this.external)&&h("duet-icon",{key:"c9d8546f6eea591cf4932bf78364aae8eac66f4d",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":this.trailingIcon==="action-arrow-down-small","external-icon":!!this.external,rotate:this.trailingIcon==="action-arrow-down-small"&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.external?actionNewWindowSmall.title:"",margin:"none",size:"auto",color:"currentColor"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSubmenuBarItem.style=DuetSubmenuBarItemStyle0;export{DuetSubmenuBarItem as duet_submenu_bar_item};
4
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-4cc3ec50.js";import{a as actionNewWindowSmall}from"./action-new-window-small-1945be91.js";import{a as DuetStringsExternalDefaults}from"./common-strings-1274857d.js";import{i as inheritGlobalTheme}from"./themeable-component-35ed7853.js";import{g as getAccessibleLinkLabel}from"./a11y-utils-fb6d24ef.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-aa864aed.js";import"./slot-utils-28b6b964.js";import"./string-utils-192eb3c8.js";var duetSubmenuBarItemCss='*,*::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%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-item{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.duet-submenu-bar-item: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-item:focus,.duet-submenu-bar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-item .label{display:flex;gap:5px;align-items:center;justify-content:center}.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:16px;height:16px}}.duet-submenu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-submenu-bar-item .external-icon{width:10px;height:10px}.duet-submenu-bar-item .trailing-icon{position:absolute;right:12px}.duet-submenu-bar-item[aria-expanded=true]{background:rgb(228, 241, 247)}.duet-submenu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-submenu-bar-item.active{color:rgb(0, 119, 179)}.duet-submenu-bar-item.active.duet-theme-turva{color:rgb(126, 2, 35)}.duet-submenu-bar-item.active::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-submenu-bar-item.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-item.duet-theme-turva.active .label::after{background:rgb(126, 2, 35)}.duet-submenu-bar-item.duet-theme-turva.active::after{background:rgb(126, 2, 35)}.duet-submenu-bar-item:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-item:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(222, 224, 228)}.duet-submenu-bar-item:hover.duet-theme-turva.active{color:rgb(126, 2, 35)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-submenu-bar-item.active.duet-theme-turva{color:#e61740}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active .label::after{background:#e61740}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active::after{background:#e61740}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover{color:#172a3b;background:#fbe1d1}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover.active{color:#e61740}';var DuetSubmenuBarItemStyle0=duetSubmenuBarItemCss;var DuetSubmenuBarItem=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.url=undefined;this.leadingIcon=undefined;this.trailingIcon=undefined;this.accessibleLabel=undefined;this.accessibleExpanded=undefined;this.accessiblePopup="false";this.accessibleLabelExternalDefaults=DuetStringsExternalDefaults;this.accessibleLabelExternal=getLocaleString(this.accessibleLabelExternalDefaults);this.external=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var t=this.element.closest("duet-submenu-bar");t.open=false;t.setFocus()}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(a){setTimeout((function(){return t.itemElement.focus(e)}),200);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.url?"a":"button";var a=this.url?"link":"button";return h(Host,{key:"ba9eb4ea033a7815929691f1e510068847f4d43b",role:"listitem"},h(t,{key:"5de39f2c7355d1005f4b962d7f6c7512d288f20c",target:!this.url?null:this.external?"_blank":"_self",ref:function(t){return e.itemElement=t},class:{"duet-submenu-bar-item":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.url,onKeyUp:function(t){return e.handleEscape(t)},"aria-current":this.active?"true":"false","aria-label":this.url&&getAccessibleLinkLabel(this)||this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined,role:a,rel:this.external?"noopener":undefined},this.leadingIcon&&h("duet-icon",{key:"851397fba2c325e6cbfe090d8fa4eb6e45baefe4",class:"leading-icon",theme:this.theme,name:this.leadingIcon,size:"auto",margin:"none",color:"currentColor"}),h("div",{key:"47618d6694e418a91d6712b83c77fc9811c9f859",class:"label"},h("span",{key:"9f3964b9779a74a3ea3c198dda79cb5334134c47",class:"label-text"},h("slot",{key:"dfec68cf601f45e53cb18429f69c7f8f41138b3c"})),(this.trailingIcon||this.external)&&h("duet-icon",{key:"3411ce93ad9e72860c14d541738603b0dbf65ab7",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":this.trailingIcon==="action-arrow-down-small","external-icon":!!this.external,rotate:this.trailingIcon==="action-arrow-down-small"&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.external?actionNewWindowSmall.title:"",margin:"none",size:"auto",color:"currentColor"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSubmenuBarItem.style=DuetSubmenuBarItemStyle0;export{DuetSubmenuBarItem as duet_submenu_bar_item};
package/lib/esm-es5/duet-submenu-bar-link.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as registerInstance,h,H as Host,g as getElement}from"./index-5757a151.js";import{i as inheritGlobalTheme}from"./themeable-component-e507940b.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetSubmenuBarLinkCss='*,*::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%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-link{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none}.duet-submenu-bar-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-link:focus,.duet-submenu-bar-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-link .submenu-bar-link-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-link .submenu-bar-link-icon{width:16px;height:16px}}@media (min-width: 62em){.duet-submenu-bar-link{flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:0.875rem;color:rgb(0, 75, 129)}}@media (min-width: 62em){.duet-submenu-bar-link.active{color:rgb(0, 119, 179)}.duet-submenu-bar-link.active.duet-theme-turva{color:rgb(126, 2, 35)}}.duet-submenu-bar-link.active .label{position:relative}.duet-submenu-bar-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}@media (min-width: 62em){.duet-submenu-bar-link.active .label::after{display:none}.duet-submenu-bar-link.active::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}}.duet-submenu-bar-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-link.duet-theme-turva.active .label::after{background:rgb(126, 2, 35)}.duet-submenu-bar-link.duet-theme-turva.active::after{background:rgb(126, 2, 35)}@media (min-width: 62em){.duet-submenu-bar-link:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(222, 224, 228)}.duet-submenu-bar-link:hover.duet-theme-turva.active{color:rgb(126, 2, 35)}}:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active .label::after{background:#e61740}:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active::after{background:#e61740}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active{color:#e61740}:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva:hover{color:#172a3b;background:#fbe1d1}:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva:hover.active{color:#e61740}}';var DuetSubmenuBarLinkStyle0=duetSubmenuBarLinkCss;var DuetSubmenuBarLink=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.href="#";this.icon=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var t=this.element.closest("duet-submenu-bar");t.open=false;t.setFocus()}};e.prototype.render=function(){var e=this;return h(Host,{key:"cf46769797af8d0cfbfc34a5d9f754e064b23da3",role:"listitem"},h("a",{key:"ba77c3487605554e93c2628b6ca4a13558dd63cc",class:{"duet-submenu-bar-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.href,onKeyUp:function(t){return e.handleEscape(t)},"aria-current":this.active?"true":"false"},this.icon&&h("duet-icon",{key:"80b4386830ee4f24c1898e7fc81b06cb5542aad3",class:"submenu-bar-link-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),h("span",{key:"5232690bfa4c2ead759d2dd89a08efa0cb0ddb39",class:"label"},h("slot",{key:"b27e4d3d3cdb1ff0005ac3ffca339852c0ae0b2b"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSubmenuBarLink.style=DuetSubmenuBarLinkStyle0;export{DuetSubmenuBarLink as duet_submenu_bar_link};
4
+ import{r as registerInstance,h,H as Host,g as getElement}from"./index-4cc3ec50.js";import{i as inheritGlobalTheme}from"./themeable-component-35ed7853.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetSubmenuBarLinkCss='*,*::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%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-link{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none}.duet-submenu-bar-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-link:focus,.duet-submenu-bar-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-link .submenu-bar-link-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-link .submenu-bar-link-icon{width:16px;height:16px}}@media (min-width: 62em){.duet-submenu-bar-link{flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:0.875rem;color:rgb(0, 75, 129)}}@media (min-width: 62em){.duet-submenu-bar-link.active{color:rgb(0, 119, 179)}.duet-submenu-bar-link.active.duet-theme-turva{color:rgb(126, 2, 35)}}.duet-submenu-bar-link.active .label{position:relative}.duet-submenu-bar-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}@media (min-width: 62em){.duet-submenu-bar-link.active .label::after{display:none}.duet-submenu-bar-link.active::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}}.duet-submenu-bar-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-link.duet-theme-turva.active .label::after{background:rgb(126, 2, 35)}.duet-submenu-bar-link.duet-theme-turva.active::after{background:rgb(126, 2, 35)}@media (min-width: 62em){.duet-submenu-bar-link:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(222, 224, 228)}.duet-submenu-bar-link:hover.duet-theme-turva.active{color:rgb(126, 2, 35)}}:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active .label::after{background:#e61740}:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active::after{background:#e61740}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active{color:#e61740}:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva:hover{color:#172a3b;background:#fbe1d1}:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva:hover.active{color:#e61740}}';var DuetSubmenuBarLinkStyle0=duetSubmenuBarLinkCss;var DuetSubmenuBarLink=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.href="#";this.icon=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var t=this.element.closest("duet-submenu-bar");t.open=false;t.setFocus()}};e.prototype.render=function(){var e=this;return h(Host,{key:"55020aafd418a4e9d315faefc7cbf31fe9437c54",role:"listitem"},h("a",{key:"d99865094806811ac9d452785396a1c1cf6112f7",class:{"duet-submenu-bar-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.href,onKeyUp:function(t){return e.handleEscape(t)},"aria-current":this.active?"true":"false"},this.icon&&h("duet-icon",{key:"28fc1367d49037da43ddca5b6c7654098f3a6965",class:"submenu-bar-link-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),h("span",{key:"b0f6a7d53f34aa62392a96e1e4ff955d7509209f",class:"label"},h("slot",{key:"e04b7f1a353d1d70be3ca6e22615995e5fba7532"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSubmenuBarLink.style=DuetSubmenuBarLinkStyle0;export{DuetSubmenuBarLink as duet_submenu_bar_link};
package/lib/esm-es5/duet-submenu-bar.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  var __awaiter=this&&this.__awaiter||function(e,t,i,n){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function u(e){try{s(n.next(e))}catch(e){r(e)}}function o(e){try{s(n["throw"](e))}catch(e){r(e)}}function s(e){e.done?i(e.value):a(e.value).then(u,o)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(e){return function(t){return s([e,t])}}function s(o){if(n)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(i=0)),i)try{if(n=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;a=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];a=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
2
2
  /*!
3
3
  * Built with Duet Design System
4
- */import{r as registerInstance,h,H as Host,g as getElement}from"./index-5757a151.js";import{a as media_query_large}from"./tokens-57aa1508.js";import{e as enableBodyScroll,d as disableBodyScroll}from"./bodyScrollLock.es6-ecbf187e.js";import{i as inheritGlobalTheme}from"./themeable-component-e507940b.js";var duetSubmenuBarCss='*,*::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%}:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:none}@media (min-width: 62em){:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:inherit}}.duet-submenu-bar{position:relative;top:0;z-index:1;background:rgb(240, 247, 250);transition:top 0.4s}.duet-submenu-bar.hidden{top:-200px}@media (min-width: 62em){.duet-submenu-bar{border-bottom:1px solid rgb(198, 225, 238)}}.duet-submenu-bar button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 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:0.875rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77)}.duet-submenu-bar button.active .caret{transform:rotate(180deg)}.duet-submenu-bar button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-submenu-bar button .label{position:relative;display:flex;gap:8px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar button{display:none}}.duet-submenu-bar .menu-container{position:absolute;z-index:399;width:100%}.duet-submenu-bar .menu-container.hidden{max-height:0;overflow:hidden;visibility:hidden}@media (min-width: 62em){.duet-submenu-bar .menu-container,.duet-submenu-bar .menu-container.hidden{position:static;z-index:auto;max-height:unset;overflow:visible;visibility:visible}}.duet-submenu-bar .items{width:100%;height:70vh;overflow-y:scroll;visibility:visible;background:rgb(240, 247, 250);border-bottom:1px solid rgb(181, 198, 208)}.duet-submenu-bar .items ::slotted(*){position:relative}.duet-submenu-bar .items.hidden{max-height:0;overflow:hidden;visibility:hidden;border-bottom:0 solid rgb(181, 198, 208)}.duet-submenu-bar .items .list-padding{padding-bottom:188px}@media (min-width: 62em){.duet-submenu-bar .items .list{display:flex;align-items:center;justify-content:space-between;height:100%}.duet-submenu-bar .items,.duet-submenu-bar .items.hidden{position:static;z-index:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;height:auto;max-height:unset;overflow:visible;visibility:visible;border:0}.duet-submenu-bar .items .list-padding{display:none;padding-bottom:0}}.duet-submenu-bar.duet-theme-turva{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-submenu-bar.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar.duet-theme-turva .items{background:rgb(245, 247, 250)}.duet-submenu-bar.duet-theme-turva .mobile-background{background:rgb(23, 28, 58)}.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva{background:#fdf7f2;border-bottom-color:#fbe1d1}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva .items{background:#fdf7f2}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva .mobile-background{background:#172a3b}';var DuetSubmenuBarStyle0=duetSubmenuBarCss;var DuetSubmenuBar=function(){function e(e){var t=this;registerInstance(this,e);this.mql=[window.matchMedia(media_query_large.replace(/'/g,""))];this.boundMqlFunctions=[];this.previousYScroll=0;this.handleMobileView=function(){if(t.mql[0].matches){t.mobile=false;t.enableBodyScroll()}else{t.mobile=true;if(!t.bodyScroll){t.disableBodyScroll()}}};this.onClick=function(){t.open=!t.open};this.enableBodyScroll=function(){if(t.nav){enableBodyScroll(t.nav)}if(t.itemsContainer){enableBodyScroll(t.itemsContainer)}};this.disableBodyScroll=function(){if(t.nav){disableBodyScroll(t.nav,{reserveScrollBarGap:true})}if(t.itemsContainer){disableBodyScroll(t.itemsContainer,{reserveScrollBarGap:true})}};this.checkIfHasItems=function(){var e=!!t.element.querySelector("duet-submenu-bar-dropdown-link");var i=!!t.element.querySelector("duet-submenu-bar-link");var n=!!t.element.querySelector("duet-submenu-bar-item");return e||i||n};this.hidden=false;this.mobile=true;this.bodyScroll=true;this.theme="";this.hideOnScroll=false;this.open=false;this.accessibleLabel=undefined}e.prototype.watchOpenStateHandler=function(e){var t=e;if(t){this.bodyScroll=false;this.disableBodyScroll()}else{this.enableBodyScroll();this.bodyScroll=true}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){this.nav=document.querySelector("duet-nav > [slot='mobile']");this.hasItems=this.checkIfHasItems();this.handleMobileView();for(var e=0;e<this.mql.length;e++){if(this.mql[e].addEventListener){var t=this.handleMobileView.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=[];this.enableBodyScroll()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus(e);return[2]}))}))};e.prototype.checkScroll=function(){if(!this.hideOnScroll){return}if(window.scrollY>this.previousYScroll){if(window.scrollY>100){this.hidden=true}}else{if(window.scrollY<150){this.hidden=false}}this.previousYScroll=window.scrollY};e.prototype.render=function(){var e=this;return h(Host,{key:"b9ed84c0da82f7c093fa3cc5c9602ca1fe44a4ed"},h("nav",{key:"0f8fe04555854be9bc7c6a2d15a15653ffbd1016",class:{"duet-submenu-bar":true,"duet-theme-turva":this.theme==="turva",hidden:this.hidden},"aria-label":this.accessibleLabel},this.hasItems&&h("button",{key:"b6399d5854b6f89f428c24fa3a43fdd67de000d2",ref:function(t){return e.button=t},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick},h("span",{key:"1d5e8668c8b750f4972504df8bed57245ef5eabc",class:"label"},h("slot",{key:"20c27756f7a5aad70a898fff440360f28c28d91b",name:"label"}),h("duet-icon",{key:"43057e0edf41bb7e391ca83b88945a2b9b25ef2e",theme:this.theme,class:"caret",name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),h("div",{key:"c5e37557b3b340b72d9884217c94e2901278e597",class:{"menu-container":true,hidden:!this.open},role:"presentation"},h("div",{key:"dce4cefa83a6e80dc7c8360c282317a135c4c0ab",role:this.mobile?"menu":null,id:"menu","aria-labelledby":this.mobile?"button":null,"aria-expanded":this.mobile?this.open?"true":"false":null,class:{items:true,hidden:!this.open},ref:function(t){return e.itemsContainer=t}},h("div",{key:"75d2f4b701d7f2b44c305da5bb697d4cf73faf1d",class:"list",role:this.mobile?"presentation":"list"},h("slot",{key:"e5b60df2f15ee80a4a6bd17960ef48be2bde1756"}),h("div",{key:"5b8e5fd8fa81cf1fade618d0211471941dae339a",class:"list-padding"}))),h("duet-overlay",{key:"2fdc9e8c03721caed4b5b2d05b436375cd57b39e","keep-stacking-context":true,visible:this.open,"display-device":"not-large",transition:"immediate"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["watchOpenStateHandler"]}},enumerable:false,configurable:true});return e}();DuetSubmenuBar.style=DuetSubmenuBarStyle0;export{DuetSubmenuBar as duet_submenu_bar};
4
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-4cc3ec50.js";import{a as media_query_large}from"./tokens-57aa1508.js";import{e as enableBodyScroll,d as disableBodyScroll}from"./bodyScrollLock.es6-ecbf187e.js";import{i as inheritGlobalTheme}from"./themeable-component-35ed7853.js";var duetSubmenuBarCss='*,*::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%}:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:none}@media (min-width: 62em){:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:inherit}}.duet-submenu-bar{position:relative;top:0;z-index:1;background:rgb(240, 247, 250);transition:top 0.4s}.duet-submenu-bar.hidden{top:-200px}@media (min-width: 62em){.duet-submenu-bar{border-bottom:1px solid rgb(198, 225, 238)}}.duet-submenu-bar button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 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:0.875rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77)}.duet-submenu-bar button.active .caret{transform:rotate(180deg)}.duet-submenu-bar button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-submenu-bar button .label{position:relative;display:flex;gap:8px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar button{display:none}}.duet-submenu-bar .menu-container{position:absolute;z-index:399;width:100%}.duet-submenu-bar .menu-container.hidden{max-height:0;overflow:hidden;visibility:hidden}@media (min-width: 62em){.duet-submenu-bar .menu-container,.duet-submenu-bar .menu-container.hidden{position:static;z-index:auto;max-height:unset;overflow:visible;visibility:visible}}.duet-submenu-bar .items{width:100%;height:70vh;overflow-y:scroll;visibility:visible;background:rgb(240, 247, 250);border-bottom:1px solid rgb(181, 198, 208)}.duet-submenu-bar .items ::slotted(*){position:relative}.duet-submenu-bar .items.hidden{max-height:0;overflow:hidden;visibility:hidden;border-bottom:0 solid rgb(181, 198, 208)}.duet-submenu-bar .items .list-padding{padding-bottom:188px}@media (min-width: 62em){.duet-submenu-bar .items .list{display:flex;align-items:center;justify-content:space-between;height:100%}.duet-submenu-bar .items,.duet-submenu-bar .items.hidden{position:static;z-index:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;height:auto;max-height:unset;overflow:visible;visibility:visible;border:0}.duet-submenu-bar .items .list-padding{display:none;padding-bottom:0}}.duet-submenu-bar.duet-theme-turva{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-submenu-bar.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar.duet-theme-turva .items{background:rgb(245, 247, 250)}.duet-submenu-bar.duet-theme-turva .mobile-background{background:rgb(23, 28, 58)}.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva{background:#fdf7f2;border-bottom-color:#fbe1d1}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva .items{background:#fdf7f2}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva .mobile-background{background:#172a3b}';var DuetSubmenuBarStyle0=duetSubmenuBarCss;var DuetSubmenuBar=function(){function e(e){var t=this;registerInstance(this,e);this.mql=[window.matchMedia(media_query_large.replace(/'/g,""))];this.boundMqlFunctions=[];this.previousYScroll=0;this.handleMobileView=function(){if(t.mql[0].matches){t.mobile=false;t.enableBodyScroll()}else{t.mobile=true;if(!t.bodyScroll){t.disableBodyScroll()}}};this.onClick=function(){t.open=!t.open};this.enableBodyScroll=function(){if(t.nav){enableBodyScroll(t.nav)}if(t.itemsContainer){enableBodyScroll(t.itemsContainer)}};this.disableBodyScroll=function(){if(t.nav){disableBodyScroll(t.nav,{reserveScrollBarGap:true})}if(t.itemsContainer){disableBodyScroll(t.itemsContainer,{reserveScrollBarGap:true})}};this.checkIfHasItems=function(){var e=!!t.element.querySelector("duet-submenu-bar-dropdown-link");var i=!!t.element.querySelector("duet-submenu-bar-link");var n=!!t.element.querySelector("duet-submenu-bar-item");return e||i||n};this.hidden=false;this.mobile=true;this.bodyScroll=true;this.theme="";this.hideOnScroll=false;this.open=false;this.accessibleLabel=undefined}e.prototype.watchOpenStateHandler=function(e){var t=e;if(t){this.bodyScroll=false;this.disableBodyScroll()}else{this.enableBodyScroll();this.bodyScroll=true}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){this.nav=document.querySelector("duet-nav > [slot='mobile']");this.hasItems=this.checkIfHasItems();this.handleMobileView();for(var e=0;e<this.mql.length;e++){if(this.mql[e].addEventListener){var t=this.handleMobileView.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=[];this.enableBodyScroll()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus(e);return[2]}))}))};e.prototype.checkScroll=function(){if(!this.hideOnScroll){return}if(window.scrollY>this.previousYScroll){if(window.scrollY>100){this.hidden=true}}else{if(window.scrollY<150){this.hidden=false}}this.previousYScroll=window.scrollY};e.prototype.render=function(){var e=this;return h(Host,{key:"f411620c40d8682a1c2e20ace85f2a4bff7f315d"},h("nav",{key:"5f516ed76fdf869666b17310856a3cc0ce595c64",class:{"duet-submenu-bar":true,"duet-theme-turva":this.theme==="turva",hidden:this.hidden},"aria-label":this.accessibleLabel},this.hasItems&&h("button",{key:"c44fe142ea11bc278765f8207ac98ea528dca5e9",ref:function(t){return e.button=t},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick},h("span",{key:"db004781766d651ab9b6600c1029788967e5f79e",class:"label"},h("slot",{key:"6d7cc9738a60951cd404eeb54743fe138fe44acf",name:"label"}),h("duet-icon",{key:"145c3fa71f7e283fd371a22b487b733597981617",theme:this.theme,class:"caret",name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),h("div",{key:"cc16d32fee92c127eea65381e6dc7139442307bd",class:{"menu-container":true,hidden:!this.open},role:"presentation"},h("div",{key:"627f404cd8ddcebde4c26ca8832a429a7b711bd8",role:this.mobile?"menu":null,id:"menu","aria-labelledby":this.mobile?"button":null,"aria-expanded":this.mobile?this.open?"true":"false":null,class:{items:true,hidden:!this.open},ref:function(t){return e.itemsContainer=t}},h("div",{key:"ab3d08b79e77317998c90da04a96412b06bcdc6b",class:"list",role:this.mobile?"presentation":"list"},h("slot",{key:"1fcffb2b0f316d455d459878a254c22793c91250"}),h("div",{key:"7c29abf84be42edbb2ec5569b4e9827cebcb6cf6",class:"list-padding"}))),h("duet-overlay",{key:"69a89613725bc5cece31bf5faa01de681fb8a5a0","keep-stacking-context":true,visible:this.open,"display-device":"not-large",transition:"immediate"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["watchOpenStateHandler"]}},enumerable:false,configurable:true});return e}();DuetSubmenuBar.style=DuetSubmenuBarStyle0;export{DuetSubmenuBar as duet_submenu_bar};