@duetds/components 6.9.4 → 6.9.6

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 (509) hide show
  1. package/hydrate/index.js +112 -18
  2. package/lib/cjs/duet-action-button.cjs.entry.js +2 -2
  3. package/lib/cjs/duet-alert.cjs.entry.js +1 -1
  4. package/lib/cjs/duet-badge.cjs.entry.js +1 -1
  5. package/lib/cjs/duet-breadcrumb.cjs.entry.js +1 -1
  6. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +1 -1
  7. package/lib/cjs/duet-button_2.cjs.entry.js +2 -2
  8. package/lib/cjs/duet-callout.cjs.entry.js +43 -0
  9. package/lib/cjs/duet-caption_4.cjs.entry.js +2 -2
  10. package/lib/cjs/duet-card.cjs.entry.js +2 -2
  11. package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
  12. package/lib/cjs/duet-checkmark.cjs.entry.js +1 -1
  13. package/lib/cjs/duet-choice_2.cjs.entry.js +2 -2
  14. package/lib/cjs/duet-collapsible.cjs.entry.js +2 -2
  15. package/lib/cjs/duet-combobox.cjs.entry.js +11 -7
  16. package/lib/cjs/duet-contact-card.cjs.entry.js +1 -1
  17. package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
  18. package/lib/cjs/duet-date-picker.cjs.entry.js +2 -2
  19. package/lib/cjs/duet-divider_2.cjs.entry.js +2 -2
  20. package/lib/cjs/duet-editable-table_3.cjs.entry.js +5 -2
  21. package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
  22. package/lib/cjs/duet-fieldset.cjs.entry.js +1 -1
  23. package/lib/cjs/duet-footer.cjs.entry.js +1 -1
  24. package/lib/cjs/duet-grid_2.cjs.entry.js +1 -1
  25. package/lib/cjs/duet-header_2.cjs.entry.js +1 -1
  26. package/lib/cjs/duet-hero.cjs.entry.js +1 -1
  27. package/lib/cjs/duet-icon.cjs.entry.js +19 -8
  28. package/lib/cjs/duet-input_2.cjs.entry.js +1 -1
  29. package/lib/cjs/duet-layout.cjs.entry.js +1 -1
  30. package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
  31. package/lib/cjs/duet-menu-bar-button.cjs.entry.js +1 -1
  32. package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +1 -1
  33. package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +1 -1
  34. package/lib/cjs/duet-menu-bar-link.cjs.entry.js +1 -1
  35. package/lib/cjs/duet-menu-bar.cjs.entry.js +2 -2
  36. package/lib/cjs/duet-modal.cjs.entry.js +2 -2
  37. package/lib/cjs/duet-multiselect.cjs.entry.js +1 -1
  38. package/lib/cjs/duet-nav.cjs.entry.js +1 -1
  39. package/lib/cjs/duet-notification_2.cjs.entry.js +1 -1
  40. package/lib/cjs/duet-number-input.cjs.entry.js +1 -1
  41. package/lib/cjs/duet-page-heading.cjs.entry.js +1 -1
  42. package/lib/cjs/duet-pagination_2.cjs.entry.js +1 -1
  43. package/lib/cjs/duet-progress.cjs.entry.js +1 -1
  44. package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
  45. package/lib/cjs/duet-range-slider.cjs.entry.js +1 -1
  46. package/lib/cjs/duet-scrollable_3.cjs.entry.js +1 -1
  47. package/lib/cjs/duet-section-layout.cjs.entry.js +1 -1
  48. package/lib/cjs/duet-select.cjs.entry.js +1 -1
  49. package/lib/cjs/duet-slideout-lang.cjs.entry.js +1 -1
  50. package/lib/cjs/duet-slideout-link.cjs.entry.js +1 -1
  51. package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +1 -1
  52. package/lib/cjs/duet-slideout-panel.cjs.entry.js +3 -3
  53. package/lib/cjs/duet-slideout.cjs.entry.js +3 -3
  54. package/lib/cjs/duet-step_2.cjs.entry.js +1 -1
  55. package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +1 -1
  56. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +1 -1
  57. package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +1 -1
  58. package/lib/cjs/duet-submenu-bar.cjs.entry.js +23 -5
  59. package/lib/cjs/duet-textarea.cjs.entry.js +1 -1
  60. package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
  61. package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +1 -1
  62. package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +1 -1
  63. package/lib/cjs/duet-toolbar-link.cjs.entry.js +1 -1
  64. package/lib/cjs/duet-toolbar.cjs.entry.js +1 -1
  65. package/lib/cjs/duet-tooltip.cjs.entry.js +1 -1
  66. package/lib/cjs/duet-tray.cjs.entry.js +1 -1
  67. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
  68. package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
  69. package/lib/cjs/duet.cjs.js +2 -2
  70. package/lib/cjs/{focus-utils-258302bf.js → focus-utils-de2e491b.js} +1 -1
  71. package/lib/cjs/{index-1608edbc.js → index-978ec5b0.js} +1 -1
  72. package/lib/cjs/loader.cjs.js +2 -2
  73. package/lib/cjs/{token-utils-4bfb15d4.js → token-utils-966776e9.js} +9 -0
  74. package/lib/collection/collection-manifest.json +1 -0
  75. package/lib/collection/components/duet-callout/duet-callout.css +51 -0
  76. package/lib/collection/components/duet-callout/duet-callout.js +98 -0
  77. package/lib/collection/components/duet-collapsible/duet-collapsible.css +1 -1
  78. package/lib/collection/components/duet-combobox/duet-combobox.js +11 -5
  79. package/lib/collection/components/duet-icon/duet-icon.js +60 -7
  80. package/lib/collection/components/duet-menu-bar/duet-menu-bar.css +12 -0
  81. package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.css +43 -3
  82. package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +23 -4
  83. package/lib/collection/components/duet-upload/duet-upload.js +3 -0
  84. package/lib/collection/utils/token-utils.js +8 -0
  85. package/lib/dist-custom-elements/duet-action-button.js +1 -1
  86. package/lib/dist-custom-elements/duet-alert.js +1 -1
  87. package/lib/dist-custom-elements/duet-badge.js +1 -1
  88. package/lib/dist-custom-elements/duet-breadcrumb.js +2 -2
  89. package/lib/dist-custom-elements/duet-breadcrumbs.js +2 -2
  90. package/lib/dist-custom-elements/duet-button.js +1 -1
  91. package/lib/dist-custom-elements/duet-callout.d.ts +11 -0
  92. package/lib/dist-custom-elements/duet-callout.js +72 -0
  93. package/lib/dist-custom-elements/duet-caption.js +1 -1
  94. package/lib/dist-custom-elements/duet-card.js +4 -4
  95. package/lib/dist-custom-elements/duet-checkbox.js +1 -1
  96. package/lib/dist-custom-elements/duet-checkmark.js +1 -1
  97. package/lib/dist-custom-elements/duet-choice-group.js +6 -6
  98. package/lib/dist-custom-elements/duet-choice.js +5 -5
  99. package/lib/dist-custom-elements/duet-collapsible.js +3 -3
  100. package/lib/dist-custom-elements/duet-combobox.js +12 -8
  101. package/lib/dist-custom-elements/duet-contact-card.js +8 -8
  102. package/lib/dist-custom-elements/duet-cookie-consent.js +6 -6
  103. package/lib/dist-custom-elements/duet-date-picker.js +10 -10
  104. package/lib/dist-custom-elements/duet-divider.js +1 -1
  105. package/lib/dist-custom-elements/duet-editable-table.js +7 -7
  106. package/lib/dist-custom-elements/duet-empty-state.js +1 -1
  107. package/lib/dist-custom-elements/duet-fieldset.js +1 -1
  108. package/lib/dist-custom-elements/duet-footer.js +4 -4
  109. package/lib/dist-custom-elements/duet-grid-item.js +1 -1
  110. package/lib/dist-custom-elements/duet-grid.js +1 -1
  111. package/lib/dist-custom-elements/duet-header.js +8 -8
  112. package/lib/dist-custom-elements/duet-heading.js +1 -1
  113. package/lib/dist-custom-elements/duet-hero.js +9 -9
  114. package/lib/dist-custom-elements/duet-icon.js +1 -1
  115. package/lib/dist-custom-elements/duet-input.js +1 -1
  116. package/lib/dist-custom-elements/duet-label.js +1 -1
  117. package/lib/dist-custom-elements/duet-layout.js +1 -1
  118. package/lib/dist-custom-elements/duet-link.js +1 -1
  119. package/lib/dist-custom-elements/duet-list-item.js +1 -1
  120. package/lib/dist-custom-elements/duet-list.js +1 -1
  121. package/lib/dist-custom-elements/duet-logo.js +1 -1
  122. package/lib/dist-custom-elements/duet-menu-bar-button.js +2 -2
  123. package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +2 -2
  124. package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +2 -2
  125. package/lib/dist-custom-elements/duet-menu-bar-link.js +2 -2
  126. package/lib/dist-custom-elements/duet-menu-bar.js +3 -3
  127. package/lib/dist-custom-elements/duet-modal.js +7 -7
  128. package/lib/dist-custom-elements/duet-multiselect.js +8 -8
  129. package/lib/dist-custom-elements/duet-nav.js +1 -1
  130. package/lib/dist-custom-elements/duet-notification-drawer.js +4 -4
  131. package/lib/dist-custom-elements/duet-notification.js +2 -2
  132. package/lib/dist-custom-elements/duet-number-input.js +9 -9
  133. package/lib/dist-custom-elements/duet-page-heading.js +2 -2
  134. package/lib/dist-custom-elements/duet-pagination.js +7 -7
  135. package/lib/dist-custom-elements/duet-paragraph.js +1 -1
  136. package/lib/dist-custom-elements/duet-progress.js +1 -1
  137. package/lib/dist-custom-elements/duet-radio-group.js +6 -6
  138. package/lib/dist-custom-elements/duet-radio.js +1 -1
  139. package/lib/dist-custom-elements/duet-range-slider.js +2 -2
  140. package/lib/dist-custom-elements/duet-range-stepper.js +4 -4
  141. package/lib/dist-custom-elements/duet-scrollable.js +1 -1
  142. package/lib/dist-custom-elements/duet-section-layout.js +1 -1
  143. package/lib/dist-custom-elements/duet-select.js +1 -1
  144. package/lib/dist-custom-elements/duet-slideout-lang.js +2 -2
  145. package/lib/dist-custom-elements/duet-slideout-link.js +2 -2
  146. package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +2 -2
  147. package/lib/dist-custom-elements/duet-slideout-panel.js +3 -3
  148. package/lib/dist-custom-elements/duet-slideout.js +3 -3
  149. package/lib/dist-custom-elements/duet-spacer.js +1 -1
  150. package/lib/dist-custom-elements/duet-spinner.js +1 -1
  151. package/lib/dist-custom-elements/duet-step.js +4 -4
  152. package/lib/dist-custom-elements/duet-stepper.js +2 -2
  153. package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +2 -2
  154. package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +2 -2
  155. package/lib/dist-custom-elements/duet-submenu-bar-link.js +2 -2
  156. package/lib/dist-custom-elements/duet-submenu-bar.js +25 -6
  157. package/lib/dist-custom-elements/duet-tab-group.js +9 -9
  158. package/lib/dist-custom-elements/duet-tab.js +1 -1
  159. package/lib/dist-custom-elements/duet-table.js +1 -1
  160. package/lib/dist-custom-elements/duet-textarea.js +8 -8
  161. package/lib/dist-custom-elements/duet-toggle.js +2 -2
  162. package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +2 -2
  163. package/lib/dist-custom-elements/duet-toolbar-dropdown.js +2 -2
  164. package/lib/dist-custom-elements/duet-toolbar-link.js +2 -2
  165. package/lib/dist-custom-elements/duet-toolbar.js +1 -1
  166. package/lib/dist-custom-elements/duet-tooltip.js +1 -1
  167. package/lib/dist-custom-elements/duet-tray.js +3 -3
  168. package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
  169. package/lib/dist-custom-elements/duet-upload.js +20 -17
  170. package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
  171. package/lib/dist-custom-elements/index.js +1 -1
  172. package/lib/dist-custom-elements/{p-857c853c.js → p-064985f6.js} +2 -2
  173. package/lib/dist-custom-elements/{p-fef622b6.js → p-087e9427.js} +1 -1
  174. package/lib/dist-custom-elements/{p-52a0bf61.js → p-0a6a8f11.js} +2 -2
  175. package/lib/dist-custom-elements/{p-d98f38c1.js → p-0b141ef0.js} +2 -2
  176. package/lib/dist-custom-elements/{p-510e6093.js → p-49ef7e25.js} +2 -2
  177. package/lib/dist-custom-elements/{p-4485088a.js → p-4a060f56.js} +1 -1
  178. package/lib/dist-custom-elements/{p-93ceb1f4.js → p-4d0f9f83.js} +2 -2
  179. package/lib/dist-custom-elements/{p-3d21535d.js → p-57bb44bf.js} +1 -1
  180. package/lib/dist-custom-elements/{p-f1e389c2.js → p-5962ecc8.js} +2 -2
  181. package/lib/dist-custom-elements/{p-e0e5638e.js → p-5c9bf9ba.js} +3 -3
  182. package/lib/dist-custom-elements/{p-955d6372.js → p-6f0966d2.js} +5 -5
  183. package/lib/dist-custom-elements/{p-e994c277.js → p-70ef0e9d.js} +5 -5
  184. package/lib/dist-custom-elements/{p-32bd7ecd.js → p-75f47a29.js} +2 -2
  185. package/lib/dist-custom-elements/{p-aa00b146.js → p-8160f98e.js} +6 -6
  186. package/lib/dist-custom-elements/{p-68024252.js → p-890d1070.js} +9 -1
  187. package/lib/dist-custom-elements/{p-9e3e0e74.js → p-98c77c8d.js} +3 -3
  188. package/lib/dist-custom-elements/{p-2fd01cd0.js → p-9ed66812.js} +1 -1
  189. package/lib/dist-custom-elements/{p-848afeea.js → p-a1863bda.js} +1 -1
  190. package/lib/dist-custom-elements/{p-9aa9f1a9.js → p-a27921ba.js} +1 -1
  191. package/lib/dist-custom-elements/{p-2e193c35.js → p-a2fa664a.js} +1 -1
  192. package/lib/dist-custom-elements/{p-0147cd52.js → p-a3ba0ed5.js} +1 -1
  193. package/lib/dist-custom-elements/{p-392e95b5.js → p-a78d941c.js} +1 -1
  194. package/lib/dist-custom-elements/{p-a0875503.js → p-b5a87909.js} +2 -2
  195. package/lib/dist-custom-elements/{p-830a1b3d.js → p-c4689e7b.js} +2 -2
  196. package/lib/dist-custom-elements/{p-41bfc042.js → p-c638adb2.js} +1 -1
  197. package/lib/dist-custom-elements/{p-912ecc77.js → p-cbc12626.js} +1 -1
  198. package/lib/dist-custom-elements/{p-72dba2b6.js → p-d54ecc52.js} +1 -1
  199. package/lib/dist-custom-elements/{p-0434e5cc.js → p-d8ca2c64.js} +2 -2
  200. package/lib/dist-custom-elements/{p-9c0a934a.js → p-db20025e.js} +8 -8
  201. package/lib/dist-custom-elements/{p-3575c094.js → p-f5252ae4.js} +1 -1
  202. package/lib/dist-custom-elements/{p-22c18360.js → p-f5d77e8e.js} +21 -8
  203. package/lib/dist-custom-elements/{p-88f73433.js → p-f9c288b5.js} +4 -4
  204. package/lib/duet/duet.esm.js +1 -1
  205. package/lib/duet/duet.js +1 -1
  206. package/lib/duet/{p-7b6d5d90.entry.js → p-01dc716d.entry.js} +1 -1
  207. package/lib/duet/{p-58e716af.entry.js → p-02b08c30.entry.js} +1 -1
  208. package/lib/duet/{p-b6d56c53.system.entry.js → p-02fd20f6.system.entry.js} +1 -1
  209. package/lib/duet/{p-fbb01c22.entry.js → p-041b483b.entry.js} +1 -1
  210. package/lib/duet/{p-e4b9cfa4.entry.js → p-0626d8a9.entry.js} +1 -1
  211. package/lib/duet/{p-1af25e37.entry.js → p-0a317f12.entry.js} +1 -1
  212. package/lib/duet/{p-fd346cdf.system.entry.js → p-0bcdec8b.system.entry.js} +1 -1
  213. package/lib/duet/{p-b310b884.entry.js → p-0c1051da.entry.js} +1 -1
  214. package/lib/duet/{p-960555b0.entry.js → p-0eb4217a.entry.js} +1 -1
  215. package/lib/duet/{p-10c523ef.entry.js → p-0ec6a000.entry.js} +1 -1
  216. package/lib/duet/{p-c2ee5d8b.system.entry.js → p-11749645.system.entry.js} +1 -1
  217. package/lib/duet/{p-483f026b.system.entry.js → p-13540a69.system.entry.js} +1 -1
  218. package/lib/duet/{p-93bbe3fc.system.entry.js → p-14ab7ebe.system.entry.js} +1 -1
  219. package/lib/duet/{p-28911c2a.entry.js → p-1522db1d.entry.js} +1 -1
  220. package/lib/duet/{p-9c733f14.system.entry.js → p-1eccf55b.system.entry.js} +1 -1
  221. package/lib/duet/{p-25fe5955.system.entry.js → p-1eece5bf.system.entry.js} +1 -1
  222. package/lib/duet/{p-66b6bad8.entry.js → p-1f66cbb6.entry.js} +1 -1
  223. package/lib/duet/p-22c2c6d5.system.entry.js +4 -0
  224. package/lib/duet/p-23ec6f02.entry.js +4 -0
  225. package/lib/duet/{p-2da08ad2.system.entry.js → p-26f3b159.system.entry.js} +1 -1
  226. package/lib/duet/{p-1f61e1d7.system.entry.js → p-2b1f8599.system.entry.js} +1 -1
  227. package/lib/duet/{p-0f54a832.entry.js → p-2c31977d.entry.js} +1 -1
  228. package/lib/duet/{p-35696c6f.entry.js → p-332dc9a8.entry.js} +1 -1
  229. package/lib/duet/{p-fa44b6a8.system.entry.js → p-336c0409.system.entry.js} +1 -1
  230. package/lib/duet/{p-d33718e0.entry.js → p-3429690e.entry.js} +1 -1
  231. package/lib/duet/{p-bd16c4a0.system.entry.js → p-35664bb6.system.entry.js} +1 -1
  232. package/lib/duet/{p-77b54470.entry.js → p-3877d445.entry.js} +1 -1
  233. package/lib/duet/{p-a1eba1c0.system.entry.js → p-3d31b17b.system.entry.js} +1 -1
  234. package/lib/duet/{p-54d44fc9.entry.js → p-4058cee8.entry.js} +1 -1
  235. package/lib/duet/{p-261e50a2.entry.js → p-40b5d6b7.entry.js} +1 -1
  236. package/lib/duet/{p-bd4ec566.system.entry.js → p-420af35d.system.entry.js} +1 -1
  237. package/lib/duet/{p-f53cf8a6.entry.js → p-42e60321.entry.js} +1 -1
  238. package/lib/duet/p-44268138.system.js +4 -0
  239. package/lib/duet/p-450e63a4.system.js +4 -0
  240. package/lib/duet/p-46e061d9.entry.js +4 -0
  241. package/lib/duet/{p-1fc94e4d.entry.js → p-474bacf0.entry.js} +1 -1
  242. package/lib/duet/p-475d42a8.system.entry.js +4 -0
  243. package/lib/duet/{p-d99eec89.entry.js → p-482497cd.entry.js} +1 -1
  244. package/lib/duet/{p-f13d90d4.system.entry.js → p-49c7c6fb.system.entry.js} +1 -1
  245. package/lib/duet/{p-d1b97803.system.entry.js → p-49eef496.system.entry.js} +1 -1
  246. package/lib/duet/p-4af2f77a.entry.js +4 -0
  247. package/lib/duet/{p-e1de51a0.system.entry.js → p-4b457bad.system.entry.js} +1 -1
  248. package/lib/duet/{p-4cd996ba.system.entry.js → p-4c812d78.system.entry.js} +1 -1
  249. package/lib/duet/{p-bcb61160.entry.js → p-4d0d61a7.entry.js} +1 -1
  250. package/lib/duet/{p-a0e25a9f.entry.js → p-4ec88753.entry.js} +1 -1
  251. package/lib/duet/{p-e9222d72.system.entry.js → p-50ce994c.system.entry.js} +1 -1
  252. package/lib/duet/{p-68d90e54.entry.js → p-50df271c.entry.js} +1 -1
  253. package/lib/duet/{p-78a78423.system.entry.js → p-51adf63c.system.entry.js} +1 -1
  254. package/lib/duet/{p-0237b56c.entry.js → p-55bdc762.entry.js} +1 -1
  255. package/lib/duet/{p-74b06702.system.entry.js → p-56f913f0.system.entry.js} +1 -1
  256. package/lib/duet/{p-0b86c875.system.entry.js → p-5707ba42.system.entry.js} +1 -1
  257. package/lib/duet/{p-e4e0c618.system.js → p-587e1ad0.system.js} +1 -1
  258. package/lib/duet/{p-3e5bfbf6.system.entry.js → p-5b17dfea.system.entry.js} +1 -1
  259. package/lib/duet/{p-5b4f996c.entry.js → p-5cfb7c71.entry.js} +1 -1
  260. package/lib/duet/{p-b7ddf410.entry.js → p-5da36d9e.entry.js} +1 -1
  261. package/lib/duet/{p-5c9da6fc.entry.js → p-60912840.entry.js} +1 -1
  262. package/lib/duet/p-624d38a3.system.entry.js +4 -0
  263. package/lib/duet/{p-8d01c73e.entry.js → p-628600fa.entry.js} +1 -1
  264. package/lib/duet/{p-306b3a03.entry.js → p-636e5f15.entry.js} +1 -1
  265. package/lib/duet/{p-986a1c3e.system.entry.js → p-653eb7ce.system.entry.js} +2 -2
  266. package/lib/duet/{p-4c3b0412.entry.js → p-67176e9e.entry.js} +1 -1
  267. package/lib/duet/{p-af274002.entry.js → p-673a6c11.entry.js} +1 -1
  268. package/lib/duet/{p-332a1037.system.entry.js → p-6e5abb84.system.entry.js} +1 -1
  269. package/lib/duet/{p-e3a52a6e.system.entry.js → p-7000ce85.system.entry.js} +1 -1
  270. package/lib/duet/{p-42f288b6.entry.js → p-728c2f13.entry.js} +1 -1
  271. package/lib/duet/{p-868de0c3.system.entry.js → p-7345aff9.system.entry.js} +1 -1
  272. package/lib/duet/p-73f9efad.js +4 -0
  273. package/lib/duet/{p-25f428fd.entry.js → p-745645b0.entry.js} +1 -1
  274. package/lib/duet/p-793dcfc2.js +4 -0
  275. package/lib/duet/{p-f99e94a2.entry.js → p-7a7ef869.entry.js} +1 -1
  276. package/lib/duet/{p-beeab778.system.entry.js → p-7ecff545.system.entry.js} +1 -1
  277. package/lib/duet/{p-acc99864.system.entry.js → p-81c05491.system.entry.js} +1 -1
  278. package/lib/duet/{p-c3db0111.entry.js → p-825fa6d7.entry.js} +1 -1
  279. package/lib/duet/{p-e35bd231.system.entry.js → p-830be23d.system.entry.js} +1 -1
  280. package/lib/duet/{p-99490454.system.entry.js → p-83b776f5.system.entry.js} +1 -1
  281. package/lib/duet/{p-ea5d10af.system.entry.js → p-8ab66620.system.entry.js} +2 -2
  282. package/lib/duet/{p-bd87c903.system.entry.js → p-8b148f79.system.entry.js} +1 -1
  283. package/lib/duet/{p-7b20f731.entry.js → p-8d98f055.entry.js} +1 -1
  284. package/lib/duet/p-940f11ad.system.entry.js +4 -0
  285. package/lib/duet/{p-b4b69c46.entry.js → p-955782ae.entry.js} +1 -1
  286. package/lib/duet/{p-a7f79467.system.entry.js → p-95eb41b3.system.entry.js} +1 -1
  287. package/lib/duet/{p-0a8bf16b.system.entry.js → p-9c483f1d.system.entry.js} +1 -1
  288. package/lib/duet/{p-f3e1e297.entry.js → p-9c5001ab.entry.js} +1 -1
  289. package/lib/duet/{p-84370438.system.entry.js → p-9d0b30a0.system.entry.js} +1 -1
  290. package/lib/duet/{p-515a9bb1.entry.js → p-9ebea289.entry.js} +1 -1
  291. package/lib/duet/{p-e9069162.system.entry.js → p-9f1699dc.system.entry.js} +1 -1
  292. package/lib/duet/{p-988ff169.system.entry.js → p-a03c4dcd.system.entry.js} +1 -1
  293. package/lib/duet/{p-08a39250.system.entry.js → p-a0876e2e.system.entry.js} +1 -1
  294. package/lib/duet/{p-71e2907b.entry.js → p-a3b22a18.entry.js} +1 -1
  295. package/lib/duet/{p-30f43b6e.system.entry.js → p-a57772d2.system.entry.js} +1 -1
  296. package/lib/duet/{p-c8e7eb1a.entry.js → p-a74c2dff.entry.js} +1 -1
  297. package/lib/duet/{p-85b9d351.entry.js → p-a7953c81.entry.js} +1 -1
  298. package/lib/duet/{p-4952173b.system.entry.js → p-a92d4f59.system.entry.js} +1 -1
  299. package/lib/duet/{p-b57f5fc8.system.entry.js → p-aa79548d.system.entry.js} +1 -1
  300. package/lib/duet/{p-1082eb38.system.entry.js → p-af932bca.system.entry.js} +1 -1
  301. package/lib/duet/{p-055e997c.system.entry.js → p-b154ecd8.system.entry.js} +1 -1
  302. package/lib/duet/{p-c8f032b5.entry.js → p-b1ae5c07.entry.js} +1 -1
  303. package/lib/duet/{p-6fca295e.entry.js → p-b651d2d1.entry.js} +1 -1
  304. package/lib/duet/{p-f2242b96.entry.js → p-b672280a.entry.js} +1 -1
  305. package/lib/duet/{p-ed49dee4.system.entry.js → p-b731849c.system.entry.js} +1 -1
  306. package/lib/duet/{p-e1f8b38b.entry.js → p-b8705a85.entry.js} +1 -1
  307. package/lib/duet/{p-03aa910e.entry.js → p-b89cad4d.entry.js} +1 -1
  308. package/lib/duet/{p-b9062774.entry.js → p-bdc400cf.entry.js} +1 -1
  309. package/lib/duet/{p-c2c8db9c.system.entry.js → p-be4bb297.system.entry.js} +1 -1
  310. package/lib/duet/{p-9301377c.entry.js → p-bf4ceb06.entry.js} +1 -1
  311. package/lib/duet/p-c03df848.entry.js +4 -0
  312. package/lib/duet/{p-0a27f137.system.entry.js → p-c192f269.system.entry.js} +1 -1
  313. package/lib/duet/{p-802ac83e.entry.js → p-c2757db1.entry.js} +1 -1
  314. package/lib/duet/{p-7ee196de.system.entry.js → p-c42f3a40.system.entry.js} +1 -1
  315. package/lib/duet/{p-a1125b7e.system.entry.js → p-c6793076.system.entry.js} +1 -1
  316. package/lib/duet/{p-d5ae8ddf.system.entry.js → p-c9854b35.system.entry.js} +1 -1
  317. package/lib/duet/{p-b859c9e7.system.entry.js → p-c9edd0bb.system.entry.js} +1 -1
  318. package/lib/duet/{p-aa347ce7.entry.js → p-ca405201.entry.js} +1 -1
  319. package/lib/duet/{p-9382f80e.entry.js → p-cafb90c2.entry.js} +1 -1
  320. package/lib/duet/{p-a5d85bc9.system.entry.js → p-cb9991a5.system.entry.js} +1 -1
  321. package/lib/duet/{p-59c9edd1.js → p-cc5a3edc.js} +1 -1
  322. package/lib/duet/{p-40e67a9a.entry.js → p-cdea33d4.entry.js} +1 -1
  323. package/lib/duet/{p-2d83c731.system.entry.js → p-ce00f1fd.system.entry.js} +1 -1
  324. package/lib/duet/{p-ec866ef1.system.js → p-d0857e1f.system.js} +1 -1
  325. package/lib/duet/{p-ff975294.entry.js → p-d20fb807.entry.js} +1 -1
  326. package/lib/duet/{p-a461339f.system.entry.js → p-d24ebe03.system.entry.js} +1 -1
  327. package/lib/duet/{p-c56bfac7.entry.js → p-d5f65552.entry.js} +1 -1
  328. package/lib/duet/{p-25d31894.entry.js → p-d6149423.entry.js} +1 -1
  329. package/lib/duet/{p-eabe6e23.system.entry.js → p-d656d96e.system.entry.js} +1 -1
  330. package/lib/duet/{p-fdbafb31.system.entry.js → p-d71ba70b.system.entry.js} +1 -1
  331. package/lib/duet/{p-7fda08d5.system.entry.js → p-d82963c2.system.entry.js} +1 -1
  332. package/lib/duet/{p-5ffdccb7.system.entry.js → p-d9ef6f51.system.entry.js} +1 -1
  333. package/lib/duet/{p-51a8f1a8.system.entry.js → p-da4c713c.system.entry.js} +1 -1
  334. package/lib/duet/{p-9de40921.entry.js → p-da5583ea.entry.js} +1 -1
  335. package/lib/duet/{p-db35ba90.system.entry.js → p-de62f610.system.entry.js} +1 -1
  336. package/lib/duet/{p-13115eef.entry.js → p-e078ba11.entry.js} +1 -1
  337. package/lib/duet/{p-aac929cb.entry.js → p-e4f417fe.entry.js} +1 -1
  338. package/lib/duet/{p-7e6201f9.entry.js → p-e4faf457.entry.js} +1 -1
  339. package/lib/duet/{p-15c08e8f.entry.js → p-e65709fc.entry.js} +1 -1
  340. package/lib/duet/{p-a21a6da5.system.entry.js → p-e66936a4.system.entry.js} +1 -1
  341. package/lib/duet/{p-3af37a29.system.entry.js → p-e6d1e0be.system.entry.js} +1 -1
  342. package/lib/duet/{p-2b47e524.entry.js → p-f2f60847.entry.js} +1 -1
  343. package/lib/duet/{p-563b1bb3.entry.js → p-f3d588ab.entry.js} +1 -1
  344. package/lib/duet/{p-c08b4157.system.entry.js → p-f6e2e71a.system.entry.js} +1 -1
  345. package/lib/duet/{p-99548d22.entry.js → p-fbc7ad71.entry.js} +1 -1
  346. package/lib/duet/{p-09383206.system.entry.js → p-ffbb062e.system.entry.js} +1 -1
  347. package/lib/esm/duet-action-button.entry.js +2 -2
  348. package/lib/esm/duet-alert.entry.js +1 -1
  349. package/lib/esm/duet-badge.entry.js +1 -1
  350. package/lib/esm/duet-breadcrumb.entry.js +1 -1
  351. package/lib/esm/duet-breadcrumbs.entry.js +1 -1
  352. package/lib/esm/duet-button_2.entry.js +2 -2
  353. package/lib/esm/duet-callout.entry.js +39 -0
  354. package/lib/esm/duet-caption_4.entry.js +2 -2
  355. package/lib/esm/duet-card.entry.js +2 -2
  356. package/lib/esm/duet-checkbox.entry.js +1 -1
  357. package/lib/esm/duet-checkmark.entry.js +1 -1
  358. package/lib/esm/duet-choice_2.entry.js +2 -2
  359. package/lib/esm/duet-collapsible.entry.js +2 -2
  360. package/lib/esm/duet-combobox.entry.js +11 -7
  361. package/lib/esm/duet-contact-card.entry.js +1 -1
  362. package/lib/esm/duet-cookie-consent.entry.js +1 -1
  363. package/lib/esm/duet-date-picker.entry.js +2 -2
  364. package/lib/esm/duet-divider_2.entry.js +2 -2
  365. package/lib/esm/duet-editable-table_3.entry.js +5 -2
  366. package/lib/esm/duet-empty-state.entry.js +1 -1
  367. package/lib/esm/duet-fieldset.entry.js +1 -1
  368. package/lib/esm/duet-footer.entry.js +1 -1
  369. package/lib/esm/duet-grid_2.entry.js +1 -1
  370. package/lib/esm/duet-header_2.entry.js +1 -1
  371. package/lib/esm/duet-hero.entry.js +1 -1
  372. package/lib/esm/duet-icon.entry.js +19 -8
  373. package/lib/esm/duet-input_2.entry.js +1 -1
  374. package/lib/esm/duet-layout.entry.js +1 -1
  375. package/lib/esm/duet-list_2.entry.js +1 -1
  376. package/lib/esm/duet-menu-bar-button.entry.js +1 -1
  377. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +1 -1
  378. package/lib/esm/duet-menu-bar-dropdown.entry.js +1 -1
  379. package/lib/esm/duet-menu-bar-link.entry.js +1 -1
  380. package/lib/esm/duet-menu-bar.entry.js +2 -2
  381. package/lib/esm/duet-modal.entry.js +2 -2
  382. package/lib/esm/duet-multiselect.entry.js +1 -1
  383. package/lib/esm/duet-nav.entry.js +1 -1
  384. package/lib/esm/duet-notification_2.entry.js +1 -1
  385. package/lib/esm/duet-number-input.entry.js +1 -1
  386. package/lib/esm/duet-page-heading.entry.js +1 -1
  387. package/lib/esm/duet-pagination_2.entry.js +1 -1
  388. package/lib/esm/duet-progress.entry.js +1 -1
  389. package/lib/esm/duet-radio_2.entry.js +1 -1
  390. package/lib/esm/duet-range-slider.entry.js +1 -1
  391. package/lib/esm/duet-scrollable_3.entry.js +1 -1
  392. package/lib/esm/duet-section-layout.entry.js +1 -1
  393. package/lib/esm/duet-select.entry.js +1 -1
  394. package/lib/esm/duet-slideout-lang.entry.js +1 -1
  395. package/lib/esm/duet-slideout-link.entry.js +1 -1
  396. package/lib/esm/duet-slideout-panel-dropdown.entry.js +1 -1
  397. package/lib/esm/duet-slideout-panel.entry.js +3 -3
  398. package/lib/esm/duet-slideout.entry.js +3 -3
  399. package/lib/esm/duet-step_2.entry.js +1 -1
  400. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +1 -1
  401. package/lib/esm/duet-submenu-bar-dropdown.entry.js +1 -1
  402. package/lib/esm/duet-submenu-bar-link.entry.js +1 -1
  403. package/lib/esm/duet-submenu-bar.entry.js +23 -5
  404. package/lib/esm/duet-textarea.entry.js +1 -1
  405. package/lib/esm/duet-toggle.entry.js +1 -1
  406. package/lib/esm/duet-toolbar-dropdown-link.entry.js +1 -1
  407. package/lib/esm/duet-toolbar-dropdown.entry.js +1 -1
  408. package/lib/esm/duet-toolbar-link.entry.js +1 -1
  409. package/lib/esm/duet-toolbar.entry.js +1 -1
  410. package/lib/esm/duet-tooltip.entry.js +1 -1
  411. package/lib/esm/duet-tray.entry.js +1 -1
  412. package/lib/esm/duet-upload-aria-status.entry.js +1 -1
  413. package/lib/esm/duet-visually-hidden.entry.js +1 -1
  414. package/lib/esm/duet.js +3 -3
  415. package/lib/esm/{focus-utils-03987c6d.js → focus-utils-b482bcb1.js} +1 -1
  416. package/lib/esm/{index-2804b689.js → index-5a68b13e.js} +1 -1
  417. package/lib/esm/loader.js +3 -3
  418. package/lib/esm/{token-utils-6e0e2653.js → token-utils-5f4f3897.js} +9 -1
  419. package/lib/esm-es5/duet-action-button.entry.js +1 -1
  420. package/lib/esm-es5/duet-alert.entry.js +1 -1
  421. package/lib/esm-es5/duet-badge.entry.js +1 -1
  422. package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
  423. package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
  424. package/lib/esm-es5/duet-button_2.entry.js +1 -1
  425. package/lib/esm-es5/duet-callout.entry.js +4 -0
  426. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  427. package/lib/esm-es5/duet-card.entry.js +1 -1
  428. package/lib/esm-es5/duet-checkbox.entry.js +1 -1
  429. package/lib/esm-es5/duet-checkmark.entry.js +1 -1
  430. package/lib/esm-es5/duet-choice_2.entry.js +1 -1
  431. package/lib/esm-es5/duet-collapsible.entry.js +1 -1
  432. package/lib/esm-es5/duet-combobox.entry.js +1 -1
  433. package/lib/esm-es5/duet-contact-card.entry.js +1 -1
  434. package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
  435. package/lib/esm-es5/duet-date-picker.entry.js +1 -1
  436. package/lib/esm-es5/duet-divider_2.entry.js +1 -1
  437. package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
  438. package/lib/esm-es5/duet-empty-state.entry.js +1 -1
  439. package/lib/esm-es5/duet-fieldset.entry.js +1 -1
  440. package/lib/esm-es5/duet-footer.entry.js +1 -1
  441. package/lib/esm-es5/duet-grid_2.entry.js +2 -2
  442. package/lib/esm-es5/duet-header_2.entry.js +1 -1
  443. package/lib/esm-es5/duet-hero.entry.js +1 -1
  444. package/lib/esm-es5/duet-icon.entry.js +2 -2
  445. package/lib/esm-es5/duet-input_2.entry.js +1 -1
  446. package/lib/esm-es5/duet-layout.entry.js +1 -1
  447. package/lib/esm-es5/duet-list_2.entry.js +1 -1
  448. package/lib/esm-es5/duet-menu-bar-button.entry.js +1 -1
  449. package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js +1 -1
  450. package/lib/esm-es5/duet-menu-bar-dropdown.entry.js +1 -1
  451. package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
  452. package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
  453. package/lib/esm-es5/duet-modal.entry.js +1 -1
  454. package/lib/esm-es5/duet-multiselect.entry.js +1 -1
  455. package/lib/esm-es5/duet-nav.entry.js +1 -1
  456. package/lib/esm-es5/duet-notification_2.entry.js +1 -1
  457. package/lib/esm-es5/duet-number-input.entry.js +1 -1
  458. package/lib/esm-es5/duet-page-heading.entry.js +1 -1
  459. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  460. package/lib/esm-es5/duet-progress.entry.js +1 -1
  461. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  462. package/lib/esm-es5/duet-range-slider.entry.js +1 -1
  463. package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
  464. package/lib/esm-es5/duet-section-layout.entry.js +1 -1
  465. package/lib/esm-es5/duet-select.entry.js +1 -1
  466. package/lib/esm-es5/duet-slideout-lang.entry.js +1 -1
  467. package/lib/esm-es5/duet-slideout-link.entry.js +1 -1
  468. package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js +1 -1
  469. package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
  470. package/lib/esm-es5/duet-slideout.entry.js +2 -2
  471. package/lib/esm-es5/duet-step_2.entry.js +1 -1
  472. package/lib/esm-es5/duet-submenu-bar-dropdown-link.entry.js +1 -1
  473. package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js +1 -1
  474. package/lib/esm-es5/duet-submenu-bar-link.entry.js +1 -1
  475. package/lib/esm-es5/duet-submenu-bar.entry.js +1 -1
  476. package/lib/esm-es5/duet-textarea.entry.js +1 -1
  477. package/lib/esm-es5/duet-toggle.entry.js +1 -1
  478. package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
  479. package/lib/esm-es5/duet-toolbar-dropdown.entry.js +1 -1
  480. package/lib/esm-es5/duet-toolbar-link.entry.js +1 -1
  481. package/lib/esm-es5/duet-toolbar.entry.js +1 -1
  482. package/lib/esm-es5/duet-tooltip.entry.js +1 -1
  483. package/lib/esm-es5/duet-tray.entry.js +1 -1
  484. package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
  485. package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
  486. package/lib/esm-es5/duet.js +1 -1
  487. package/lib/esm-es5/focus-utils-b482bcb1.js +4 -0
  488. package/lib/esm-es5/{index-2804b689.js → index-5a68b13e.js} +1 -1
  489. package/lib/esm-es5/loader.js +1 -1
  490. package/lib/esm-es5/token-utils-5f4f3897.js +4 -0
  491. package/lib/types/components/duet-callout/duet-callout.d.ts +26 -0
  492. package/lib/types/components/duet-combobox/duet-combobox.d.ts +1 -0
  493. package/lib/types/components/duet-icon/duet-icon.d.ts +10 -0
  494. package/lib/types/components/duet-submenu-bar/duet-submenu-bar.d.ts +1 -0
  495. package/lib/types/components.d.ts +31 -0
  496. package/lib/types/utils/token-utils.d.ts +1 -0
  497. package/package.json +5 -5
  498. package/lib/duet/p-1d90a403.entry.js +0 -4
  499. package/lib/duet/p-221cebb4.system.entry.js +0 -4
  500. package/lib/duet/p-34affa22.js +0 -4
  501. package/lib/duet/p-4163dc6f.entry.js +0 -4
  502. package/lib/duet/p-621e8af8.js +0 -4
  503. package/lib/duet/p-628b1aa9.system.entry.js +0 -4
  504. package/lib/duet/p-85e22346.system.entry.js +0 -4
  505. package/lib/duet/p-95f7b51a.system.js +0 -4
  506. package/lib/duet/p-b806fc1c.entry.js +0 -4
  507. package/lib/duet/p-eb6c4a2a.system.js +0 -4
  508. package/lib/esm-es5/focus-utils-03987c6d.js +0 -4
  509. package/lib/esm-es5/token-utils-6e0e2653.js +0 -4
