@duetds/components 10.0.0-alpha.26 → 10.0.0-alpha.27

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 (421) hide show
  1. package/hydrate/index.js +321 -238
  2. package/hydrate/index.mjs +321 -238
  3. package/lib/cjs/{a11y-utils-CnLnSK4z.js → a11y-utils-B33qnv_c.js} +1 -1
  4. package/lib/cjs/{app-globals-B3iie8Hv.js → app-globals-DxEBgBDv.js} +1 -1
  5. package/lib/cjs/duet-action-button.cjs.entry.js +3 -3
  6. package/lib/cjs/duet-alert.cjs.entry.js +4 -4
  7. package/lib/cjs/duet-badge.cjs.entry.js +5 -5
  8. package/lib/cjs/duet-banner.cjs.entry.js +19 -8
  9. package/lib/cjs/duet-breadcrumb.cjs.entry.js +7 -7
  10. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +5 -5
  11. package/lib/cjs/duet-button_2.cjs.entry.js +5 -5
  12. package/lib/cjs/duet-callout.cjs.entry.js +5 -5
  13. package/lib/cjs/duet-caption_4.cjs.entry.js +9 -9
  14. package/lib/cjs/duet-card.cjs.entry.js +4 -4
  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 +4 -4
  18. package/lib/cjs/duet-choice_2.cjs.entry.js +7 -7
  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 +6 -6
  24. package/lib/cjs/duet-divider_2.cjs.entry.js +3 -3
  25. package/lib/cjs/duet-editable-table_3.cjs.entry.js +8 -8
  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 +4 -4
  30. package/lib/cjs/duet-grid_2.cjs.entry.js +11 -10
  31. package/lib/cjs/duet-header_2.cjs.entry.js +4 -4
  32. package/lib/cjs/duet-hero.cjs.entry.js +5 -5
  33. package/lib/cjs/duet-icon.cjs.entry.js +5 -5
  34. package/lib/cjs/duet-indicator.cjs.entry.js +53 -0
  35. package/lib/cjs/duet-input_2.cjs.entry.js +11 -11
  36. package/lib/cjs/duet-layout.cjs.entry.js +7 -7
  37. package/lib/cjs/duet-list_2.cjs.entry.js +5 -5
  38. package/lib/cjs/duet-menu-bar-button.cjs.entry.js +4 -4
  39. package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +4 -4
  40. package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +6 -6
  41. package/lib/cjs/duet-menu-bar-item.cjs.entry.js +7 -7
  42. package/lib/cjs/duet-menu-bar-link.cjs.entry.js +4 -4
  43. package/lib/cjs/duet-menu-bar.cjs.entry.js +6 -6
  44. package/lib/cjs/duet-modal.cjs.entry.js +12 -12
  45. package/lib/cjs/duet-multiselect.cjs.entry.js +10 -10
  46. package/lib/cjs/duet-nav.cjs.entry.js +3 -3
  47. package/lib/cjs/duet-notification_2.cjs.entry.js +9 -9
  48. package/lib/cjs/duet-number-input.cjs.entry.js +6 -6
  49. package/lib/cjs/duet-overlay.cjs.entry.js +3 -3
  50. package/lib/cjs/duet-page-heading.cjs.entry.js +4 -4
  51. package/lib/cjs/duet-pagination_2.cjs.entry.js +16 -16
  52. package/lib/cjs/duet-panel.cjs.entry.js +4 -4
  53. package/lib/cjs/duet-phone-input.cjs.entry.js +22 -7
  54. package/lib/cjs/duet-popup-menu_2.cjs.entry.js +6 -6
  55. package/lib/cjs/duet-progress.cjs.entry.js +3 -3
  56. package/lib/cjs/duet-promo-card.cjs.entry.js +5 -5
  57. package/lib/cjs/duet-radio_2.cjs.entry.js +7 -7
  58. package/lib/cjs/duet-range-slider.cjs.entry.js +6 -6
  59. package/lib/cjs/duet-scrollable_3.cjs.entry.js +20 -18
  60. package/lib/cjs/duet-section-layout.cjs.entry.js +4 -4
  61. package/lib/cjs/duet-select.cjs.entry.js +9 -9
  62. package/lib/cjs/duet-shaped-image.cjs.entry.js +4 -4
  63. package/lib/cjs/duet-share-chart-item.cjs.entry.js +2 -2
  64. package/lib/cjs/duet-share-chart.cjs.entry.js +6 -6
  65. package/lib/cjs/duet-show-more.cjs.entry.js +5 -5
  66. package/lib/cjs/duet-slideout-lang.cjs.entry.js +5 -5
  67. package/lib/cjs/duet-slideout-link.cjs.entry.js +8 -8
  68. package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +7 -7
  69. package/lib/cjs/duet-slideout-panel.cjs.entry.js +14 -19
  70. package/lib/cjs/duet-slideout.cjs.entry.js +10 -10
  71. package/lib/cjs/duet-status-icon.cjs.entry.js +3 -3
  72. package/lib/cjs/duet-step_2.cjs.entry.js +6 -6
  73. package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +4 -4
  74. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +6 -6
  75. package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +6 -6
  76. package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +3 -3
  77. package/lib/cjs/duet-submenu-bar.cjs.entry.js +7 -7
  78. package/lib/cjs/duet-textarea.cjs.entry.js +8 -8
  79. package/lib/cjs/duet-toggle.cjs.entry.js +6 -6
  80. package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +4 -4
  81. package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +6 -6
  82. package/lib/cjs/duet-toolbar-item.cjs.entry.js +9 -9
  83. package/lib/cjs/duet-toolbar-link.cjs.entry.js +4 -4
  84. package/lib/cjs/duet-toolbar.cjs.entry.js +4 -4
  85. package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +8 -8
  86. package/lib/cjs/duet-tooltip.cjs.entry.js +4 -4
  87. package/lib/cjs/duet-tray.cjs.entry.js +5 -5
  88. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +2 -2
  89. package/lib/cjs/duet-upload-item.cjs.entry.js +6 -6
  90. package/lib/cjs/duet-visually-hidden.cjs.entry.js +2 -2
  91. package/lib/cjs/duet.cjs.js +3 -3
  92. package/lib/cjs/{errorcodes.utils-BgHe-1YU.js → errorcodes.utils-D9V4NJkh.js} +1 -1
  93. package/lib/cjs/{focus-utils-CT74z9Qb.js → focus-utils-2MQWj2yf.js} +1 -1
  94. package/lib/cjs/{index-C6D9Bly8.js → index-CgbT-GDe.js} +5 -1
  95. package/lib/cjs/{label-tyZX3oPG.js → label-B2EZulEI.js} +1 -1
  96. package/lib/cjs/{language-utils-DcgSN-KH.js → language-utils-DjVt82-o.js} +1 -1
  97. package/lib/cjs/loader.cjs.js +3 -3
  98. package/lib/cjs/{slot-utils-ByPWwvPp.js → slot-utils-mZWWDERy.js} +1 -1
  99. package/lib/cjs/{themeable-component-Doq36ycm.js → themeable-component-DtTN09xK.js} +1 -1
  100. package/lib/collection/collection-manifest.json +1 -0
  101. package/lib/collection/components/duet-badge/duet-badge.js +2 -2
  102. package/lib/collection/components/duet-banner/duet-banner.css +27 -0
  103. package/lib/collection/components/duet-banner/duet-banner.js +15 -4
  104. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +4 -4
  105. package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js +2 -2
  106. package/lib/collection/components/duet-callout/duet-callout.js +2 -2
  107. package/lib/collection/components/duet-card/duet-card.css +12 -3
  108. package/lib/collection/components/duet-chip/duet-chip.css +6 -6
  109. package/lib/collection/components/duet-choice/duet-checkmark.js +2 -2
  110. package/lib/collection/components/duet-choice/duet-choice.css +4 -4
  111. package/lib/collection/components/duet-choice-group/duet-choice-group.js +2 -2
  112. package/lib/collection/components/duet-contact-card/duet-contact-card.js +2 -2
  113. package/lib/collection/components/duet-fieldset/duet-fieldset.js +3 -3
  114. package/lib/collection/components/duet-grid/duet-grid.js +7 -6
  115. package/lib/collection/components/duet-grid-item/duet-grid-item.js +2 -2
  116. package/lib/collection/components/duet-hero/duet-hero.css +216 -29
  117. package/lib/collection/components/duet-icon/duet-icon.js +3 -3
  118. package/lib/collection/components/duet-indicator/duet-indicator.css +46 -0
  119. package/lib/collection/components/duet-indicator/duet-indicator.js +104 -0
  120. package/lib/collection/components/duet-input/duet-input.js +8 -8
  121. package/lib/collection/components/duet-layout/duet-layout.js +5 -5
  122. package/lib/collection/components/duet-link/duet-link.js +2 -2
  123. package/lib/collection/components/duet-list/duet-list.js +1 -1
  124. package/lib/collection/components/duet-list-item/duet-list-item.js +2 -2
  125. package/lib/collection/components/duet-logo/duet-logo.js +1 -1
  126. package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +3 -3
  127. package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js +2 -2
  128. package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js +4 -4
  129. package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js +2 -2
  130. package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.js +2 -2
  131. package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js +2 -2
  132. package/lib/collection/components/duet-modal/duet-modal.js +7 -7
  133. package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -5
  134. package/lib/collection/components/duet-nav/duet-nav.js +1 -1
  135. package/lib/collection/components/duet-notification/duet-notification.css +4 -15
  136. package/lib/collection/components/duet-notification/duet-notification.js +2 -2
  137. package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.css +0 -15
  138. package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +2 -2
  139. package/lib/collection/components/duet-number-input/duet-number-input.js +2 -2
  140. package/lib/collection/components/duet-overlay/duet-overlay.js +1 -1
  141. package/lib/collection/components/duet-page-heading/duet-page-heading.js +2 -2
  142. package/lib/collection/components/duet-pagination/duet-pagination.js +11 -11
  143. package/lib/collection/components/duet-panel/duet-panel.js +2 -2
  144. package/lib/collection/components/duet-paragraph/duet-paragraph.js +2 -2
  145. package/lib/collection/components/duet-phone-input/duet-phone-input.js +56 -3
  146. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
  147. package/lib/collection/components/duet-promo-card/duet-promo-card.js +2 -2
  148. package/lib/collection/components/duet-radio/duet-radio.js +3 -3
  149. package/lib/collection/components/duet-radio-group/duet-radio-group.js +1 -1
  150. package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
  151. package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +2 -2
  152. package/lib/collection/components/duet-scrollable/duet-scrollable.js +5 -5
  153. package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
  154. package/lib/collection/components/duet-select/duet-select.js +5 -5
  155. package/lib/collection/components/duet-shaped-image/duet-shaped-image.js +2 -2
  156. package/lib/collection/components/duet-share-chart/duet-share-chart.js +2 -2
  157. package/lib/collection/components/duet-share-chart-item/duet-share-chart-item.js +1 -1
  158. package/lib/collection/components/duet-show-more/duet-show-more.js +2 -2
  159. package/lib/collection/components/duet-slideout/duet-slideout.css +26 -19
  160. package/lib/collection/components/duet-slideout/duet-slideout.js +4 -4
  161. package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.css +2 -2
  162. package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js +1 -1
  163. package/lib/collection/components/duet-slideout-link/duet-slideout-link.css +3 -3
  164. package/lib/collection/components/duet-slideout-link/duet-slideout-link.js +2 -2
  165. package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.css +16 -22
  166. package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +9 -14
  167. package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.css +2 -2
  168. package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +4 -4
  169. package/lib/collection/components/duet-spacer/duet-spacer.js +1 -1
  170. package/lib/collection/components/duet-spinner/duet-spinner.js +2 -2
  171. package/lib/collection/components/duet-status-icon/duet-status-icon.js +2 -2
  172. package/lib/collection/components/duet-step/duet-step.js +2 -2
  173. package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
  174. package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +5 -5
  175. package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js +4 -4
  176. package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js +2 -2
  177. package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js +1 -1
  178. package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js +1 -1
  179. package/lib/collection/components/duet-tab/duet-tab.js +53 -3
  180. package/lib/collection/components/duet-tab-group/duet-tab-group.css +6 -61
  181. package/lib/collection/components/duet-tab-group/duet-tab-group.js +5 -6
  182. package/lib/collection/components/duet-table/duet-table.js +2 -2
  183. package/lib/collection/components/duet-textarea/duet-textarea.js +3 -3
  184. package/lib/collection/components/duet-toggle/duet-toggle.js +2 -2
  185. package/lib/collection/components/duet-toolbar/duet-toolbar.js +2 -2
  186. package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +4 -4
  187. package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js +2 -2
  188. package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.css +9 -14
  189. package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js +3 -3
  190. package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +2 -2
  191. package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +3 -3
  192. package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +2 -2
  193. package/lib/collection/components/duet-tray/duet-tray.js +2 -2
  194. package/lib/collection/components/duet-upload/duet-upload.js +2 -2
  195. package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js +1 -1
  196. package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
  197. package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
  198. package/lib/duet/duet.esm.js +1 -1
  199. package/lib/duet/{p-9a7382a4.entry.js → p-0528f691.entry.js} +1 -1
  200. package/lib/duet/{p-84777c03.entry.js → p-076d2d0d.entry.js} +1 -1
  201. package/lib/duet/p-1228299f.entry.js +4 -0
  202. package/lib/duet/{p-7b849d35.entry.js → p-15d4751c.entry.js} +1 -1
  203. package/lib/duet/p-167290f7.entry.js +4 -0
  204. package/lib/duet/{p-6fa7de01.entry.js → p-1995091e.entry.js} +1 -1
  205. package/lib/duet/{p-DoTAjqzf.js → p-1s1EpusX.js} +1 -1
  206. package/lib/duet/p-208fdfe6.entry.js +4 -0
  207. package/lib/duet/p-25ebe6a5.entry.js +4 -0
  208. package/lib/duet/{p-1ec554c6.entry.js → p-26146512.entry.js} +1 -1
  209. package/lib/duet/p-263790e3.entry.js +4 -0
  210. package/lib/duet/p-2c976b5a.entry.js +4 -0
  211. package/lib/duet/p-338667ab.entry.js +4 -0
  212. package/lib/duet/{p-1f9c5d58.entry.js → p-3389969d.entry.js} +1 -1
  213. package/lib/duet/{p-ec72f3a2.entry.js → p-39087512.entry.js} +1 -1
  214. package/lib/duet/{p-66cb6021.entry.js → p-3c7ba14f.entry.js} +1 -1
  215. package/lib/duet/p-3d3aff4c.entry.js +4 -0
  216. package/lib/duet/p-3facac5a.entry.js +4 -0
  217. package/lib/duet/{p-f2ae56b2.entry.js → p-4107efb5.entry.js} +1 -1
  218. package/lib/duet/{p-d05bbd77.entry.js → p-41dd144f.entry.js} +1 -1
  219. package/lib/duet/{p-8625d3ce.entry.js → p-4289c214.entry.js} +1 -1
  220. package/lib/duet/p-46eaee49.entry.js +4 -0
  221. package/lib/duet/p-493d938a.entry.js +4 -0
  222. package/lib/duet/{p-babe244b.entry.js → p-4b032feb.entry.js} +1 -1
  223. package/lib/duet/{p-e9becc58.entry.js → p-4f638a3d.entry.js} +1 -1
  224. package/lib/duet/{p-a704d617.entry.js → p-503a290b.entry.js} +1 -1
  225. package/lib/duet/{p-d71a366e.entry.js → p-50afabfb.entry.js} +1 -1
  226. package/lib/duet/p-537d3b11.entry.js +4 -0
  227. package/lib/duet/{p-4da439ae.entry.js → p-55a63695.entry.js} +1 -1
  228. package/lib/duet/{p-829482da.entry.js → p-59cd72fc.entry.js} +1 -1
  229. package/lib/duet/{p-288da581.entry.js → p-5a8f14cf.entry.js} +1 -1
  230. package/lib/duet/{p-2f150cd4.entry.js → p-5b2527f7.entry.js} +1 -1
  231. package/lib/duet/p-5efda812.entry.js +4 -0
  232. package/lib/duet/{p-4c37165a.entry.js → p-61105f0d.entry.js} +1 -1
  233. package/lib/duet/{p-f82a2ab7.entry.js → p-6943a2ef.entry.js} +1 -1
  234. package/lib/duet/p-6a95d722.entry.js +4 -0
  235. package/lib/duet/{p-5a6fd350.entry.js → p-6fe283f7.entry.js} +1 -1
  236. package/lib/duet/p-72c7db64.entry.js +4 -0
  237. package/lib/duet/{p-02ba799f.entry.js → p-7379c2ed.entry.js} +1 -1
  238. package/lib/duet/{p-dd8216e7.entry.js → p-75fd0eca.entry.js} +1 -1
  239. package/lib/duet/{p-066f855b.entry.js → p-79c93372.entry.js} +1 -1
  240. package/lib/duet/{p-4a325ef1.entry.js → p-7ace4629.entry.js} +1 -1
  241. package/lib/duet/{p-4cd019a5.entry.js → p-875dd701.entry.js} +1 -1
  242. package/lib/duet/{p-78a9b684.entry.js → p-8ff78f91.entry.js} +1 -1
  243. package/lib/duet/{p-16f691fd.entry.js → p-91f39296.entry.js} +1 -1
  244. package/lib/duet/{p-117970c7.entry.js → p-931b4437.entry.js} +1 -1
  245. package/lib/duet/{p-4c118ad6.entry.js → p-9500f26b.entry.js} +1 -1
  246. package/lib/duet/{p-62df87ea.entry.js → p-950c4ec0.entry.js} +1 -1
  247. package/lib/duet/p-9af77c24.entry.js +4 -0
  248. package/lib/duet/{p-2d62148e.entry.js → p-9f9576a2.entry.js} +1 -1
  249. package/lib/duet/{p-CwVyzidG.js → p-BSOF0zb5.js} +1 -1
  250. package/lib/duet/{p-C-YpEPL-.js → p-BXJZKiJg.js} +1 -1
  251. package/lib/duet/p-Cq7Ixl9a.js +4 -0
  252. package/lib/duet/p-DejMEymG.js +4 -0
  253. package/lib/duet/p-G09pKpI-.js +4 -0
  254. package/lib/duet/{p-BkHWWyft.js → p-Ob09ol4-.js} +1 -1
  255. package/lib/duet/p-a0e708db.entry.js +4 -0
  256. package/lib/duet/{p-15859eb3.entry.js → p-a274b8fd.entry.js} +1 -1
  257. package/lib/duet/p-a431d704.entry.js +4 -0
  258. package/lib/duet/{p-15a7a9be.entry.js → p-a582e823.entry.js} +1 -1
  259. package/lib/duet/{p-0864a12e.entry.js → p-a9094bdc.entry.js} +1 -1
  260. package/lib/duet/{p-44deeddc.entry.js → p-a94cc8a6.entry.js} +1 -1
  261. package/lib/duet/p-aWO-HcmJ.js +4 -0
  262. package/lib/duet/p-ab61831a.entry.js +4 -0
  263. package/lib/duet/{p-e9886226.entry.js → p-b001a8a4.entry.js} +1 -1
  264. package/lib/duet/{p-ecb4e99d.entry.js → p-b025df86.entry.js} +1 -1
  265. package/lib/duet/{p-ad3d8ac8.entry.js → p-b2780442.entry.js} +1 -1
  266. package/lib/duet/{p-a64da31d.entry.js → p-b37b1542.entry.js} +1 -1
  267. package/lib/duet/{p-806121b1.entry.js → p-b6354004.entry.js} +1 -1
  268. package/lib/duet/{p-6dca8f77.entry.js → p-ba6dc53e.entry.js} +1 -1
  269. package/lib/duet/{p-e18a1599.entry.js → p-babbf633.entry.js} +1 -1
  270. package/lib/duet/{p-ad08429f.entry.js → p-bc7d4da0.entry.js} +1 -1
  271. package/lib/duet/{p-2a563d22.entry.js → p-bed6b29f.entry.js} +1 -1
  272. package/lib/duet/{p-534180fa.entry.js → p-c43669b3.entry.js} +1 -1
  273. package/lib/duet/{p-0e15fd30.entry.js → p-c4fe8bae.entry.js} +1 -1
  274. package/lib/duet/{p-433a9f98.entry.js → p-c516bf93.entry.js} +1 -1
  275. package/lib/duet/{p-92b13088.entry.js → p-c588fc15.entry.js} +1 -1
  276. package/lib/duet/{p-d079278e.entry.js → p-c745c02a.entry.js} +1 -1
  277. package/lib/duet/{p-4da25e3d.entry.js → p-ca2fd9dc.entry.js} +1 -1
  278. package/lib/duet/p-cbedc26b.entry.js +4 -0
  279. package/lib/duet/{p-6b2697ad.entry.js → p-cd4d12c2.entry.js} +1 -1
  280. package/lib/duet/{p-148b6203.entry.js → p-d11b094d.entry.js} +1 -1
  281. package/lib/duet/{p-23475050.entry.js → p-d65a706f.entry.js} +1 -1
  282. package/lib/duet/{p-34706bbb.entry.js → p-deb90dc7.entry.js} +1 -1
  283. package/lib/duet/p-e439d733.entry.js +4 -0
  284. package/lib/duet/{p-0fccda7b.entry.js → p-e882bbb5.entry.js} +1 -1
  285. package/lib/duet/{p-22641f21.entry.js → p-ed5f5c6b.entry.js} +1 -1
  286. package/lib/duet/{p-b1f362dc.entry.js → p-ef821bec.entry.js} +1 -1
  287. package/lib/duet/{p-5bfa5e5d.entry.js → p-f46480c6.entry.js} +1 -1
  288. package/lib/duet/{p-a745298d.entry.js → p-f6b76f66.entry.js} +1 -1
  289. package/lib/duet/{p-5fdfb13d.entry.js → p-fc7d6429.entry.js} +1 -1
  290. package/lib/duet/{p-6fdb09d1.entry.js → p-fd989bd6.entry.js} +1 -1
  291. package/lib/duet/{p-9440a479.entry.js → p-fe29dee3.entry.js} +1 -1
  292. package/lib/duet/{p-88216acf.entry.js → p-fe393084.entry.js} +1 -1
  293. package/lib/duet/{p-BPFqbaxm.js → p-vt84lkeQ.js} +1 -1
  294. package/lib/esm/{a11y-utils-C6cn5C3e.js → a11y-utils-CROKOfOD.js} +1 -1
  295. package/lib/esm/{app-globals-CcxHDwb4.js → app-globals-CahJi_2c.js} +1 -1
  296. package/lib/esm/duet-action-button.entry.js +3 -3
  297. package/lib/esm/duet-alert.entry.js +4 -4
  298. package/lib/esm/duet-badge.entry.js +5 -5
  299. package/lib/esm/duet-banner.entry.js +19 -8
  300. package/lib/esm/duet-breadcrumb.entry.js +7 -7
  301. package/lib/esm/duet-breadcrumbs.entry.js +5 -5
  302. package/lib/esm/duet-button_2.entry.js +5 -5
  303. package/lib/esm/duet-callout.entry.js +5 -5
  304. package/lib/esm/duet-caption_4.entry.js +9 -9
  305. package/lib/esm/duet-card.entry.js +4 -4
  306. package/lib/esm/duet-checkbox.entry.js +2 -2
  307. package/lib/esm/duet-checkmark.entry.js +4 -4
  308. package/lib/esm/duet-chip.entry.js +4 -4
  309. package/lib/esm/duet-choice_2.entry.js +7 -7
  310. package/lib/esm/duet-collapsible.entry.js +3 -3
  311. package/lib/esm/duet-combobox.entry.js +4 -4
  312. package/lib/esm/duet-contact-card.entry.js +5 -5
  313. package/lib/esm/duet-cookie-consent.entry.js +2 -2
  314. package/lib/esm/duet-date-picker.entry.js +6 -6
  315. package/lib/esm/duet-divider_2.entry.js +3 -3
  316. package/lib/esm/duet-editable-table_3.entry.js +8 -8
  317. package/lib/esm/duet-empty-state.entry.js +2 -2
  318. package/lib/esm/duet-fieldset.entry.js +6 -6
  319. package/lib/esm/duet-file-chooser.entry.js +2 -2
  320. package/lib/esm/duet-footer.entry.js +4 -4
  321. package/lib/esm/duet-grid_2.entry.js +11 -10
  322. package/lib/esm/duet-header_2.entry.js +4 -4
  323. package/lib/esm/duet-hero.entry.js +5 -5
  324. package/lib/esm/duet-icon.entry.js +5 -5
  325. package/lib/esm/duet-indicator.entry.js +51 -0
  326. package/lib/esm/duet-input_2.entry.js +11 -11
  327. package/lib/esm/duet-layout.entry.js +7 -7
  328. package/lib/esm/duet-list_2.entry.js +5 -5
  329. package/lib/esm/duet-menu-bar-button.entry.js +4 -4
  330. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +4 -4
  331. package/lib/esm/duet-menu-bar-dropdown.entry.js +6 -6
  332. package/lib/esm/duet-menu-bar-item.entry.js +7 -7
  333. package/lib/esm/duet-menu-bar-link.entry.js +4 -4
  334. package/lib/esm/duet-menu-bar.entry.js +6 -6
  335. package/lib/esm/duet-modal.entry.js +12 -12
  336. package/lib/esm/duet-multiselect.entry.js +10 -10
  337. package/lib/esm/duet-nav.entry.js +3 -3
  338. package/lib/esm/duet-notification_2.entry.js +9 -9
  339. package/lib/esm/duet-number-input.entry.js +6 -6
  340. package/lib/esm/duet-overlay.entry.js +3 -3
  341. package/lib/esm/duet-page-heading.entry.js +4 -4
  342. package/lib/esm/duet-pagination_2.entry.js +16 -16
  343. package/lib/esm/duet-panel.entry.js +4 -4
  344. package/lib/esm/duet-phone-input.entry.js +22 -7
  345. package/lib/esm/duet-popup-menu_2.entry.js +6 -6
  346. package/lib/esm/duet-progress.entry.js +3 -3
  347. package/lib/esm/duet-promo-card.entry.js +5 -5
  348. package/lib/esm/duet-radio_2.entry.js +7 -7
  349. package/lib/esm/duet-range-slider.entry.js +6 -6
  350. package/lib/esm/duet-scrollable_3.entry.js +20 -18
  351. package/lib/esm/duet-section-layout.entry.js +4 -4
  352. package/lib/esm/duet-select.entry.js +9 -9
  353. package/lib/esm/duet-shaped-image.entry.js +4 -4
  354. package/lib/esm/duet-share-chart-item.entry.js +2 -2
  355. package/lib/esm/duet-share-chart.entry.js +6 -6
  356. package/lib/esm/duet-show-more.entry.js +5 -5
  357. package/lib/esm/duet-slideout-lang.entry.js +5 -5
  358. package/lib/esm/duet-slideout-link.entry.js +8 -8
  359. package/lib/esm/duet-slideout-panel-dropdown.entry.js +7 -7
  360. package/lib/esm/duet-slideout-panel.entry.js +14 -19
  361. package/lib/esm/duet-slideout.entry.js +10 -10
  362. package/lib/esm/duet-status-icon.entry.js +3 -3
  363. package/lib/esm/duet-step_2.entry.js +6 -6
  364. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +4 -4
  365. package/lib/esm/duet-submenu-bar-dropdown.entry.js +6 -6
  366. package/lib/esm/duet-submenu-bar-item.entry.js +6 -6
  367. package/lib/esm/duet-submenu-bar-link.entry.js +3 -3
  368. package/lib/esm/duet-submenu-bar.entry.js +7 -7
  369. package/lib/esm/duet-textarea.entry.js +8 -8
  370. package/lib/esm/duet-toggle.entry.js +6 -6
  371. package/lib/esm/duet-toolbar-dropdown-link.entry.js +4 -4
  372. package/lib/esm/duet-toolbar-dropdown.entry.js +6 -6
  373. package/lib/esm/duet-toolbar-item.entry.js +9 -9
  374. package/lib/esm/duet-toolbar-link.entry.js +4 -4
  375. package/lib/esm/duet-toolbar.entry.js +4 -4
  376. package/lib/esm/duet-tooltip-button_2.entry.js +8 -8
  377. package/lib/esm/duet-tooltip.entry.js +4 -4
  378. package/lib/esm/duet-tray.entry.js +5 -5
  379. package/lib/esm/duet-upload-aria-status.entry.js +2 -2
  380. package/lib/esm/duet-upload-item.entry.js +6 -6
  381. package/lib/esm/duet-visually-hidden.entry.js +2 -2
  382. package/lib/esm/duet.js +4 -4
  383. package/lib/esm/{errorcodes.utils-CEyBUBSM.js → errorcodes.utils-6V_f8y5q.js} +1 -1
  384. package/lib/esm/{focus-utils-BhO5oz9w.js → focus-utils-CErdQceY.js} +1 -1
  385. package/lib/esm/{index-BPFqbaxm.js → index-vt84lkeQ.js} +5 -1
  386. package/lib/esm/{label-BGqhM4kx.js → label-BosP5JdK.js} +1 -1
  387. package/lib/esm/{language-utils-CNMTW_pZ.js → language-utils-B9dLrWKg.js} +1 -1
  388. package/lib/esm/loader.js +4 -4
  389. package/lib/esm/{slot-utils-BABbKvvc.js → slot-utils-BZXZ33TK.js} +1 -1
  390. package/lib/esm/{themeable-component-Csv1RXxf.js → themeable-component-CsnFpp6R.js} +1 -1
  391. package/lib/types/components/duet-banner/duet-banner.d.ts +2 -0
  392. package/lib/types/components/duet-indicator/duet-indicator.d.ts +17 -0
  393. package/lib/types/components/duet-input/duet-input.d.ts +0 -2
  394. package/lib/types/components/duet-phone-input/duet-phone-input.d.ts +14 -0
  395. package/lib/types/components/duet-tab/duet-tab.d.ts +10 -0
  396. package/lib/types/components.d.ts +75 -8
  397. package/package.json +3 -3
  398. package/lib/duet/p-0964b56d.entry.js +0 -4
  399. package/lib/duet/p-4fc62376.entry.js +0 -4
  400. package/lib/duet/p-57165bf0.entry.js +0 -4
  401. package/lib/duet/p-7c1e8291.entry.js +0 -4
  402. package/lib/duet/p-7f0aa937.entry.js +0 -4
  403. package/lib/duet/p-804b326c.entry.js +0 -4
  404. package/lib/duet/p-8194b05d.entry.js +0 -4
  405. package/lib/duet/p-98aa7ac5.entry.js +0 -4
  406. package/lib/duet/p-9c838ec0.entry.js +0 -4
  407. package/lib/duet/p-B5RO_CRT.js +0 -4
  408. package/lib/duet/p-C2xFZ1pZ.js +0 -4
  409. package/lib/duet/p-D5MfS1RP.js +0 -4
  410. package/lib/duet/p-DixsuovU.js +0 -4
  411. package/lib/duet/p-b9acaca1.entry.js +0 -4
  412. package/lib/duet/p-c35c9198.entry.js +0 -4
  413. package/lib/duet/p-c62aeb2e.entry.js +0 -4
  414. package/lib/duet/p-c8a66d4b.entry.js +0 -4
  415. package/lib/duet/p-cfd5c934.entry.js +0 -4
  416. package/lib/duet/p-d110954d.entry.js +0 -4
  417. package/lib/duet/p-d92c5cfa.entry.js +0 -4
  418. package/lib/duet/p-dbab30ea.entry.js +0 -4
  419. package/lib/duet/p-e76051c3.entry.js +0 -4
  420. package/lib/duet/p-f51c072f.entry.js +0 -4
  421. package/lib/duet/p-f82079f2.entry.js +0 -4
