@duetds/components 10.0.0-alpha.30 → 10.0.0-alpha.32

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 (382) hide show
  1. package/hydrate/index.js +166 -129
  2. package/hydrate/index.mjs +166 -129
  3. package/lib/cjs/{a11y-utils-D2e4DE4A.js → a11y-utils-gRNAWDsE.js} +1 -1
  4. package/lib/cjs/{app-globals-P2FPiN9v.js → app-globals-IqxTFC9D.js} +1 -1
  5. package/lib/cjs/duet-action-button.cjs.entry.js +5 -5
  6. package/lib/cjs/duet-alert.cjs.entry.js +4 -4
  7. package/lib/cjs/duet-badge.cjs.entry.js +4 -4
  8. package/lib/cjs/duet-banner.cjs.entry.js +16 -10
  9. package/lib/cjs/duet-breadcrumb.cjs.entry.js +2 -2
  10. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +5 -5
  11. package/lib/cjs/duet-button_2.cjs.entry.js +15 -26
  12. package/lib/cjs/duet-callout.cjs.entry.js +3 -3
  13. package/lib/cjs/duet-caption_4.cjs.entry.js +11 -11
  14. package/lib/cjs/duet-card.cjs.entry.js +9 -9
  15. package/lib/cjs/duet-checkbox.cjs.entry.js +2 -2
  16. package/lib/cjs/duet-checkmark.cjs.entry.js +2 -2
  17. package/lib/cjs/duet-chip.cjs.entry.js +4 -4
  18. package/lib/cjs/duet-choice_2.cjs.entry.js +5 -5
  19. package/lib/cjs/duet-collapsible.cjs.entry.js +5 -5
  20. package/lib/cjs/duet-combobox.cjs.entry.js +4 -4
  21. package/lib/cjs/duet-contact-card.cjs.entry.js +3 -3
  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 +4 -4
  25. package/lib/cjs/duet-editable-table_3.cjs.entry.js +11 -8
  26. package/lib/cjs/duet-empty-state.cjs.entry.js +2 -2
  27. package/lib/cjs/duet-fieldset.cjs.entry.js +3 -3
  28. package/lib/cjs/duet-file-chooser.cjs.entry.js +2 -2
  29. package/lib/cjs/duet-footer.cjs.entry.js +5 -5
  30. package/lib/cjs/duet-grid_2.cjs.entry.js +7 -6
  31. package/lib/cjs/duet-header_2.cjs.entry.js +7 -7
  32. package/lib/cjs/duet-hero.cjs.entry.js +15 -9
  33. package/lib/cjs/duet-icon.cjs.entry.js +4 -4
  34. package/lib/cjs/duet-indicator.cjs.entry.js +12 -4
  35. package/lib/cjs/duet-input_2.cjs.entry.js +7 -7
  36. package/lib/cjs/duet-layout.cjs.entry.js +2 -2
  37. package/lib/cjs/duet-list_2.cjs.entry.js +2 -2
  38. package/lib/cjs/duet-menu-bar-button.cjs.entry.js +2 -2
  39. package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +2 -2
  40. package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +2 -2
  41. package/lib/cjs/duet-menu-bar-item.cjs.entry.js +5 -5
  42. package/lib/cjs/duet-menu-bar-link.cjs.entry.js +2 -2
  43. package/lib/cjs/duet-menu-bar.cjs.entry.js +3 -3
  44. package/lib/cjs/duet-modal.cjs.entry.js +9 -9
  45. package/lib/cjs/duet-multiselect.cjs.entry.js +6 -6
  46. package/lib/cjs/duet-nav.cjs.entry.js +2 -2
  47. package/lib/cjs/duet-notification_2.cjs.entry.js +13 -6
  48. package/lib/cjs/duet-number-input.cjs.entry.js +5 -5
  49. package/lib/cjs/duet-overlay.cjs.entry.js +2 -2
  50. package/lib/cjs/duet-page-heading.cjs.entry.js +2 -2
  51. package/lib/cjs/duet-pagination_2.cjs.entry.js +16 -16
  52. package/lib/cjs/duet-panel.cjs.entry.js +2 -2
  53. package/lib/cjs/duet-phone-input.cjs.entry.js +5 -5
  54. package/lib/cjs/duet-popup-menu_2.cjs.entry.js +7 -7
  55. package/lib/cjs/duet-progress.cjs.entry.js +3 -3
  56. package/lib/cjs/duet-promo-card.cjs.entry.js +8 -8
  57. package/lib/cjs/duet-radio_2.cjs.entry.js +4 -4
  58. package/lib/cjs/duet-range-slider.cjs.entry.js +6 -6
  59. package/lib/cjs/duet-scrollable_3.cjs.entry.js +7 -7
  60. package/lib/cjs/duet-section-layout.cjs.entry.js +1 -1
  61. package/lib/cjs/duet-select.cjs.entry.js +5 -5
  62. package/lib/cjs/duet-shaped-image.cjs.entry.js +2 -2
  63. package/lib/cjs/duet-share-chart-item.cjs.entry.js +1 -1
  64. package/lib/cjs/duet-share-chart.cjs.entry.js +6 -6
  65. package/lib/cjs/duet-show-more.cjs.entry.js +3 -3
  66. package/lib/cjs/duet-slideout-lang.cjs.entry.js +3 -3
  67. package/lib/cjs/duet-slideout-link.cjs.entry.js +5 -5
  68. package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +2 -2
  69. package/lib/cjs/duet-slideout-panel.cjs.entry.js +9 -9
  70. package/lib/cjs/duet-slideout.cjs.entry.js +8 -8
  71. package/lib/cjs/duet-status-icon.cjs.entry.js +2 -2
  72. package/lib/cjs/duet-step_2.cjs.entry.js +3 -3
  73. package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +2 -2
  74. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +3 -3
  75. package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +5 -5
  76. package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +2 -2
  77. package/lib/cjs/duet-submenu-bar.cjs.entry.js +3 -3
  78. package/lib/cjs/duet-textarea.cjs.entry.js +50 -34
  79. package/lib/cjs/duet-toggle.cjs.entry.js +5 -5
  80. package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +2 -2
  81. package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +2 -2
  82. package/lib/cjs/duet-toolbar-item.cjs.entry.js +8 -8
  83. package/lib/cjs/duet-toolbar-link.cjs.entry.js +2 -2
  84. package/lib/cjs/duet-toolbar.cjs.entry.js +4 -4
  85. package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +3 -3
  86. package/lib/cjs/duet-tooltip.cjs.entry.js +5 -5
  87. package/lib/cjs/duet-tray.cjs.entry.js +4 -4
  88. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
  89. package/lib/cjs/duet-upload-item.cjs.entry.js +4 -4
  90. package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
  91. package/lib/cjs/duet.cjs.js +3 -3
  92. package/lib/cjs/{errorcodes.utils-B_Hqvx-5.js → errorcodes.utils-CI6sFyqj.js} +1 -1
  93. package/lib/cjs/{focus-utils-B7QfRXd-.js → focus-utils-D6oLee8e.js} +1 -1
  94. package/lib/cjs/{index-B1t_Yumd.js → index-CZgR8hZO.js} +1 -1
  95. package/lib/cjs/{label-e--2ISFA.js → label-DLhV0DOC.js} +1 -1
  96. package/lib/cjs/{language-utils-Ce6b_uA3.js → language-utils-iTAyJvsm.js} +1 -1
  97. package/lib/cjs/loader.cjs.js +3 -3
  98. package/lib/cjs/{slot-utils-C8k-6Rvc.js → slot-utils-CnfGuEKm.js} +1 -1
  99. package/lib/cjs/{themeable-component-DmPMm0Cz.js → themeable-component-lQsgCsDa.js} +1 -1
  100. package/lib/cjs/{token-utils-COKjUxmn.js → token-utils-BJtlJxnJ.js} +1 -1
  101. package/lib/cjs/{tokens-9aevMbB1.js → tokens-BxWzRxOl.js} +3 -3
  102. package/lib/cjs/{tokens.module-Bhh9B2g8.js → tokens.module-DJt2h4FX.js} +3 -3
  103. package/lib/collection/components/duet-badge/duet-badge.css +3 -0
  104. package/lib/collection/components/duet-banner/duet-banner.css +24 -4
  105. package/lib/collection/components/duet-banner/duet-banner.js +29 -4
  106. package/lib/collection/components/duet-button/duet-button.css +19 -2
  107. package/lib/collection/components/duet-card/duet-card.css +4 -1
  108. package/lib/collection/components/duet-card/duet-card.js +22 -3
  109. package/lib/collection/components/duet-chip/duet-chip.css +3 -0
  110. package/lib/collection/components/duet-choice/duet-choice.css +9 -3
  111. package/lib/collection/components/duet-collapsible/duet-collapsible.css +3 -0
  112. package/lib/collection/components/duet-footer/duet-footer.js +1 -1
  113. package/lib/collection/components/duet-grid/duet-grid.js +6 -5
  114. package/lib/collection/components/duet-hero/duet-hero.js +30 -5
  115. package/lib/collection/components/duet-indicator/duet-indicator.css +4 -0
  116. package/lib/collection/components/duet-indicator/duet-indicator.js +35 -1
  117. package/lib/collection/components/duet-link/duet-link.css +29 -12
  118. package/lib/collection/components/duet-link/duet-link.js +3 -3
  119. package/lib/collection/components/duet-logo/duet-logo.css +3 -0
  120. package/lib/collection/components/duet-modal/duet-modal.js +2 -2
  121. package/lib/collection/components/duet-multiselect/duet-multiselect.css +3 -0
  122. package/lib/collection/components/duet-notification/duet-notification.css +1 -1
  123. package/lib/collection/components/duet-notification/duet-notification.js +9 -2
  124. package/lib/collection/components/duet-number-input/duet-number-input.css +3 -0
  125. package/lib/collection/components/duet-pagination/duet-pagination.js +11 -11
  126. package/lib/collection/components/duet-phone-input/duet-phone-input.css +3 -0
  127. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
  128. package/lib/collection/components/duet-promo-card/duet-promo-card.css +3 -0
  129. package/lib/collection/components/duet-promo-card/duet-promo-card.js +21 -2
  130. package/lib/collection/components/duet-radio/duet-radio.css +6 -0
  131. package/lib/collection/components/duet-range-slider/duet-range-slider.css +3 -0
  132. package/lib/collection/components/duet-select/duet-select.css +3 -0
  133. package/lib/collection/components/duet-slideout/duet-slideout.css +9 -12
  134. package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +2 -2
  135. package/lib/collection/components/duet-spinner/duet-spinner.css +5 -14
  136. package/lib/collection/components/duet-spinner/duet-spinner.js +13 -26
  137. package/lib/collection/components/duet-tab-group/duet-tab-group.css +1 -15
  138. package/lib/collection/components/duet-table/duet-table.js +3 -3
  139. package/lib/collection/components/duet-textarea/duet-textarea.css +3 -0
  140. package/lib/collection/components/duet-textarea/duet-textarea.js +57 -33
  141. package/lib/collection/components/duet-toggle/duet-toggle.css +3 -0
  142. package/lib/collection/components/duet-toolbar/duet-toolbar.js +2 -2
  143. package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js +3 -3
  144. package/lib/duet/duet.esm.js +1 -1
  145. package/lib/duet/{p-a5ebee52.entry.js → p-086ada06.entry.js} +1 -1
  146. package/lib/duet/{p-67cbf570.entry.js → p-092f1ba3.entry.js} +1 -1
  147. package/lib/duet/{p-492d90a6.entry.js → p-0a7a967d.entry.js} +1 -1
  148. package/lib/duet/{p-9c452a9d.entry.js → p-0ad4c0ed.entry.js} +1 -1
  149. package/lib/duet/{p-414f4b06.entry.js → p-0c434757.entry.js} +1 -1
  150. package/lib/duet/{p-81fdf21e.entry.js → p-10dda4be.entry.js} +1 -1
  151. package/lib/duet/{p-ec601f3c.entry.js → p-10fcd200.entry.js} +1 -1
  152. package/lib/duet/{p-5c4687b0.entry.js → p-15f436de.entry.js} +1 -1
  153. package/lib/duet/p-1ccd58c5.entry.js +4 -0
  154. package/lib/duet/{p-64482bf0.entry.js → p-1db13f0b.entry.js} +1 -1
  155. package/lib/duet/{p-513683f8.entry.js → p-1e0686a9.entry.js} +1 -1
  156. package/lib/duet/{p-4457a9cc.entry.js → p-242aa821.entry.js} +1 -1
  157. package/lib/duet/{p-7ab7b977.entry.js → p-2444ec8f.entry.js} +1 -1
  158. package/lib/duet/{p-625bf656.entry.js → p-289ccd98.entry.js} +1 -1
  159. package/lib/duet/{p-d49e4c1a.entry.js → p-2e2c2a19.entry.js} +1 -1
  160. package/lib/duet/{p-0cf754a3.entry.js → p-2ecc650a.entry.js} +1 -1
  161. package/lib/duet/{p-ca8ad275.entry.js → p-310bb92b.entry.js} +1 -1
  162. package/lib/duet/{p-da90aae6.entry.js → p-34450295.entry.js} +1 -1
  163. package/lib/duet/{p-ac7bf279.entry.js → p-345e2183.entry.js} +1 -1
  164. package/lib/duet/{p-52bb0826.entry.js → p-3604860c.entry.js} +1 -1
  165. package/lib/duet/p-37b2ee9a.entry.js +4 -0
  166. package/lib/duet/p-40870281.entry.js +4 -0
  167. package/lib/duet/{p-64db9820.entry.js → p-40a23d13.entry.js} +1 -1
  168. package/lib/duet/p-4d965642.entry.js +4 -0
  169. package/lib/duet/p-4f06d471.entry.js +4 -0
  170. package/lib/duet/{p-17b2fad7.entry.js → p-4fe07ef0.entry.js} +1 -1
  171. package/lib/duet/p-50825938.entry.js +4 -0
  172. package/lib/duet/{p-bba12747.entry.js → p-53cae335.entry.js} +1 -1
  173. package/lib/duet/{p-87d63c67.entry.js → p-5809592e.entry.js} +1 -1
  174. package/lib/duet/{p-11dc2ca3.entry.js → p-598e5e73.entry.js} +1 -1
  175. package/lib/duet/{p-835532a3.entry.js → p-5f184ba7.entry.js} +1 -1
  176. package/lib/duet/p-632e7663.entry.js +4 -0
  177. package/lib/duet/{p-4a743428.entry.js → p-672539ed.entry.js} +1 -1
  178. package/lib/duet/{p-d27678ec.entry.js → p-68a068da.entry.js} +1 -1
  179. package/lib/duet/{p-89119c58.entry.js → p-69b51723.entry.js} +1 -1
  180. package/lib/duet/p-6aa7994d.entry.js +4 -0
  181. package/lib/duet/{p-9ff0f670.entry.js → p-6fc4b281.entry.js} +1 -1
  182. package/lib/duet/{p-19c8adaa.entry.js → p-739c6384.entry.js} +1 -1
  183. package/lib/duet/{p-3f932150.entry.js → p-764400c1.entry.js} +1 -1
  184. package/lib/duet/{p-6d0a6cef.entry.js → p-7e71334f.entry.js} +1 -1
  185. package/lib/duet/{p-bf4c10ea.entry.js → p-82dce6d4.entry.js} +1 -1
  186. package/lib/duet/p-8a49f99d.entry.js +4 -0
  187. package/lib/duet/{p-9278d908.entry.js → p-8f4d8ad8.entry.js} +1 -1
  188. package/lib/duet/{p-3c5f5035.entry.js → p-936fb185.entry.js} +1 -1
  189. package/lib/duet/{p-9fe9aaec.entry.js → p-936fdded.entry.js} +1 -1
  190. package/lib/duet/{p-dceb943b.entry.js → p-949677c5.entry.js} +1 -1
  191. package/lib/duet/{p-653a4f52.entry.js → p-962271e5.entry.js} +1 -1
  192. package/lib/duet/{p-ae22406a.entry.js → p-98719175.entry.js} +1 -1
  193. package/lib/duet/{p-cf054af5.entry.js → p-989bad93.entry.js} +1 -1
  194. package/lib/duet/{p-05b44a92.entry.js → p-9eac0547.entry.js} +1 -1
  195. package/lib/duet/{p-CZ7vOBA_.js → p-B4KFAMK0.js} +1 -1
  196. package/lib/duet/p-BDAqOMlM.js +4 -0
  197. package/lib/duet/p-BZUiUO2r.js +5 -0
  198. package/lib/duet/{p-Df3Doz7n.js → p-Bg75Vqqq.js} +1 -1
  199. package/lib/duet/{p-CcCc0HYj.js → p-BuGwN6pE.js} +1 -1
  200. package/lib/duet/p-CmXKRkHp.js +4 -0
  201. package/lib/duet/{p-Bt_DCuTi.js → p-CvYfTat-.js} +1 -1
  202. package/lib/duet/p-DOuLHrH5.js +4 -0
  203. package/lib/duet/p-DoYaLdz3.js +4 -0
  204. package/lib/duet/p-NibHwfQi.js +4 -0
  205. package/lib/duet/{p-c74cd476.entry.js → p-a04be8ca.entry.js} +1 -1
  206. package/lib/duet/p-a102a6aa.entry.js +4 -0
  207. package/lib/duet/{p-df64aa65.entry.js → p-a3b21740.entry.js} +1 -1
  208. package/lib/duet/{p-39e7cc4b.entry.js → p-a597acb6.entry.js} +1 -1
  209. package/lib/duet/{p-3e08bd06.entry.js → p-acd1befc.entry.js} +1 -1
  210. package/lib/duet/{p-0c4bde0e.entry.js → p-b23c29f7.entry.js} +1 -1
  211. package/lib/duet/{p-93d1d4cb.entry.js → p-b308c0c2.entry.js} +1 -1
  212. package/lib/duet/p-b57ee80f.entry.js +4 -0
  213. package/lib/duet/{p-a22b9c52.entry.js → p-b8741a8d.entry.js} +1 -1
  214. package/lib/duet/{p-b8e1621d.entry.js → p-b8de3ad9.entry.js} +1 -1
  215. package/lib/duet/{p-52e64670.entry.js → p-b9123cc0.entry.js} +1 -1
  216. package/lib/duet/p-bfbadbcb.entry.js +4 -0
  217. package/lib/duet/{p-4efa7172.entry.js → p-c0130fb4.entry.js} +1 -1
  218. package/lib/duet/{p-2f34aa4c.entry.js → p-c1a3211b.entry.js} +1 -1
  219. package/lib/duet/p-c211c485.entry.js +4 -0
  220. package/lib/duet/p-c2b71972.entry.js +4 -0
  221. package/lib/duet/{p-e057762a.entry.js → p-c9f7f4ae.entry.js} +1 -1
  222. package/lib/duet/p-cc1c4f4e.entry.js +4 -0
  223. package/lib/duet/p-d1ca5023.entry.js +4 -0
  224. package/lib/duet/{p-ea09620e.entry.js → p-d6675d5a.entry.js} +1 -1
  225. package/lib/duet/p-d687723c.entry.js +4 -0
  226. package/lib/duet/{p-9fd3fbde.entry.js → p-d7a53137.entry.js} +1 -1
  227. package/lib/duet/p-da4ac3b6.entry.js +4 -0
  228. package/lib/duet/p-da53bd51.entry.js +4 -0
  229. package/lib/duet/{p-11303551.entry.js → p-dd0ef23d.entry.js} +1 -1
  230. package/lib/duet/{p-ec7bdfaf.entry.js → p-dd2f230e.entry.js} +1 -1
  231. package/lib/duet/{p-2f0a1808.entry.js → p-dd6b0719.entry.js} +1 -1
  232. package/lib/duet/{p-52f52f3f.entry.js → p-dd95273b.entry.js} +1 -1
  233. package/lib/duet/{p-7d8ba1c8.entry.js → p-e1de05fd.entry.js} +1 -1
  234. package/lib/duet/p-e83797f5.entry.js +4 -0
  235. package/lib/duet/{p-c2afba51.entry.js → p-eb331c3a.entry.js} +1 -1
  236. package/lib/duet/{p-ba0fc0f3.entry.js → p-eb781bf8.entry.js} +1 -1
  237. package/lib/duet/{p-963f5510.entry.js → p-f157de7a.entry.js} +1 -1
  238. package/lib/duet/{p-4d4f7a6e.entry.js → p-f9ccb081.entry.js} +1 -1
  239. package/lib/duet/{p-25bfc839.entry.js → p-fb1c1409.entry.js} +1 -1
  240. package/lib/duet/p-fc4091da.entry.js +4 -0
  241. package/lib/duet/p-n6rJZ22e.js +4 -0
  242. package/lib/duet/p-piYiXb5x.js +4 -0
  243. package/lib/esm/{a11y-utils-CfJGGdQJ.js → a11y-utils-C8mMYav1.js} +1 -1
  244. package/lib/esm/{app-globals-DGW8k4EA.js → app-globals-BM9EbF8c.js} +1 -1
  245. package/lib/esm/duet-action-button.entry.js +5 -5
  246. package/lib/esm/duet-alert.entry.js +4 -4
  247. package/lib/esm/duet-badge.entry.js +4 -4
  248. package/lib/esm/duet-banner.entry.js +16 -10
  249. package/lib/esm/duet-breadcrumb.entry.js +2 -2
  250. package/lib/esm/duet-breadcrumbs.entry.js +5 -5
  251. package/lib/esm/duet-button_2.entry.js +15 -26
  252. package/lib/esm/duet-callout.entry.js +3 -3
  253. package/lib/esm/duet-caption_4.entry.js +11 -11
  254. package/lib/esm/duet-card.entry.js +9 -9
  255. package/lib/esm/duet-checkbox.entry.js +2 -2
  256. package/lib/esm/duet-checkmark.entry.js +2 -2
  257. package/lib/esm/duet-chip.entry.js +4 -4
  258. package/lib/esm/duet-choice_2.entry.js +5 -5
  259. package/lib/esm/duet-collapsible.entry.js +5 -5
  260. package/lib/esm/duet-combobox.entry.js +4 -4
  261. package/lib/esm/duet-contact-card.entry.js +3 -3
  262. package/lib/esm/duet-cookie-consent.entry.js +2 -2
  263. package/lib/esm/duet-date-picker.entry.js +6 -6
  264. package/lib/esm/duet-divider_2.entry.js +4 -4
  265. package/lib/esm/duet-editable-table_3.entry.js +11 -8
  266. package/lib/esm/duet-empty-state.entry.js +2 -2
  267. package/lib/esm/duet-fieldset.entry.js +3 -3
  268. package/lib/esm/duet-file-chooser.entry.js +2 -2
  269. package/lib/esm/duet-footer.entry.js +5 -5
  270. package/lib/esm/duet-grid_2.entry.js +7 -6
  271. package/lib/esm/duet-header_2.entry.js +7 -7
  272. package/lib/esm/duet-hero.entry.js +15 -9
  273. package/lib/esm/duet-icon.entry.js +4 -4
  274. package/lib/esm/duet-indicator.entry.js +12 -4
  275. package/lib/esm/duet-input_2.entry.js +7 -7
  276. package/lib/esm/duet-layout.entry.js +2 -2
  277. package/lib/esm/duet-list_2.entry.js +2 -2
  278. package/lib/esm/duet-menu-bar-button.entry.js +2 -2
  279. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +2 -2
  280. package/lib/esm/duet-menu-bar-dropdown.entry.js +2 -2
  281. package/lib/esm/duet-menu-bar-item.entry.js +5 -5
  282. package/lib/esm/duet-menu-bar-link.entry.js +2 -2
  283. package/lib/esm/duet-menu-bar.entry.js +3 -3
  284. package/lib/esm/duet-modal.entry.js +9 -9
  285. package/lib/esm/duet-multiselect.entry.js +6 -6
  286. package/lib/esm/duet-nav.entry.js +2 -2
  287. package/lib/esm/duet-notification_2.entry.js +13 -6
  288. package/lib/esm/duet-number-input.entry.js +5 -5
  289. package/lib/esm/duet-overlay.entry.js +2 -2
  290. package/lib/esm/duet-page-heading.entry.js +2 -2
  291. package/lib/esm/duet-pagination_2.entry.js +16 -16
  292. package/lib/esm/duet-panel.entry.js +2 -2
  293. package/lib/esm/duet-phone-input.entry.js +5 -5
  294. package/lib/esm/duet-popup-menu_2.entry.js +7 -7
  295. package/lib/esm/duet-progress.entry.js +3 -3
  296. package/lib/esm/duet-promo-card.entry.js +8 -8
  297. package/lib/esm/duet-radio_2.entry.js +4 -4
  298. package/lib/esm/duet-range-slider.entry.js +6 -6
  299. package/lib/esm/duet-scrollable_3.entry.js +7 -7
  300. package/lib/esm/duet-section-layout.entry.js +1 -1
  301. package/lib/esm/duet-select.entry.js +5 -5
  302. package/lib/esm/duet-shaped-image.entry.js +2 -2
  303. package/lib/esm/duet-share-chart-item.entry.js +1 -1
  304. package/lib/esm/duet-share-chart.entry.js +6 -6
  305. package/lib/esm/duet-show-more.entry.js +3 -3
  306. package/lib/esm/duet-slideout-lang.entry.js +3 -3
  307. package/lib/esm/duet-slideout-link.entry.js +5 -5
  308. package/lib/esm/duet-slideout-panel-dropdown.entry.js +2 -2
  309. package/lib/esm/duet-slideout-panel.entry.js +9 -9
  310. package/lib/esm/duet-slideout.entry.js +8 -8
  311. package/lib/esm/duet-status-icon.entry.js +2 -2
  312. package/lib/esm/duet-step_2.entry.js +3 -3
  313. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +2 -2
  314. package/lib/esm/duet-submenu-bar-dropdown.entry.js +3 -3
  315. package/lib/esm/duet-submenu-bar-item.entry.js +5 -5
  316. package/lib/esm/duet-submenu-bar-link.entry.js +2 -2
  317. package/lib/esm/duet-submenu-bar.entry.js +3 -3
  318. package/lib/esm/duet-textarea.entry.js +50 -34
  319. package/lib/esm/duet-toggle.entry.js +5 -5
  320. package/lib/esm/duet-toolbar-dropdown-link.entry.js +2 -2
  321. package/lib/esm/duet-toolbar-dropdown.entry.js +2 -2
  322. package/lib/esm/duet-toolbar-item.entry.js +8 -8
  323. package/lib/esm/duet-toolbar-link.entry.js +2 -2
  324. package/lib/esm/duet-toolbar.entry.js +4 -4
  325. package/lib/esm/duet-tooltip-button_2.entry.js +3 -3
  326. package/lib/esm/duet-tooltip.entry.js +5 -5
  327. package/lib/esm/duet-tray.entry.js +4 -4
  328. package/lib/esm/duet-upload-aria-status.entry.js +1 -1
  329. package/lib/esm/duet-upload-item.entry.js +4 -4
  330. package/lib/esm/duet-visually-hidden.entry.js +1 -1
  331. package/lib/esm/duet.js +4 -4
  332. package/lib/esm/{errorcodes.utils-qEQnnnLR.js → errorcodes.utils-Dx5bYlis.js} +1 -1
  333. package/lib/esm/{focus-utils-D7bOJ91T.js → focus-utils-C9Mfpzkg.js} +1 -1
  334. package/lib/esm/{index-CjRTMlgs.js → index-BZUiUO2r.js} +1 -1
  335. package/lib/esm/{label-DI1u_MFQ.js → label-DA07U81d.js} +1 -1
  336. package/lib/esm/{language-utils-DMUadJDW.js → language-utils-DBHdig-k.js} +1 -1
  337. package/lib/esm/loader.js +4 -4
  338. package/lib/esm/{slot-utils-DmMljwEF.js → slot-utils-CiYHolIk.js} +1 -1
  339. package/lib/esm/{themeable-component-CULFNCJP.js → themeable-component-CMi71I41.js} +1 -1
  340. package/lib/esm/{token-utils-Dw-GA7-4.js → token-utils-Dks4GBDa.js} +1 -1
  341. package/lib/esm/{tokens-DcQPCCbT.js → tokens-DOuLHrH5.js} +3 -3
  342. package/lib/esm/{tokens.module-Bh9dkusU.js → tokens.module-BDAqOMlM.js} +3 -3
  343. package/lib/types/components/duet-banner/duet-banner.d.ts +4 -0
  344. package/lib/types/components/duet-card/duet-card.d.ts +4 -0
  345. package/lib/types/components/duet-grid/duet-grid.d.ts +1 -1
  346. package/lib/types/components/duet-hero/duet-hero.d.ts +4 -0
  347. package/lib/types/components/duet-indicator/duet-indicator.d.ts +8 -1
  348. package/lib/types/components/duet-notification/duet-notification.d.ts +1 -0
  349. package/lib/types/components/duet-promo-card/duet-promo-card.d.ts +4 -0
  350. package/lib/types/components/duet-spinner/duet-spinner.d.ts +5 -3
  351. package/lib/types/components/duet-textarea/duet-textarea.d.ts +13 -7
  352. package/lib/types/components.d.ts +50 -12
  353. package/package.json +15 -9
  354. package/lib/duet/p-14b9af85.entry.js +0 -4
  355. package/lib/duet/p-1UeoYjt6.js +0 -4
  356. package/lib/duet/p-2690a420.entry.js +0 -4
  357. package/lib/duet/p-37bdc3b9.entry.js +0 -4
  358. package/lib/duet/p-450983a5.entry.js +0 -4
  359. package/lib/duet/p-4b4d9bdc.entry.js +0 -4
  360. package/lib/duet/p-51e85e15.entry.js +0 -4
  361. package/lib/duet/p-559a54d1.entry.js +0 -4
  362. package/lib/duet/p-56331c29.entry.js +0 -4
  363. package/lib/duet/p-5f2507ee.entry.js +0 -4
  364. package/lib/duet/p-638d143f.entry.js +0 -4
  365. package/lib/duet/p-63d75040.entry.js +0 -4
  366. package/lib/duet/p-80157aab.entry.js +0 -4
  367. package/lib/duet/p-88b2a4ab.entry.js +0 -4
  368. package/lib/duet/p-8a22e0f7.entry.js +0 -4
  369. package/lib/duet/p-9bdedc1c.entry.js +0 -4
  370. package/lib/duet/p-BW-c05c3.js +0 -4
  371. package/lib/duet/p-Bh9dkusU.js +0 -4
  372. package/lib/duet/p-CjRTMlgs.js +0 -5
  373. package/lib/duet/p-DcQPCCbT.js +0 -4
  374. package/lib/duet/p-DmZj36y3.js +0 -4
  375. package/lib/duet/p-DzEPksgg.js +0 -4
  376. package/lib/duet/p-a39af7a5.entry.js +0 -4
  377. package/lib/duet/p-a49e7633.entry.js +0 -4
  378. package/lib/duet/p-b17749b1.entry.js +0 -4
  379. package/lib/duet/p-c8c7616a.entry.js +0 -4
  380. package/lib/duet/p-e04410c6.entry.js +0 -4
  381. package/lib/duet/p-ebd27669.entry.js +0 -4
  382. package/lib/duet/p-qH1epSqB.js +0 -4
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-B1t_Yumd.js');
7
- var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
6
+ var index = require('./index-CZgR8hZO.js');
7
+ var themeableComponent = require('./themeable-component-lQsgCsDa.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;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-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:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-submenu-bar-link:focus,.duet-submenu-bar-link:focus.duet-theme-turva,.duet-theme-turva2 .duet-submenu-bar-link:focus,.duet-submenu-bar-link:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.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);transform:translateY(1px);transition:300ms ease}}.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:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active .label::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active::after{background:rgb(230, 23, 64)}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva:hover{color:rgb(23, 42, 59);background:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva:hover.active{color:rgb(230, 23, 64)}}";
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-B1t_Yumd.js');
7
- var tokens = require('./tokens-9aevMbB1.js');
6
+ var index = require('./index-CZgR8hZO.js');
7
+ var tokens = require('./tokens-BxWzRxOl.js');
8
8
  var bodyScrollLock_es6 = require('./bodyScrollLock.es6-B2sCDud5.js');
9
- var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
9
+ var themeableComponent = require('./themeable-component-lQsgCsDa.js');
10
10
 
11
11
  const duetSubmenuBarCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;pointer-events:none}:host *{pointer-events:auto}: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:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-submenu-bar button:focus,.duet-submenu-bar button:focus.duet-theme-turva,.duet-theme-turva2 .duet-submenu-bar button:focus,.duet-submenu-bar button:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-submenu-bar button.active .caret{transform:rotate(180deg)}.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{visibility:hidden;max-height:0;overflow:hidden}@media (min-width: 62em){.duet-submenu-bar .menu-container,.duet-submenu-bar .menu-container.hidden{position:static;z-index:auto;visibility:visible;max-height:unset;overflow:visible}}.duet-submenu-bar .items{visibility:visible;width:100%;height:70vh;overflow-y:scroll;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{visibility:hidden;max-height:0;overflow: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;visibility:visible;flex-direction:row;align-items:center;justify-content:center;height:auto;max-height:unset;overflow: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 .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:rgb(253, 247, 242);border-bottom-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva .items{background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva .mobile-background{background:rgb(23, 42, 59)}";
12
12
 
package/lib/cjs/duet-textarea.cjs.entry.js CHANGED
@@ -3,25 +3,24 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-B1t_Yumd.js');
7
- var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
8
- var label = require('./label-e--2ISFA.js');
6
+ var index = require('./index-CZgR8hZO.js');
7
+ var themeableComponent = require('./themeable-component-lQsgCsDa.js');
8
+ var label = require('./label-DLhV0DOC.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-Ce6b_uA3.js');
12
- var slotUtils = require('./slot-utils-C8k-6Rvc.js');
11
+ var jsUtils = require('./js-utils-hJ4A2edy.js');
12
+ var languageUtils = require('./language-utils-iTAyJvsm.js');
13
+ var slotUtils = require('./slot-utils-CnfGuEKm.js');
13
14
  require('./string-utils-B35hEUBv.js');
14
15
 
15
- const duetTextareaCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:block;width:100%;max-width:100%;text-align:left}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}duet-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-textarea-container{position:relative;width:100%;height:100%}.duet-textarea-container .duet-input-top-caption{display:none}.duet-textarea-container.duet-input-top-caption-shown .duet-input-top-caption{display:flex !important}.duet-textarea-wrapper{position:relative}.duet-textarea-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-textarea:focus{outline:2px solid;outline-offset:0;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-textarea:focus,.duet-textarea:focus.duet-theme-turva,.duet-theme-turva2 .duet-textarea:focus,.duet-textarea:focus.duet-theme-turva2{outline:2px solid;outline-offset:0;outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-textarea{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 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){outline:2px solid;outline-color:rgb(98, 121, 138);outline-offset:-1px}.duet-theme-turva .duet-textarea:hover:not(:disabled),.duet-textarea:hover:not(:disabled).duet-theme-turva,.duet-theme-turva2 .duet-textarea:hover:not(:disabled),.duet-textarea:hover:not(:disabled).duet-theme-turva2{outline-color:rgb(120, 145, 164)}.has-error .duet-textarea:hover:not(:disabled){outline:1px solid;outline-color:rgb(214, 28, 82);outline-offset:-1px}.duet-textarea:focus{border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .duet-textarea:focus{border-color:rgb(23, 28, 58)}.has-error .duet-textarea:focus{outline:1px solid;outline-color:rgb(214, 28, 82);outline-offset:-1px}.duet-textarea:not(:focus):not(:hover):invalid{outline:none}.duet-textarea-help{font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;line-height:1.25}.duet-textarea-help span{display:block;margin-top:8px}.duet-theme-turva .duet-textarea-help{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(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;border:0;clip:rect(0 0 0 0)}.duet-character-count{display:block;margin:8px 0 0 auto}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus{border-color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]{background:rgb(245, 246, 247) !important;border-color:rgb(245, 246, 247) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:-webkit-input-placeholder{color:rgb(120, 145, 164)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus::-webkit-input-placeholder{color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus::-moz-placeholder{color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus:-ms-input-placeholder{color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]::-webkit-input-placeholder{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]::-moz-placeholder{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]:-ms-input-placeholder{color:rgb(23, 42, 59)}";
16
+ const duetTextareaCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:block;width:100%;max-width:100%;text-align:left}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:16px !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}duet-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-textarea-container{position:relative;width:100%;height:100%}.duet-textarea-container .duet-input-top-caption{display:none}.duet-textarea-container.duet-input-top-caption-shown .duet-input-top-caption{display:flex !important}.duet-textarea-wrapper{position:relative}.duet-textarea-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-textarea:focus{outline:2px solid;outline-offset:0;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-textarea:focus,.duet-textarea:focus.duet-theme-turva,.duet-theme-turva2 .duet-textarea:focus,.duet-textarea:focus.duet-theme-turva2{outline:2px solid;outline-offset:0;outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-textarea{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 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){outline:2px solid;outline-color:rgb(98, 121, 138);outline-offset:-1px}.duet-theme-turva .duet-textarea:hover:not(:disabled),.duet-textarea:hover:not(:disabled).duet-theme-turva,.duet-theme-turva2 .duet-textarea:hover:not(:disabled),.duet-textarea:hover:not(:disabled).duet-theme-turva2{outline-color:rgb(120, 145, 164)}.has-error .duet-textarea:hover:not(:disabled){outline:1px solid;outline-color:rgb(214, 28, 82);outline-offset:-1px}.duet-textarea:focus{border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .duet-textarea:focus{border-color:rgb(23, 28, 58)}.has-error .duet-textarea:focus{outline:1px solid;outline-color:rgb(214, 28, 82);outline-offset:-1px}.duet-textarea:not(:focus):not(:hover):invalid{outline:none}.duet-textarea-help{font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;line-height:1.25}.duet-textarea-help span{display:block;margin-top:8px}.duet-theme-turva .duet-textarea-help{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(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;border:0;clip:rect(0 0 0 0)}.duet-character-count{display:block;margin:8px 0 0 auto}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus{border-color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]{background:rgb(245, 246, 247) !important;border-color:rgb(245, 246, 247) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:-webkit-input-placeholder{color:rgb(120, 145, 164)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus::-webkit-input-placeholder{color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus::-moz-placeholder{color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus:-ms-input-placeholder{color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]::-webkit-input-placeholder{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]::-moz-placeholder{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]:-ms-input-placeholder{color:rgb(23, 42, 59)}";
16
17
 
17
- const CharacterCount = ({ value, maxlength, label, theme }) => {
18
+ const CharacterCount = ({ value, maxlength, theme }) => {
18
19
  if (maxlength == null) {
19
20
  return;
20
21
  }
21
22
  const length = value.length;
22
- const remainder = Math.max(maxlength - length, 0); // ensure we never have negative numbers
23
- const isApproachingLimit = remainder / maxlength <= 0.1; // <= 10% chars remaining
24
- return (index.h("div", { class: "duet-character-count" }, index.h("duet-caption", { margin: "none", theme: theme, size: "small" }, index.h("duet-visually-hidden", { "aria-live": "polite", "aria-atomic": "true", class: "duet-textarea-counter-remaining" }, isApproachingLimit && `${remainder} ${label}`), index.h("span", { "aria-hidden": "true" }, length, "/", maxlength))));
23
+ return (index.h("div", { class: "duet-character-count" }, index.h("duet-caption", { margin: "none", theme: theme, size: "small" }, index.h("span", { "aria-hidden": "true" }, length, "/", maxlength))));
25
24
  };
26
25
  const DuetTextarea = class {
27
26
  constructor(hostRef) {
@@ -40,12 +39,15 @@ const DuetTextarea = class {
40
39
  this.labelId = createId.createID("DuetLabel");
41
40
  this.errorId = createId.createID("DuetError");
42
41
  this.characterCountId = createId.createID("DuetCharacterCount");
42
+ this.visuallyHiddenCounterDebounceMS = 1000;
43
43
  this.disallowPatternRegex = null;
44
- this.counterLabelDefaults = {
45
- fi: "merkkiä jäljellä",
46
- en: "characters remaining",
47
- sv: "tecken kvar",
44
+ this.charactersRemainingLabel = {
45
+ // The comma in Finnish is to prevent use of partitive case for remaining
46
+ fi: "{remaining}, merkkiä jäljellä {max}{postfix}.",
47
+ en: "{remaining} characters remaining out of {max}.",
48
+ sv: "{remaining} tecken kvar av {max}.",
48
49
  };
50
+ this.language = languageUtils.getLanguage();
49
51
  /**
50
52
  * Controls the margin of the component.
51
53
  */
@@ -131,10 +133,9 @@ const DuetTextarea = class {
131
133
  */
132
134
  this.counter = false;
133
135
  /**
134
- * Accessible label for character counter.
135
- * @default fi: "merkkiä jäljellä", en: "characters remaining", sv: "tecken kvar"
136
+ * @deprecated, the visually hidden counter label is no longer changeable
136
137
  */
137
- this.counterLabel = languageUtils.getLocaleString(this.counterLabelDefaults);
138
+ this.counterLabel = "";
138
139
  /**
139
140
  * Component event handling.
140
141
  */
@@ -166,15 +167,23 @@ const DuetTextarea = class {
166
167
  });
167
168
  };
168
169
  this.handleFocus = (ev) => {
169
- if (this.counter) {
170
- this.hiddenCounterLabel.textContent = `${languageUtils.formatNumber(Math.max(this.maxlength - this.value.length, 0))}/${languageUtils.formatNumber(this.maxlength)} ${this.counterLabel}`;
171
- }
172
170
  this.duetFocus.emit({
173
171
  originalEvent: ev,
174
172
  value: this.value,
175
173
  component: "duet-textarea",
176
174
  });
177
175
  };
176
+ /**
177
+ * When the character limit has been reached and key is pressed, switch the
178
+ * visually hidden label temprorily to empty so it is re-read.
179
+ */
180
+ this.handleKeyDown = () => {
181
+ var _a;
182
+ if (((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) === this.maxlength) {
183
+ this.visuallyHiddenCounterText = "";
184
+ setTimeout(() => this.updateVisuallyHiddenCounterText(), 10);
185
+ }
186
+ };
178
187
  this.getDescribedBy = () => {
179
188
  const describedBy = [];
180
189
  if (this.isCaptionVisible && this.topCaptionId) {
@@ -186,7 +195,7 @@ const DuetTextarea = class {
186
195
  if (this.error) {
187
196
  describedBy.push(this.errorId);
188
197
  }
189
- if (this.counter) {
198
+ if (this.counter && this.maxlength) {
190
199
  describedBy.push(this.characterCountId);
191
200
  }
192
201
  return describedBy.length > 0 ? describedBy.join(" ") : null;
@@ -198,6 +207,11 @@ const DuetTextarea = class {
198
207
  get validity() {
199
208
  return this.nativeInput.validity;
200
209
  }
210
+ valueChange(newValue, oldValue) {
211
+ if (newValue !== oldValue) {
212
+ jsUtils.debounce(() => this.updateVisuallyHiddenCounterText(), this.visuallyHiddenCounterDebounceMS)();
213
+ }
214
+ }
201
215
  disallowedPatternChange() {
202
216
  this.disallowPatternRegex = this.disallowPattern ? new RegExp(this.disallowPattern, "gu") : null;
203
217
  }
@@ -208,19 +222,22 @@ const DuetTextarea = class {
208
222
  themeableComponent.inheritGlobalTheme(this);
209
223
  this.disallowedPatternChange();
210
224
  this.isCaptionVisible = !!this.caption;
225
+ this.updateVisuallyHiddenCounterText();
211
226
  slotUtils.checkNamedSlotElement(this.element, "tooltip", "duet-tooltip", 1, true);
212
227
  if (this.counter && this.maxlength == null) {
213
228
  console.warn("[DUET WARNING]: counter will only take effect if maxlength is set");
214
229
  }
215
230
  }
216
- connectedCallback() {
217
- languageUtils.connectLanguageChangeObserver(this, {
218
- prop: "counterLabel",
219
- defaults: "counterLabelDefaults",
220
- });
221
- }
222
- disconnectedCallback() {
223
- languageUtils.disconnectLanguageChangeObserver(this);
231
+ updateVisuallyHiddenCounterText() {
232
+ var _a;
233
+ const remaining = languageUtils.formatNumber(Math.max(this.maxlength - (((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) || 0), 0));
234
+ // postfix is used only in Finnish
235
+ // with "a" for full hundreds or numbers ending with 2, 3, 6, or 8; with "ä" otherwise
236
+ const postfix = this.maxlength % 100 === 0 || [2, 3, 6, 8].includes(this.maxlength % 10) ? ":sta" : ":stä";
237
+ this.visuallyHiddenCounterText = this.charactersRemainingLabel[this.language]
238
+ .replace("{remaining}", remaining)
239
+ .replace("{max}", languageUtils.formatNumber(this.maxlength))
240
+ .replace("{postfix}", postfix);
224
241
  }
225
242
  componentDidRender() {
226
243
  slotUtils.proxyInputToSlot(this.element, this.proxyId, this.name, this.value, this.required);
@@ -238,22 +255,21 @@ const DuetTextarea = class {
238
255
  */
239
256
  render() {
240
257
  const identifier = this.identifier || this.textareaId;
241
- return (index.h(index.Host, { key: '624bdcddb58e1530c51ac379e2d274001b816883', class: {
258
+ return (index.h(index.Host, { key: '174c025b28759704200ac6bd9b20c07513796881', class: {
242
259
  "duet-m-0": this.margin === "none",
243
260
  "duet-has-counter": this.counter && !this.error,
244
261
  "duet-expand": this.expand,
245
- } }, index.h("div", { key: '7052a9e19e9394d91343b9c356317706491483e4', class: {
262
+ } }, index.h("div", { key: 'cb62d2c55014bfb821da50fbeb53bef3878f42a2', class: {
246
263
  "duet-textarea-container": true,
247
264
  "duet-theme-turva": this.theme === "turva",
248
265
  "duet-label-hidden": this.labelHidden,
249
266
  "duet-input-top-caption-shown": this.isCaptionVisible,
250
267
  "has-error": !!this.error,
251
- } }, index.h(label.DuetInternalLabel, { key: 'f485a02ef392a81b6ce9675943b97589ab104787', 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: '2c6ad7e4e904a8296cd78c10f44b4059766fb6e8', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), index.h("slot", { key: 'a9574cd2fe26c7aae531900b941b9f599bbf4cbb', name: "tooltip" }), this.caption && (index.h("duet-caption", { key: '37ff8e38f41f97d150a8ded794acd5134cf396dd', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), index.h("div", { key: '91d6f9e0aff8fa8cb1eb700cc8e942a761171427', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (index.h("duet-caption", { key: 'f11e135d88137d819fefae10d48df76927122d5e', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), index.h("textarea", { key: '21d58de3abc2c2befac4c05ba19ecc24931ff873', 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: '5e20d51637a82792cc21934cd1047db4926f16c8', alignment: "stretch" }, index.h("duet-grid-item", { key: 'd661c25567e85f2371e473d41444e024f8396f3d', margin: "none", fill: true }, index.h("div", { key: '6953975b58cf0abb73c6577ad7a78ba46e88230b', 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: 'a3609f7dfffead70a15375479ab2223f78eb3e50' }, this.error))), index.h("duet-grid-item", { key: 'c249410eedf7c2f384f9ce32ac03aeb29936a594', margin: "none", class: "duet-character-count-caption" }, this.counter && (index.h(CharacterCount, { key: 'abd891c68360549dd3c1a9ee0ff3dbeec5104049', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (index.h("duet-visually-hidden", { key: '45e036b9eb30379561d79b4822902ef31719a26e', class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
252
- this.hiddenCounterLabel = el;
253
- } })))));
268
+ } }, index.h(label.DuetInternalLabel, { key: 'e60161bef26e445f508caa52d9ec36fad2e5a4d6', 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: '50d1b502ae2daeb5aa6b52a506f1b355b723ffd1', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), index.h("slot", { key: '60cac12c58f83ea622fb1d55e4a548b424119c1c', name: "tooltip" }), this.caption && (index.h("duet-caption", { key: '57a5af01882adc799ae421d87c1a08e4d1a51ccd', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), index.h("div", { key: 'ba6e6f1f9afaf509a45b6ce58c3cf8e3345c62fe', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (index.h("duet-caption", { key: 'bdac513f777135b1c5fea678c622fe3b281f83c1', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), index.h("textarea", { key: '05e779176f391b62641944cf8e9004f82ed55af1', onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, 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: '3f974cde13c49693404189ef820b30a47093cc01', alignment: "stretch" }, index.h("duet-grid-item", { key: '19fc220eed8890873a9bfcda21ccdce4214f125f', margin: "none", fill: true }, index.h("div", { key: 'ff672547fb887361bc8236db35e37c1c0f5d04ab', 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: 'b6fdd99d426bc3e546bde21855954fd2a93c7e36' }, this.error))), index.h("duet-grid-item", { key: 'a11f7efc87417bf66c2bf07fdc4bff6ac4e77f9e', margin: "none", class: "duet-character-count-caption" }, this.counter && index.h(CharacterCount, { key: '0675d261eeecf2c833c95103f5d43688ea3bf663', theme: this.theme, value: this.value, maxlength: this.maxlength }))), this.counter && this.maxlength && (index.h("duet-visually-hidden", { key: 'ee10cca12e1c4f29483a33c1ed04f03ce01f3f36', id: this.characterCountId, class: "visually-hidden-counter" }, this.visuallyHiddenCounterText)))));
254
269
  }
255
270
  get element() { return index.getElement(this); }
256
271
  static get watchers() { return {
272
+ "value": ["valueChange"],
257
273
  "disallowPattern": ["disallowedPatternChange"]
258
274
  }; }
259
275
  };
package/lib/cjs/duet-toggle.cjs.entry.js CHANGED
@@ -3,14 +3,14 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-B1t_Yumd.js');
7
- var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
8
- var label = require('./label-e--2ISFA.js');
6
+ var index = require('./index-CZgR8hZO.js');
7
+ var themeableComponent = require('./themeable-component-lQsgCsDa.js');
8
+ var label = require('./label-DLhV0DOC.js');
9
9
  var createId = require('./create-id-DtslnIOq.js');
10
10
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
11
- var slotUtils = require('./slot-utils-C8k-6Rvc.js');
11
+ var slotUtils = require('./slot-utils-CnfGuEKm.js');
12
12
 
13
- const duetToggleCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:8px !important;margin-bottom:12px !important;-webkit-user-select:none;user-select:none;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}duet-label{display:block !important;width:100% !important}.duet-side-label{display:flex;gap:12px;align-items:center}.duet-side-label duet-label{width:auto !important}.duet-reverse-label{flex-direction:row-reverse}.duet-switch{position:relative;display:block;width:48px;height:28px}.duet-switch input{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important}.duet-switch input:checked+.duet-slider{background-color:rgb(0, 119, 179);box-shadow:none}.duet-theme-turva .duet-switch input:checked+.duet-slider{background-color:rgb(198, 12, 48)}.duet-switch input:checked+.duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #004467;transform:translateX(20px)}.duet-theme-turva .duet-switch input:checked+.duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #660619}.duet-switch input:disabled+.duet-slider{cursor:default}.duet-switch input:disabled+.duet-slider::before{box-shadow:none}.duet-theme-turva .duet-switch input:disabled+.duet-slider::before{box-shadow:none}.duet-switch input:disabled:not(:checked)+.duet-slider{background:#bfcbd2}.duet-switch input:disabled:not(:checked)+.duet-slider::before{background:rgb(255, 255, 255);box-shadow:none}.duet-theme-turva .duet-switch input:disabled:not(:checked)+.duet-slider{background:#c7c9cf}.duet-theme-turva .duet-switch input:disabled:not(:checked)+.duet-slider::before{background:rgb(255, 255, 255)}.duet-switch input:disabled:checked+.duet-slider{background:#80bbd9}.duet-theme-turva .duet-switch input:disabled:checked+.duet-slider{background:#e38698}:host(.user-is-tabbing) .duet-switch input:focus+.duet-slider{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-switch input:focus+.duet-slider,:host(.user-is-tabbing) .duet-switch input:focus+.duet-slider.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-switch input:focus+.duet-slider,:host(.user-is-tabbing) .duet-switch input:focus+.duet-slider.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:rgb(127, 150, 165);border-radius:24px;transition:background-color 300ms ease}.duet-slider::before{position:absolute;bottom:2px;left:2px;width:24px;height:24px;content:\"\";background-color:rgb(255, 255, 255);border-radius:50%;box-shadow:1px 0 2px 0 #5d6266;transition:300ms ease}.duet-theme-turva .duet-slider{background-color:rgb(143, 147, 158)}.duet-theme-turva .duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:1px 0 2px 0 #00334d}:host(.duet-theme-turva2) .duet-switch input:checked+.duet-slider{background-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-switch input:checked+.duet-slider::before{box-shadow:-1px 0 2px #890e26;transform:translateX(20px)}:host(.duet-theme-turva2) .duet-switch input:disabled:checked+.duet-slider{background:#f38ba0}";
13
+ const duetToggleCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:8px !important;margin-bottom:12px !important;-webkit-user-select:none;user-select:none;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:8px !important}:host(.duet-m-0){margin:0 !important}duet-label{display:block !important;width:100% !important}.duet-side-label{display:flex;gap:12px;align-items:center}.duet-side-label duet-label{width:auto !important}.duet-reverse-label{flex-direction:row-reverse}.duet-switch{position:relative;display:block;width:48px;height:28px}.duet-switch input{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important}.duet-switch input:checked+.duet-slider{background-color:rgb(0, 119, 179);box-shadow:none}.duet-theme-turva .duet-switch input:checked+.duet-slider{background-color:rgb(198, 12, 48)}.duet-switch input:checked+.duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #004467;transform:translateX(20px)}.duet-theme-turva .duet-switch input:checked+.duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #660619}.duet-switch input:disabled+.duet-slider{cursor:default}.duet-switch input:disabled+.duet-slider::before{box-shadow:none}.duet-theme-turva .duet-switch input:disabled+.duet-slider::before{box-shadow:none}.duet-switch input:disabled:not(:checked)+.duet-slider{background:#bfcbd2}.duet-switch input:disabled:not(:checked)+.duet-slider::before{background:rgb(255, 255, 255);box-shadow:none}.duet-theme-turva .duet-switch input:disabled:not(:checked)+.duet-slider{background:#c7c9cf}.duet-theme-turva .duet-switch input:disabled:not(:checked)+.duet-slider::before{background:rgb(255, 255, 255)}.duet-switch input:disabled:checked+.duet-slider{background:#80bbd9}.duet-theme-turva .duet-switch input:disabled:checked+.duet-slider{background:#e38698}:host(.user-is-tabbing) .duet-switch input:focus+.duet-slider{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-switch input:focus+.duet-slider,:host(.user-is-tabbing) .duet-switch input:focus+.duet-slider.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-switch input:focus+.duet-slider,:host(.user-is-tabbing) .duet-switch input:focus+.duet-slider.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:rgb(127, 150, 165);border-radius:24px;transition:background-color 300ms ease}.duet-slider::before{position:absolute;bottom:2px;left:2px;width:24px;height:24px;content:\"\";background-color:rgb(255, 255, 255);border-radius:50%;box-shadow:1px 0 2px 0 #5d6266;transition:300ms ease}.duet-theme-turva .duet-slider{background-color:rgb(143, 147, 158)}.duet-theme-turva .duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:1px 0 2px 0 #00334d}:host(.duet-theme-turva2) .duet-switch input:checked+.duet-slider{background-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-switch input:checked+.duet-slider::before{box-shadow:-1px 0 2px #890e26;transform:translateX(20px)}:host(.duet-theme-turva2) .duet-switch input:disabled:checked+.duet-slider{background:#f38ba0}";
14
14
 
15
15
  const DuetToggle = class {
16
16
  constructor(hostRef) {
package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js CHANGED
@@ -3,8 +3,8 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-B1t_Yumd.js');
7
- var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
6
+ var index = require('./index-CZgR8hZO.js');
7
+ var themeableComponent = require('./themeable-component-lQsgCsDa.js');
8
8
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
9
9
 
10
10
  const duetToolbarDropdownLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:100%}.duet-toolbar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:center;text-decoration:none}.duet-toolbar-dropdown-link:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-toolbar-dropdown-link:focus,.duet-toolbar-dropdown-link:focus.duet-theme-turva,.duet-theme-turva2 .duet-toolbar-dropdown-link:focus,.duet-toolbar-dropdown-link:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-toolbar-dropdown-link .label{flex:1;text-align:left}.duet-toolbar-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-toolbar-dropdown-link.active{background:rgb(240, 247, 250)}.duet-toolbar-dropdown-link.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-toolbar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-toolbar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}:host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva.active{background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva:hover{background:rgb(251, 225, 209)}";
package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js CHANGED
@@ -3,8 +3,8 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-B1t_Yumd.js');
7
- var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
6
+ var index = require('./index-CZgR8hZO.js');
7
+ var themeableComponent = require('./themeable-component-lQsgCsDa.js');
8
8
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
9
9
 
10
10
  const duetToolbarDropdownCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;height:100%}.duet-toolbar-dropdown{position:relative;height:100%}.duet-toolbar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;cursor:pointer}.duet-toolbar-dropdown button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-toolbar-dropdown button:focus,.duet-toolbar-dropdown button:focus.duet-theme-turva,.duet-theme-turva2 .duet-toolbar-dropdown button:focus,.duet-toolbar-dropdown button:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-toolbar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-toolbar-dropdown button:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-dropdown button.open .caret{transform:rotate(180deg)}.duet-toolbar-dropdown button.active,.duet-toolbar-dropdown button.open{color:rgb(8, 42, 77)}.duet-toolbar-dropdown button.active::after,.duet-toolbar-dropdown button.open::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transform:translateY(1px);transition:300ms ease}.duet-toolbar-dropdown .items{position:absolute;top:93%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:175px;padding:8px;color:rgb(8, 42, 77);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)}.duet-toolbar-dropdown .items.hidden{display:none}.duet-toolbar-dropdown.right .items{right:auto;left:0%}.duet-toolbar-dropdown.duet-theme-turva button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button:hover{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-dropdown.duet-theme-turva button.active,.duet-toolbar-dropdown.duet-theme-turva button.open{color:rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button.active::after,.duet-toolbar-dropdown.duet-theme-turva button.open::after{background:rgb(198, 12, 48)}.duet-toolbar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}.duet-toolbar-dropdown.negative button{color:rgb(255, 255, 255)}.duet-toolbar-dropdown.negative button:hover{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button.active{font-weight:600;color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button.open{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-dropdown.duet-theme-turva.negative button{color:rgb(255, 255, 255)}.duet-toolbar-dropdown.duet-theme-turva.negative button:hover{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button.active{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button.open{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button duet-icon{color:rgb(255, 185, 190)}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button:hover{color:rgb(23, 42, 59);background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.active::after,:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.open::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.active,:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.open{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button:hover,:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.active,:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.open{background:rgba(23, 42, 59, 0.2)}";
package/lib/cjs/duet-toolbar-item.cjs.entry.js CHANGED
@@ -3,14 +3,14 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-B1t_Yumd.js');
6
+ var index = require('./index-CZgR8hZO.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-DmPMm0Cz.js');
10
- var a11yUtils = require('./a11y-utils-D2e4DE4A.js');
11
- var languageUtils = require('./language-utils-Ce6b_uA3.js');
9
+ var themeableComponent = require('./themeable-component-lQsgCsDa.js');
10
+ var a11yUtils = require('./a11y-utils-gRNAWDsE.js');
11
+ var languageUtils = require('./language-utils-iTAyJvsm.js');
12
12
  require('./_commonjsHelpers-4N64IRaP.js');
13
- require('./slot-utils-C8k-6Rvc.js');
13
+ require('./slot-utils-CnfGuEKm.js');
14
14
  require('./string-utils-B35hEUBv.js');
15
15
 
16
16
  const duetToolbarItemCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;height:100%}.duet-toolbar-item{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;white-space:nowrap;text-decoration:none;cursor:pointer}.duet-toolbar-item:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-toolbar-item:focus,.duet-toolbar-item:focus.duet-theme-turva,.duet-theme-turva2 .duet-toolbar-item:focus,.duet-toolbar-item:focus.duet-theme-turva2{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-toolbar-item .duet-toolbar-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}.duet-toolbar-item .trailing-icon{width:16px;height:16px}.duet-toolbar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-toolbar-item .external-icon{width:10px;height:10px}.duet-toolbar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-toolbar-item.primary,.duet-toolbar-item.secondary{color:rgb(255, 255, 255)}.duet-toolbar-item.primary:focus,.duet-toolbar-item.secondary:focus{outline:2px solid;outline-offset:-4px;outline-color:rgb(255, 255, 255)}.duet-toolbar-item.primary[aria-expanded=true],.duet-toolbar-item.secondary[aria-expanded=true]{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.primary duet-icon,.duet-toolbar-item.secondary duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-item.primary[aria-expanded=true]{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.secondary[aria-expanded=true]{background:rgb(3, 56, 102)}.duet-toolbar-item.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-toolbar-item.duet-theme-turva.primary{color:rgb(255, 255, 255)}.duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true]{background:rgba(23, 28, 58, 0.2)}.duet-toolbar-item.duet-theme-turva.primary duet-icon{color:rgb(255, 185, 190)}.duet-toolbar-item:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-item:hover.primary,.duet-toolbar-item:hover.secondary{color:rgb(255, 255, 255)}.duet-toolbar-item:hover.primary{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item:hover.secondary{background:rgb(3, 56, 102)}.duet-toolbar-item:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-item:hover.duet-theme-turva.primary{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-item.active{color:rgb(8, 42, 77)}.duet-toolbar-item.active.primary,.duet-toolbar-item.active.secondary{font-weight:600;color:rgb(255, 255, 255)}.duet-toolbar-item.active.primary::after,.duet-toolbar-item.active.secondary::after{display:none}.duet-toolbar-item.active.primary{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.active.secondary{background:rgb(3, 56, 102)}.duet-toolbar-item.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transform:translateY(1px);transition:300ms ease}.duet-toolbar-item.active::after.duet-theme-turva{background:rgb(198, 12, 48)}.duet-toolbar-item.active.duet-theme-turva{color:rgb(23, 28, 58)}.duet-toolbar-item.active.duet-theme-turva::after{background:rgb(198, 12, 48)}.duet-toolbar-item.active.duet-theme-turva.primary{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}duet-indicator{top:4px;left:16px;z-index:1}duet-indicator:has(+.duet-toolbar-item .duet-toolbar-icon){left:36px}:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:not(.primary){color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true]{background:rgba(23, 42, 59, 0.2)}:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover{background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover:not(.primary){color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover.primary{background:rgba(23, 42, 59, 0.2)}:host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva:not(.primary){color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva.primary{background:rgba(23, 42, 59, 0.2)}";
@@ -95,17 +95,17 @@ const DuetToolbarItem = class {
95
95
  : this.variation === "secondary"
96
96
  ? "secondary"
97
97
  : "default";
98
- return (index.h(index.Host, { key: 'eb26d2d4b6bca30e6ca4f6badc1235aba9bceba5', role: "listitem" }, this.badge && index.h("duet-indicator", { key: '06e7cc4489109e59e3a86c4ba511ca82c92c81ac', variation: "change" }), index.h(TagName, { key: '294b46d5c03f9e4468a109de050f6f5d5e6db5ae', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
98
+ return (index.h(index.Host, { key: 'f36d0228f8546f61bd7f1a21fc94bbfacb229270', role: "listitem" }, this.badge && index.h("duet-indicator", { key: 'a46dc8ea7f76a4f8c76664dc4e1ad56941028a10', variation: "change" }), index.h(TagName, { key: 'e488df937c34dadf25be1f2beacfe29161ba73cf', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
99
99
  "duet-toolbar-item": true,
100
100
  "duet-theme-turva": this.theme === "turva",
101
101
  active: this.active,
102
102
  [variation]: true,
103
- }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "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, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (index.h("div", { key: 'cfb375b91d12501eb3bb14c0d8dab4898c225b1b', class: "duet-toolbar-icon" }, index.h("duet-icon", { key: '2d4505d93051cc291345aaa8f7fd75254e0f9f13', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && index.h("div", { key: '6d4deb63928fa9484fd2d36bb3b63bc31ca09de0', class: "duet-toolbar-badge" }))), index.h("slot", { key: '487e4a04766617cac63c99949c3900049358fec9' }), (this.trailingIcon || (this.url && this.external)) && (index.h("div", { key: 'bf9cb805c54b16cb6fa0f0c4d79af8214efcdbb7', class: "duet-toolbar-icon" }, index.h("duet-icon", { key: 'ea4fb89649c146496bbc68c383483851fa9ea171', class: {
103
+ }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "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, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (index.h("div", { key: 'fb792acb4d635caf2dbe6d6b34eb7ca0257c6425', class: "duet-toolbar-icon" }, index.h("duet-icon", { key: '7aeb14377fab6bbba397bdcb85942bc7f9026f99', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && index.h("div", { key: 'f2a6ed7704a7d21782c32fe02f1d768203a0e543', class: "duet-toolbar-badge" }))), index.h("slot", { key: 'c5f8d0d4644d68d9ae8bae97f3b26d9cb7ff2693' }), (this.trailingIcon || (this.url && this.external)) && (index.h("div", { key: '1258c07b9515853adcc3461d186240ba86fdc491', class: "duet-toolbar-icon" }, index.h("duet-icon", { key: '3472d1724fb3d148dd2ac58a964db4ab2ae7908e', class: {
104
104
  "trailing-icon": !!this.trailingIcon,
105
105
  "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
106
106
  "external-icon": !!(this.url && this.external),
107
107
  rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
108
- }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? actionNewWindowSmall.newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && index.h("div", { key: '6faf269ca79bd58c526ec509fad3fad42791c660', class: "duet-toolbar-badge" }))))));
108
+ }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? actionNewWindowSmall.newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && index.h("div", { key: 'df9aa0697ed176678be4f45596c3276da1218a33', class: "duet-toolbar-badge" }))))));
109
109
  }
110
110
  get element() { return index.getElement(this); }
111
111
  };
package/lib/cjs/duet-toolbar-link.cjs.entry.js CHANGED
@@ -3,8 +3,8 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-B1t_Yumd.js');
7
- var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
6
+ var index = require('./index-CZgR8hZO.js');
7
+ var themeableComponent = require('./themeable-component-lQsgCsDa.js');
8
8
 
9
9
  const duetToolbarLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;height:100%}.duet-toolbar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;white-space:nowrap;text-decoration:none}.duet-toolbar-link:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-toolbar-link:focus,.duet-toolbar-link:focus.duet-theme-turva,.duet-theme-turva2 .duet-toolbar-link:focus,.duet-toolbar-link:focus.duet-theme-turva2{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-toolbar-link.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.negative:focus{outline:2px solid;outline-offset:-4px;outline-color:rgb(255, 255, 255)}.duet-toolbar-link.negative duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-toolbar-link.duet-theme-turva.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.duet-theme-turva.negative duet-icon{color:rgb(255, 185, 190)}.duet-toolbar-link:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-link:hover.negative{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-link:hover.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active{color:rgb(8, 42, 77)}.duet-toolbar-link.active.negative{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active.negative::after{display:none}.duet-toolbar-link.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transform:translateY(1px);transition:300ms ease}.duet-toolbar-link.active::after.duet-theme-turva{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva{color:rgb(23, 28, 58)}.duet-toolbar-link.active.duet-theme-turva::after{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva{color:rgb(23, 42, 59);background:transparent}:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover{color:rgb(23, 42, 59);background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover.negative{background:rgba(23, 42, 59, 0.2)}:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-toolbar-link.active.negative{background:rgba(23, 42, 59, 0.2)}:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva.negative{background:rgba(23, 42, 59, 0.2)}";
10
10
 
package/lib/cjs/duet-toolbar.cjs.entry.js CHANGED
@@ -3,8 +3,8 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-B1t_Yumd.js');
7
- var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
6
+ var index = require('./index-CZgR8hZO.js');
7
+ var themeableComponent = require('./themeable-component-lQsgCsDa.js');
8
8
 
9
9
  const duetToolbarCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:relative;width:100%}.duet-toolbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255)}.duet-toolbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;height:36px;margin:0 28px;border-bottom:1px solid rgb(212, 223, 229)}.duet-toolbar .list{display:flex;align-items:center;justify-content:space-between;height:100%;list-style-type:none}.duet-toolbar ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-toolbar.primary{background:rgb(0, 119, 179)}.duet-toolbar.primary .container{border-bottom:0}.duet-toolbar.secondary{background:rgb(8, 42, 77)}.duet-toolbar.secondary .container{border-bottom:0}.duet-toolbar.duet-theme-turva{background:rgb(255, 255, 255)}.duet-toolbar.duet-theme-turva .container{border-bottom:1px solid rgb(222, 224, 228)}.duet-toolbar.duet-theme-turva.primary{background:rgb(198, 12, 48)}.duet-toolbar.duet-theme-turva.primary .container{border-bottom:0}:host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva .container{border-bottom-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva.primary{background:rgb(230, 23, 64)}";
10
10
 
@@ -38,11 +38,11 @@ const DuetToolbar = class {
38
38
  : this.variation === "secondary"
39
39
  ? "secondary"
40
40
  : "default";
41
- return (index.h(index.Host, { key: 'fe9cc8e718b52ddc3152c84ffc1ab5d4460935ba' }, index.h("nav", { key: 'a790b620e9b15d3546f88a9d7216d57269a05a6c', class: {
41
+ return (index.h(index.Host, { key: '2434866ef0b95d7b07a2248edc89a4f473d9ecc6' }, index.h("nav", { key: '9938a3cd11e5230013027cb613c8aa81f95e5bf7', class: {
42
42
  "duet-toolbar": true,
43
43
  "duet-theme-turva": this.theme === "turva",
44
44
  [variation]: true,
45
- }, "aria-label": this.accessibleLabel }, index.h("div", { key: 'd1074c8c4ab3245f11ad5364c91cb1a3c193b833', class: "container" }, index.h("div", { key: 'ca7672dd9a66e35aa4acc360fc2221633c75cea4', class: "list", role: "list" }, index.h("slot", { key: '6c88cdcfca3282db04370a377a106ed7b69f115b', name: "left" })), index.h("div", { key: 'c67d455a9e59976bea3405b30ccdbc8823d7976f', class: "list", role: "list" }, index.h("slot", { key: 'd430749d17f22d1fb24c72c74eb27f5ceb31a5ae', name: "right" }))))));
45
+ }, "aria-label": this.accessibleLabel }, index.h("div", { key: '9c915e9ffe872ec9b253bf9c7b7ca58ac5c39bee', class: "container" }, index.h("div", { key: '7a1ce3f543e9b908638de889a1b6b8270f73d830', class: "list", role: "list" }, index.h("slot", { key: '396f255c2694dbff16ae2f2584be49e4f5d4fdf5', name: "left" })), index.h("div", { key: '975122519f64947d2fc01d8a5c9fa63c3052097a', class: "list", role: "list" }, index.h("slot", { key: '8d070c2c7e5a168d7c426df35a4b742a95696383', name: "right" }))))));
46
46
  }
47
47
  get element() { return index.getElement(this); }
48
48
  };
package/lib/cjs/duet-tooltip-button_2.cjs.entry.js CHANGED
@@ -3,10 +3,10 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-B1t_Yumd.js');
7
- var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
6
+ var index = require('./index-CZgR8hZO.js');
7
+ var themeableComponent = require('./themeable-component-lQsgCsDa.js');
8
8
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
9
- var focusUtils = require('./focus-utils-B7QfRXd-.js');
9
+ var focusUtils = require('./focus-utils-D6oLee8e.js');
10
10
  var teleport = require('./teleport-D5NDbuu0.js');
11
11
 
12
12
  const duetTooltipButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button:focus{outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-tooltip-button.duet-theme-turva{color:rgb(198, 12, 48)}.duet-tooltip-button.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:hover{color:rgb(0, 75, 129)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-tooltip-button:hover.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.25;vertical-align:top;text-align:left;white-space:normal}.duet-theme-turva .duet-tooltip-label{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}:host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva:hover{color:rgb(230, 23, 64)}";
package/lib/cjs/duet-tooltip.cjs.entry.js CHANGED
@@ -3,14 +3,14 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-B1t_Yumd.js');
7
- var tokens = require('./tokens-9aevMbB1.js');
6
+ var index = require('./index-CZgR8hZO.js');
7
+ var tokens = require('./tokens-BxWzRxOl.js');
8
8
  var floatingUi_dom_browser_min = require('./floating-ui.dom.browser.min-Cj0r5YDz.js');
9
- var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
9
+ var themeableComponent = require('./themeable-component-lQsgCsDa.js');
10
10
  var createId = require('./create-id-DtslnIOq.js');
11
11
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
12
- var languageUtils = require('./language-utils-Ce6b_uA3.js');
13
- var slotUtils = require('./slot-utils-C8k-6Rvc.js');
12
+ var languageUtils = require('./language-utils-iTAyJvsm.js');
13
+ var slotUtils = require('./slot-utils-CnfGuEKm.js');
14
14
  require('./string-utils-B35hEUBv.js');
15
15
 
16
16
  const duetTooltipCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}duet-tooltip-button{position:relative}duet-tooltip-popup{position:absolute}";
package/lib/cjs/duet-tray.cjs.entry.js CHANGED
@@ -3,12 +3,12 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-B1t_Yumd.js');
7
- var tokens_module = require('./tokens.module-Bhh9B2g8.js');
8
- var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
6
+ var index = require('./index-CZgR8hZO.js');
7
+ var tokens_module = require('./tokens.module-DJt2h4FX.js');
8
+ var themeableComponent = require('./themeable-component-lQsgCsDa.js');
9
9
  var createId = require('./create-id-DtslnIOq.js');
10
10
  var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
11
- var languageUtils = require('./language-utils-Ce6b_uA3.js');
11
+ var languageUtils = require('./language-utils-iTAyJvsm.js');
12
12
  require('./string-utils-B35hEUBv.js');
13
13
 
14
14
  const duetTrayCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}.duet-tray{position:fixed;top:4rem;right:0;left:0;z-index:399;display:flex;visibility:hidden;flex-direction:column;max-height:calc(100% - 8rem);padding:16px 20px 16px 24px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transform:translateY(-4rem);transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tray:focus,:host(.user-is-tabbing) .duet-tray:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-tray:focus,:host(.user-is-tabbing) .duet-tray:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;visibility:hidden;width:calc(100% + 46px);max-height:0;overflow-y:auto;scrollbar-width:none;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{visibility:visible;max-height:500px;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(222, 224, 228)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(8, 42, 77);text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tray-button:focus,:host(.user-is-tabbing) .duet-tray-button:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-tray-button:focus,:host(.user-is-tabbing) .duet-tray-button:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-theme-turva .duet-tray-button{color:rgb(23, 28, 58)}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:active{box-shadow:none;opacity:0.75}:host(.duet-theme-turva2) .duet-tray.duet-theme-turva{color:rgb(23, 42, 59);background:rgb(253, 247, 242);border-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-theme-turva .duet-tray-expandable-content{border-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-theme-turva .duet-tray-button{color:rgb(23, 42, 59)}";
package/lib/cjs/duet-upload-aria-status.cjs.entry.js CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-B1t_Yumd.js');
6
+ var index = require('./index-CZgR8hZO.js');
7
7
 
8
8
  const DuetUploadAriaStatus = class {
9
9
  constructor(hostRef) {
package/lib/cjs/duet-upload-item.cjs.entry.js CHANGED
@@ -3,10 +3,10 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-B1t_Yumd.js');
7
- var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
8
- var languageUtils = require('./language-utils-Ce6b_uA3.js');
9
- var errorcodes_utils = require('./errorcodes.utils-B_Hqvx-5.js');
6
+ var index = require('./index-CZgR8hZO.js');
7
+ var themeableComponent = require('./themeable-component-lQsgCsDa.js');
8
+ var languageUtils = require('./language-utils-iTAyJvsm.js');
9
+ var errorcodes_utils = require('./errorcodes.utils-CI6sFyqj.js');
10
10
  require('./string-utils-B35hEUBv.js');
11
11
 
12
12
  const formatBytes = (bytes, decimals = 2) => {
package/lib/cjs/duet-visually-hidden.cjs.entry.js CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
  'use strict';
5
5
 
6
- var index = require('./index-B1t_Yumd.js');
6
+ var index = require('./index-CZgR8hZO.js');
7
7
 
8
8
  const duetVisuallyHiddenCss = ":host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important}";
9
9