@@ -92,11 +92,29 @@
92
92
  display: none;
93
93
  }
94
94
  }
95
- .duet-submenu-bar .items {
95
+ .duet-submenu-bar .menu-container {
96
96
  position: absolute;
97
97
  z-index: 399;
98
98
  width: 100%;
99
- max-height: 1000px;
99
+ }
100
+ .duet-submenu-bar .menu-container.hidden {
101
+ max-height: 0;
102
+ overflow: hidden;
103
+ visibility: hidden;
104
+ }
105
+ @media (min-width: 62em) {
106
+ .duet-submenu-bar .menu-container, .duet-submenu-bar .menu-container.hidden {
107
+ position: static;
108
+ z-index: auto;
109
+ max-height: unset;
110
+ overflow: visible;
111
+ visibility: visible;
112
+ }
113
+ }
114
+ .duet-submenu-bar .items {
115
+ width: 100%;
116
+ height: 70vh;
117
+ overflow-y: scroll;
100
118
  visibility: visible;
101
119
  background: rgb(243, 249, 252);
102
120
  border-bottom: 1px solid rgb(207, 210, 212);
@@ -124,11 +142,22 @@
124
142
  flex-direction: row;
125
143
  align-items: center;
126
144
  justify-content: center;
145
+ height: auto;
127
146
  max-height: unset;
128
147
  overflow: visible;
129
148
  visibility: visible;
130
149
  border: 0;
131
- transition: none;
150
+ }
151
+ }
152
+ .duet-submenu-bar .mobile-background {
153
+ position: absolute;
154
+ width: 100%;
155
+ height: 100%;
156
+ background: rgba(0, 41, 77, 0.6);
157
+ }
158
+ @media (min-width: 62em) {
159
+ .duet-submenu-bar .mobile-background {
160
+ display: none;
132
161
  }
133
162
  }