package/lib/cjs/duet-slideout-panel.cjs.entry.js CHANGED
@@ -3,17 +3,17 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-C6D9Bly8.js');
7
- var themeableComponent = require('./themeable-component-Doq36ycm.js');
6
+ var index = require('./index-CgbT-GDe.js');
7
+ var themeableComponent = require('./themeable-component-DtTN09xK.js');
8
8
  var bodyScroll = require('./body-scroll-FWPe3_T_.js');
9
- var focusUtils = require('./focus-utils-CT74z9Qb.js');
10
- var languageUtils = require('./language-utils-DcgSN-KH.js');
11
- var slotUtils = require('./slot-utils-ByPWwvPp.js');
9
+ var focusUtils = require('./focus-utils-2MQWj2yf.js');
10
+ var languageUtils = require('./language-utils-DjVt82-o.js');
11
+ var slotUtils = require('./slot-utils-mZWWDERy.js');
12
12
  var tokenUtils = require('./token-utils-DsVwGXGM.js');
13
13
  require('./string-utils-B35hEUBv.js');
14
14
  require('./tokens.module-7opSZfop.js');
15
15
 
16
- const 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}";
16
+ const 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:16px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1.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}@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:1rem;font-weight:600}.duet-slideout-panel .link .label-text.large{font-size:1.25rem;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;right:0;z-index:600;width:min(450px, 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:1.1rem;font-weight:700;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:12px 20px;overflow-y:auto;color:rgb(8, 42, 77)}@media (min-width: 36em){.duet-slideout-panel .items{padding:16px 28px}}.duet-slideout-panel duet-indicator{top:4px}.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}";
17
17
 