134
163
  .duet-submenu-bar.duet-theme-turva {
@@ -140,4 +169,15 @@
140
169
  }
141
170
  .duet-submenu-bar.duet-theme-turva .items {
142
171
  background: rgb(245, 245, 247);
172
+ }
173
+ .duet-submenu-bar.duet-theme-turva .mobile-background {
174
+ background: rgba(23, 28, 58, 0.6);
175
+ }
176
+ .duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow {
177
+ box-shadow: 0 2px 6px 0 rgba(117, 117, 117, 0.13);
178
+ }
179
+ @media (min-width: 62em) {
180
+ .duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow {
181
+ box-shadow: 0 3px 6px 0 rgba(117, 117, 117, 0.15);
182
+ }
143
183
  }
@@ -3,6 +3,7 @@
3
3
  */
4
4
  import { media_query_large } from "@duetds/tokens/lib/tokens.json";
5
5
  import { h, Host } from "@stencil/core";
6
+ import { disableBodyScroll, enableBodyScroll } from "body-scroll-lock/lib/bodyScrollLock.es6.js";
6
7
  import { inheritGlobalTheme } from "../../common/themeable-component";
7
8
  export class DuetSubmenuBar {
8
9
  constructor() {
@@ -11,15 +12,29 @@ export class DuetSubmenuBar {
11
12
  this.changeAriaProperties = () => {
12
13
  if (this.mql[0].matches) {
13
14
  this.mobile = false;
15
+ enableBodyScroll(this.element);
14
16
  }
15
17
  else {
16
18
  this.mobile = true;
19
+ if (!this.bodyScroll) {
20
+ disableBodyScroll(this.element, { reserveScrollBarGap: true });
21
+ }
17
22
  }
18
23
  };
19
24
  this.onClick = () => {
20
- this.open = !this.open;
25
+ const open = this.open;
26
+ if (!open) {
27
+ this.bodyScroll = false;
28
+ disableBodyScroll(this.element, { reserveScrollBarGap: true });
29
+ }
30
+ else {
31
+ enableBodyScroll(this.element);
32
+ this.bodyScroll = true;
33
+ }
34
+ this.open = !open;
21
35
  };
22
36
  this.mobile = true;
37
+ this.bodyScroll = false;
23
38
  this.theme = "";
24
39
  this.open = false;
25
40
  this.accessibleLabel = undefined;
@@ -67,10 +82,13 @@ export class DuetSubmenuBar {
67
82
  render() {
68
83
  return (h(Host, null, h("nav", { class: { "duet-submenu-bar": true, "duet-theme-turva": this.theme === "turva" }, "aria-label": this.accessibleLabel }, h("div", { class: "shadow-container", role: "presentation" }, h("div", { class: "top-shadow" })), h("button", { ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
69
84
  active: this.open,
70
- }, onClick: this.onClick }, h("div", { class: "label" }, h("slot", { name: "label" }), h("duet-icon", { theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
85
+ }, onClick: this.onClick }, h("div", { class: "label" }, h("slot", { name: "label" }), h("duet-icon", { theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { class: {
86
+ "menu-container": true,
87
+ hidden: !this.open,
88
+ }, role: "presentation" }, h("div", { role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
71
89
  items: true,
72
90
  hidden: !this.open,
73
- } }, h("div", { class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", null))))));
91
+ } }, h("div", { class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", null))), h("div", { class: "mobile-background" })))));
74
92
  }
75
93
  static get is() { return "duet-submenu-bar"; }
76
94
  static get encapsulation() { return "shadow"; }
@@ -148,7 +166,8 @@ export class DuetSubmenuBar {
148
166
  }
149
167
  static get states() {
150
168
  return {
151
- "mobile": {}
169
+ "mobile": {},
170
+ "bodyScroll": {}
152
171
  };
153
172
  }
154
173
  static get methods() {
@@ -130,6 +130,9 @@ export class DuetUpload {
130
130
  const fileItem = this.files.get(item);
131
131
  fileItem[key] = value;
132
132
  this.files.set(item, fileItem);
133
+ if (this.external && key !== "url") {
134
+ this.trackProgress(item, key === "uploaded");
135
+ }
133
136
  }
134
137
  catch (e) {
135
138
  // if a users tries to update entries on a file that doesn't exist,
@@ -103,6 +103,14 @@ export function getFontSizeByName(name) {
103
103
  export function getFontWeightByName(name) {
104
104
  return getTokenByName("fontWeight", name);
105
105
  }
106
+ export function rgbaColorFromRgb(color, opacity) {
107
+ if (!color || (opacity !== 0 && !opacity)) {
108
+ return undefined;
109
+ }
110
+ const f = color.split(",");
111
+ const R = parseInt(f[0].slice(4)), G = parseInt(f[1]), B = parseInt(f[2]);
112
+ return `rgba(${R},${G},${B},${opacity})`;
113
+ }
106
114
  export function shadeRGBColor(color, percent) {
107
115
  const f = color.split(","), t = percent < 0 ? 0 : 255, p = percent < 0 ? percent * -1 : percent;
108
116
  let R = parseInt(f[0].slice(4)), G = parseInt(f[1]), B = parseInt(f[2]);
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-88f73433.js';
4
+ import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-f9c288b5.js';
5
5
 
6
6
  const DuetActionButton = DuetActionButton$1;
7
7
  const defineCustomElement = defineCustomElement$1;
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-e994c277.js';
4
+ import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-70ef0e9d.js';
5
5
 
6
6
  const DuetAlert = DuetAlert$1;
7
7
  const defineCustomElement = defineCustomElement$1;
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-3575c094.js';
4
+ import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-f5252ae4.js';
5
5
 
6
6
  const DuetBadge = DuetBadge$1;
7
7
  const defineCustomElement = defineCustomElement$1;
@@ -1,9 +1,9 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { p as proxyCustomElement, H, h, d as Host } from './p-848afeea.js';
4
+ import { p as proxyCustomElement, H, h, d as Host } from './p-a1863bda.js';
5
5
  import { i as inheritGlobalTheme } from './p-4ebf1618.js';
6
- import { d as defineCustomElement$2 } from './p-22c18360.js';
6
+ import { d as defineCustomElement$2 } from './p-f5d77e8e.js';
7
7
 
8
8
  const duetBreadcrumbCss = "*,*::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;width:100%}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;font-weight:inherit;color:inherit;text-decoration:none}.duet-breadcrumb:focus{outline:0}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}";
9
9
 
@@ -1,10 +1,10 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-848afeea.js';
4
+ import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-a1863bda.js';
5
5
  import { i as inheritGlobalTheme } from './p-4ebf1618.js';
6
6
  import { a as getLocaleString } from './p-076452be.js';
7
- import { d as defineCustomElement$2 } from './p-22c18360.js';
7
+ import { d as defineCustomElement$2 } from './p-f5d77e8e.js';
8
8
 
9
9
  var actionArrowRightSmall={"title":"action-arrow-right-small","tags":"action arrow right small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z\"/></svg>"};
10
10
 
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { D as DuetButton$1, d as defineCustomElement$1 } from './p-955d6372.js';
4
+ import { D as DuetButton$1, d as defineCustomElement$1 } from './p-6f0966d2.js';
5
5
 
6
6
  const DuetButton = DuetButton$1;
7
7
  const defineCustomElement = defineCustomElement$1;
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface DuetCallout extends Components.DuetCallout, HTMLElement {}
4
+ export const DuetCallout: {
5
+ prototype: DuetCallout;
6
+ new (): DuetCallout;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1,72 @@
1
+ /*!
2
+ * Built with Duet Design System
3
+ */
4
+ import { p as proxyCustomElement, H, h, d as Host } from './p-a1863bda.js';
5
+ import { i as inheritGlobalTheme } from './p-4ebf1618.js';
6
+ import { d as defineCustomElement$3 } from './p-f5d77e8e.js';
7
+ import { d as defineCustomElement$2 } from './p-5962ecc8.js';
8
+
9
+ const duetCalloutCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}blockquote,figure{margin:0}.duet-callout{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout .container{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}.duet-callout .callout-icon{width:50px;padding-bottom:8px}.duet-callout .author{color:rgb(0, 41, 77)}.duet-callout.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-callout.duet-theme-turva .author{color:rgb(23, 28, 58)}.duet-callout.duet-m-0{margin:0 !important}";
10
+
11
+ const DuetCallout$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
12
+ constructor() {
13
+ super();
14
+ this.__registerHost();
15
+ this.__attachShadow();
16
+ this.theme = "";
17
+ this.margin = "auto";
18
+ }
19
+ /**
20
+ * Component lifecycle events.
21
+ */
22
+ componentWillLoad() {
23
+ inheritGlobalTheme(this);
24
+ }
25
+ /**
26
+ * render() function
27
+ * Always the last one in the class.
28
+ */
29
+ render() {
30
+ const icon = `<svg viewBox="0 0 22 17" fill="none" xmlns="http://www.w3.org/2000/svg">
31
+ <path d="M6.6591 0.557547L9.2031 2.33355C7.0911 5.21355 6.1311 7.18155 5.8431 8.90955C7.4751 9.34155 8.7231 10.5415 8.7231 12.6535C8.7231 15.2935 6.9471 16.9255 4.6431 16.9255C2.0511 16.9255 0.227096 15.1975 0.227096 12.2695C0.227096 8.28555 2.3871 4.34955 6.6591 0.557547ZM17.9871 8.95755C19.6191 9.34155 20.8671 10.5415 20.8671 12.6535C20.8671 15.2935 19.1391 16.9255 16.8351 16.9255C14.2431 16.9255 12.4191 15.1975 12.4191 12.2695C12.4191 8.28555 14.5791 4.34955 18.8511 0.557547L21.3951 2.33355C19.2351 5.21355 18.3231 7.18155 17.9871 8.95755Z"/>
32
+ </svg>
33
+ `;
34
+ return (h(Host, null, h("div", { class: {
35
+ "duet-callout": true,
36
+ "duet-theme-turva": this.theme === "turva",
37
+ "duet-m-0": this.margin === "none",
38
+ } }, h("figure", { class: "container" }, h("duet-icon", { class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none" }), h("blockquote", null, h("duet-paragraph", { variation: "intro", weight: "semi-bold", margin: "none" }, h("slot", null))), h("figcaption", { class: "author" }, h("span", null, "\u2014 "), h("span", null, h("slot", { name: "author" })))))));
39
+ }
40
+ static get style() { return duetCalloutCss; }
41
+ }, [1, "duet-callout", {
42
+ "theme": [1025],
43
+ "margin": [1]
44
+ }]);
45
+ function defineCustomElement$1() {
46
+ if (typeof customElements === "undefined") {
47
+ return;
48
+ }
49
+ const components = ["duet-callout", "duet-icon", "duet-paragraph"];
50
+ components.forEach(tagName => { switch (tagName) {
51
+ case "duet-callout":
52
+ if (!customElements.get(tagName)) {
53
+ customElements.define(tagName, DuetCallout$1);
54
+ }
55
+ break;
56
+ case "duet-icon":
57
+ if (!customElements.get(tagName)) {
58
+ defineCustomElement$3();
59
+ }
60
+ break;
61
+ case "duet-paragraph":
62
+ if (!customElements.get(tagName)) {
63
+ defineCustomElement$2();
64
+ }
65
+ break;
66
+ } });
67
+ }
68
+
69
+ const DuetCallout = DuetCallout$1;
70
+ const defineCustomElement = defineCustomElement$1;
71
+
72
+ export { DuetCallout, defineCustomElement };
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-41bfc042.js';
4
+ import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-c638adb2.js';
5
5
 
6
6
  const DuetCaption = DuetCaption$1;
7
7
  const defineCustomElement = defineCustomElement$1;
@@ -1,14 +1,14 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-848afeea.js';
4
+ import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-a1863bda.js';
5
5
  import { i as inheritGlobalTheme } from './p-4ebf1618.js';
6
6
  import { c as createID } from './p-c1325e35.js';
7
7
  import { i as isKeyboardClick } from './p-d8549efe.js';
8
8
  import { s as sanitizeString } from './p-5a9d75e1.js';
9
- import { g as getColorByName } from './p-68024252.js';
10
- import { d as defineCustomElement$3 } from './p-22c18360.js';
11
- import { d as defineCustomElement$2 } from './p-4485088a.js';
9
+ import { g as getColorByName } from './p-890d1070.js';
10
+ import { d as defineCustomElement$3 } from './p-f5d77e8e.js';
11
+ import { d as defineCustomElement$2 } from './p-4a060f56.js';
12
12
 
13
13
  const duetHeadingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
14
14
  const duetBlock = "div";
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-72dba2b6.js';
4
+ import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-d54ecc52.js';
5
5
 
6
6
  const DuetCheckbox = DuetCheckbox$1;
7
7
  const defineCustomElement = defineCustomElement$1;
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-fef622b6.js';
4
+ import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-087e9427.js';
5
5
 
6
6
  const DuetCheckmark = DuetCheckmark$1;
7
7
  const defineCustomElement = defineCustomElement$1;
@@ -1,14 +1,14 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { p as proxyCustomElement, H, h, d as Host } from './p-848afeea.js';
4
+ import { p as proxyCustomElement, H, h, d as Host } from './p-a1863bda.js';
5
5
  import { i as inheritGlobalTheme } from './p-4ebf1618.js';
6
6
  import { f as findCheckedOption, w as watchForOptions } from './p-12721178.js';
7
- import { d as defineCustomElement$6 } from './p-41bfc042.js';
8
- import { d as defineCustomElement$5 } from './p-830a1b3d.js';
9
- import { d as defineCustomElement$4 } from './p-22c18360.js';
10
- import { d as defineCustomElement$3 } from './p-9e3e0e74.js';
11
- import { d as defineCustomElement$2 } from './p-0147cd52.js';
7
+ import { d as defineCustomElement$6 } from './p-c638adb2.js';
8
+ import { d as defineCustomElement$5 } from './p-c4689e7b.js';
9
+ import { d as defineCustomElement$4 } from './p-f5d77e8e.js';
10
+ import { d as defineCustomElement$3 } from './p-98c77c8d.js';
11
+ import { d as defineCustomElement$2 } from './p-a3ba0ed5.js';
12
12
 
13
13
  const duetChoiceGroupCss = "*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block;margin-bottom:-12px}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex}}.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}}.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";
14
14
 
@@ -1,17 +1,17 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-848afeea.js';
4
+ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a1863bda.js';
5
5
  import { i as inheritGlobalTheme } from './p-4ebf1618.js';
6
6
  import { D as DuetStringsExternalDefaults } from './p-76f00bd5.js';
7
7
  import { c as createID } from './p-c1325e35.js';
8
8
  import { F as FocusGuard } from './p-efaad71c.js';
9
9
  import { i as isKeyboardClick, a as isQuestionKey, b as isEscapeKey } from './p-d8549efe.js';
10
10
  import { g as getLanguage, a as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-076452be.js';
11
- import { d as defineCustomElement$5 } from './p-41bfc042.js';
12
- import { d as defineCustomElement$4 } from './p-22c18360.js';
13
- import { d as defineCustomElement$3 } from './p-4485088a.js';
14
- import { d as defineCustomElement$2 } from './p-0147cd52.js';
11
+ import { d as defineCustomElement$5 } from './p-c638adb2.js';
12
+ import { d as defineCustomElement$4 } from './p-f5d77e8e.js';
13
+ import { d as defineCustomElement$3 } from './p-4a060f56.js';
14
+ import { d as defineCustomElement$2 } from './p-a3ba0ed5.js';
15
15
 
16
16
  var messagingInfo={"title":"messaging-info","tags":"messaging info information circle","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z\"/><circle cx=\"11.625\" cy=\"7.125\" r=\"1.125\"/><path d=\"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z\"/></svg>"};
17
17
 
@@ -1,16 +1,16 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-848afeea.js';
4
+ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a1863bda.js';
5
5
  import { a as actionArrowDownSmall } from './p-115c79b6.js';
6
6
  import { f as font_size_medium, t as tokens } from './p-c4d8cad0.js';
7
7
  import { i as inheritGlobalTheme } from './p-4ebf1618.js';
8
8
  import { c as createID } from './p-c1325e35.js';
9
9
  import { i as isKeyboardClick } from './p-d8549efe.js';
10
10
  import { s as sanitizeString } from './p-5a9d75e1.js';
11
- import { d as defineCustomElement$2 } from './p-22c18360.js';
11
+ import { d as defineCustomElement$2 } from './p-f5d77e8e.js';
12
12
 
13
- const duetCollapsibleCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77)}:host(.duet-theme-turva){font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-collapsible-heading .duet-collapsible-heading-content{flex:0 auto;min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{flex:1 0 auto;margin-left:16px}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}:host(.user-is-tabbing.duet-theme-turva) .duet-collapsible-heading:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(0, 41, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}";
13
+ const duetCollapsibleCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77)}:host(.duet-theme-turva){font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-collapsible-heading .duet-collapsible-heading-content{flex:0 auto;min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{flex:1 0 auto;margin-left:16px}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(0, 41, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}";
14
14
 
15
15
  const DuetCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
16
16
  constructor() {
@@ -1,14 +1,14 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-848afeea.js';
4
+ import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-a1863bda.js';
5
5
  import { i as inheritGlobalTheme } from './p-4ebf1618.js';
6
6
  import { d as debounce } from './p-0b3f675e.js';
7
7
  import { c as isEnterKey, b as isEscapeKey, d as isTabKey, e as isArrowUpKey, f as isArrowDownKey } from './p-d8549efe.js';
8
8
  import { g as getLanguage, a as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-076452be.js';
9
9
  import { p as parsePossibleJSON } from './p-5a9d75e1.js';
10
10
  import { h, F as Fragment } from './p-152ee893.js';
11
- import { d as defineCustomElement$2 } from './p-22c18360.js';
11
+ import { d as defineCustomElement$2 } from './p-f5d77e8e.js';
12
12
 
13
13
  const SelectSingle = ({ item, search = "", selected }) => {
14
14
  const regEx = search !== "" ? new RegExp("(" + search.split(" ").join("|") + ")", "gi") : undefined;
@@ -114,6 +114,12 @@ const DuetCombobox$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
114
114
  this.items = this.processedItems = parsePossibleJSON(this.items);
115
115
  await this.updateInputText();
116
116
  }
117
+ async processValue() {
118
+ if (this.value) {
119
+ const selectedItem = this.items.find(item => item.value === this.value);
120
+ this.updateSelectedItems(selectedItem.id);
121
+ }
122
+ }
117
123
  /**
118
124
  * Component lifecycle events.
119
125
  */
@@ -154,10 +160,7 @@ const DuetCombobox$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
154
160
  this.listElement.addEventListener("click", e => {
155
161
  e.stopPropagation();
156
162
  });
157
- if (this.value) {
158
- const selectedItem = this.items.find(item => item.value === this.value);
159
- this.updateSelectedItems(selectedItem.id);
160
- }
163
+ this.processValue();
161
164
  }
162
165
  /**
163
166
  * Updates the input text based on the selected/clicked items.
@@ -217,7 +220,7 @@ const DuetCombobox$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
217
220
  async updateInputText(isBlurred = false) {
218
221
  const item = this.selectedItems.size === 0 ? [] : this.items.filter(item => this.selectedItems.has(item.id));
219
222
  //if items changed and given id no longer exists
220
- if (item.length <= 0) {
223
+ if (item.length === 0 && this.selectedItems.size > 0) {
221
224
  this.selectedItems.clear();
222
225
  this.input.value = "";
223
226
  this.value = undefined;
@@ -391,7 +394,8 @@ const DuetCombobox$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
391
394
  static get watchers() { return {
392
395
  "activeItem": ["activeItemHandler"],
393
396
  "language": ["watchLanguageStateHandler"],
394
- "items": ["processItems"]
397
+ "items": ["processItems"],
398
+ "value": ["processValue"]
395
399
  }; }
396
400
  static get style() { return duetComboboxCss; }
397
401
  }, [6, "duet-combobox", {
@@ -1,16 +1,16 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { p as proxyCustomElement, H, h, d as Host } from './p-848afeea.js';
4
+ import { p as proxyCustomElement, H, h, d as Host } from './p-a1863bda.js';
5
5
  import { i as inheritGlobalTheme } from './p-4ebf1618.js';
6
6
  import { g as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-076452be.js';
7
- import { d as defineCustomElement$8 } from './p-955d6372.js';
8
- import { d as defineCustomElement$7 } from './p-d98f38c1.js';
9
- import { d as defineCustomElement$6 } from './p-22c18360.js';
10
- import { d as defineCustomElement$5 } from './p-e0e5638e.js';
11
- import { d as defineCustomElement$4 } from './p-f1e389c2.js';
12
- import { d as defineCustomElement$3 } from './p-52a0bf61.js';
13
- import { d as defineCustomElement$2 } from './p-0147cd52.js';
7
+ import { d as defineCustomElement$8 } from './p-6f0966d2.js';
8
+ import { d as defineCustomElement$7 } from './p-0b141ef0.js';
9
+ import { d as defineCustomElement$6 } from './p-f5d77e8e.js';
10
+ import { d as defineCustomElement$5 } from './p-5c9bf9ba.js';
11
+ import { d as defineCustomElement$4 } from './p-5962ecc8.js';
12
+ import { d as defineCustomElement$3 } from './p-0a6a8f11.js';
13
+ import { d as defineCustomElement$2 } from './p-a3ba0ed5.js';
14
14
 
15
15
  const duetContactCardCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:block}:host(.duet-m-0){margin:0 !important}::slotted(*){padding-top:1.5rem}@media (min-width: 48em){::slotted(*){grid-column:2/span 2;padding-top:0}}.duet-contact-card{display:grid;grid-template-columns: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:600;line-height:1.5;color:rgb(0, 41, 77)}.duet-contact-card.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: 48em){.duet-contact-card{grid-template-columns:min-content minmax(0, 1fr) auto;gap:20px}}.duet-contact-card .image{width:4rem;height:4rem;margin-bottom:8px;border-radius:4px}@media (min-width: 48em){.duet-contact-card .image{width:6rem;height:6rem;padding-bottom:0}}.duet-contact-card .description{padding-bottom:8px}.duet-contact-card .email,.duet-contact-card .phone{display:grid;grid-template-columns:min-content auto;gap:8px;align-items:center;justify-content:flex-start;padding-bottom:8px;word-break:break-all}";
16
16
 
@@ -1,13 +1,13 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-848afeea.js';
4
+ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a1863bda.js';
5
5
  import { i as inheritGlobalTheme } from './p-4ebf1618.js';
6
- import { d as defineCustomElement$6 } from './p-955d6372.js';
7
- import { d as defineCustomElement$5 } from './p-22c18360.js';
8
- import { d as defineCustomElement$4 } from './p-4485088a.js';
9
- import { d as defineCustomElement$3 } from './p-52a0bf61.js';
10
- import { d as defineCustomElement$2 } from './p-0147cd52.js';
6
+ import { d as defineCustomElement$6 } from './p-6f0966d2.js';
7
+ import { d as defineCustomElement$5 } from './p-f5d77e8e.js';
8
+ import { d as defineCustomElement$4 } from './p-4a060f56.js';
9
+ import { d as defineCustomElement$3 } from './p-0a6a8f11.js';
10
+ import { d as defineCustomElement$2 } from './p-a3ba0ed5.js';
11
11
 
12
12
  const duetCookieConsentCss = "*,*::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:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-cookie-consent{padding:20px;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;color:rgb(255, 255, 255) !important;background-color:rgba(0, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(0, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.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\";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:rgb(255, 255, 255) !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url(\"data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+\") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}";
13
13
 
@@ -1,21 +1,21 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-848afeea.js';
4
+ import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-a1863bda.js';
5
5
  import { i as inheritGlobalTheme } from './p-4ebf1618.js';
6
6
  import { c as createID } from './p-c1325e35.js';
7
7
  import { F as FocusGuard } from './p-efaad71c.js';
8
8
  import { g as getLanguage, a as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-076452be.js';
9
9
  import { h } from './p-152ee893.js';
10
- import { d as defineCustomElement$a } from './p-88f73433.js';
11
- import { d as defineCustomElement$9 } from './p-955d6372.js';
12
- import { d as defineCustomElement$8 } from './p-41bfc042.js';
13
- import { d as defineCustomElement$7 } from './p-22c18360.js';
14
- import { d as defineCustomElement$6 } from './p-9c0a934a.js';
15
- import { d as defineCustomElement$5 } from './p-912ecc77.js';
16
- import { d as defineCustomElement$4 } from './p-52a0bf61.js';
17
- import { d as defineCustomElement$3 } from './p-9e3e0e74.js';
18
- import { d as defineCustomElement$2 } from './p-0147cd52.js';
10
+ import { d as defineCustomElement$a } from './p-f9c288b5.js';
11
+ import { d as defineCustomElement$9 } from './p-6f0966d2.js';
12
+ import { d as defineCustomElement$8 } from './p-c638adb2.js';
13
+ import { d as defineCustomElement$7 } from './p-f5d77e8e.js';
14
+ import { d as defineCustomElement$6 } from './p-db20025e.js';
15
+ import { d as defineCustomElement$5 } from './p-cbc12626.js';
16
+ import { d as defineCustomElement$4 } from './p-0a6a8f11.js';
17
+ import { d as defineCustomElement$3 } from './p-98c77c8d.js';
18
+ import { d as defineCustomElement$2 } from './p-a3ba0ed5.js';
19
19
 
20
20
  const formatOptionsShort = { day: "numeric", month: "long" };
21
21
  const formatOptionsLong = { day: "numeric", month: "long", year: "numeric" };
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import { D as DuetDivider$1, d as defineCustomElement$1 } from './p-93ceb1f4.js';
4
+ import { D as DuetDivider$1, d as defineCustomElement$1 } from './p-4d0f9f83.js';
5
5
 
6
6
  const DuetDivider = DuetDivider$1;
7
7
  const defineCustomElement = defineCustomElement$1;