18
18
  const DuetSlideoutPanel = class {
19
19
  constructor(hostRef) {
@@ -54,7 +54,7 @@ const DuetSlideoutPanel = class {
54
54
  /**
55
55
  * Background color. Use one of the color tokens.
56
56
  */
57
- this.backgroundColor = "primary-lightest";
57
+ this.backgroundColor = "gray-lightest";
58
58
  /**
59
59
  * Show a badge that indicates something has changed.
60
60
  */
@@ -171,33 +171,28 @@ const DuetSlideoutPanel = class {
171
171
  * Always the last one in the class.
172
172
  */
173
173
  render() {
174
- const defaultBackgroundColor = this.backgroundColor === "primary-lightest"
175
- ? this.theme === "turva"
176
- ? "gray-lighter"
177
- : this.backgroundColor
178
- : this.backgroundColor;
179
174
  const styles = {
180
- background: tokenUtils.getColorByName(defaultBackgroundColor, this.theme),
175
+ background: tokenUtils.getColorByName(this.backgroundColor, this.theme),
181
176
  };
182
177
  const exitTranslation = languageUtils.getLocaleString(this.exitLangObject);
183
178
  const backTranslation = languageUtils.getLocaleString(this.backLangObject);
184
- return (index.h(index.Host, { key: 'afd36490cf0c6d09eda7d8baff552e38dd096c4c' }, index.h("div", { key: '986b2a87ea1c43e8f86e4d01dfad235b52ace8cc', class: {
179
+ return (index.h(index.Host, { key: '91e1bfb50346e6f0b7d7b93f6d9cb16e84df9297' }, index.h("div", { key: '80891454e08a69f87d42ca5879c85a7e1eab6d5c', class: {
185
180
  "duet-slideout-panel": true,
186
181
  "duet-theme-turva": this.theme === "turva",
187
182
  active: this.open,
188
- } }, index.h("button", { key: '3edf7d1d3e0366b5032fc132b01efa9daede6090', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
183
+ } }, this.badge && index.h("duet-indicator", { key: '2dc9f2f3b5eebbc44158f9c7795ee2e9dadbfeef', variation: "change" }), index.h("button", { key: 'fe2d4c0f8dc01d791946a720592101e83dc016ea', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
189
184
  link: true,
190
185
  active: this.active,
191
- }, onClick: this.onClick, inert: this.open }, this.icon && (index.h("div", { key: '5dd55d6242510d00b1eaeb6e77a92920a7681838', class: "duet-slideout-icon" }, index.h("duet-icon", { key: 'd57f4a660cd4ddc96298f249191917bc39b89944', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && index.h("div", { key: '43df47250dfab5e896892e3e97ef14a43946c3fe', class: "duet-slideout-badge" }))), index.h("span", { key: '1369627522c7594abe5d4ba5db3db4c13fd9d883', class: "label" }, index.h("span", { key: 'e90b85f8745db02e8b6a1a7170493167db209bc1', class: { "label-text": true, [this.labelSize]: true } }, index.h("slot", { key: '6a8526daee6d38ec252b1af3aa695f570ee9f42a', name: "label" })), index.h("duet-icon", { key: '7e73cb75767071d370dc967920bb9158bce33db4', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), index.h("div", { key: '84e1373565feee119c920fc65c48f59f89162eff', ref: element => (this.dialog = element), class: {
186
+ }, onClick: this.onClick, inert: this.open }, this.icon && (index.h("div", { key: 'b38f6287ae32328d38478369c11fcf53af075731', class: "duet-slideout-icon" }, index.h("duet-icon", { key: '7b8e0204a8a23daf0ece9b96b981921dd7dc6e84', name: this.icon, size: "small", margin: "none", color: "secondary" }))), index.h("span", { key: '15944b22ad22f757436034fb8ef1465d19caca6d', class: "label" }, index.h("span", { key: '7bed6412b760df7878162e7a683488ccf91b01e9', class: { "label-text": true, [this.labelSize]: true } }, index.h("slot", { key: '4700d12f643dd979d5c90a1bf193f9ef55e5e584', name: "label" })), index.h("duet-icon", { key: '99c0ce44ec6a8abec00a1379a3bbd695c728e873', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), index.h("div", { key: 'ea37489cb1f9476b74c7e14311011293002791ef', ref: element => (this.dialog = element), class: {
192
187
  dialog: true,
193
188
  hidden: !this.open,
194
- }, style: styles }, index.h(focusUtils.FocusGuard, { key: '9226ff82f6efbbbad946ae3484000d213a6611da', moveFocusTo: this.closeButton }), index.h("div", { key: 'fe9a1debab52a26239eb64bada4872541934d4cd', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, index.h("div", { key: 'e27e127736dafcf1611b608a658a7b8331b41d21', class: "top" }, index.h("button", { key: '24ea4eba589c4ad194bb8869e9ef030273c42485', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
189
+ }, style: styles }, index.h(focusUtils.FocusGuard, { key: 'f936fd64a01150ec06f4007872e38ed39f2d13a3', moveFocusTo: this.closeButton }), index.h("div", { key: '12af8aafbb83a7470bdf6d43def68492ea0b950d', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, index.h("div", { key: '71ee6b6d138c1dfc009f41460f43676ba7ee405b', class: "top" }, index.h("button", { key: '8b1170da102425174dfe9ec6a12996cb3d1fa123', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
195
190
  back: true,
196
- }, onClick: this.onClick }, index.h("duet-icon", { key: '64350d00957fc92a6bbe8d118a6b2e19211aafc7', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), index.h("span", { key: '14a36e4811739ca58157a8471dca3093b41092d4' }, this.label.innerHTML), index.h("button", { key: '65ab2fb0772eb15968c8c39947297b6fe5267be6', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, index.h("duet-icon", { key: '35f57ddf92c662cd34471e252d92a5659bc9f156', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), index.h("div", { key: '6a04831c4fd00957cadaed33b05b40916dd7df23', class: "sticky-header" }, index.h("slot", { key: '11ac017b06d70caa56a96504d571e645f8688490', name: "sticky-header" }))), index.h("div", { key: '81e41a2cbff93f37de79ad06547cf8851ba9d200', tabindex: "-1", role: "menu",
191
+ }, onClick: this.onClick }, index.h("duet-icon", { key: '99d2cf1b6a7b2584460187cce27f9f9f0713f58e', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), index.h("span", { key: '7c41e4f0d2f3c71cfaf03f3a0350f9d390b3e0ec' }, this.label.innerHTML), index.h("button", { key: '96024d91d7946d05f62fc2c7f051bfce152e07f7', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, index.h("duet-icon", { key: '89b82c6c543718835c92fcf8ed4c4b9882eea0fe', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), index.h("div", { key: '3665563f52fa7947c426394d637447ae157e7a83', class: "sticky-header" }, index.h("slot", { key: '2db3b51deffa106264a66fddb59d2e614a7f1691', name: "sticky-header" }))), index.h("div", { key: 'e2e29f223e33babd0c6186802383f2f4578b5063', tabindex: "-1", role: "menu",
197
192
  //TODO: slideout menu fades out, needs to be instant
198
193
  id: "menu", "aria-labelledby": "button", class: {
199
194
  items: true,
200
- } }, index.h("slot", { key: 'b5078c149d14316098f0a24e61f66ad805d90447' })), index.h(focusUtils.FocusGuard, { key: '552292100714317d2dee0c464fca748358cdd5e7', moveFocusTo: this.closeButton })))));
195
+ } }, index.h("slot", { key: 'ebdc8c4f45b0670a30806ce49c1dbf812e47ec14' })), index.h(focusUtils.FocusGuard, { key: 'db918af81f016c137a0551589daf1b2848239817', moveFocusTo: this.closeButton })))));
201
196
  }
202
197
  get element() { return index.getElement(this); }
203
198
  static get watchers() { return {
package/lib/cjs/duet-slideout.cjs.entry.js CHANGED
@@ -3,19 +3,19 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-C6D9Bly8.js');
7
- var themeableComponent = require('./themeable-component-Doq36ycm.js');
6
+ var index = require('./index-CgbT-GDe.js');
7
+ var themeableComponent = require('./themeable-component-DtTN09xK.js');
8
8
  var bodyScroll = require('./body-scroll-FWPe3_T_.js');
9
- var focusUtils = require('./focus-utils-CT74z9Qb.js');
9
+ var focusUtils = require('./focus-utils-2MQWj2yf.js');
10
10
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
11
- var languageUtils = require('./language-utils-DcgSN-KH.js');
12
- var slotUtils = require('./slot-utils-ByPWwvPp.js');
11
+ var languageUtils = require('./language-utils-DjVt82-o.js');
12
+ var slotUtils = require('./slot-utils-mZWWDERy.js');
13
13
  var teleport = require('./teleport-D5NDbuu0.js');
14
14
  var tokenUtils = require('./token-utils-DsVwGXGM.js');
15
15
  require('./string-utils-B35hEUBv.js');
16
16
  require('./tokens.module-7opSZfop.js');
17
17
 
18
- const 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}";
18
+ const 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;transition:opacity 300ms ease;transition-delay:300ms}:host([open]:not([open=false])) ::slotted(*){visibility:visible;opacity:1}:host(:not([open])) ::slotted(duet-slideout-panel){display:none}.duet-slideout{display:flex;align-items:center;height:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77)}.duet-slideout.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 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;right:0;bottom:0;left:auto;z-index:600;width:min(450px, 100%);padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset;transition:bottom 300ms ease;transition-delay:0s}.duet-slideout .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}.duet-slideout .dialog .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout .dialog .top-container.has-sticky-header-slot .top{background:rgb(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;opacity:1;transition:opacity 300ms ease}.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:12px 20px;opacity:1;transition:padding 600ms ease, opacity 300ms ease;transition-delay:300ms}@media (min-width: 36em){.duet-slideout .dialog .items{padding:16px 28px}}.duet-slideout .dialog.hidden{bottom:100vh;pointer-events:none;visibility:hidden;transition:300ms ease}.duet-slideout .dialog.hidden .items{padding-top:28px;opacity:0}.duet-slideout .dialog.hidden .top{opacity:0}.duet-slideout.duet-theme-turva .dialog{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}.duet-slideout.duet-theme-turva .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}.duet-slideout.duet-theme-turva button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 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}";
19
19
 
20
20
  const DuetSlideout = class {
21
21
  constructor(hostRef) {
@@ -297,16 +297,16 @@ const DuetSlideout = class {
297
297
  };
298
298
  const topLevelOpenMenuBarTranslation = languageUtils.getLocaleString(this.topLevelOpenMenuBarLangObject);
299
299
  const exitTranslation = languageUtils.getLocaleString(this.exitLangObject);
300
- return (index.h(index.Host, { key: '80fe71cba1f67117359472cbc3d59ec80910cca2' }, index.h("div", { key: 'b4611be3d11b74e906804f32fa54f09ef03c9319', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && index.h("duet-overlay", { key: '72729044a85b3915f914f9b37efc503601681aed', visible: this.open, "display-device": "large", zIndex: "600" }), index.h("div", { key: 'dd793703df1c6412ba02021f6ee26232180db120', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
300
+ return (index.h(index.Host, { key: 'ad0060e5e7d7b09eda9fe1c00d917a24cd72425e' }, index.h("div", { key: 'ffe49d23661b5297b214ce27e88defba216f840e', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && index.h("duet-overlay", { key: 'ed8951a46a9e18802724ca812ad1c0248d7ba334', visible: this.open, zIndex: "600" }), index.h("div", { key: '1fdbc5b634dc380494c1b389514c4bb24c3867e5', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
301
301
  dialog: true,
302
302
  hidden: !this.open,
303
303
  modal: this.modal,
304
- }, style: styles }, index.h(focusUtils.FocusGuard, { key: '7217cb29c43fcab1a4d7a0ab2bc25516d5a3db86', moveFocusTo: this.closeButton }), index.h("div", { key: 'f660e3d4126342062aeef72abb440bfd8c638b26', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, index.h("div", { key: '05ed9fae1dd41c76c8af9e31ec907cc58f83d3d5', class: "top" }, index.h("button", { key: '65d0a9c2feb22186f337961c6967021d9dbc97f4', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
304
+ }, style: styles }, index.h(focusUtils.FocusGuard, { key: '0dc00c309bd543a23e1ea874cb6398c2c39e1411', moveFocusTo: this.closeButton }), index.h("div", { key: '8d2adfc16b01db12ca6f7c47810cdee6021e5460', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, index.h("div", { key: 'e389d21af73e9d8163ca89a167f0bbd596ba3450', class: "top" }, index.h("button", { key: '2bd8df761d9064e5ef73c4ebc98485e1754afe2e', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
305
305
  "slideout-close": true,
306
306
  active: this.open,
307
- }, onClick: this.onClick, inert: this.openPanel }, index.h("duet-icon", { key: 'db5c0e81b4fdb700e9cd790249abcc7be8ddb93d', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), index.h("div", { key: '3056bf2ec202421d6314e9bbec1176990dac8d7d', class: "sticky-header" }, index.h("slot", { key: 'c9c7e39ec4d453a110ad37ba6e273bcb50cfe8a8', name: "sticky-header" }))), index.h("div", { key: 'a051d32697cb79fdf3dddcc5c28c5f6e1e11afb3', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
307
+ }, onClick: this.onClick, inert: this.openPanel }, index.h("duet-icon", { key: 'cb4da32359194cfa8c1cea2d09f5ebdfae3d1537', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), index.h("div", { key: 'ede6365d0ba52b6794916367a4e42535a3666b98', class: "sticky-header" }, index.h("slot", { key: '58a33822c3e852ebd1e69fdc6f4be40f76e3c8a8', name: "sticky-header" }))), index.h("div", { key: '216d18823ac4376220aa985f5043ff3aa293fd40', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
308
308
  items: true,
309
- } }, index.h("slot", { key: 'b552c7adcb64a48b13ae808a26037b0c6ba34021' })), index.h(focusUtils.FocusGuard, { key: 'eb6637a6a2c879f6bcab0f798f8f13639d2fdc68', moveFocusTo: this.closeButton })))));
309
+ } }, index.h("slot", { key: '495d7d363e0b0697b0733bec84c57cd234cdfcc9' })), index.h(focusUtils.FocusGuard, { key: 'a74db283e802ea746bf2777ffb4bd36f35412886', moveFocusTo: this.closeButton })))));
310
310
  }
311
311
  get element() { return index.getElement(this); }
312
312
  static get watchers() { return {
package/lib/cjs/duet-status-icon.cjs.entry.js CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-C6D9Bly8.js');
6
+ var index = require('./index-CgbT-GDe.js');
7
7
  var tokens = require('./tokens-D7zqZKjQ.js');
8
8
 
9
9
  const DuetStatusIcon = class {
@@ -89,10 +89,10 @@ const DuetStatusIcon = class {
89
89
  }
90
90
  }
91
91
  render() {
92
- return (index.h(index.Host, { key: 'cdcf064007e8c8e9a10f15a87a8d995da2b5fbc4', class: {
92
+ return (index.h(index.Host, { key: '7f80e70111b54c6828f96f9b4701ed969e592e0e', class: {
93
93
  [`duet-status-icon-${this.getVariation()}`]: true,
94
94
  "duet-strong-bg": this.strong,
95
- } }, index.h("duet-icon", { key: '9437981c1dc35ab71d67e9616100b8ec991f55af', icon: this.getIcon(), size: this.size, margin: this.margin })));
95
+ } }, index.h("duet-icon", { key: '8a5d1ee9135d47f515b8e74bbbaea58d7e6815b6', icon: this.getIcon(), size: this.size, margin: this.margin })));
96
96
  }
97
97
  };
98
98
 
package/lib/cjs/duet-step_2.cjs.entry.js CHANGED
@@ -3,13 +3,13 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-C6D9Bly8.js');
6
+ var index = require('./index-CgbT-GDe.js');
7
7
  var _commonjsHelpers = require('./_commonjsHelpers-4N64IRaP.js');
8
- var themeableComponent = require('./themeable-component-Doq36ycm.js');
8
+ var themeableComponent = require('./themeable-component-DtTN09xK.js');
9
9
  var createId = require('./create-id-DtslnIOq.js');
10
10
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
11
11
  var commonStrings = require('./common-strings-CSqtNIxt.js');
12
- var languageUtils = require('./language-utils-DcgSN-KH.js');
12
+ var languageUtils = require('./language-utils-DjVt82-o.js');
13
13
  require('./string-utils-B35hEUBv.js');
14
14
 
15
15
  var actionEdit2;
@@ -112,13 +112,13 @@ const DuetStep = class {
112
112
  * Always the last one in the class.
113
113
  */
114
114
  render() {
115
- return (index.h("div", { key: '3204237f7f65d0f7e40d171da59beae2438d0b73', class: {
115
+ return (index.h("div", { key: '369f656f742589a178915ed4e72365d3dda7b907', class: {
116
116
  "duet-step": true,
117
117
  [`is-${this.state}`]: true,
118
118
  "rounded-top": this.roundedTop,
119
119
  "rounded-bottom": this.roundedBottom,
120
120
  "duet-theme-turva": this.theme === "turva",
121
- } }, index.h("div", { key: '144dc2c4f67e3ab88437ba11dbe665d8d938e998', 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: element => (this.buttonElement = element) }, index.h("div", { key: '3a16cbf1b403adb015eafda7d8768e17eae7fb40', "aria-hidden": "true" }, index.h("div", { key: '8ee2d9f18fcef2d1cdb2ad43cf8a41c5615b4765', class: "duet-step-counter" }, this.renderStepCounter())), index.h("duet-spacer", { key: '0dd226292f09ae93ba5ca9bde08511982771fe15', direction: "horizontal", size: "large", breakpoint: "small" }), index.h("duet-spacer", { key: 'd2fea319dfc6db59b1aaba216a913c3a8e9e81e8', direction: "horizontal", size: "medium", breakpoint: "x-small" }), index.h("div", { key: '7c3dee5bf9df62db35cbe5896551062c482d8b3e' }, index.h("duet-heading", { key: '27d4325d36f4f0621af0bf633fe3de821822d4bc', theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), index.h("duet-spacer", { key: 'f0e367883df25339d1882ebe17ff56c3555d4cd1', direction: "horizontal", size: "large" }), index.h("div", { key: 'f4313eed84ca3fe24272ce59a59b711169c4c0a8', class: "duet-step-heading-slot" }, index.h("slot", { key: 'a06a67c70d672288b7ef3f76149561fe5200ed99', name: "heading-content" }))), index.h("div", { key: '62b81bf1127a74bd5fb1cec4b0aa1e9c706d2038', class: "duet-step-content-wrapper" }, index.h("div", { key: 'c46f37355b38f10b1dc182108cae7f444025246d', class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, index.h("slot", { key: 'f08a916f605a7227add9fdb0bd4f6ede0719ec02' })))));
121
+ } }, index.h("div", { key: '486a6f5b91cd3a6435bd02202b2191077469044d', 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: element => (this.buttonElement = element) }, index.h("div", { key: '80895fe6a9d2581b54ddeb9095f50ab2ae2c40ec', "aria-hidden": "true" }, index.h("div", { key: '8b38a04e831e7feb20bfbccaf56a017b0c52260d', class: "duet-step-counter" }, this.renderStepCounter())), index.h("duet-spacer", { key: '2220531e141df3a5cd47dbcecdf5992265af1fff', direction: "horizontal", size: "large", breakpoint: "small" }), index.h("duet-spacer", { key: '80ba3be5b395b09c02a15ddabc70319bdb710ec2', direction: "horizontal", size: "medium", breakpoint: "x-small" }), index.h("div", { key: '7426ac138a49a07b9d914c7b92b24dde89fd2220' }, index.h("duet-heading", { key: '2cf9505b640081b6bc33bf726aa95fb8b49a100e', theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), index.h("duet-spacer", { key: '8888b2e5b45f4bc049454ef6166b97af508a09b6', direction: "horizontal", size: "large" }), index.h("div", { key: '2931ae9df30278381ee5634a45d3bb934ae34215', class: "duet-step-heading-slot" }, index.h("slot", { key: '0f4314f52c16ef8f3929cea2bf0b5e405168593e', name: "heading-content" }))), index.h("div", { key: '43264d21b4cb69938551d3e81d4378369c4b23b3', class: "duet-step-content-wrapper" }, index.h("div", { key: '4913f58605148bb81539d7a24b29b288210f2f3d', class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, index.h("slot", { key: '7e7ce320adcd8b1dd456fdb63249c983b03a829e' })))));
122
122
  }
123
123
  get element() { return index.getElement(this); }
124
124
  };
@@ -252,7 +252,7 @@ const DuetStepper = class {
252
252
  * Always the last one in the class.
253
253
  */
254
254
  render() {
255
- return (index.h(index.Host, { key: 'f135a9f1ddcc6eaa86acdcdc9d11def0ec489b81', class: { "duet-m-0": this.margin === "none" } }, index.h("div", { key: 'd68ff41042b6582c21d555e3131054278e9eaf1f', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, index.h("duet-visually-hidden", { key: '21d8af2f8896f0e5f893f041a2f3010ada1e74c9', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), index.h("slot", { key: 'efe281a3ddce9364e69c5131e7e59e3a9c2bb9d5' }))));
255
+ return (index.h(index.Host, { key: 'df89f1e452d33048371e02ceb399b3392e370b00', class: { "duet-m-0": this.margin === "none" } }, index.h("div", { key: '41faad40942a4fbc0bfec56801d76f6972f87eb4', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, index.h("duet-visually-hidden", { key: '225714f663a988bfcca3ae1ff3846bf9bafa12fb', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), index.h("slot", { key: 'e24151a3887c08c59be65fb9b9ab14be52db5fa7' }))));
256
256
  }
257
257
  get element() { return index.getElement(this); }
258
258
  static get watchers() { return {
package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js CHANGED
@@ -3,8 +3,8 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-C6D9Bly8.js');
7
- var themeableComponent = require('./themeable-component-Doq36ycm.js');
6
+ var index = require('./index-CgbT-GDe.js');
7
+ var themeableComponent = require('./themeable-component-DtTN09xK.js');
8
8
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
9
9
 
10
10
  const 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}";
@@ -55,12 +55,12 @@ const DuetSubmenuBarDropdownLink = class {
55
55
  * Always the last one in the class.
56
56
  */
57
57
  render() {
58
- return (index.h(index.Host, { key: '2fee28c0408aea99ea9eca4f11d4e2f841364790' }, index.h("a", { key: '0d7695a6ab69f0137ecf0ceeafec3a46af81dd1f', class: {
58
+ return (index.h(index.Host, { key: '206adf55a559a97afad7c5bc107b46f6a099d8c0' }, index.h("a", { key: 'a61437b76e1ecd5c7d61b773b0b97fe43c457bc5', class: {
59
59
  "duet-submenu-bar-dropdown-link": true,
60
60
  "duet-theme-turva": this.theme === "turva",
61
61
  highlight: this.highlight,
62
62
  active: this.active,
63
- }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && index.h("duet-icon", { key: '01df67e9b8670dc05128745c6882d2938ef9eedc', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), index.h("span", { key: '6c841e3ff249215c127c9e94f08bae8d7a18a5b8', class: "label-container" }, index.h("span", { key: '7a6170103bd0c33ec47d8c5bd315d0933674280d', class: "label" }, index.h("slot", { key: '325eed72978c7f19c85163b6af1cce4df6cd9bbf' })), this.caret && index.h("duet-icon", { key: '075731587db83d4e2857574fdec50f701f3b1e9e', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (index.h("duet-icon", { key: '8751218f86cec61805f4a74d1fd5449a7b936b6f', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
63
+ }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && index.h("duet-icon", { key: '50c64c74c7f21aebcb34252b9a5fbf75c391c0d3', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), index.h("span", { key: '0e697759844c9f0255d18fdb41765290f1389581', class: "label-container" }, index.h("span", { key: '3fafa6fece2c5188ec289dbc6fab760d49c73fb4', class: "label" }, index.h("slot", { key: '498dacafcd6fa3c3d097e9bcceb9e78c906cc236' })), this.caret && index.h("duet-icon", { key: 'd7055d84b2cd8de873b0400e7b3434f7670f987a', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (index.h("duet-icon", { key: '40d559b351fcc4d3f56f26045d065a55b840c740', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
64
64
  }
65
65
  get element() { return index.getElement(this); }
66
66
  };
package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js CHANGED
@@ -3,9 +3,9 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-C6D9Bly8.js');
6
+ var index = require('./index-CgbT-GDe.js');
7
7
  var tokens = require('./tokens-D7zqZKjQ.js');
8
- var themeableComponent = require('./themeable-component-Doq36ycm.js');
8
+ var themeableComponent = require('./themeable-component-DtTN09xK.js');
9
9
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
10
10
 
11
11
  const 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)}}";
@@ -114,18 +114,18 @@ const DuetSubmenuBarDropdown = class {
114
114
  * Always the last one in the class.
115
115
  */
116
116
  render() {
117
- return (index.h(index.Host, { key: '576e12e55d09213173616d89f5b408c8492ba5af', role: "listitem" }, index.h("div", { key: '08580206c21044dbb8d4545f8544e0ced9b6a14e', class: {
117
+ return (index.h(index.Host, { key: 'b08d71c303bbbb5dc488ccb9df3a6606cbcee45f', role: "listitem" }, index.h("div", { key: 'f27808ba704701f0857e90d8c4474f11f2bd284d', class: {
118
118
  "duet-submenu-bar-dropdown": true,
119
119
  "duet-theme-turva": this.theme === "turva",
120
120
  open: this.open,
121
121
  active: this.active,
122
- } }, index.h("button", { key: 'be74c18d69e315c5db7d23665d4a9625fc0b04d0', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
122
+ } }, index.h("button", { key: 'da50cea3b3daea0da483dc01649345a9fcc27d55', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
123
123
  open: this.open,
124
124
  active: this.active,
125
- }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (index.h("duet-icon", { key: '5bfc68090e446c4233ac00f348beaeefcd451709', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), index.h("div", { key: 'e8fb4a7b73f6344bf5752b4855454dd964d20580', class: "label" }, index.h("span", { key: 'ff915210483dee69657e6b285a710ad9c5b1fef4', class: "label-text" }, index.h("slot", { key: '580d71312446d97630ee169b4d00e527d1c3acb5', name: "label" })), index.h("duet-icon", { key: 'a67edbe1c6a6a386db9738da55a07c13969bd9a6', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), index.h("div", { key: 'f13cdbe5d132fdc0c9470e87ee2fe4e9bd4599dd', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
125
+ }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (index.h("duet-icon", { key: '41562541f2cf4bbe9e8d6ccb3214b8fc5b44079f', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), index.h("div", { key: '8b2782607b3478bc491ce2fa423257d4233968fa', class: "label" }, index.h("span", { key: '5b22aff9852f284416e15d60b1a262e963ff228e', class: "label-text" }, index.h("slot", { key: 'aec50191a12adf0fbd6f9e388c2dc09954d21f83', name: "label" })), index.h("duet-icon", { key: '154795bda221d38ca73b47a86c97da4c6e4d573b', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), index.h("div", { key: '574669c2280fa1e7e4d14666f95fbe912a068119', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
126
126
  items: true,
127
127
  hidden: !this.open,
128
- } }, index.h("slot", { key: '4c3c1e530e6ae8d2893d7d57c3f89dc42ea4ca73' })))));
128
+ } }, index.h("slot", { key: '9a69e63aae77e184049ed7d8f7f511d47eca642e' })))));
129
129
  }
130
130
  get element() { return index.getElement(this); }
131
131
  };
package/lib/cjs/duet-submenu-bar-item.cjs.entry.js CHANGED
@@ -3,15 +3,15 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-C6D9Bly8.js');
6
+ var index = require('./index-CgbT-GDe.js');
7
7
  var actionNewWindowSmall = require('./action-new-window-small-BWlVx6YN.js');
8
8
  var commonStrings = require('./common-strings-CSqtNIxt.js');
9
- var themeableComponent = require('./themeable-component-Doq36ycm.js');
10
- var a11yUtils = require('./a11y-utils-CnLnSK4z.js');
9
+ var themeableComponent = require('./themeable-component-DtTN09xK.js');
10
+ var a11yUtils = require('./a11y-utils-B33qnv_c.js');
11
11
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
12
- var languageUtils = require('./language-utils-DcgSN-KH.js');
12
+ var languageUtils = require('./language-utils-DjVt82-o.js');
13
13
  require('./_commonjsHelpers-4N64IRaP.js');
14
- require('./slot-utils-ByPWwvPp.js');
14
+ require('./slot-utils-mZWWDERy.js');
15
15
  require('./string-utils-B35hEUBv.js');
16
16
 
17
17
  const 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}";
@@ -89,7 +89,7 @@ const DuetSubmenuBarItem = class {
89
89
  render() {
90
90
  const TagName = this.url ? "a" : "button";
91
91
  const role = this.url ? "link" : "button";
92
- return (index.h(index.Host, { key: 'e36b7b57f271197062c51666cbbbd1d57132b681', role: "listitem" }, index.h(TagName, { key: 'b95b4f6fd21f111bb18c1bc866c9a6ec125a6144', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": (this.url && a11yUtils.getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (index.h("duet-icon", { key: '5a087cb5fcd29a41c424e025bad0040ef6e86900', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), index.h("div", { key: 'a365ea511e78cdfa9b940934ba6f38fdda5937a8', class: "label" }, index.h("span", { key: '527ee473a8da72431ae6afd60e35b21e5211c589', class: "label-text" }, index.h("slot", { key: '51f297ccaf35795f59e7bcf616c22711f1e92f06' })), (this.trailingIcon || this.external) && (index.h("duet-icon", { key: 'ab43acf3850c0148e50ac264530643a67ab1a276', class: {
92
+ return (index.h(index.Host, { key: '35be20639e3574ca775aa4b697485c84a1512045', role: "listitem" }, index.h(TagName, { key: '10e74fbfad350fa687d2ed5c6d5bfa6c3c3b7a08', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": (this.url && a11yUtils.getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (index.h("duet-icon", { key: 'e4de062ea87077cdf5ab2f80a72cb746d10b32e9', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), index.h("div", { key: '1829e95b6db1e8970ca53e5f8332b0aa97df310a', class: "label" }, index.h("span", { key: '815b45070604d6a9fc3f875677119480812c448d', class: "label-text" }, index.h("slot", { key: '195a9798c946491c1ec6318a99b5738e92d68f58' })), (this.trailingIcon || this.external) && (index.h("duet-icon", { key: '8718695a96ec8294833a18791aeefbe51526308f', class: {
93
93
  "trailing-icon": !!this.trailingIcon,
94
94
  "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
95
95
  "external-icon": !!this.external,
package/lib/cjs/duet-submenu-bar-link.cjs.entry.js CHANGED
@@ -3,8 +3,8 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-C6D9Bly8.js');
7
- var themeableComponent = require('./themeable-component-Doq36ycm.js');
6
+ var index = require('./index-CgbT-GDe.js');
7
+ var themeableComponent = require('./themeable-component-DtTN09xK.js');
8
8
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
9
9
 
10
10
  const 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}}";
@@ -47,7 +47,7 @@ const DuetSubmenuBarLink = class {
47
47
  * Always the last one in the class.
48
48
  */
49
49
  render() {
50
- return (index.h(index.Host, { key: '3b758ccd9b6b2aed28589ddea46b8c6ac516d059', role: "listitem" }, index.h("a", { key: '6a28b37917562bcad81693762e537734dfe39c4d', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (index.h("duet-icon", { key: '545a4c6be36be038fc79745186c7260e2509d8e5', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), index.h("span", { key: '5274e116ccaa52e75981801000933956f074eb29', class: "label" }, index.h("slot", { key: 'bcca6d327a8e7dfab90e9b6b4c625c0e024efcd2' })))));
50
+ return (index.h(index.Host, { key: '43fe2f21e9f7ce5b2ea4a31fb4ac6f9f76b7dea7', role: "listitem" }, index.h("a", { key: '78ffb34f6f54b32f8c8401139b23b34a5fe9ef95', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (index.h("duet-icon", { key: 'c42d8f5d5fe3c4b9d4dbcfe3151a1ee2c7be2ec2', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), index.h("span", { key: 'a2e72daf94cc2c40ab025e399c949b4f8111bdea', class: "label" }, index.h("slot", { key: 'a5fb89a7dc0aea64b82a6be83104f8b9971066c8' })))));
51
51
  }
52
52
  get element() { return index.getElement(this); }
53
53
  };
package/lib/cjs/duet-submenu-bar.cjs.entry.js CHANGED
@@ -3,10 +3,10 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-C6D9Bly8.js');
6
+ var index = require('./index-CgbT-GDe.js');
7
7
  var tokens = require('./tokens-D7zqZKjQ.js');
8
8
  var bodyScrollLock_es6 = require('./bodyScrollLock.es6-B2sCDud5.js');
9
- var themeableComponent = require('./themeable-component-Doq36ycm.js');
9
+ var themeableComponent = require('./themeable-component-DtTN09xK.js');
10
10
 
11
11
  const 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}";
12
12
 
@@ -137,19 +137,19 @@ const DuetSubmenuBar = class {
137
137
  * Always the last one in the class.
138
138
  */
139
139
  render() {
140
- return (index.h(index.Host, { key: '98b1aef33dbecb72db770aad2e638895df757769' }, index.h("nav", { key: '2da9e98166d85b6bf7b693ec74f2c7862da6e32f', class: {
140
+ return (index.h(index.Host, { key: '463af77c5ac9d7a775876cfc005df160c5e7fdfa' }, index.h("nav", { key: 'fcbdbfc332d352007b1122ffa65cd6d13012a559', class: {
141
141
  "duet-submenu-bar": true,
142
142
  "duet-theme-turva": this.theme === "turva",
143
143
  hidden: this.hidden,
144
- }, "aria-label": this.accessibleLabel }, this.hasItems && (index.h("button", { key: '1a118edf09c9be310988c12d093c63d27949e5bf', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
144
+ }, "aria-label": this.accessibleLabel }, this.hasItems && (index.h("button", { key: '98fadd59813f2aae19d4cb5d4734d73a98d4bb7e', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
145
145
  active: this.open,
146
- }, onClick: this.onClick }, index.h("span", { key: '7b26b751bf105fe6c40320dc2eb68b8f729a1a8f', class: "label" }, index.h("slot", { key: 'b2fae59665ec7f21d8b9d6cebce396cda942d6de', name: "label" }), index.h("duet-icon", { key: 'dce5c1f7585eb179ebbc6cb604c8cae186282d61', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), index.h("div", { key: '003ce0e07e1b88ea0353b13a24531ce65ddddfd7', class: {
146
+ }, onClick: this.onClick }, index.h("span", { key: 'dc38b3df13d3a4d1b4a9c78c53a9fc68b932152e', class: "label" }, index.h("slot", { key: '128302a4e4c2c6e68d9fd8cb96d1439db8daf800', name: "label" }), index.h("duet-icon", { key: '0d4d0b35713d68685084568f0f95f1818b8deaca', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), index.h("div", { key: '7396ba0b29224cfa487e725604ff50dab010cdeb', class: {
147
147
  "menu-container": true,
148
148
  hidden: !this.open,
149
- }, role: "presentation" }, index.h("div", { key: 'df40a36793d796f1a78304db83f2b650834b7dc4', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
149
+ }, role: "presentation" }, index.h("div", { key: '4b5178a06a8933dfb9be60276a1a893158c62aaa', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
150
150
  items: true,
151
151
  hidden: !this.open,
152
- }, ref: element => (this.itemsContainer = element) }, index.h("div", { key: '2e63a7cbbc0221285dd94bb4a9abf18724dd51ce', class: "list", role: this.mobile ? "presentation" : "list" }, index.h("slot", { key: '15914d5a16f162661e52be38210d64266c1a2175' }), index.h("div", { key: '5b59a4d292c2631a45c9c16de265dfae6a12c5e9', class: "list-padding" }))), index.h("duet-overlay", { key: 'ad96690e7d9db9801005ed9010293734263b9a61', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
152
+ }, ref: element => (this.itemsContainer = element) }, index.h("div", { key: '71ee3de51b625b340635a30fb39292e25ddfc116', class: "list", role: this.mobile ? "presentation" : "list" }, index.h("slot", { key: '4baa81a1de7c328e826df2f752075a9c4b05af0f' }), index.h("div", { key: '38b755c720305c3627d82a5e53af380752616396', class: "list-padding" }))), index.h("duet-overlay", { key: '62afaa179b2175f4c4c6cd56c6773675cffc061c', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
153
153
  }
154
154
  get element() { return index.getElement(this); }
155
155
  static get watchers() { return {
package/lib/cjs/duet-textarea.cjs.entry.js CHANGED
@@ -3,13 +3,13 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-C6D9Bly8.js');
7
- var themeableComponent = require('./themeable-component-Doq36ycm.js');
8
- var label = require('./label-tyZX3oPG.js');
6
+ var index = require('./index-CgbT-GDe.js');
7
+ var themeableComponent = require('./themeable-component-DtTN09xK.js');
8
+ var label = require('./label-B2EZulEI.js');
9
9
  var createId = require('./create-id-DtslnIOq.js');
10
10
  var inputUtils = require('./input-utils-DUKdslOM.js');
11
- var languageUtils = require('./language-utils-DcgSN-KH.js');
12
- var slotUtils = require('./slot-utils-ByPWwvPp.js');
11
+ var languageUtils = require('./language-utils-DjVt82-o.js');
12
+ var slotUtils = require('./slot-utils-mZWWDERy.js');
13
13
  require('./string-utils-B35hEUBv.js');
14
14
 
15
15
  const duetTextareaCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:block;width:100%;max-width:100%;text-align:left}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}duet-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-textarea-container{position:relative;width:100%;height:100%}.duet-textarea-container .duet-input-top-caption{display:none}.duet-textarea-container.duet-input-top-caption-shown .duet-input-top-caption{display:flex !important}.duet-textarea-wrapper{position:relative}.duet-textarea-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-theme-turva .duet-textarea{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.has-error .duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-textarea::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva .duet-textarea::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-textarea:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva .duet-textarea::-moz-placeholder{color:rgb(143, 147, 158)}.duet-textarea:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-textarea:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-textarea:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva .duet-textarea:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-textarea:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-theme-turva .duet-textarea[disabled]{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important}.duet-textarea[disabled]::-webkit-input-placeholder{color:rgb(8, 42, 77);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva .duet-textarea[disabled]::-webkit-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled]::-moz-placeholder{color:rgb(8, 42, 77);opacity:1 !important}.duet-theme-turva .duet-textarea[disabled]::-moz-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled]:-ms-input-placeholder{color:rgb(8, 42, 77)}.duet-theme-turva .duet-textarea[disabled]:-ms-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #747475}.has-error .duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-textarea:focus{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-textarea:focus{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error .duet-textarea:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-textarea:focus{box-shadow:0 0 0 1px #e55039}.duet-textarea:not(:focus):not(:hover):invalid{box-shadow:none}.duet-textarea-help{font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;line-height:1.25}.duet-textarea-help span{display:block;margin-top:8px}.duet-theme-turva .duet-textarea-help{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(143, 147, 158)}.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-character-count{display:block;margin:8px 0 0 auto}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus{border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]{background:#f5f6f7 !important;border-color:#f5f6f7 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:-webkit-input-placeholder{color:#7891a4}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus::-webkit-input-placeholder{color:#b2c2cd}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus::-moz-placeholder{color:#b2c2cd}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus:-ms-input-placeholder{color:#b2c2cd}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]::-webkit-input-placeholder{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]::-moz-placeholder{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]:-ms-input-placeholder{color:#172a3b}";
@@ -238,17 +238,17 @@ const DuetTextarea = class {
238
238
  */
239
239
  render() {
240
240
  const identifier = this.identifier || this.textareaId;
241
- return (index.h(index.Host, { key: 'f5f89ec4deb6832fb80b077eca0401ceae4f8bf8', class: {
241
+ return (index.h(index.Host, { key: '5de3b072ca14484736893df5d510e5bbfc83fab3', class: {
242
242
  "duet-m-0": this.margin === "none",
243
243
  "duet-has-counter": this.counter && !this.error,
244
244
  "duet-expand": this.expand,
245
- } }, index.h("div", { key: '36131b2417d7eed326112df08c9736814bc90b8d', class: {
245
+ } }, index.h("div", { key: 'aff76643e853e701fc4d5bb82580f91161b61375', class: {
246
246
  "duet-textarea-container": true,
247
247
  "duet-theme-turva": this.theme === "turva",
248
248
  "duet-label-hidden": this.labelHidden,
249
249
  "duet-input-top-caption-shown": this.isCaptionVisible,
250
250
  "has-error": !!this.error,
251
- } }, index.h(label.DuetInternalLabel, { key: '0120ce299715ef884c1cc2f1e42373e5bcb0e7a7', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (index.h("duet-tooltip", { key: '1b729cb1128299e33c70671aa55d5125ffcdc18a', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), index.h("slot", { key: '9072f184bc0244ec5fb2a2fe6719696028bb7d0b', name: "tooltip" }), this.caption && (index.h("duet-caption", { key: '848706df1a73ce054a2b06f7c6e5510a21ff4a11', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), index.h("div", { key: '11ede29273d13f5ecb0ce24264096f387ec78c84', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (index.h("duet-caption", { key: '07ac46dc00428b32d11b7d5e3e5a1b3c4f2aad05', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), index.h("textarea", { key: '936fdccf8c2ad06a96579c790f044db2f5d9b17d', onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: input => (this.nativeInput = input), class: { "duet-textarea": true, disabled: this.disabled }, value: this.value, disabled: this.disabled, "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, placeholder: this.placeholder, spellcheck: "false", required: this.required, minlength: this.minlength, maxlength: this.maxlength, role: this.role, name: this.name, id: identifier })), index.h("duet-grid", { key: '5b42e4e2f4f76d45c40aa36caec99eaaa242586a', alignment: "stretch" }, index.h("duet-grid-item", { key: '59fd223682e940aeefdf807a2cdfd724a503b8e5', margin: "none", fill: true }, index.h("div", { key: '01d99f1d11d978925155a9d4856920780df240bf', class: "duet-textarea-help duet-textarea-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && index.h("span", { key: '5da5cc08fb85900d797232142167ce3be0f1cbb0' }, this.error))), index.h("duet-grid-item", { key: '5124866d99a9a381afcb045edf709ae6df2f342b', margin: "none", class: "duet-character-count-caption" }, this.counter && (index.h(CharacterCount, { key: 'eed9f6583984587452c6f0825dcfa801295f4c74', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (index.h("duet-visually-hidden", { key: '3dd2f6aee58742d3ad84b9f213ee26a1d17c04ba', class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
251
+ } }, index.h(label.DuetInternalLabel, { key: '05ece6fdbb675493b3eb4ca8ad23b65b5a07abd6', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (index.h("duet-tooltip", { key: '7649e1a035c610ebf038b6eeae9fc72b672603da', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), index.h("slot", { key: 'cc8b32f11e16c20e61baf2c4b80c57becd7435a2', name: "tooltip" }), this.caption && (index.h("duet-caption", { key: '647dc96b065a3de10b195bfa5ee7f033f5fda717', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), index.h("div", { key: 'ecad9b2c7e3bae1f853660bd0f36f1123eb0758e', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (index.h("duet-caption", { key: '54e5f14b0c0b0c4a9b9c869fced72e22c88f2a54', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), index.h("textarea", { key: '8572767a273e22ecc50a8858185afe4b683a3be7', onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: input => (this.nativeInput = input), class: { "duet-textarea": true, disabled: this.disabled }, value: this.value, disabled: this.disabled, "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, placeholder: this.placeholder, spellcheck: "false", required: this.required, minlength: this.minlength, maxlength: this.maxlength, role: this.role, name: this.name, id: identifier })), index.h("duet-grid", { key: '20bb80d0199f477611c01b57fbe61861358c0dd1', alignment: "stretch" }, index.h("duet-grid-item", { key: '559786ddcf40c4867db4aa02678e56b73cd3e507', margin: "none", fill: true }, index.h("div", { key: 'dd7d4333c82c41b1314be95669994ed269e1abb0', class: "duet-textarea-help duet-textarea-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && index.h("span", { key: '903d46b5d1c83e3a989ebd7240291c7c7b91bebf' }, this.error))), index.h("duet-grid-item", { key: '9507d71aa07f732f1c4f49193b6cde0fb45f5601', margin: "none", class: "duet-character-count-caption" }, this.counter && (index.h(CharacterCount, { key: '8e583eba57239e54aac444d8d86f9da2546f39a8', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (index.h("duet-visually-hidden", { key: 'eb71dba8a8524302d3b1733a57ddcbcf04b16f74', class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
252
252
  this.hiddenCounterLabel = el;
253
253
  } })))));
254
254
  }