@duetds/components 9.5.0 → 9.5.2

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 (618) hide show
  1. package/hydrate/index.js +24 -12
  2. package/lib/cjs/{a11y-utils-103b327e.js → a11y-utils-8e2be21b.js} +1 -1
  3. package/lib/cjs/{app-globals-2b7fff72.js → app-globals-617d939b.js} +1 -1
  4. package/lib/cjs/duet-action-button.cjs.entry.js +2 -2
  5. package/lib/cjs/duet-alert.cjs.entry.js +3 -3
  6. package/lib/cjs/duet-badge.cjs.entry.js +1 -1
  7. package/lib/cjs/duet-banner.cjs.entry.js +2 -2
  8. package/lib/cjs/duet-breadcrumb.cjs.entry.js +2 -2
  9. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +2 -2
  10. package/lib/cjs/duet-button_2.cjs.entry.js +2 -2
  11. package/lib/cjs/duet-callout.cjs.entry.js +2 -2
  12. package/lib/cjs/duet-caption_4.cjs.entry.js +4 -4
  13. package/lib/cjs/duet-card.cjs.entry.js +2 -2
  14. package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
  15. package/lib/cjs/duet-checkmark.cjs.entry.js +1 -1
  16. package/lib/cjs/duet-chip.cjs.entry.js +2 -2
  17. package/lib/cjs/duet-choice_2.cjs.entry.js +3 -3
  18. package/lib/cjs/duet-collapsible.cjs.entry.js +2 -2
  19. package/lib/cjs/duet-combobox.cjs.entry.js +3 -3
  20. package/lib/cjs/duet-contact-card.cjs.entry.js +2 -2
  21. package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
  22. package/lib/cjs/duet-date-picker.cjs.entry.js +4 -4
  23. package/lib/cjs/duet-divider_2.cjs.entry.js +1 -1
  24. package/lib/cjs/duet-editable-table_3.cjs.entry.js +3 -3
  25. package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
  26. package/lib/cjs/duet-fieldset.cjs.entry.js +2 -2
  27. package/lib/cjs/duet-file-chooser.cjs.entry.js +1 -1
  28. package/lib/cjs/duet-footer.cjs.entry.js +3 -3
  29. package/lib/cjs/duet-grid_2.cjs.entry.js +1 -1
  30. package/lib/cjs/duet-header_2.cjs.entry.js +2 -2
  31. package/lib/cjs/duet-hero.cjs.entry.js +3 -3
  32. package/lib/cjs/duet-icon.cjs.entry.js +14 -9
  33. package/lib/cjs/duet-input_2.cjs.entry.js +3 -3
  34. package/lib/cjs/duet-layout.cjs.entry.js +2 -2
  35. package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
  36. package/lib/cjs/duet-menu-bar-button.cjs.entry.js +1 -1
  37. package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +1 -1
  38. package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +1 -1
  39. package/lib/cjs/duet-menu-bar-item.cjs.entry.js +4 -4
  40. package/lib/cjs/duet-menu-bar-link.cjs.entry.js +1 -1
  41. package/lib/cjs/duet-menu-bar.cjs.entry.js +2 -2
  42. package/lib/cjs/duet-modal.cjs.entry.js +4 -4
  43. package/lib/cjs/duet-multiselect.cjs.entry.js +3 -3
  44. package/lib/cjs/duet-nav.cjs.entry.js +1 -1
  45. package/lib/cjs/duet-notification_2.cjs.entry.js +2 -2
  46. package/lib/cjs/duet-number-input.cjs.entry.js +3 -3
  47. package/lib/cjs/duet-overlay.cjs.entry.js +1 -1
  48. package/lib/cjs/duet-page-heading.cjs.entry.js +1 -1
  49. package/lib/cjs/duet-pagination_2.cjs.entry.js +2 -2
  50. package/lib/cjs/duet-phone-input.cjs.entry.js +11 -5
  51. package/lib/cjs/duet-popup-menu_2.cjs.entry.js +3 -3
  52. package/lib/cjs/duet-progress.cjs.entry.js +2 -2
  53. package/lib/cjs/duet-promo-card.cjs.entry.js +2 -2
  54. package/lib/cjs/duet-radio_2.cjs.entry.js +2 -2
  55. package/lib/cjs/duet-range-slider.cjs.entry.js +1 -1
  56. package/lib/cjs/duet-scrollable_3.cjs.entry.js +16 -11
  57. package/lib/cjs/duet-section-layout.cjs.entry.js +1 -1
  58. package/lib/cjs/duet-select.cjs.entry.js +2 -2
  59. package/lib/cjs/duet-shaped-image.cjs.entry.js +1 -1
  60. package/lib/cjs/duet-show-more.cjs.entry.js +2 -2
  61. package/lib/cjs/duet-slideout-lang.cjs.entry.js +2 -2
  62. package/lib/cjs/duet-slideout-link.cjs.entry.js +4 -4
  63. package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +1 -1
  64. package/lib/cjs/duet-slideout-panel.cjs.entry.js +4 -4
  65. package/lib/cjs/duet-slideout.cjs.entry.js +4 -4
  66. package/lib/cjs/duet-status-icon.cjs.entry.js +1 -1
  67. package/lib/cjs/duet-step_2.cjs.entry.js +1 -1
  68. package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +1 -1
  69. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +1 -1
  70. package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +4 -4
  71. package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +1 -1
  72. package/lib/cjs/duet-submenu-bar.cjs.entry.js +1 -1
  73. package/lib/cjs/duet-textarea.cjs.entry.js +3 -3
  74. package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
  75. package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +1 -1
  76. package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +1 -1
  77. package/lib/cjs/duet-toolbar-item.cjs.entry.js +4 -4
  78. package/lib/cjs/duet-toolbar-link.cjs.entry.js +1 -1
  79. package/lib/cjs/duet-toolbar.cjs.entry.js +1 -1
  80. package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +2 -2
  81. package/lib/cjs/duet-tooltip.cjs.entry.js +2 -2
  82. package/lib/cjs/duet-tray.cjs.entry.js +2 -2
  83. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
  84. package/lib/cjs/duet-upload-item.cjs.entry.js +3 -3
  85. package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
  86. package/lib/cjs/duet.cjs.js +3 -3
  87. package/lib/cjs/{errorcodes.utils-e3a0f607.js → errorcodes.utils-a69cd631.js} +1 -1
  88. package/lib/cjs/{focus-utils-47d23c45.js → focus-utils-2a54eb7a.js} +1 -1
  89. package/lib/cjs/{index-7b1d76ef.js → index-206506a2.js} +1 -1
  90. package/lib/cjs/{language-utils-a6a152b8.js → language-utils-6754f426.js} +1 -1
  91. package/lib/cjs/loader.cjs.js +3 -3
  92. package/lib/cjs/{slot-utils-6864011f.js → slot-utils-aa13b3a0.js} +1 -1
  93. package/lib/collection/components/duet-icon/duet-icon.js +13 -8
  94. package/lib/collection/components/duet-phone-input/duet-phone-input.css +41 -0
  95. package/lib/collection/components/duet-phone-input/duet-phone-input.js +26 -1
  96. package/lib/collection/components/duet-scrollable/duet-scrollable.js +11 -6
  97. package/lib/collection/components/duet-tab-group/duet-tab-group.js +2 -2
  98. package/lib/dist-custom-elements/duet-action-button.js +1 -1
  99. package/lib/dist-custom-elements/duet-alert.js +1 -1
  100. package/lib/dist-custom-elements/duet-badge.js +1 -1
  101. package/lib/dist-custom-elements/duet-banner.js +3 -3
  102. package/lib/dist-custom-elements/duet-breadcrumb.js +3 -3
  103. package/lib/dist-custom-elements/duet-breadcrumbs.js +1 -1
  104. package/lib/dist-custom-elements/duet-button.js +1 -1
  105. package/lib/dist-custom-elements/duet-callout.js +2 -2
  106. package/lib/dist-custom-elements/duet-caption.js +1 -1
  107. package/lib/dist-custom-elements/duet-card.js +3 -3
  108. package/lib/dist-custom-elements/duet-checkbox.js +1 -1
  109. package/lib/dist-custom-elements/duet-checkmark.js +1 -1
  110. package/lib/dist-custom-elements/duet-chip.js +1 -1
  111. package/lib/dist-custom-elements/duet-choice-group.js +8 -8
  112. package/lib/dist-custom-elements/duet-choice.js +4 -4
  113. package/lib/dist-custom-elements/duet-collapsible.js +3 -3
  114. package/lib/dist-custom-elements/duet-combobox.js +15 -15
  115. package/lib/dist-custom-elements/duet-contact-card.js +8 -8
  116. package/lib/dist-custom-elements/duet-cookie-consent.js +6 -6
  117. package/lib/dist-custom-elements/duet-date-picker.js +13 -13
  118. package/lib/dist-custom-elements/duet-divider.js +1 -1
  119. package/lib/dist-custom-elements/duet-editable-table.js +7 -7
  120. package/lib/dist-custom-elements/duet-empty-state.js +1 -1
  121. package/lib/dist-custom-elements/duet-fieldset.js +1 -1
  122. package/lib/dist-custom-elements/duet-file-chooser.js +2 -2
  123. package/lib/dist-custom-elements/duet-footer.js +7 -7
  124. package/lib/dist-custom-elements/duet-grid-item.js +1 -1
  125. package/lib/dist-custom-elements/duet-grid.js +1 -1
  126. package/lib/dist-custom-elements/duet-header.js +8 -8
  127. package/lib/dist-custom-elements/duet-heading.js +1 -1
  128. package/lib/dist-custom-elements/duet-hero.js +9 -9
  129. package/lib/dist-custom-elements/duet-icon.js +1 -1
  130. package/lib/dist-custom-elements/duet-input.js +1 -1
  131. package/lib/dist-custom-elements/duet-label.js +1 -1
  132. package/lib/dist-custom-elements/duet-layout.js +1 -1
  133. package/lib/dist-custom-elements/duet-link.js +1 -1
  134. package/lib/dist-custom-elements/duet-list-item.js +1 -1
  135. package/lib/dist-custom-elements/duet-list.js +1 -1
  136. package/lib/dist-custom-elements/duet-logo.js +1 -1
  137. package/lib/dist-custom-elements/duet-menu-bar-button.js +2 -2
  138. package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +2 -2
  139. package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +2 -2
  140. package/lib/dist-custom-elements/duet-menu-bar-item.js +2 -2
  141. package/lib/dist-custom-elements/duet-menu-bar-link.js +2 -2
  142. package/lib/dist-custom-elements/duet-menu-bar.js +2 -2
  143. package/lib/dist-custom-elements/duet-modal.js +8 -8
  144. package/lib/dist-custom-elements/duet-multiselect.js +9 -9
  145. package/lib/dist-custom-elements/duet-nav.js +1 -1
  146. package/lib/dist-custom-elements/duet-notification-drawer.js +4 -4
  147. package/lib/dist-custom-elements/duet-notification.js +2 -2
  148. package/lib/dist-custom-elements/duet-number-input.js +11 -11
  149. package/lib/dist-custom-elements/duet-overlay.js +1 -1
  150. package/lib/dist-custom-elements/duet-page-heading.js +3 -3
  151. package/lib/dist-custom-elements/duet-pagination.js +13 -13
  152. package/lib/dist-custom-elements/duet-paragraph.js +1 -1
  153. package/lib/dist-custom-elements/duet-phone-input.js +25 -18
  154. package/lib/dist-custom-elements/duet-popup-menu-item.js +1 -1
  155. package/lib/dist-custom-elements/duet-popup-menu.js +1 -1
  156. package/lib/dist-custom-elements/duet-progress.js +1 -1
  157. package/lib/dist-custom-elements/duet-promo-card.js +3 -3
  158. package/lib/dist-custom-elements/duet-radio-group.js +8 -8
  159. package/lib/dist-custom-elements/duet-radio.js +1 -1
  160. package/lib/dist-custom-elements/duet-range-slider.js +2 -2
  161. package/lib/dist-custom-elements/duet-range-stepper.js +4 -4
  162. package/lib/dist-custom-elements/duet-scrollable.js +1 -1
  163. package/lib/dist-custom-elements/duet-section-layout.js +1 -1
  164. package/lib/dist-custom-elements/duet-select.js +1 -1
  165. package/lib/dist-custom-elements/duet-shaped-image.js +1 -1
  166. package/lib/dist-custom-elements/duet-show-more.js +1 -1
  167. package/lib/dist-custom-elements/duet-slideout-lang.js +2 -2
  168. package/lib/dist-custom-elements/duet-slideout-link.js +2 -2
  169. package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +2 -2
  170. package/lib/dist-custom-elements/duet-slideout-panel.js +2 -2
  171. package/lib/dist-custom-elements/duet-slideout.js +3 -3
  172. package/lib/dist-custom-elements/duet-spacer.js +1 -1
  173. package/lib/dist-custom-elements/duet-spinner.js +1 -1
  174. package/lib/dist-custom-elements/duet-status-icon.js +2 -2
  175. package/lib/dist-custom-elements/duet-step.js +4 -4
  176. package/lib/dist-custom-elements/duet-stepper.js +2 -2
  177. package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +2 -2
  178. package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +2 -2
  179. package/lib/dist-custom-elements/duet-submenu-bar-item.js +2 -2
  180. package/lib/dist-custom-elements/duet-submenu-bar-link.js +2 -2
  181. package/lib/dist-custom-elements/duet-submenu-bar.js +3 -3
  182. package/lib/dist-custom-elements/duet-tab-group.js +9 -9
  183. package/lib/dist-custom-elements/duet-tab.js +1 -1
  184. package/lib/dist-custom-elements/duet-table.js +1 -1
  185. package/lib/dist-custom-elements/duet-textarea.js +10 -10
  186. package/lib/dist-custom-elements/duet-toggle.js +2 -2
  187. package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +2 -2
  188. package/lib/dist-custom-elements/duet-toolbar-dropdown.js +2 -2
  189. package/lib/dist-custom-elements/duet-toolbar-item.js +2 -2
  190. package/lib/dist-custom-elements/duet-toolbar-link.js +2 -2
  191. package/lib/dist-custom-elements/duet-toolbar.js +1 -1
  192. package/lib/dist-custom-elements/duet-tooltip-button.js +1 -1
  193. package/lib/dist-custom-elements/duet-tooltip-popup.js +1 -1
  194. package/lib/dist-custom-elements/duet-tooltip.js +1 -1
  195. package/lib/dist-custom-elements/duet-tray.js +3 -3
  196. package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
  197. package/lib/dist-custom-elements/duet-upload-item.js +1 -1
  198. package/lib/dist-custom-elements/duet-upload.js +19 -19
  199. package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
  200. package/lib/dist-custom-elements/index.js +1 -1
  201. package/lib/dist-custom-elements/{p-4ccd7bcc.js → p-136dc3af.js} +14 -9
  202. package/lib/dist-custom-elements/{p-b2599bdb.js → p-1a4430e2.js} +2 -2
  203. package/lib/dist-custom-elements/{p-548610a6.js → p-1b7f952f.js} +1 -1
  204. package/lib/dist-custom-elements/{p-dce51f6d.js → p-1cc451fc.js} +1 -1
  205. package/lib/dist-custom-elements/{p-7b74fee9.js → p-1f86efd7.js} +3 -3
  206. package/lib/dist-custom-elements/{p-b8bae8c7.js → p-2bb0877f.js} +1 -1
  207. package/lib/dist-custom-elements/{p-2ecca38c.js → p-320da2a2.js} +1 -1
  208. package/lib/dist-custom-elements/{p-c69401c2.js → p-38cb34bf.js} +2 -2
  209. package/lib/dist-custom-elements/{p-26c7e23f.js → p-495fa25d.js} +1 -1
  210. package/lib/dist-custom-elements/{p-8ad5e64f.js → p-519df228.js} +1 -1
  211. package/lib/dist-custom-elements/{p-db1f42f3.js → p-53b3bd2d.js} +1 -1
  212. package/lib/dist-custom-elements/{p-a201b49f.js → p-5a892951.js} +10 -10
  213. package/lib/dist-custom-elements/{p-39b87412.js → p-6646e07d.js} +1 -1
  214. package/lib/dist-custom-elements/{p-fc9e69ed.js → p-673093b5.js} +10 -10
  215. package/lib/dist-custom-elements/{p-41403f71.js → p-6888c8d6.js} +1 -1
  216. package/lib/dist-custom-elements/{p-cf1df71c.js → p-69756ccb.js} +1 -1
  217. package/lib/dist-custom-elements/{p-8f1394dd.js → p-6dd74d76.js} +1 -1
  218. package/lib/dist-custom-elements/{p-7327e3d5.js → p-6f36f4f3.js} +5 -5
  219. package/lib/dist-custom-elements/{p-32ca7625.js → p-79957fa3.js} +1 -1
  220. package/lib/dist-custom-elements/{p-9cb035b0.js → p-8882b67b.js} +2 -2
  221. package/lib/dist-custom-elements/{p-d01a8307.js → p-9126e8a2.js} +3 -3
  222. package/lib/dist-custom-elements/{p-2f6cc198.js → p-935c69ca.js} +2 -2
  223. package/lib/dist-custom-elements/{p-76415eb2.js → p-9614cc57.js} +2 -2
  224. package/lib/dist-custom-elements/{p-eb768545.js → p-9f5cc4e3.js} +2 -2
  225. package/lib/dist-custom-elements/{p-ad89064b.js → p-9fda1d1d.js} +6 -6
  226. package/lib/dist-custom-elements/{p-d05c6565.js → p-a317fac9.js} +1 -1
  227. package/lib/dist-custom-elements/{p-4d6f6627.js → p-a571ab43.js} +1 -1
  228. package/lib/dist-custom-elements/{p-87df2d6e.js → p-accb4fa9.js} +4 -4
  229. package/lib/dist-custom-elements/{p-c577fbfe.js → p-aedaa6be.js} +1 -1
  230. package/lib/dist-custom-elements/{p-ed6a907e.js → p-b54dea97.js} +1 -1
  231. package/lib/dist-custom-elements/{p-76f76fab.js → p-c3d01088.js} +12 -12
  232. package/lib/dist-custom-elements/{p-a013e7b0.js → p-ce7d290f.js} +16 -11
  233. package/lib/dist-custom-elements/{p-b3a6e82a.js → p-d3f39f5e.js} +8 -8
  234. package/lib/dist-custom-elements/{p-52df4164.js → p-dbea5087.js} +1 -1
  235. package/lib/dist-custom-elements/{p-18bc63f3.js → p-ec26aeea.js} +2 -2
  236. package/lib/dist-custom-elements/{p-da60c00a.js → p-ef2dcc5a.js} +2 -2
  237. package/lib/dist-custom-elements/{p-4ed8da23.js → p-f7a60dd8.js} +1 -1
  238. package/lib/dist-custom-elements/{p-19b9ead1.js → p-fba92a7b.js} +5 -5
  239. package/lib/dist-custom-elements/{p-d5859ccf.js → p-fd01fff8.js} +1 -1
  240. package/lib/duet/duet.esm.js +1 -1
  241. package/lib/duet/duet.js +1 -1
  242. package/lib/duet/{p-03abf8be.entry.js → p-009738f9.entry.js} +1 -1
  243. package/lib/duet/{p-1fc48a8d.entry.js → p-0121cfad.entry.js} +1 -1
  244. package/lib/duet/{p-71ec5b28.entry.js → p-013c9fff.entry.js} +1 -1
  245. package/lib/duet/{p-3bcc4ed9.system.entry.js → p-031f13b0.system.entry.js} +1 -1
  246. package/lib/duet/{p-477e39b0.entry.js → p-04b258fd.entry.js} +1 -1
  247. package/lib/duet/{p-943edeef.entry.js → p-04dcf198.entry.js} +1 -1
  248. package/lib/duet/{p-346f8340.system.entry.js → p-053ef6d1.system.entry.js} +1 -1
  249. package/lib/duet/{p-7b5541e9.system.entry.js → p-05e3b483.system.entry.js} +1 -1
  250. package/lib/duet/{p-f38a5f44.entry.js → p-07f8adab.entry.js} +1 -1
  251. package/lib/duet/{p-aff748c3.entry.js → p-0ac49d24.entry.js} +1 -1
  252. package/lib/duet/{p-d49076b6.entry.js → p-0b986e9b.entry.js} +1 -1
  253. package/lib/duet/{p-e3857119.js → p-0c115b39.js} +1 -1
  254. package/lib/duet/{p-88e0e42c.entry.js → p-0d512165.entry.js} +1 -1
  255. package/lib/duet/{p-17d11f8c.system.entry.js → p-0dcc1a8b.system.entry.js} +1 -1
  256. package/lib/duet/{p-3ac058e8.entry.js → p-0f99e898.entry.js} +1 -1
  257. package/lib/duet/{p-28ef1aaf.system.entry.js → p-0fdf67d6.system.entry.js} +1 -1
  258. package/lib/duet/p-1219c4af.system.js +4 -0
  259. package/lib/duet/{p-64853b73.entry.js → p-12b57efb.entry.js} +1 -1
  260. package/lib/duet/{p-6c36ad85.entry.js → p-12b625a8.entry.js} +1 -1
  261. package/lib/duet/{p-f631a689.entry.js → p-1370b18f.entry.js} +1 -1
  262. package/lib/duet/{p-dd7ec171.entry.js → p-1428de02.entry.js} +1 -1
  263. package/lib/duet/{p-61173f11.system.js → p-14fe190e.system.js} +1 -1
  264. package/lib/duet/p-1a73d27a.entry.js +4 -0
  265. package/lib/duet/p-1b269e8b.system.entry.js +4 -0
  266. package/lib/duet/{p-afc011e1.entry.js → p-204e76d3.entry.js} +1 -1
  267. package/lib/duet/{p-2a0e1cd2.system.entry.js → p-20b0dacc.system.entry.js} +1 -1
  268. package/lib/duet/{p-e67910bf.system.entry.js → p-2100fda2.system.entry.js} +1 -1
  269. package/lib/duet/{p-84f2cc6b.entry.js → p-225d100c.entry.js} +1 -1
  270. package/lib/duet/{p-b56915bb.system.entry.js → p-226aa2e9.system.entry.js} +1 -1
  271. package/lib/duet/{p-202f526f.entry.js → p-24898376.entry.js} +1 -1
  272. package/lib/duet/{p-96a6cca2.entry.js → p-277c4782.entry.js} +1 -1
  273. package/lib/duet/{p-1364a715.system.entry.js → p-280063be.system.entry.js} +1 -1
  274. package/lib/duet/{p-c581e6d3.system.entry.js → p-2f8ffc2b.system.entry.js} +1 -1
  275. package/lib/duet/{p-3072addc.entry.js → p-318498a5.entry.js} +1 -1
  276. package/lib/duet/{p-91a98b52.system.entry.js → p-31f93fec.system.entry.js} +1 -1
  277. package/lib/duet/{p-925da010.system.entry.js → p-32ef55ff.system.entry.js} +1 -1
  278. package/lib/duet/{p-04090a71.entry.js → p-336da573.entry.js} +1 -1
  279. package/lib/duet/{p-2c64554e.entry.js → p-35950181.entry.js} +1 -1
  280. package/lib/duet/{p-a90243df.system.entry.js → p-38487de7.system.entry.js} +1 -1
  281. package/lib/duet/p-38ff8286.js +4 -0
  282. package/lib/duet/p-3acc8647.system.js +4 -0
  283. package/lib/duet/{p-4f945200.system.js → p-3af95762.system.js} +1 -1
  284. package/lib/duet/{p-4a2ccec7.entry.js → p-3c466cd8.entry.js} +1 -1
  285. package/lib/duet/{p-53b9b442.system.entry.js → p-419bca5b.system.entry.js} +1 -1
  286. package/lib/duet/{p-d66a0251.system.entry.js → p-420817c5.system.entry.js} +1 -1
  287. package/lib/duet/{p-35c49132.entry.js → p-426d835f.entry.js} +1 -1
  288. package/lib/duet/{p-c5117f90.system.entry.js → p-42868a02.system.entry.js} +1 -1
  289. package/lib/duet/{p-4ebb368b.entry.js → p-430404c6.entry.js} +1 -1
  290. package/lib/duet/{p-9f3a5506.entry.js → p-43cbc2bf.entry.js} +1 -1
  291. package/lib/duet/{p-ef7b1342.entry.js → p-43f0aaf5.entry.js} +1 -1
  292. package/lib/duet/{p-083bbc28.js → p-4460ee6c.js} +1 -1
  293. package/lib/duet/{p-b32dcb86.entry.js → p-44e4cc6f.entry.js} +1 -1
  294. package/lib/duet/{p-345ac2e1.entry.js → p-4670cbd2.entry.js} +1 -1
  295. package/lib/duet/{p-eaff90e5.system.entry.js → p-4994dbf2.system.entry.js} +1 -1
  296. package/lib/duet/{p-9525c31e.system.entry.js → p-519297ed.system.entry.js} +1 -1
  297. package/lib/duet/{p-0d443be5.js → p-530e612b.js} +1 -1
  298. package/lib/duet/{p-19625473.entry.js → p-538e55e5.entry.js} +1 -1
  299. package/lib/duet/{p-52829324.entry.js → p-53d7ea2c.entry.js} +1 -1
  300. package/lib/duet/{p-9f9e4b5a.entry.js → p-572bf138.entry.js} +1 -1
  301. package/lib/duet/{p-bbb9a30a.system.entry.js → p-57d70be4.system.entry.js} +1 -1
  302. package/lib/duet/{p-033947e4.system.entry.js → p-580978f0.system.entry.js} +1 -1
  303. package/lib/duet/{p-1057eeaa.entry.js → p-580d4d53.entry.js} +1 -1
  304. package/lib/duet/{p-1275c867.entry.js → p-591ce092.entry.js} +1 -1
  305. package/lib/duet/{p-148be53e.entry.js → p-5b86d3c0.entry.js} +1 -1
  306. package/lib/duet/{p-76927493.js → p-5baa6a33.js} +1 -1
  307. package/lib/duet/{p-8d6e249b.entry.js → p-5c3998b7.entry.js} +1 -1
  308. package/lib/duet/{p-580a6591.entry.js → p-5c91da22.entry.js} +1 -1
  309. package/lib/duet/p-5e0bfce0.entry.js +4 -0
  310. package/lib/duet/{p-84c02ce1.system.entry.js → p-5f56c425.system.entry.js} +1 -1
  311. package/lib/duet/{p-dcb8b2e2.entry.js → p-5ff9214f.entry.js} +1 -1
  312. package/lib/duet/{p-c56c0b41.entry.js → p-618b1c12.entry.js} +1 -1
  313. package/lib/duet/{p-35600b76.entry.js → p-6270b097.entry.js} +1 -1
  314. package/lib/duet/{p-91f7ae75.system.entry.js → p-6365f418.system.entry.js} +1 -1
  315. package/lib/duet/{p-0d1c524e.entry.js → p-64542862.entry.js} +1 -1
  316. package/lib/duet/{p-bfb897ab.entry.js → p-679b55fe.entry.js} +1 -1
  317. package/lib/duet/{p-207e46dc.system.entry.js → p-67ea455b.system.entry.js} +1 -1
  318. package/lib/duet/{p-0e3a6d04.entry.js → p-68ab87cc.entry.js} +1 -1
  319. package/lib/duet/{p-d3e906da.system.entry.js → p-6a689584.system.entry.js} +1 -1
  320. package/lib/duet/{p-f8f56a8e.system.entry.js → p-6c6981db.system.entry.js} +1 -1
  321. package/lib/duet/{p-7638da3f.entry.js → p-6c8361b8.entry.js} +1 -1
  322. package/lib/duet/{p-4fc945d4.entry.js → p-6d1f93c1.entry.js} +1 -1
  323. package/lib/duet/p-70a7f815.entry.js +4 -0
  324. package/lib/duet/{p-cdba12cc.system.js → p-72809aec.system.js} +1 -1
  325. package/lib/duet/{p-fb9b0a2f.entry.js → p-7373389d.entry.js} +1 -1
  326. package/lib/duet/{p-9f377238.entry.js → p-74f81150.entry.js} +1 -1
  327. package/lib/duet/{p-6fb72847.system.entry.js → p-759dca5c.system.entry.js} +1 -1
  328. package/lib/duet/{p-d915362b.system.entry.js → p-78b02eb3.system.entry.js} +1 -1
  329. package/lib/duet/{p-7cad68ea.system.entry.js → p-7b5c18ba.system.entry.js} +1 -1
  330. package/lib/duet/{p-ce8d83cf.system.entry.js → p-7c74b0a5.system.entry.js} +1 -1
  331. package/lib/duet/{p-37c469ec.entry.js → p-7d396a31.entry.js} +1 -1
  332. package/lib/duet/{p-4fc8517e.entry.js → p-7e0e5b92.entry.js} +1 -1
  333. package/lib/duet/{p-dd3fff16.system.entry.js → p-7ff034b0.system.entry.js} +1 -1
  334. package/lib/duet/{p-497fe0b1.entry.js → p-818b5277.entry.js} +1 -1
  335. package/lib/duet/{p-56b48e3d.entry.js → p-818fd2f6.entry.js} +1 -1
  336. package/lib/duet/{p-1317da1c.system.entry.js → p-81e906ff.system.entry.js} +1 -1
  337. package/lib/duet/{p-2a0c7157.system.entry.js → p-827c2a0d.system.entry.js} +1 -1
  338. package/lib/duet/{p-edd39bb2.entry.js → p-82cf9d43.entry.js} +1 -1
  339. package/lib/duet/{p-73853b36.system.entry.js → p-8594d015.system.entry.js} +1 -1
  340. package/lib/duet/{p-1052f050.entry.js → p-85c02068.entry.js} +1 -1
  341. package/lib/duet/{p-d2059383.entry.js → p-8741bd70.entry.js} +1 -1
  342. package/lib/duet/{p-8b59d885.entry.js → p-88f046a0.entry.js} +1 -1
  343. package/lib/duet/p-897f21a7.system.js +4 -0
  344. package/lib/duet/{p-7fceb8c8.entry.js → p-8acb2a04.entry.js} +1 -1
  345. package/lib/duet/{p-2bb44297.system.js → p-8b2056f0.system.js} +1 -1
  346. package/lib/duet/{p-15bd06bb.system.entry.js → p-8b353b35.system.entry.js} +1 -1
  347. package/lib/duet/{p-d2e9bcdf.system.entry.js → p-8beb97fe.system.entry.js} +1 -1
  348. package/lib/duet/{p-f89d7751.entry.js → p-8bed7caf.entry.js} +1 -1
  349. package/lib/duet/{p-b642d349.system.entry.js → p-8c2bc346.system.entry.js} +1 -1
  350. package/lib/duet/{p-48bb29d2.entry.js → p-8e40c17e.entry.js} +1 -1
  351. package/lib/duet/{p-b410d85d.entry.js → p-915e55ec.entry.js} +1 -1
  352. package/lib/duet/{p-68cbc985.system.entry.js → p-9192b71d.system.entry.js} +1 -1
  353. package/lib/duet/{p-c50c0b02.system.entry.js → p-9261386e.system.entry.js} +1 -1
  354. package/lib/duet/{p-66021b00.system.entry.js → p-936b8007.system.entry.js} +1 -1
  355. package/lib/duet/{p-64651bff.system.entry.js → p-94179cd5.system.entry.js} +1 -1
  356. package/lib/duet/{p-28cc13b6.system.entry.js → p-948b038a.system.entry.js} +1 -1
  357. package/lib/duet/{p-e81eade0.system.entry.js → p-955ccb5a.system.entry.js} +1 -1
  358. package/lib/duet/{p-ed4e9cd6.system.entry.js → p-976918a1.system.entry.js} +1 -1
  359. package/lib/duet/p-98012c62.entry.js +4 -0
  360. package/lib/duet/{p-1c0ace6c.entry.js → p-9936eb61.entry.js} +1 -1
  361. package/lib/duet/{p-9d3e0050.system.entry.js → p-9b702bc1.system.entry.js} +1 -1
  362. package/lib/duet/{p-7567fef0.system.entry.js → p-9db6f107.system.entry.js} +1 -1
  363. package/lib/duet/{p-7be5b9a7.js → p-9eeaf2e9.js} +1 -1
  364. package/lib/duet/{p-95f1b9a1.entry.js → p-a1c6f370.entry.js} +1 -1
  365. package/lib/duet/p-a4650edb.entry.js +4 -0
  366. package/lib/duet/p-a5fac26c.entry.js +4 -0
  367. package/lib/duet/{p-e8b5235d.entry.js → p-a9f4cfe4.entry.js} +1 -1
  368. package/lib/duet/{p-bcd14101.entry.js → p-aada68bf.entry.js} +1 -1
  369. package/lib/duet/{p-c734cff9.system.entry.js → p-accd2829.system.entry.js} +1 -1
  370. package/lib/duet/{p-1b1d98b4.entry.js → p-af55cef5.entry.js} +1 -1
  371. package/lib/duet/{p-f268a161.system.entry.js → p-b1487aa4.system.entry.js} +1 -1
  372. package/lib/duet/{p-2b082283.entry.js → p-b1db69df.entry.js} +1 -1
  373. package/lib/duet/{p-433fad0d.system.entry.js → p-b2a64677.system.entry.js} +1 -1
  374. package/lib/duet/{p-5e01a303.system.entry.js → p-b4151081.system.entry.js} +1 -1
  375. package/lib/duet/{p-8bfb6649.entry.js → p-b86a869b.entry.js} +1 -1
  376. package/lib/duet/{p-a0229b56.system.entry.js → p-b92193a6.system.entry.js} +1 -1
  377. package/lib/duet/{p-b79ca71d.entry.js → p-b9231b8e.entry.js} +1 -1
  378. package/lib/duet/{p-b336e3fb.system.entry.js → p-b994aa71.system.entry.js} +1 -1
  379. package/lib/duet/{p-b1c2ab61.system.entry.js → p-bd5bc40f.system.entry.js} +1 -1
  380. package/lib/duet/{p-8f698359.system.entry.js → p-bf039477.system.entry.js} +1 -1
  381. package/lib/duet/{p-6eb279dd.system.entry.js → p-c1380dcb.system.entry.js} +1 -1
  382. package/lib/duet/{p-5d5ba6ed.system.entry.js → p-c35a3eb6.system.entry.js} +1 -1
  383. package/lib/duet/p-c46cff2a.system.js +4 -0
  384. package/lib/duet/{p-55bafbde.system.entry.js → p-c613e449.system.entry.js} +1 -1
  385. package/lib/duet/{p-00dd59e4.system.entry.js → p-c936b330.system.entry.js} +1 -1
  386. package/lib/duet/{p-85a38287.system.entry.js → p-caf28e68.system.entry.js} +1 -1
  387. package/lib/duet/{p-baf88ca9.entry.js → p-cb15af71.entry.js} +1 -1
  388. package/lib/duet/{p-2a4f4522.system.entry.js → p-cb5d825f.system.entry.js} +1 -1
  389. package/lib/duet/{p-435f700f.system.entry.js → p-cf900c12.system.entry.js} +1 -1
  390. package/lib/duet/{p-ff2aca13.system.entry.js → p-d046f3f0.system.entry.js} +1 -1
  391. package/lib/duet/{p-c2befbf1.system.entry.js → p-d0edb7b9.system.entry.js} +1 -1
  392. package/lib/duet/{p-26df85b3.system.entry.js → p-d1464455.system.entry.js} +1 -1
  393. package/lib/duet/{p-0e2727b2.entry.js → p-d287e564.entry.js} +1 -1
  394. package/lib/duet/{p-17592731.entry.js → p-d2f008ef.entry.js} +1 -1
  395. package/lib/duet/{p-2efdf39c.system.entry.js → p-d3b2d5de.system.entry.js} +1 -1
  396. package/lib/duet/{p-45beef6d.entry.js → p-d693003b.entry.js} +1 -1
  397. package/lib/duet/{p-b327a269.entry.js → p-d6f8386e.entry.js} +1 -1
  398. package/lib/duet/{p-1744b916.system.entry.js → p-d98c8e4e.system.entry.js} +1 -1
  399. package/lib/duet/{p-85261a28.entry.js → p-dd8cad8a.entry.js} +1 -1
  400. package/lib/duet/{p-da49ab05.system.entry.js → p-ddd70eeb.system.entry.js} +1 -1
  401. package/lib/duet/{p-4af9bc5f.system.entry.js → p-de32ceff.system.entry.js} +1 -1
  402. package/lib/duet/{p-7ac466a3.entry.js → p-df82459a.entry.js} +1 -1
  403. package/lib/duet/{p-84b24dcc.system.entry.js → p-ea29ebbb.system.entry.js} +1 -1
  404. package/lib/duet/{p-a637d6a7.system.entry.js → p-eab15c94.system.entry.js} +1 -1
  405. package/lib/duet/{p-a083b91a.js → p-ecb2aca6.js} +1 -1
  406. package/lib/duet/{p-f7d083c5.system.entry.js → p-ed82b53d.system.entry.js} +1 -1
  407. package/lib/duet/{p-76361fed.system.entry.js → p-ee5c74bc.system.entry.js} +1 -1
  408. package/lib/duet/{p-1ea716c1.system.entry.js → p-f12a93a9.system.entry.js} +1 -1
  409. package/lib/duet/{p-5ab4313d.system.entry.js → p-f248e320.system.entry.js} +1 -1
  410. package/lib/duet/{p-fce0a87d.entry.js → p-f2f75690.entry.js} +1 -1
  411. package/lib/duet/{p-bcfd5746.entry.js → p-f36f2f4b.entry.js} +1 -1
  412. package/lib/duet/{p-5c561b82.system.entry.js → p-f3c5e966.system.entry.js} +1 -1
  413. package/lib/duet/{p-0d626d2e.entry.js → p-f57f0b8c.entry.js} +1 -1
  414. package/lib/duet/{p-b3076f6c.system.entry.js → p-f6c800dd.system.entry.js} +1 -1
  415. package/lib/duet/{p-c3d6433f.system.entry.js → p-f91f1fc4.system.entry.js} +1 -1
  416. package/lib/duet/{p-d8c356eb.system.entry.js → p-fb4c1c0a.system.entry.js} +1 -1
  417. package/lib/duet/{p-4f2c25a0.system.entry.js → p-fb4f24c4.system.entry.js} +1 -1
  418. package/lib/duet/{p-587a9d58.system.entry.js → p-fc4861d9.system.entry.js} +1 -1
  419. package/lib/duet/{p-0c5d595b.system.entry.js → p-fd7ff8da.system.entry.js} +1 -1
  420. package/lib/duet/{p-dc186a2f.system.entry.js → p-fda88cec.system.entry.js} +1 -1
  421. package/lib/esm/{a11y-utils-9dbc7c3d.js → a11y-utils-d3187c9b.js} +1 -1
  422. package/lib/esm/{app-globals-e00fbe9c.js → app-globals-aa323b86.js} +1 -1
  423. package/lib/esm/duet-action-button.entry.js +2 -2
  424. package/lib/esm/duet-alert.entry.js +3 -3
  425. package/lib/esm/duet-badge.entry.js +1 -1
  426. package/lib/esm/duet-banner.entry.js +2 -2
  427. package/lib/esm/duet-breadcrumb.entry.js +2 -2
  428. package/lib/esm/duet-breadcrumbs.entry.js +2 -2
  429. package/lib/esm/duet-button_2.entry.js +2 -2
  430. package/lib/esm/duet-callout.entry.js +2 -2
  431. package/lib/esm/duet-caption_4.entry.js +4 -4
  432. package/lib/esm/duet-card.entry.js +2 -2
  433. package/lib/esm/duet-checkbox.entry.js +1 -1
  434. package/lib/esm/duet-checkmark.entry.js +1 -1
  435. package/lib/esm/duet-chip.entry.js +2 -2
  436. package/lib/esm/duet-choice_2.entry.js +3 -3
  437. package/lib/esm/duet-collapsible.entry.js +2 -2
  438. package/lib/esm/duet-combobox.entry.js +3 -3
  439. package/lib/esm/duet-contact-card.entry.js +2 -2
  440. package/lib/esm/duet-cookie-consent.entry.js +1 -1
  441. package/lib/esm/duet-date-picker.entry.js +4 -4
  442. package/lib/esm/duet-divider_2.entry.js +1 -1
  443. package/lib/esm/duet-editable-table_3.entry.js +3 -3
  444. package/lib/esm/duet-empty-state.entry.js +1 -1
  445. package/lib/esm/duet-fieldset.entry.js +2 -2
  446. package/lib/esm/duet-file-chooser.entry.js +1 -1
  447. package/lib/esm/duet-footer.entry.js +3 -3
  448. package/lib/esm/duet-grid_2.entry.js +1 -1
  449. package/lib/esm/duet-header_2.entry.js +2 -2
  450. package/lib/esm/duet-hero.entry.js +3 -3
  451. package/lib/esm/duet-icon.entry.js +14 -9
  452. package/lib/esm/duet-input_2.entry.js +3 -3
  453. package/lib/esm/duet-layout.entry.js +2 -2
  454. package/lib/esm/duet-list_2.entry.js +1 -1
  455. package/lib/esm/duet-menu-bar-button.entry.js +1 -1
  456. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +1 -1
  457. package/lib/esm/duet-menu-bar-dropdown.entry.js +1 -1
  458. package/lib/esm/duet-menu-bar-item.entry.js +4 -4
  459. package/lib/esm/duet-menu-bar-link.entry.js +1 -1
  460. package/lib/esm/duet-menu-bar.entry.js +2 -2
  461. package/lib/esm/duet-modal.entry.js +4 -4
  462. package/lib/esm/duet-multiselect.entry.js +3 -3
  463. package/lib/esm/duet-nav.entry.js +1 -1
  464. package/lib/esm/duet-notification_2.entry.js +2 -2
  465. package/lib/esm/duet-number-input.entry.js +3 -3
  466. package/lib/esm/duet-overlay.entry.js +1 -1
  467. package/lib/esm/duet-page-heading.entry.js +1 -1
  468. package/lib/esm/duet-pagination_2.entry.js +2 -2
  469. package/lib/esm/duet-phone-input.entry.js +11 -5
  470. package/lib/esm/duet-popup-menu_2.entry.js +3 -3
  471. package/lib/esm/duet-progress.entry.js +2 -2
  472. package/lib/esm/duet-promo-card.entry.js +2 -2
  473. package/lib/esm/duet-radio_2.entry.js +2 -2
  474. package/lib/esm/duet-range-slider.entry.js +1 -1
  475. package/lib/esm/duet-scrollable_3.entry.js +16 -11
  476. package/lib/esm/duet-section-layout.entry.js +1 -1
  477. package/lib/esm/duet-select.entry.js +2 -2
  478. package/lib/esm/duet-shaped-image.entry.js +1 -1
  479. package/lib/esm/duet-show-more.entry.js +2 -2
  480. package/lib/esm/duet-slideout-lang.entry.js +2 -2
  481. package/lib/esm/duet-slideout-link.entry.js +4 -4
  482. package/lib/esm/duet-slideout-panel-dropdown.entry.js +1 -1
  483. package/lib/esm/duet-slideout-panel.entry.js +4 -4
  484. package/lib/esm/duet-slideout.entry.js +4 -4
  485. package/lib/esm/duet-status-icon.entry.js +1 -1
  486. package/lib/esm/duet-step_2.entry.js +1 -1
  487. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +1 -1
  488. package/lib/esm/duet-submenu-bar-dropdown.entry.js +1 -1
  489. package/lib/esm/duet-submenu-bar-item.entry.js +4 -4
  490. package/lib/esm/duet-submenu-bar-link.entry.js +1 -1
  491. package/lib/esm/duet-submenu-bar.entry.js +1 -1
  492. package/lib/esm/duet-textarea.entry.js +3 -3
  493. package/lib/esm/duet-toggle.entry.js +1 -1
  494. package/lib/esm/duet-toolbar-dropdown-link.entry.js +1 -1
  495. package/lib/esm/duet-toolbar-dropdown.entry.js +1 -1
  496. package/lib/esm/duet-toolbar-item.entry.js +4 -4
  497. package/lib/esm/duet-toolbar-link.entry.js +1 -1
  498. package/lib/esm/duet-toolbar.entry.js +1 -1
  499. package/lib/esm/duet-tooltip-button_2.entry.js +2 -2
  500. package/lib/esm/duet-tooltip.entry.js +2 -2
  501. package/lib/esm/duet-tray.entry.js +2 -2
  502. package/lib/esm/duet-upload-aria-status.entry.js +1 -1
  503. package/lib/esm/duet-upload-item.entry.js +3 -3
  504. package/lib/esm/duet-visually-hidden.entry.js +1 -1
  505. package/lib/esm/duet.js +4 -4
  506. package/lib/esm/{errorcodes.utils-416994cc.js → errorcodes.utils-2a62c871.js} +1 -1
  507. package/lib/esm/{focus-utils-7bc146cd.js → focus-utils-27172227.js} +1 -1
  508. package/lib/esm/{index-1a6cee61.js → index-2ab7ff5a.js} +1 -1
  509. package/lib/esm/{language-utils-8a9d5323.js → language-utils-579bbfe7.js} +1 -1
  510. package/lib/esm/loader.js +4 -4
  511. package/lib/esm/{slot-utils-9633ef1e.js → slot-utils-2fa37472.js} +1 -1
  512. package/lib/esm-es5/{a11y-utils-9dbc7c3d.js → a11y-utils-d3187c9b.js} +1 -1
  513. package/lib/esm-es5/{app-globals-e00fbe9c.js → app-globals-aa323b86.js} +1 -1
  514. package/lib/esm-es5/duet-action-button.entry.js +1 -1
  515. package/lib/esm-es5/duet-alert.entry.js +1 -1
  516. package/lib/esm-es5/duet-badge.entry.js +1 -1
  517. package/lib/esm-es5/duet-banner.entry.js +1 -1
  518. package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
  519. package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
  520. package/lib/esm-es5/duet-button_2.entry.js +1 -1
  521. package/lib/esm-es5/duet-callout.entry.js +1 -1
  522. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  523. package/lib/esm-es5/duet-card.entry.js +1 -1
  524. package/lib/esm-es5/duet-checkbox.entry.js +1 -1
  525. package/lib/esm-es5/duet-checkmark.entry.js +1 -1
  526. package/lib/esm-es5/duet-chip.entry.js +1 -1
  527. package/lib/esm-es5/duet-choice_2.entry.js +1 -1
  528. package/lib/esm-es5/duet-collapsible.entry.js +1 -1
  529. package/lib/esm-es5/duet-combobox.entry.js +1 -1
  530. package/lib/esm-es5/duet-contact-card.entry.js +1 -1
  531. package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
  532. package/lib/esm-es5/duet-date-picker.entry.js +1 -1
  533. package/lib/esm-es5/duet-divider_2.entry.js +1 -1
  534. package/lib/esm-es5/duet-editable-table_3.entry.js +2 -2
  535. package/lib/esm-es5/duet-empty-state.entry.js +1 -1
  536. package/lib/esm-es5/duet-fieldset.entry.js +1 -1
  537. package/lib/esm-es5/duet-file-chooser.entry.js +2 -2
  538. package/lib/esm-es5/duet-footer.entry.js +1 -1
  539. package/lib/esm-es5/duet-grid_2.entry.js +1 -1
  540. package/lib/esm-es5/duet-header_2.entry.js +1 -1
  541. package/lib/esm-es5/duet-hero.entry.js +1 -1
  542. package/lib/esm-es5/duet-icon.entry.js +1 -1
  543. package/lib/esm-es5/duet-input_2.entry.js +1 -1
  544. package/lib/esm-es5/duet-layout.entry.js +1 -1
  545. package/lib/esm-es5/duet-list_2.entry.js +1 -1
  546. package/lib/esm-es5/duet-menu-bar-button.entry.js +1 -1
  547. package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js +1 -1
  548. package/lib/esm-es5/duet-menu-bar-dropdown.entry.js +1 -1
  549. package/lib/esm-es5/duet-menu-bar-item.entry.js +1 -1
  550. package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
  551. package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
  552. package/lib/esm-es5/duet-modal.entry.js +1 -1
  553. package/lib/esm-es5/duet-multiselect.entry.js +1 -1
  554. package/lib/esm-es5/duet-nav.entry.js +1 -1
  555. package/lib/esm-es5/duet-notification_2.entry.js +1 -1
  556. package/lib/esm-es5/duet-number-input.entry.js +1 -1
  557. package/lib/esm-es5/duet-overlay.entry.js +1 -1
  558. package/lib/esm-es5/duet-page-heading.entry.js +1 -1
  559. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  560. package/lib/esm-es5/duet-phone-input.entry.js +1 -1
  561. package/lib/esm-es5/duet-popup-menu_2.entry.js +1 -1
  562. package/lib/esm-es5/duet-progress.entry.js +1 -1
  563. package/lib/esm-es5/duet-promo-card.entry.js +1 -1
  564. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  565. package/lib/esm-es5/duet-range-slider.entry.js +1 -1
  566. package/lib/esm-es5/duet-scrollable_3.entry.js +2 -2
  567. package/lib/esm-es5/duet-section-layout.entry.js +1 -1
  568. package/lib/esm-es5/duet-select.entry.js +1 -1
  569. package/lib/esm-es5/duet-shaped-image.entry.js +1 -1
  570. package/lib/esm-es5/duet-show-more.entry.js +1 -1
  571. package/lib/esm-es5/duet-slideout-lang.entry.js +1 -1
  572. package/lib/esm-es5/duet-slideout-link.entry.js +1 -1
  573. package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js +1 -1
  574. package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
  575. package/lib/esm-es5/duet-slideout.entry.js +1 -1
  576. package/lib/esm-es5/duet-status-icon.entry.js +1 -1
  577. package/lib/esm-es5/duet-step_2.entry.js +1 -1
  578. package/lib/esm-es5/duet-submenu-bar-dropdown-link.entry.js +1 -1
  579. package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js +1 -1
  580. package/lib/esm-es5/duet-submenu-bar-item.entry.js +1 -1
  581. package/lib/esm-es5/duet-submenu-bar-link.entry.js +1 -1
  582. package/lib/esm-es5/duet-submenu-bar.entry.js +1 -1
  583. package/lib/esm-es5/duet-textarea.entry.js +2 -2
  584. package/lib/esm-es5/duet-toggle.entry.js +1 -1
  585. package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
  586. package/lib/esm-es5/duet-toolbar-dropdown.entry.js +1 -1
  587. package/lib/esm-es5/duet-toolbar-item.entry.js +1 -1
  588. package/lib/esm-es5/duet-toolbar-link.entry.js +1 -1
  589. package/lib/esm-es5/duet-toolbar.entry.js +1 -1
  590. package/lib/esm-es5/duet-tooltip-button_2.entry.js +1 -1
  591. package/lib/esm-es5/duet-tooltip.entry.js +1 -1
  592. package/lib/esm-es5/duet-tray.entry.js +1 -1
  593. package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
  594. package/lib/esm-es5/duet-upload-item.entry.js +1 -1
  595. package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
  596. package/lib/esm-es5/duet.js +1 -1
  597. package/lib/esm-es5/{errorcodes.utils-416994cc.js → errorcodes.utils-2a62c871.js} +1 -1
  598. package/lib/esm-es5/focus-utils-27172227.js +4 -0
  599. package/lib/esm-es5/{index-1a6cee61.js → index-2ab7ff5a.js} +1 -1
  600. package/lib/esm-es5/{language-utils-8a9d5323.js → language-utils-579bbfe7.js} +1 -1
  601. package/lib/esm-es5/loader.js +1 -1
  602. package/lib/esm-es5/{slot-utils-9633ef1e.js → slot-utils-2fa37472.js} +1 -1
  603. package/lib/types/components/duet-phone-input/duet-phone-input.d.ts +5 -0
  604. package/lib/types/components.d.ts +8 -0
  605. package/package.json +4 -4
  606. package/lib/duet/p-00ab909e.entry.js +0 -4
  607. package/lib/duet/p-295396cd.entry.js +0 -4
  608. package/lib/duet/p-42a1b0f0.system.js +0 -4
  609. package/lib/duet/p-5e2d4a51.entry.js +0 -4
  610. package/lib/duet/p-622e1ffc.js +0 -4
  611. package/lib/duet/p-89cf1a91.system.js +0 -4
  612. package/lib/duet/p-8ecbac63.system.entry.js +0 -4
  613. package/lib/duet/p-98fd263d.entry.js +0 -4
  614. package/lib/duet/p-a331ae6e.system.js +0 -4
  615. package/lib/duet/p-c2d61f47.entry.js +0 -4
  616. package/lib/duet/p-ca29569e.system.js +0 -4
  617. package/lib/duet/p-f3737a2b.entry.js +0 -4
  618. package/lib/esm-es5/focus-utils-7bc146cd.js +0 -4
package/lib/esm-es5/duet-input_2.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  var __awaiter=this&&this.__awaiter||function(t,e,i,n){function u(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function r(t){try{s(n.next(t))}catch(t){a(t)}}function o(t){try{s(n["throw"](t))}catch(t){a(t)}}function s(t){t.done?i(t.value):u(t.value).then(r,o)}s((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,u,a,r;return r={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function o(t){return function(e){return s([t,e])}}function s(o){if(n)throw new TypeError("Generator is already executing.");while(r&&(r=0,o[0]&&(i=0)),i)try{if(n=1,u&&(a=o[0]&2?u["return"]:o[0]?u["throw"]||((a=u["return"])&&a.call(u),0):u.next)&&!(a=a.call(u,o[1])).done)return a;if(u=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;u=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(o[0]===6&&i.label<a[1]){i.label=a[1];a=o;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(o);break}if(a[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(t){o=[6,t];u=0}finally{n=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
2
2
  /*!
3
3
  * Built with Duet Design System
4
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-1a6cee61.js";import{f as formSearch}from"./form-search-ea8e19ae.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{c as cleanValue,r as resetCursor}from"./input-utils-85681162.js";import{f as isEscapeKey,j as isEnterKey,e as isBackspaceKey,d as isArrowLeftKey,a as isArrowRightKey}from"./keyboard-utils-daf80d44.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,g as getLocaleString}from"./language-utils-8a9d5323.js";import{c as checkNamedSlotElement}from"./slot-utils-9633ef1e.js";import{g as getColorByName}from"./token-utils-a32eb753.js";import"./string-utils-192eb3c8.js";import"./tokens.module-a746651a.js";var formEmail={title:"form-email",tags:"form email",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M12 23.999c-3.205 0-6.218-1.248-8.484-3.514S.001 15.206.001 12.001s1.248-6.218 3.514-8.485C5.782 1.25 8.795.001 12 .001s6.218 1.248 8.485 3.514A11.92 11.92 0 0 1 24 12v2.25A3.754 3.754 0 0 1 20.25 18a3.77 3.77 0 0 1-3.48-2.365A6.009 6.009 0 0 1 12 18c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6v2.25c0 1.241 1.009 2.25 2.25 2.25s2.25-1.009 2.25-2.25V12c0-2.804-1.092-5.441-3.075-7.424A10.433 10.433 0 0 0 12 1.501c-2.804 0-5.441 1.092-7.424 3.075S1.501 9.196 1.501 12c0 2.805 1.092 5.441 3.075 7.424s4.619 3.074 7.423 3.074c2.257 0 4.494-.746 6.299-2.1a.749.749 0 1 1 .9 1.199A12.049 12.049 0 0 1 12 23.999zM12 7.5c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5z"/></svg>'};var duetInputCss='*.sc-duet-input,*.sc-duet-input::after,*.sc-duet-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-input-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-input-h:last-child,.sc-duet-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-input-h{width:100% !important}.duet-m-0.sc-duet-input-h{margin:0 !important}input[type=search].sc-duet-input::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{right:auto}}duet-caption.sc-duet-input:not(:last-of-type){margin-bottom:0}.duet-input-placeholder.sc-duet-input{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-input-icon.sc-duet-input{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.duet-input-container.sc-duet-input{position:relative;width:100%;height:100%}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input{position:relative;z-index:250}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 75, 129)}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-input .duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus,.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:active{opacity:0.75;transition:none}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-single.sc-duet-input button.sc-duet-input{top:-48px;right:0}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-double.sc-duet-input button.sc-duet-input{top:-24px;right:12px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-button.sc-duet-input button.sc-duet-input{top:-24px;right:0}.duet-input-container.has-clear.has-icon.sc-duet-input .duet-input-clear-icon.sc-duet-input{top:-24px;right:24px}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{color:rgb(8, 42, 77)}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-input-label-container.sc-duet-input{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container.sc-duet-input{justify-content:flex-start}}.duet-input.sc-duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !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:400 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:rgb(8, 42, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(127, 150, 165) !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.input-padding-small.sc-duet-input{padding:8px 10px !important}.duet-input.input-padding-x-small.sc-duet-input{padding:4px 6px !important}.duet-input.input-padding-xx-small.sc-duet-input{padding:0px 2px !important}.duet-input.is-number.sc-duet-input{padding-right:112px !important}.duet-input.is-date.sc-duet-input{padding-right:64px !important}.duet-input.after-chip.sc-duet-input{padding-left:8px !important}.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(214, 28, 82) !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(214, 28, 82) !important}.has-icon.sc-duet-input .duet-input.sc-duet-input{padding-right:48px !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input{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) !important;border-color:rgb(143, 147, 158) !important}.duet-input.align-right.sc-duet-input{text-align:right}.duet-input.sc-duet-input::-ms-clear{display:none}.duet-input.sc-duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-input.sc-duet-input::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-input[disabled].sc-duet-input{color:rgb(8, 42, 77) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva.sc-duet-input .duet-input[disabled].sc-duet-input{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus{border-color:rgb(0, 119, 179) !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus{border-color:rgb(23, 28, 58) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(0, 119, 179)}.duet-input[type=search].sc-duet-input:not(:placeholder-shown):focus+.duet-input-icon.sc-duet-input{display:none}.duet-input.sc-duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=number].sc-duet-input::-webkit-outer-spin-button,.duet-input[type=time].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=time].sc-duet-input::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input.sc-duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help.sc-duet-input{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-input-help.sc-duet-input span.sc-duet-input{display:block;margin-top:8px}.duet-theme-turva.sc-duet-input .duet-input-help.sc-duet-input{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.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-input duet-label.sc-duet-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input,.duet-input-variation-button-left.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input,.duet-input-variation-button-left.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input,.duet-input-variation-button-left.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-button-left.sc-duet-input .duet-input-relative.sc-duet-input{border-radius:4px}.duet-input-variation-button-left.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-button-left.duet-theme-turva.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-button-left.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #909599}.duet-input-variation-button-left.duet-theme-turva.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #747475}.duet-input-variation-button-left.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-variation-button-left.sc-duet-input .duet-input.sc-duet-input:hover:not(.disabled){box-shadow:none !important}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.duet-input-variation-button-left.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-left-width:0 !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.duet-input-variation-revealable.sc-duet-input{position:relative;width:100%}.duet-input-variation-revealable.sc-duet-input .sc-duet-input::-ms-reveal{display:none}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(143, 147, 158)}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-width:0 !important}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled.sc-duet-input .duet-input-relative.sc-duet-input{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229);box-shadow:none}.duet-input-variation-revealable.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-revealable.duet-theme-turva.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-revealable.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #909599}.duet-input-variation-revealable.duet-theme-turva.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #747475}.duet-input-variation-revealable.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #de2362}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #e55039}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(143, 147, 158)}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{flex-basis:4rem;flex-grow:1;padding-left:0 !important;margin-left:12px !important;border-width:0 !important}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}';var DuetInputStyle0=duetInputCss;var icons={search:formSearch,email:formEmail};var DuetInput=function(){function t(t){var e=this;registerInstance(this,t);this.duetInput=createEvent(this,"duetInput",7);this.duetChange=createEvent(this,"duetChange",3);this.duetBlur=createEvent(this,"duetBlur",7);this.duetClear=createEvent(this,"duetClear",7);this.duetFocus=createEvent(this,"duetFocus",7);this.inputId=createID("DuetInput");this.clearId=createID("DuetInputClear");this.labelId=createID("DuetLabel");this.topCaptionId=createID("DuetCaptionTop");this.topCaptionPlaceholderId=createID("DuetCaptionPlaceholderTop");this.chipCountId=createID("DuetInputChipCount");this.errorId=createID("DuetError");this.disallowPatternRegex=null;this.clearLabel={en:"Clear",fi:"Tyhjennä",sv:"Rensa"};this.timeAnnouncement={en:"Time",fi:"Aika",sv:"Tid"};this.showPasswordLabel={en:"Show password",fi:"Näytä salasana",sv:"Visa lösenord"};this.hidePasswordLabel={en:"Hide password",fi:"Piilota salasana",sv:"Dölj lösenord"};this.passwordShownAriaAnnouncement={en:"Password is shown",fi:"Salasana näytetään",sv:"Lösenordet visas"};this.passwordHiddenAriaAnnouncement={en:"Password is hidden",fi:"Salasana on piilotettu",sv:"Lösenordet är dolt"};this.chipsSelectedDesriptionLabel={en:"selected",fi:"valittu",sv:"valt"};this.onInput=function(t){if(e.disallowPatternRegex){cleanValue(e.nativeInput,e.disallowPatternRegex)}if(e.chips){e.clearChipSelection()}e.value=e.nativeInput.value||"";e.duetInput.emit({originalEvent:t,value:e.value,component:"duet-input"})};this.onBlur=function(t){if(t.relatedTarget===e.nativeInput||t.relatedTarget===e.togglePasswordRevealedButton){return}if(e.variation==="revealable"&&e.isPasswordRevealed){e.isPasswordRevealed=false}e.isFocused=false;e.duetBlur.emit({originalEvent:t,value:e.value,component:"duet-input"})};this.onFocus=function(t){e.clearChipSelection();e.isFocused=true;e.duetFocus.emit({originalEvent:t,value:e.value,component:"duet-input"})};this.onClear=function(t){e.duetClear.emit({originalEvent:t,value:e.value,component:"duet-input"})};this.getAriaDescribedBy=function(){var t=[];if(e.isCaptionVisible&&e.topCaptionId){t.push(e.topCaptionId)}if(e.accessibleDescribedBy){t.push(e.accessibleDescribedBy)}if(e.chips){var i=e.getAllChips();if(i.length){t.push(e.chipCountId);i.forEach((function(e){return t.push(e.id)}))}}if(e.error){t.push(e.errorId)}return t.length>0?t.join(" "):null};this.handleClearClick=function(t){var i=e.clearInput();e.onClear(t);return i};this.keyHandler=function(t){if(isEscapeKey(t)&&e.clear){e.handleClearClick(t)}if(isEnterKey(t)&&e.variation==="revealable"){if(t.target===e.togglePasswordRevealedButton){t.stopPropagation()}else{e.isPasswordRevealed=false}}if(e.chips&&e.nativeInput.value.length===0){if(isBackspaceKey(t)){if(e.isChipSelected()){e.getSelectedChip().removeChip();setTimeout((function(){return e.selectLastChip()}))}e.selectLastChip()}if(isArrowLeftKey(t)){e.selectChipToLeft()}if(isArrowRightKey(t)&&e.isChipSelected()){e.selectChipToRight()}}return t};this.togglePasswordRevealed=function(){e.isPasswordRevealed=!e.isPasswordRevealed};this.getInputType=function(){if(e.variation==="revealable"){return e.isPasswordRevealed?"text":"password"}return e.type};this.language=getLanguage();this.isPasswordRevealed=undefined;this.isFocused=false;this.accessibleActiveDescendant=undefined;this.accessibleAutocomplete=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleExpanded=undefined;this.accessibleDescribedBy="";this.accessibleHasPopup=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLiveError="polite";this.debounce=0;this.clear=false;this.caption=undefined;this.echoPlaceholder=false;this.theme="";this.expand=false;this.disabled=false;this.identifier=undefined;this.margin="auto";this.inputAlign="left";this.inputPadding="medium";this.required=false;this.type="text";this.variation="default";this.chips=false;this.label="Label";this.labelColor=undefined;this.labelWeight=undefined;this.error="";this.labelHidden=false;this.numericKeyboard=false;this.name=undefined;this.pattern=undefined;this.maxlength=undefined;this.minlength=undefined;this.placeholder=undefined;this.component="input";this.role=undefined;this.icon=undefined;this.autoComplete="on";this.disallowPattern=null;this.value=undefined;this.tooltip="";this.tooltipDirection="auto"}t.prototype.disallowedPatternChange=function(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null};t.prototype.valueChanged=function(){var t=this;if(this.nativeInput&&this.nativeInput.value!==this.value){var e=resetCursor(this.nativeInput);this.nativeInput.value=this.value;e()}this.isCaptionVisible=!!this.caption;var i=function(){return t.duetChange.emit({value:t.value,component:"duet-input"})};if(this.debounce===0){i()}else{clearTimeout(this.timeoutId);this.timeoutId=setTimeout(i,this.debounce)}};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.disallowedPatternChange();this.isCaptionVisible=!!this.caption;checkNamedSlotElement(this.element,"tooltip","duet-tooltip",1,true)};t.prototype.componentDidLoad=function(){var t=this;if(this.variation==="revealable"&&this.nativeInput.form){this.nativeInput.form.addEventListener("submit",(function(){t.isPasswordRevealed=false}))}};t.prototype.connectedCallback=function(){connectLanguageChangeObserver(this)};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus(t)}return[2]}))}))};t.prototype.resetCursor=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){if(this.nativeInput){t=resetCursor(this.nativeInput);this.nativeInput.value=this.value;t()}return[2]}))}))};t.prototype.clearInput=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeInput){this.nativeInput.value="";this.nativeInput.focus();this.value=""}return[2]}))}))};t.prototype.getAllChips=function(){return Array.from(this.element.querySelectorAll(".duet-input-relative duet-chip"))};t.prototype.isChipSelected=function(){return this.getAllChips().some((function(t){return t.selected}))};t.prototype.getSelectedChip=function(){return this.getAllChips().find((function(t){return t.selected}))};t.prototype.clearChipSelection=function(){var t=this.getAllChips();t.forEach((function(t){return t.selected=false}))};t.prototype.selectLastChip=function(){var t=this.getAllChips();if(t.length){t.forEach((function(t){return t.selected=false}));t.at(-1).selected=true}};t.prototype.selectChipToLeft=function(){var t=this.getAllChips();var e=t.findIndex((function(t){return t.selected}));if(t.length){t.forEach((function(t){return t.selected=false}));if(e===-1){t.at(-1).selected=true}else if(e===0){t[0].selected=true}else{t[e-1].selected=true}}};t.prototype.selectChipToRight=function(){var t=this.getAllChips();var e=t.findIndex((function(t){return t.selected}));if(t.length){t.forEach((function(t){return t.selected=false}));if(e>-1&&e<t.length-1){t[e+1].selected=true}}};t.prototype.addChip=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i;return __generator(this,(function(n){e=this.element.querySelector(".duet-input-relative");i=e.querySelector("input:not(duet-chip input)");t.id=createID("DuetInputChip");e.insertBefore(t,i);return[2]}))}))};t.prototype.hasChip=function(t){return __awaiter(this,arguments,void 0,(function(t){var e=t.value,i=t.text;return __generator(this,(function(t){return[2,this.getAllChips().some((function(t){return t.value===e&&t.textContent===i}))]}))}))};t.prototype.getChips=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.getAllChips()]}))}))};t.prototype.clearChips=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.getAllChips().forEach((function(t){return t.remove()}));return[2]}))}))};t.prototype.render=function(){var t,e;var i=this;var n=this.identifier||this.inputId;var u={};if(this.numericKeyboard){u.inputmode="numeric"}if(this.pattern&&this.type!=="tel"){u.pattern=this.pattern}else if(!this.pattern&&this.type==="tel"){u.pattern="[0-9+ ]+"}var a;if(this.value){a=new Date;try{a.setHours(Number(this.value.slice(0,2)),Number(this.value.slice(3,5)),0,0)}catch(t){a=undefined}}var r=!this.icon&&this.type!=="text"&&this.type!=="tel"&&this.type!=="password"&&this.type!=="time"&&this.variation!=="button";return h(Host,{class:{"duet-expand":this.expand,"duet-m-0":this.margin==="none"},onKeyUp:function(t){return i.keyHandler(t)}},this.type==="time"&&h("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true"},a?"".concat(this.timeAnnouncement[this.language]," ").concat(a.toLocaleTimeString()):""),h("div",{class:(t={"duet-input-container":true,"duet-theme-turva":this.theme==="turva"},t["duet-input-variation-".concat(this.variation)]=true,t["duet-label-hidden"]=this.labelHidden,t["duet-input-top-caption-shown"]=this.isCaptionVisible,t["has-icon"]=this.variation!=="button"&&(!!this.icon||this.type!=="text"&&this.type!=="tel"&&this.type!=="password"&&this.type!=="time"),t["has-error"]=!!this.error,t["has-chips"]=this.chips,t["has-clear"]=this.clear,t["has-focus"]=this.isFocused,t.disabled=this.disabled,t)},h("div",{class:"duet-input-label-container"},h("duet-label",{theme:this.theme==="turva"?"turva":"default",margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:n},this.label),this.tooltip&&h("duet-tooltip",{class:"duet-input-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:this.theme==="turva"?"turva":"default"},this.tooltip),h("slot",{name:"tooltip"})),this.caption&&h("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),h("div",{class:"duet-input-relative"},this.placeholder&&this.echoPlaceholder&&(this.value||this.type==="time")&&h("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-input-placeholder",margin:"none",size:"small"},this.placeholder),this.chips&&h("duet-visually-hidden",{id:this.chipCountId},", ","".concat(this.getAllChips().length," ").concat(getLocaleString(this.chipsSelectedDesriptionLabel)),","),this.variation==="button-left"&&h("slot",{name:"button-left"}),h("input",Object.assign({ref:function(t){return i.nativeInput=t},onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,type:this.getInputType(),class:(e={"duet-input":true,disabled:this.disabled,"is-number":this.component==="number","is-date":this.component==="date","after-chip":this.getAllChips().length>0,"align-right":this.inputAlign==="right"},e["input-padding-".concat(this.inputPadding)]=true,e),value:this.value,disabled:this.disabled,"aria-invalid":this.error?"true":"false","aria-labelledby":this.accessibleLabelledBy?"".concat(this.labelId," ").concat(this.accessibleLabelledBy):this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-expanded":this.accessibleExpanded,"aria-haspopup":this.accessibleHasPopup,"aria-owns":this.accessibleOwns,"aria-describedby":this.getAriaDescribedBy(),placeholder:this.placeholder,spellcheck:"false",minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.type==="password"?"off":this.autoComplete,required:this.required,role:this.role,name:this.name,id:n},u)),!this.value&&r&&h("div",{class:"duet-input-icon"},h("duet-icon",{margin:"none",size:"small",icon:icons[this.type].svg,color:"currentColor"})),this.clear&&this.value&&h("div",{class:{"duet-input-clear-icon":true,"duet-input-clear-icon-single":!r,"duet-input-clear-icon-double":!!this.icon,"duet-input-clear-icon-button":this.variation==="button"}},h("button",{onClick:this.handleClearClick,id:this.clearId,"aria-label":this.clearLabel[this.language],"aria-keyshortcuts":"Escape"},h("duet-icon",{margin:"none",size:"medium",name:"action-clear-input",color:"currentColor"}))),this.icon&&this.variation!=="button"&&h("div",{class:"duet-input-icon"},h("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),this.variation==="button"&&h("slot",{name:"button"}),this.variation==="revealable"&&h("duet-button",{ref:function(t){return i.togglePasswordRevealedButton=t},onBlur:this.onBlur,onFocus:this.onFocus,onClick:this.togglePasswordRevealed,icon:this.isPasswordRevealed?"action-hide":"action-show",accessibleLabel:this.isPasswordRevealed?this.hidePasswordLabel[this.language]:this.showPasswordLabel[this.language],margin:"none",variation:"input-button-embedded",fixed:true,iconOnly:true}),this.variation==="revealable"&&this.isPasswordRevealed!==undefined&&h("duet-visually-hidden",null,h("span",{"aria-live":"polite"},this.isPasswordRevealed?this.passwordShownAriaAnnouncement[this.language]:this.passwordHiddenAriaAnnouncement[this.language])),h("slot",null)),h("span",{class:"duet-input-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&h("span",{class:"duet-input-error"},this.error))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disallowPattern:["disallowedPatternChange"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}();DuetInput.style=DuetInputStyle0;var duetLabelCss='*.sc-duet-label,*.sc-duet-label::after,*.sc-duet-label::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-label-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;line-height:1.25;cursor:default}.duet-p-0.sc-duet-label-h{padding:0 !important}.duet-m-0.sc-duet-label-h{margin:0 !important}.duet-m-0.sc-duet-label-h{margin-bottom:0 !important}.duet-small-margin.sc-duet-label-h{margin-top:8px !important;margin-bottom:4px !important}.duet-has-tooltip.sc-duet-label-h{padding-right:48px}@media (min-width: 48em){.duet-has-tooltip.sc-duet-label-h{padding-right:0}}label.sc-duet-label{margin: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:1rem;font-weight:600 !important;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word}label.sc-duet-label span.sc-duet-label{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-label-small.sc-duet-label-h label.sc-duet-label{font-size:0.875rem}.duet-label-small.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-size:0.875rem}.duet-weight-normal.sc-duet-label-h label.sc-duet-label{font-weight:400 !important}.duet-weight-normal.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-weight:400 !important}.duet-theme-turva.sc-duet-label-h label.sc-duet-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}';var DuetLabelStyle0=duetLabelCss;var DuetLabel=function(){function t(t){registerInstance(this,t);this.theme="";this.for=undefined;this.margin="auto";this.size="medium";this.weight="semi-bold";this.color=""}t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.render=function(){var t;var e=getColorByName(this.color);return h(Host,{class:(t={"duet-label":true,"duet-label-small":this.size==="small","duet-theme-turva":this.theme==="turva","duet-small-margin":this.margin==="small","duet-m-0":this.margin==="none"},t["duet-weight-".concat(this.weight)]=true,t)},h("label",{htmlFor:this.for,style:{color:e}},h("span",null,h("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetLabel.style=DuetLabelStyle0;export{DuetInput as duet_input,DuetLabel as duet_label};
4
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-2ab7ff5a.js";import{f as formSearch}from"./form-search-ea8e19ae.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{c as cleanValue,r as resetCursor}from"./input-utils-85681162.js";import{f as isEscapeKey,j as isEnterKey,e as isBackspaceKey,d as isArrowLeftKey,a as isArrowRightKey}from"./keyboard-utils-daf80d44.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,g as getLocaleString}from"./language-utils-579bbfe7.js";import{c as checkNamedSlotElement}from"./slot-utils-2fa37472.js";import{g as getColorByName}from"./token-utils-a32eb753.js";import"./string-utils-192eb3c8.js";import"./tokens.module-a746651a.js";var formEmail={title:"form-email",tags:"form email",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M12 23.999c-3.205 0-6.218-1.248-8.484-3.514S.001 15.206.001 12.001s1.248-6.218 3.514-8.485C5.782 1.25 8.795.001 12 .001s6.218 1.248 8.485 3.514A11.92 11.92 0 0 1 24 12v2.25A3.754 3.754 0 0 1 20.25 18a3.77 3.77 0 0 1-3.48-2.365A6.009 6.009 0 0 1 12 18c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6v2.25c0 1.241 1.009 2.25 2.25 2.25s2.25-1.009 2.25-2.25V12c0-2.804-1.092-5.441-3.075-7.424A10.433 10.433 0 0 0 12 1.501c-2.804 0-5.441 1.092-7.424 3.075S1.501 9.196 1.501 12c0 2.805 1.092 5.441 3.075 7.424s4.619 3.074 7.423 3.074c2.257 0 4.494-.746 6.299-2.1a.749.749 0 1 1 .9 1.199A12.049 12.049 0 0 1 12 23.999zM12 7.5c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5z"/></svg>'};var duetInputCss='*.sc-duet-input,*.sc-duet-input::after,*.sc-duet-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-input-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-input-h:last-child,.sc-duet-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-input-h{width:100% !important}.duet-m-0.sc-duet-input-h{margin:0 !important}input[type=search].sc-duet-input::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{right:auto}}duet-caption.sc-duet-input:not(:last-of-type){margin-bottom:0}.duet-input-placeholder.sc-duet-input{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-input-icon.sc-duet-input{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.duet-input-container.sc-duet-input{position:relative;width:100%;height:100%}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input{position:relative;z-index:250}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 75, 129)}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-input .duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus,.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:active{opacity:0.75;transition:none}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-single.sc-duet-input button.sc-duet-input{top:-48px;right:0}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-double.sc-duet-input button.sc-duet-input{top:-24px;right:12px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-button.sc-duet-input button.sc-duet-input{top:-24px;right:0}.duet-input-container.has-clear.has-icon.sc-duet-input .duet-input-clear-icon.sc-duet-input{top:-24px;right:24px}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{color:rgb(8, 42, 77)}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-input-label-container.sc-duet-input{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container.sc-duet-input{justify-content:flex-start}}.duet-input.sc-duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !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:400 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:rgb(8, 42, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(127, 150, 165) !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.input-padding-small.sc-duet-input{padding:8px 10px !important}.duet-input.input-padding-x-small.sc-duet-input{padding:4px 6px !important}.duet-input.input-padding-xx-small.sc-duet-input{padding:0px 2px !important}.duet-input.is-number.sc-duet-input{padding-right:112px !important}.duet-input.is-date.sc-duet-input{padding-right:64px !important}.duet-input.after-chip.sc-duet-input{padding-left:8px !important}.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(214, 28, 82) !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(214, 28, 82) !important}.has-icon.sc-duet-input .duet-input.sc-duet-input{padding-right:48px !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input{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) !important;border-color:rgb(143, 147, 158) !important}.duet-input.align-right.sc-duet-input{text-align:right}.duet-input.sc-duet-input::-ms-clear{display:none}.duet-input.sc-duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-input.sc-duet-input::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-input[disabled].sc-duet-input{color:rgb(8, 42, 77) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva.sc-duet-input .duet-input[disabled].sc-duet-input{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus{border-color:rgb(0, 119, 179) !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus{border-color:rgb(23, 28, 58) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(0, 119, 179)}.duet-input[type=search].sc-duet-input:not(:placeholder-shown):focus+.duet-input-icon.sc-duet-input{display:none}.duet-input.sc-duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=number].sc-duet-input::-webkit-outer-spin-button,.duet-input[type=time].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=time].sc-duet-input::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input.sc-duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help.sc-duet-input{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-input-help.sc-duet-input span.sc-duet-input{display:block;margin-top:8px}.duet-theme-turva.sc-duet-input .duet-input-help.sc-duet-input{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.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-input duet-label.sc-duet-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input,.duet-input-variation-button-left.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input,.duet-input-variation-button-left.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input,.duet-input-variation-button-left.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-button-left.sc-duet-input .duet-input-relative.sc-duet-input{border-radius:4px}.duet-input-variation-button-left.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-button-left.duet-theme-turva.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-button-left.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #909599}.duet-input-variation-button-left.duet-theme-turva.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #747475}.duet-input-variation-button-left.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-variation-button-left.sc-duet-input .duet-input.sc-duet-input:hover:not(.disabled){box-shadow:none !important}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.duet-input-variation-button-left.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-left-width:0 !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.duet-input-variation-revealable.sc-duet-input{position:relative;width:100%}.duet-input-variation-revealable.sc-duet-input .sc-duet-input::-ms-reveal{display:none}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(143, 147, 158)}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-width:0 !important}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled.sc-duet-input .duet-input-relative.sc-duet-input{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229);box-shadow:none}.duet-input-variation-revealable.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-revealable.duet-theme-turva.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-revealable.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #909599}.duet-input-variation-revealable.duet-theme-turva.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #747475}.duet-input-variation-revealable.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #de2362}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #e55039}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(143, 147, 158)}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{flex-basis:4rem;flex-grow:1;padding-left:0 !important;margin-left:12px !important;border-width:0 !important}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}';var DuetInputStyle0=duetInputCss;var icons={search:formSearch,email:formEmail};var DuetInput=function(){function t(t){var e=this;registerInstance(this,t);this.duetInput=createEvent(this,"duetInput",7);this.duetChange=createEvent(this,"duetChange",3);this.duetBlur=createEvent(this,"duetBlur",7);this.duetClear=createEvent(this,"duetClear",7);this.duetFocus=createEvent(this,"duetFocus",7);this.inputId=createID("DuetInput");this.clearId=createID("DuetInputClear");this.labelId=createID("DuetLabel");this.topCaptionId=createID("DuetCaptionTop");this.topCaptionPlaceholderId=createID("DuetCaptionPlaceholderTop");this.chipCountId=createID("DuetInputChipCount");this.errorId=createID("DuetError");this.disallowPatternRegex=null;this.clearLabel={en:"Clear",fi:"Tyhjennä",sv:"Rensa"};this.timeAnnouncement={en:"Time",fi:"Aika",sv:"Tid"};this.showPasswordLabel={en:"Show password",fi:"Näytä salasana",sv:"Visa lösenord"};this.hidePasswordLabel={en:"Hide password",fi:"Piilota salasana",sv:"Dölj lösenord"};this.passwordShownAriaAnnouncement={en:"Password is shown",fi:"Salasana näytetään",sv:"Lösenordet visas"};this.passwordHiddenAriaAnnouncement={en:"Password is hidden",fi:"Salasana on piilotettu",sv:"Lösenordet är dolt"};this.chipsSelectedDesriptionLabel={en:"selected",fi:"valittu",sv:"valt"};this.onInput=function(t){if(e.disallowPatternRegex){cleanValue(e.nativeInput,e.disallowPatternRegex)}if(e.chips){e.clearChipSelection()}e.value=e.nativeInput.value||"";e.duetInput.emit({originalEvent:t,value:e.value,component:"duet-input"})};this.onBlur=function(t){if(t.relatedTarget===e.nativeInput||t.relatedTarget===e.togglePasswordRevealedButton){return}if(e.variation==="revealable"&&e.isPasswordRevealed){e.isPasswordRevealed=false}e.isFocused=false;e.duetBlur.emit({originalEvent:t,value:e.value,component:"duet-input"})};this.onFocus=function(t){e.clearChipSelection();e.isFocused=true;e.duetFocus.emit({originalEvent:t,value:e.value,component:"duet-input"})};this.onClear=function(t){e.duetClear.emit({originalEvent:t,value:e.value,component:"duet-input"})};this.getAriaDescribedBy=function(){var t=[];if(e.isCaptionVisible&&e.topCaptionId){t.push(e.topCaptionId)}if(e.accessibleDescribedBy){t.push(e.accessibleDescribedBy)}if(e.chips){var i=e.getAllChips();if(i.length){t.push(e.chipCountId);i.forEach((function(e){return t.push(e.id)}))}}if(e.error){t.push(e.errorId)}return t.length>0?t.join(" "):null};this.handleClearClick=function(t){var i=e.clearInput();e.onClear(t);return i};this.keyHandler=function(t){if(isEscapeKey(t)&&e.clear){e.handleClearClick(t)}if(isEnterKey(t)&&e.variation==="revealable"){if(t.target===e.togglePasswordRevealedButton){t.stopPropagation()}else{e.isPasswordRevealed=false}}if(e.chips&&e.nativeInput.value.length===0){if(isBackspaceKey(t)){if(e.isChipSelected()){e.getSelectedChip().removeChip();setTimeout((function(){return e.selectLastChip()}))}e.selectLastChip()}if(isArrowLeftKey(t)){e.selectChipToLeft()}if(isArrowRightKey(t)&&e.isChipSelected()){e.selectChipToRight()}}return t};this.togglePasswordRevealed=function(){e.isPasswordRevealed=!e.isPasswordRevealed};this.getInputType=function(){if(e.variation==="revealable"){return e.isPasswordRevealed?"text":"password"}return e.type};this.language=getLanguage();this.isPasswordRevealed=undefined;this.isFocused=false;this.accessibleActiveDescendant=undefined;this.accessibleAutocomplete=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleExpanded=undefined;this.accessibleDescribedBy="";this.accessibleHasPopup=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLiveError="polite";this.debounce=0;this.clear=false;this.caption=undefined;this.echoPlaceholder=false;this.theme="";this.expand=false;this.disabled=false;this.identifier=undefined;this.margin="auto";this.inputAlign="left";this.inputPadding="medium";this.required=false;this.type="text";this.variation="default";this.chips=false;this.label="Label";this.labelColor=undefined;this.labelWeight=undefined;this.error="";this.labelHidden=false;this.numericKeyboard=false;this.name=undefined;this.pattern=undefined;this.maxlength=undefined;this.minlength=undefined;this.placeholder=undefined;this.component="input";this.role=undefined;this.icon=undefined;this.autoComplete="on";this.disallowPattern=null;this.value=undefined;this.tooltip="";this.tooltipDirection="auto"}t.prototype.disallowedPatternChange=function(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null};t.prototype.valueChanged=function(){var t=this;if(this.nativeInput&&this.nativeInput.value!==this.value){var e=resetCursor(this.nativeInput);this.nativeInput.value=this.value;e()}this.isCaptionVisible=!!this.caption;var i=function(){return t.duetChange.emit({value:t.value,component:"duet-input"})};if(this.debounce===0){i()}else{clearTimeout(this.timeoutId);this.timeoutId=setTimeout(i,this.debounce)}};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.disallowedPatternChange();this.isCaptionVisible=!!this.caption;checkNamedSlotElement(this.element,"tooltip","duet-tooltip",1,true)};t.prototype.componentDidLoad=function(){var t=this;if(this.variation==="revealable"&&this.nativeInput.form){this.nativeInput.form.addEventListener("submit",(function(){t.isPasswordRevealed=false}))}};t.prototype.connectedCallback=function(){connectLanguageChangeObserver(this)};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus(t)}return[2]}))}))};t.prototype.resetCursor=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){if(this.nativeInput){t=resetCursor(this.nativeInput);this.nativeInput.value=this.value;t()}return[2]}))}))};t.prototype.clearInput=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeInput){this.nativeInput.value="";this.nativeInput.focus();this.value=""}return[2]}))}))};t.prototype.getAllChips=function(){return Array.from(this.element.querySelectorAll(".duet-input-relative duet-chip"))};t.prototype.isChipSelected=function(){return this.getAllChips().some((function(t){return t.selected}))};t.prototype.getSelectedChip=function(){return this.getAllChips().find((function(t){return t.selected}))};t.prototype.clearChipSelection=function(){var t=this.getAllChips();t.forEach((function(t){return t.selected=false}))};t.prototype.selectLastChip=function(){var t=this.getAllChips();if(t.length){t.forEach((function(t){return t.selected=false}));t.at(-1).selected=true}};t.prototype.selectChipToLeft=function(){var t=this.getAllChips();var e=t.findIndex((function(t){return t.selected}));if(t.length){t.forEach((function(t){return t.selected=false}));if(e===-1){t.at(-1).selected=true}else if(e===0){t[0].selected=true}else{t[e-1].selected=true}}};t.prototype.selectChipToRight=function(){var t=this.getAllChips();var e=t.findIndex((function(t){return t.selected}));if(t.length){t.forEach((function(t){return t.selected=false}));if(e>-1&&e<t.length-1){t[e+1].selected=true}}};t.prototype.addChip=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i;return __generator(this,(function(n){e=this.element.querySelector(".duet-input-relative");i=e.querySelector("input:not(duet-chip input)");t.id=createID("DuetInputChip");e.insertBefore(t,i);return[2]}))}))};t.prototype.hasChip=function(t){return __awaiter(this,arguments,void 0,(function(t){var e=t.value,i=t.text;return __generator(this,(function(t){return[2,this.getAllChips().some((function(t){return t.value===e&&t.textContent===i}))]}))}))};t.prototype.getChips=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.getAllChips()]}))}))};t.prototype.clearChips=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.getAllChips().forEach((function(t){return t.remove()}));return[2]}))}))};t.prototype.render=function(){var t,e;var i=this;var n=this.identifier||this.inputId;var u={};if(this.numericKeyboard){u.inputmode="numeric"}if(this.pattern&&this.type!=="tel"){u.pattern=this.pattern}else if(!this.pattern&&this.type==="tel"){u.pattern="[0-9+ ]+"}var a;if(this.value){a=new Date;try{a.setHours(Number(this.value.slice(0,2)),Number(this.value.slice(3,5)),0,0)}catch(t){a=undefined}}var r=!this.icon&&this.type!=="text"&&this.type!=="tel"&&this.type!=="password"&&this.type!=="time"&&this.variation!=="button";return h(Host,{class:{"duet-expand":this.expand,"duet-m-0":this.margin==="none"},onKeyUp:function(t){return i.keyHandler(t)}},this.type==="time"&&h("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true"},a?"".concat(this.timeAnnouncement[this.language]," ").concat(a.toLocaleTimeString()):""),h("div",{class:(t={"duet-input-container":true,"duet-theme-turva":this.theme==="turva"},t["duet-input-variation-".concat(this.variation)]=true,t["duet-label-hidden"]=this.labelHidden,t["duet-input-top-caption-shown"]=this.isCaptionVisible,t["has-icon"]=this.variation!=="button"&&(!!this.icon||this.type!=="text"&&this.type!=="tel"&&this.type!=="password"&&this.type!=="time"),t["has-error"]=!!this.error,t["has-chips"]=this.chips,t["has-clear"]=this.clear,t["has-focus"]=this.isFocused,t.disabled=this.disabled,t)},h("div",{class:"duet-input-label-container"},h("duet-label",{theme:this.theme==="turva"?"turva":"default",margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:n},this.label),this.tooltip&&h("duet-tooltip",{class:"duet-input-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:this.theme==="turva"?"turva":"default"},this.tooltip),h("slot",{name:"tooltip"})),this.caption&&h("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),h("div",{class:"duet-input-relative"},this.placeholder&&this.echoPlaceholder&&(this.value||this.type==="time")&&h("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-input-placeholder",margin:"none",size:"small"},this.placeholder),this.chips&&h("duet-visually-hidden",{id:this.chipCountId},", ","".concat(this.getAllChips().length," ").concat(getLocaleString(this.chipsSelectedDesriptionLabel)),","),this.variation==="button-left"&&h("slot",{name:"button-left"}),h("input",Object.assign({ref:function(t){return i.nativeInput=t},onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,type:this.getInputType(),class:(e={"duet-input":true,disabled:this.disabled,"is-number":this.component==="number","is-date":this.component==="date","after-chip":this.getAllChips().length>0,"align-right":this.inputAlign==="right"},e["input-padding-".concat(this.inputPadding)]=true,e),value:this.value,disabled:this.disabled,"aria-invalid":this.error?"true":"false","aria-labelledby":this.accessibleLabelledBy?"".concat(this.labelId," ").concat(this.accessibleLabelledBy):this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-expanded":this.accessibleExpanded,"aria-haspopup":this.accessibleHasPopup,"aria-owns":this.accessibleOwns,"aria-describedby":this.getAriaDescribedBy(),placeholder:this.placeholder,spellcheck:"false",minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.type==="password"?"off":this.autoComplete,required:this.required,role:this.role,name:this.name,id:n},u)),!this.value&&r&&h("div",{class:"duet-input-icon"},h("duet-icon",{margin:"none",size:"small",icon:icons[this.type].svg,color:"currentColor"})),this.clear&&this.value&&h("div",{class:{"duet-input-clear-icon":true,"duet-input-clear-icon-single":!r,"duet-input-clear-icon-double":!!this.icon,"duet-input-clear-icon-button":this.variation==="button"}},h("button",{onClick:this.handleClearClick,id:this.clearId,"aria-label":this.clearLabel[this.language],"aria-keyshortcuts":"Escape"},h("duet-icon",{margin:"none",size:"medium",name:"action-clear-input",color:"currentColor"}))),this.icon&&this.variation!=="button"&&h("div",{class:"duet-input-icon"},h("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),this.variation==="button"&&h("slot",{name:"button"}),this.variation==="revealable"&&h("duet-button",{ref:function(t){return i.togglePasswordRevealedButton=t},onBlur:this.onBlur,onFocus:this.onFocus,onClick:this.togglePasswordRevealed,icon:this.isPasswordRevealed?"action-hide":"action-show",accessibleLabel:this.isPasswordRevealed?this.hidePasswordLabel[this.language]:this.showPasswordLabel[this.language],margin:"none",variation:"input-button-embedded",fixed:true,iconOnly:true}),this.variation==="revealable"&&this.isPasswordRevealed!==undefined&&h("duet-visually-hidden",null,h("span",{"aria-live":"polite"},this.isPasswordRevealed?this.passwordShownAriaAnnouncement[this.language]:this.passwordHiddenAriaAnnouncement[this.language])),h("slot",null)),h("span",{class:"duet-input-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&h("span",{class:"duet-input-error"},this.error))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disallowPattern:["disallowedPatternChange"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}();DuetInput.style=DuetInputStyle0;var duetLabelCss='*.sc-duet-label,*.sc-duet-label::after,*.sc-duet-label::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-label-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;line-height:1.25;cursor:default}.duet-p-0.sc-duet-label-h{padding:0 !important}.duet-m-0.sc-duet-label-h{margin:0 !important}.duet-m-0.sc-duet-label-h{margin-bottom:0 !important}.duet-small-margin.sc-duet-label-h{margin-top:8px !important;margin-bottom:4px !important}.duet-has-tooltip.sc-duet-label-h{padding-right:48px}@media (min-width: 48em){.duet-has-tooltip.sc-duet-label-h{padding-right:0}}label.sc-duet-label{margin: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:1rem;font-weight:600 !important;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word}label.sc-duet-label span.sc-duet-label{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-label-small.sc-duet-label-h label.sc-duet-label{font-size:0.875rem}.duet-label-small.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-size:0.875rem}.duet-weight-normal.sc-duet-label-h label.sc-duet-label{font-weight:400 !important}.duet-weight-normal.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-weight:400 !important}.duet-theme-turva.sc-duet-label-h label.sc-duet-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}';var DuetLabelStyle0=duetLabelCss;var DuetLabel=function(){function t(t){registerInstance(this,t);this.theme="";this.for=undefined;this.margin="auto";this.size="medium";this.weight="semi-bold";this.color=""}t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.render=function(){var t;var e=getColorByName(this.color);return h(Host,{class:(t={"duet-label":true,"duet-label-small":this.size==="small","duet-theme-turva":this.theme==="turva","duet-small-margin":this.margin==="small","duet-m-0":this.margin==="none"},t["duet-weight-".concat(this.weight)]=true,t)},h("label",{htmlFor:this.for,style:{color:e}},h("span",null,h("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetLabel.style=DuetLabelStyle0;export{DuetInput as duet_input,DuetLabel as duet_label};
package/lib/esm-es5/duet-layout.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as registerInstance,h,H as Host,g as getElement}from"./index-1a6cee61.js";import{i as isInternetExplorer}from"./is-internet-explorer-2c48f686.js";import{c as checkNamedSlotElement}from"./slot-utils-9633ef1e.js";var duetLayoutCss="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){::slotted([slot=page-heading]){width:calc(100% + 56px);margin:0 -28px 0 -28px}}@media (min-width: 62em){::slotted([slot=page-heading]){width:calc(100% + 112px);margin:0 -56px 0 -56px}}:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 96px);margin:0 -48px 0 -48px}}@media (min-width: 48em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 144px);margin:0 -72px 0 -72px}}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-middle) .heading-wrapper{padding:0 !important}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";var DuetLayoutStyle0=duetLayoutCss;var DuetLayout=function(){function e(e){registerInstance(this,e);this.hasSidebar=false;this.hasTop=false;this.hasPageHeading=false;this.sticky=false;this.margin="auto";this.stickyDistance="with-links";this.center=false;this.tabs=false;this.middle=false;this.paddingBreakpoint=undefined}e.prototype.componentWillLoad=function(){this.hasSidebar=!!this.element.querySelector("[slot='sidebar']");this.hasTop=!!this.element.querySelector("[slot='top']");this.hasPageHeading=!!this.element.querySelector("[slot='page-heading']");checkNamedSlotElement(this.element,"page-heading","duet-page-heading",1,true);if(!this.element.querySelector("[slot='main']")){console.warn("[DUET WARNING]: Nothing passed to <duet-layout> named slots. Please use one of 'main', 'sidebar' or 'top' to display contents.")}};e.prototype.render=function(){var e,t;return h(Host,{key:"80c12f757fb1c4bf5445c7617d1892dd1aa8eb0d",class:{center:this.center,"duet-middle":this.middle,"duet-ie":isInternetExplorer()}},h("div",{key:"81afc5eb022aacc3bf55f0d7ba58002290a3a2dd",class:{"duet-layout-wrapper":true,"duet-m-0":this.margin==="none"}},this.hasTop&&h("div",{key:"2d48af138c05b1bfbf816ba62afe9fd409d9f74b",class:{"duet-layout-top":true,"duet-center":this.center}},h("div",{key:"857faa5737328c10aa87c41fbc8f6076877d9ba1",class:"duet-layout-top-wrapper"},h("slot",{key:"75876d2b39ff260c65420eddba4194a661bf0c4a",name:"top"}))),h("div",{key:"a9d25df347b7e011438c99ccc489d3b410610624",class:(e={"duet-layout":true,"has-sidebar":this.hasSidebar,"duet-center":this.center},e["padding-".concat(this.paddingBreakpoint)]=!!this.paddingBreakpoint,e)},h("main",{key:"936f850f1165c8b853fce05c0a7ddd893d7a3e33",class:"duet-main"},this.hasPageHeading&&h("slot",{key:"2aef8f0058038a3a55c89c240726d7766a4783a3",name:"page-heading"}),h("slot",{key:"6f04a6b39bcf239c2e7d09049e8949247b80361d",name:"main"})),this.hasSidebar&&h("aside",{key:"2dbb3af225bedfa47296eb2cd946fcb20ca9fe94",class:"duet-sidebar"},h("div",{key:"7ee757a5e3ecc82c89559ff426ae848366ec683e",class:(t={"duet-sidebar-container":true,"has-tabs":this.tabs,sticky:this.sticky},t[this.stickyDistance]=this.sticky,t)},h("slot",{key:"4f566a10f4c4e366deb04c43de70358f6df09ec4",name:"sidebar"}))))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetLayout.style=DuetLayoutStyle0;export{DuetLayout as duet_layout};
4
+ import{r as registerInstance,h,H as Host,g as getElement}from"./index-2ab7ff5a.js";import{i as isInternetExplorer}from"./is-internet-explorer-2c48f686.js";import{c as checkNamedSlotElement}from"./slot-utils-2fa37472.js";var duetLayoutCss="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){::slotted([slot=page-heading]){width:calc(100% + 56px);margin:0 -28px 0 -28px}}@media (min-width: 62em){::slotted([slot=page-heading]){width:calc(100% + 112px);margin:0 -56px 0 -56px}}:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 96px);margin:0 -48px 0 -48px}}@media (min-width: 48em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 144px);margin:0 -72px 0 -72px}}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-middle) .heading-wrapper{padding:0 !important}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";var DuetLayoutStyle0=duetLayoutCss;var DuetLayout=function(){function e(e){registerInstance(this,e);this.hasSidebar=false;this.hasTop=false;this.hasPageHeading=false;this.sticky=false;this.margin="auto";this.stickyDistance="with-links";this.center=false;this.tabs=false;this.middle=false;this.paddingBreakpoint=undefined}e.prototype.componentWillLoad=function(){this.hasSidebar=!!this.element.querySelector("[slot='sidebar']");this.hasTop=!!this.element.querySelector("[slot='top']");this.hasPageHeading=!!this.element.querySelector("[slot='page-heading']");checkNamedSlotElement(this.element,"page-heading","duet-page-heading",1,true);if(!this.element.querySelector("[slot='main']")){console.warn("[DUET WARNING]: Nothing passed to <duet-layout> named slots. Please use one of 'main', 'sidebar' or 'top' to display contents.")}};e.prototype.render=function(){var e,t;return h(Host,{key:"80c12f757fb1c4bf5445c7617d1892dd1aa8eb0d",class:{center:this.center,"duet-middle":this.middle,"duet-ie":isInternetExplorer()}},h("div",{key:"81afc5eb022aacc3bf55f0d7ba58002290a3a2dd",class:{"duet-layout-wrapper":true,"duet-m-0":this.margin==="none"}},this.hasTop&&h("div",{key:"2d48af138c05b1bfbf816ba62afe9fd409d9f74b",class:{"duet-layout-top":true,"duet-center":this.center}},h("div",{key:"857faa5737328c10aa87c41fbc8f6076877d9ba1",class:"duet-layout-top-wrapper"},h("slot",{key:"75876d2b39ff260c65420eddba4194a661bf0c4a",name:"top"}))),h("div",{key:"a9d25df347b7e011438c99ccc489d3b410610624",class:(e={"duet-layout":true,"has-sidebar":this.hasSidebar,"duet-center":this.center},e["padding-".concat(this.paddingBreakpoint)]=!!this.paddingBreakpoint,e)},h("main",{key:"936f850f1165c8b853fce05c0a7ddd893d7a3e33",class:"duet-main"},this.hasPageHeading&&h("slot",{key:"2aef8f0058038a3a55c89c240726d7766a4783a3",name:"page-heading"}),h("slot",{key:"6f04a6b39bcf239c2e7d09049e8949247b80361d",name:"main"})),this.hasSidebar&&h("aside",{key:"2dbb3af225bedfa47296eb2cd946fcb20ca9fe94",class:"duet-sidebar"},h("div",{key:"7ee757a5e3ecc82c89559ff426ae848366ec683e",class:(t={"duet-sidebar-container":true,"has-tabs":this.tabs,sticky:this.sticky},t[this.stickyDistance]=this.sticky,t)},h("slot",{key:"4f566a10f4c4e366deb04c43de70358f6df09ec4",name:"sidebar"}))))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetLayout.style=DuetLayoutStyle0;export{DuetLayout as duet_layout};
package/lib/esm-es5/duet-list_2.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  var __awaiter=this&&this.__awaiter||function(t,e,i,d){function s(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,l){function o(t){try{n(d.next(t))}catch(t){l(t)}}function a(t){try{n(d["throw"](t))}catch(t){l(t)}}function n(t){t.done?i(t.value):s(t.value).then(o,a)}n((d=d.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(l[0]&1)throw l[1];return l[1]},trys:[],ops:[]},d,s,l,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(t){return function(e){return n([t,e])}}function n(a){if(d)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(i=0)),i)try{if(d=1,s&&(l=a[0]&2?s["return"]:a[0]?s["throw"]||((l=s["return"])&&l.call(s),0):s.next)&&!(l=l.call(s,a[1])).done)return l;if(s=0,l)a=[a[0]&2,l.value];switch(a[0]){case 0:case 1:l=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;s=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(l=i.trys,l=l.length>0&&l[l.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!l||a[1]>l[0]&&a[1]<l[3])){i.label=a[1];break}if(a[0]===6&&i.label<l[1]){i.label=l[1];l=a;break}if(l&&i.label<l[2]){i.label=l[2];i.ops.push(a);break}if(l[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(t){a=[6,t];s=0}finally{d=l=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
2
2
  /*!
3
3
  * Built with Duet Design System
4
- */import{r as registerInstance,h,g as getElement,H as Host}from"./index-1a6cee61.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{w as watchForOptions}from"./watch-options-e96ecd92.js";var duetListCss="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-list-component{margin-bottom:16px !important;width:100%}.duet-list-component.duet-p-0{padding:0 !important}.duet-list-component.duet-m-0{margin:0 !important}";var DuetListStyle0=duetListCss;var DuetList=function(){function t(t){registerInstance(this,t);this.theme="";this.margin="auto";this.padding="auto";this.mobile="left";this.breakpoint="small";this.variation="default";this.labelWidth="30";this.responsive=true}t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){t=this.element;this.mutationO=watchForOptions(t,"duet-list-item",(function(){e.updateListItems()}));this.updateListItems();return[2]}))}))};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};t.prototype.toggleClass=function(t,e,i){if(i){t.classList.add(e)}else{t.classList.remove(e)}};t.prototype.updateListItems=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){t=Array.from(this.element.querySelectorAll("duet-list-item"));t.forEach((function(t){t.responsive=e.responsive;t.breakpoint=e.responsive?e.breakpoint||"small":undefined;t.classList.add("duet-list-width-".concat(e.labelWidth));t.classList.add("duet-list-variation-".concat(e.variation));e.toggleClass(t,"duet-p-0",e.padding==="none");e.toggleClass(t,"duet-list-mobile-center",e.mobile==="center");e.toggleClass(t,"duet-list-striped",e.variation==="striped");e.toggleClass(t,"duet-list-bordered",e.variation==="bordered");e.toggleClass(t,"duet-list-inner-bordered",e.variation==="inner-bordered");e.toggleClass(t,"duet-theme-turva",e.theme==="turva")}));return[2]}))}))};t.prototype.render=function(){return h("dl",{key:"7db97f4b853a8c566565c13d19c6699cb61aa0f1",class:{"duet-list-component":true,"duet-m-0":this.margin==="none"}},h("slot",{key:"9def9a838232a96dc345c2fdaa72ad1bf0cf773c"}))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{theme:["updateListItems"],padding:["updateListItems"],mobile:["updateListItems"],responsive:["updateListItems"],breakpoint:["updateListItems"],variation:["updateListItems"],labelWidth:["updateListItems"]}},enumerable:false,configurable:true});return t}();DuetList.style=DuetListStyle0;var duetListItemCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;flex-direction:column;display:flex;width:100%;overflow:visible;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77)}:host dt{padding-bottom:4px}:host dd{padding-top:0}:host dt,:host dd{flex-basis:100%}:host dt,:host dd{width:100%;margin-inline-start:0;-webkit-hyphens:auto;hyphens:auto;text-align:left;overflow-wrap:break-word}:host dt{font-weight:600}.duet-theme-turva :host dt{font-weight:700}:host dd{margin-left:auto}:host(.duet-list-striped) dt,:host(.duet-list-striped) dd{padding:16px}:host(.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-striped) dd{padding-top:0}:host(.duet-list-striped.duet-no-stacking) dt,:host(.duet-list-striped.duet-no-stacking) dd{padding:16px}:host(:not(.duet-list-striped)) dt,:host(:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(:not(.duet-list-striped)) dt{padding-bottom:4px}:host(:not(.duet-list-striped)) dd{padding-top:0}:host(:not(.duet-list-striped).duet-no-stacking) dt,:host(:not(.duet-list-striped).duet-no-stacking) dd{padding:8px;padding-inline:0}:host(.duet-p-0) dt,:host(.duet-p-0) dd{padding:0 !important}:host(.duet-list-mobile-center) dt,:host(.duet-list-mobile-center) dd{text-align:center}:host(.duet-theme-turva){font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}:host(.duet-list-striped:nth-child(odd)) dt,:host(.duet-list-striped:nth-child(odd)) dd{background:rgb(245, 248, 250)}:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dd{background:rgb(245, 247, 250)}:host(.duet-list-bordered){border-block-start:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered:last-child){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered.duet-theme-turva){border-block-start:1px solid rgb(222, 224, 228)}:host(.duet-list-bordered.duet-theme-turva:last-child){border-block-end:1px solid rgb(222, 224, 228)}:host(.duet-list-inner-bordered:not(:last-child)){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-inner-bordered.duet-theme-turva:not(:last-child)){border-block-end:1px solid rgb(222, 224, 228)}:host(.duet-no-stacking){flex-direction:row}:host(.duet-list-mobile-center.duet-no-stacking) dt,:host(.duet-list-mobile-center.duet-no-stacking) dd{text-align:left}:host(.duet-no-stacking.duet-list-width-30) dt{flex-basis:33%}:host(.duet-no-stacking.duet-list-width-30) dd{flex-basis:67%}:host(.duet-no-stacking.duet-list-width-50) dt{flex-basis:47%}:host(.duet-no-stacking.duet-list-width-50) dd{flex-basis:53%}:host(.duet-no-stacking.duet-list-width-70) dt{flex-basis:65%}:host(.duet-no-stacking.duet-list-width-70) dd{flex-basis:35%}:host(.duet-list-item-breakpoint-x-small){flex-direction:row}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:35%}@media (max-width: 22.5em){:host(.duet-list-item-breakpoint-x-small){flex-direction:column}:host(.duet-list-item-breakpoint-x-small) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:center}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:100%}}@media (min-width: 36em){:host(.duet-list-item-breakpoint-small){flex-direction:row}:host(.duet-list-item-breakpoint-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 48em){:host(.duet-list-item-breakpoint-medium){flex-direction:row}:host(.duet-list-item-breakpoint-medium.duet-list-striped) dt,:host(.duet-list-item-breakpoint-medium.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-medium.duet-p-0) dt,:host(.duet-list-item-breakpoint-medium.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 62em){:host(.duet-list-item-breakpoint-large){flex-direction:row}:host(.duet-list-item-breakpoint-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 64.0625em){:host(.duet-list-item-breakpoint-x-large){flex-direction:row}:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dd{flex-basis:35%}}';var DuetListItemStyle0=duetListItemCss;var DuetListItem=function(){function t(t){registerInstance(this,t);this.responsive=false;this.breakpoint="small"}t.prototype.render=function(){return h(Host,{key:"7d5edc9fc5a6204321bde53375110cb79bf4cc5a",class:{"duet-no-stacking":!this.responsive,"duet-list-item-breakpoint-x-small":this.breakpoint==="x-small","duet-list-item-breakpoint-small":this.breakpoint==="small","duet-list-item-breakpoint-medium":this.breakpoint==="medium","duet-list-item-breakpoint-large":this.breakpoint==="large","duet-list-item-breakpoint-x-large":this.breakpoint==="x-large"}},h("dt",{key:"98639d5240ed7adaba681680719ae58994ec15f5"},h("slot",{key:"d8f9358d2665d96c121786911152df7352b6fc46",name:"label"})),h("dd",{key:"5edaa517ab825259c299f647e1f7023ec7cd5fa7"},h("slot",{key:"0c0693a642e6bbd8e075f804a4b93067ebc77699",name:"value"})))};return t}();DuetListItem.style=DuetListItemStyle0;export{DuetList as duet_list,DuetListItem as duet_list_item};
4
+ */import{r as registerInstance,h,g as getElement,H as Host}from"./index-2ab7ff5a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{w as watchForOptions}from"./watch-options-e96ecd92.js";var duetListCss="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-list-component{margin-bottom:16px !important;width:100%}.duet-list-component.duet-p-0{padding:0 !important}.duet-list-component.duet-m-0{margin:0 !important}";var DuetListStyle0=duetListCss;var DuetList=function(){function t(t){registerInstance(this,t);this.theme="";this.margin="auto";this.padding="auto";this.mobile="left";this.breakpoint="small";this.variation="default";this.labelWidth="30";this.responsive=true}t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){t=this.element;this.mutationO=watchForOptions(t,"duet-list-item",(function(){e.updateListItems()}));this.updateListItems();return[2]}))}))};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};t.prototype.toggleClass=function(t,e,i){if(i){t.classList.add(e)}else{t.classList.remove(e)}};t.prototype.updateListItems=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){t=Array.from(this.element.querySelectorAll("duet-list-item"));t.forEach((function(t){t.responsive=e.responsive;t.breakpoint=e.responsive?e.breakpoint||"small":undefined;t.classList.add("duet-list-width-".concat(e.labelWidth));t.classList.add("duet-list-variation-".concat(e.variation));e.toggleClass(t,"duet-p-0",e.padding==="none");e.toggleClass(t,"duet-list-mobile-center",e.mobile==="center");e.toggleClass(t,"duet-list-striped",e.variation==="striped");e.toggleClass(t,"duet-list-bordered",e.variation==="bordered");e.toggleClass(t,"duet-list-inner-bordered",e.variation==="inner-bordered");e.toggleClass(t,"duet-theme-turva",e.theme==="turva")}));return[2]}))}))};t.prototype.render=function(){return h("dl",{key:"7db97f4b853a8c566565c13d19c6699cb61aa0f1",class:{"duet-list-component":true,"duet-m-0":this.margin==="none"}},h("slot",{key:"9def9a838232a96dc345c2fdaa72ad1bf0cf773c"}))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{theme:["updateListItems"],padding:["updateListItems"],mobile:["updateListItems"],responsive:["updateListItems"],breakpoint:["updateListItems"],variation:["updateListItems"],labelWidth:["updateListItems"]}},enumerable:false,configurable:true});return t}();DuetList.style=DuetListStyle0;var duetListItemCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;flex-direction:column;display:flex;width:100%;overflow:visible;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77)}:host dt{padding-bottom:4px}:host dd{padding-top:0}:host dt,:host dd{flex-basis:100%}:host dt,:host dd{width:100%;margin-inline-start:0;-webkit-hyphens:auto;hyphens:auto;text-align:left;overflow-wrap:break-word}:host dt{font-weight:600}.duet-theme-turva :host dt{font-weight:700}:host dd{margin-left:auto}:host(.duet-list-striped) dt,:host(.duet-list-striped) dd{padding:16px}:host(.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-striped) dd{padding-top:0}:host(.duet-list-striped.duet-no-stacking) dt,:host(.duet-list-striped.duet-no-stacking) dd{padding:16px}:host(:not(.duet-list-striped)) dt,:host(:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(:not(.duet-list-striped)) dt{padding-bottom:4px}:host(:not(.duet-list-striped)) dd{padding-top:0}:host(:not(.duet-list-striped).duet-no-stacking) dt,:host(:not(.duet-list-striped).duet-no-stacking) dd{padding:8px;padding-inline:0}:host(.duet-p-0) dt,:host(.duet-p-0) dd{padding:0 !important}:host(.duet-list-mobile-center) dt,:host(.duet-list-mobile-center) dd{text-align:center}:host(.duet-theme-turva){font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}:host(.duet-list-striped:nth-child(odd)) dt,:host(.duet-list-striped:nth-child(odd)) dd{background:rgb(245, 248, 250)}:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dd{background:rgb(245, 247, 250)}:host(.duet-list-bordered){border-block-start:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered:last-child){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered.duet-theme-turva){border-block-start:1px solid rgb(222, 224, 228)}:host(.duet-list-bordered.duet-theme-turva:last-child){border-block-end:1px solid rgb(222, 224, 228)}:host(.duet-list-inner-bordered:not(:last-child)){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-inner-bordered.duet-theme-turva:not(:last-child)){border-block-end:1px solid rgb(222, 224, 228)}:host(.duet-no-stacking){flex-direction:row}:host(.duet-list-mobile-center.duet-no-stacking) dt,:host(.duet-list-mobile-center.duet-no-stacking) dd{text-align:left}:host(.duet-no-stacking.duet-list-width-30) dt{flex-basis:33%}:host(.duet-no-stacking.duet-list-width-30) dd{flex-basis:67%}:host(.duet-no-stacking.duet-list-width-50) dt{flex-basis:47%}:host(.duet-no-stacking.duet-list-width-50) dd{flex-basis:53%}:host(.duet-no-stacking.duet-list-width-70) dt{flex-basis:65%}:host(.duet-no-stacking.duet-list-width-70) dd{flex-basis:35%}:host(.duet-list-item-breakpoint-x-small){flex-direction:row}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:35%}@media (max-width: 22.5em){:host(.duet-list-item-breakpoint-x-small){flex-direction:column}:host(.duet-list-item-breakpoint-x-small) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:center}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:100%}}@media (min-width: 36em){:host(.duet-list-item-breakpoint-small){flex-direction:row}:host(.duet-list-item-breakpoint-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 48em){:host(.duet-list-item-breakpoint-medium){flex-direction:row}:host(.duet-list-item-breakpoint-medium.duet-list-striped) dt,:host(.duet-list-item-breakpoint-medium.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-medium.duet-p-0) dt,:host(.duet-list-item-breakpoint-medium.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 62em){:host(.duet-list-item-breakpoint-large){flex-direction:row}:host(.duet-list-item-breakpoint-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 64.0625em){:host(.duet-list-item-breakpoint-x-large){flex-direction:row}:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dd{flex-basis:35%}}';var DuetListItemStyle0=duetListItemCss;var DuetListItem=function(){function t(t){registerInstance(this,t);this.responsive=false;this.breakpoint="small"}t.prototype.render=function(){return h(Host,{key:"7d5edc9fc5a6204321bde53375110cb79bf4cc5a",class:{"duet-no-stacking":!this.responsive,"duet-list-item-breakpoint-x-small":this.breakpoint==="x-small","duet-list-item-breakpoint-small":this.breakpoint==="small","duet-list-item-breakpoint-medium":this.breakpoint==="medium","duet-list-item-breakpoint-large":this.breakpoint==="large","duet-list-item-breakpoint-x-large":this.breakpoint==="x-large"}},h("dt",{key:"98639d5240ed7adaba681680719ae58994ec15f5"},h("slot",{key:"d8f9358d2665d96c121786911152df7352b6fc46",name:"label"})),h("dd",{key:"5edaa517ab825259c299f647e1f7023ec7cd5fa7"},h("slot",{key:"0c0693a642e6bbd8e075f804a4b93067ebc77699",name:"value"})))};return t}();DuetListItem.style=DuetListItemStyle0;export{DuetList as duet_list,DuetListItem as duet_list_item};
package/lib/esm-es5/duet-menu-bar-button.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  var __awaiter=this&&this.__awaiter||function(e,t,n,i){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function o(e){try{s(i.next(e))}catch(e){r(e)}}function u(e){try{s(i["throw"](e))}catch(e){r(e)}}function s(e){e.done?n(e.value):a(e.value).then(o,u)}s((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,a,r,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(e){return function(t){return s([e,t])}}function s(u){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(n=0)),n)try{if(i=1,a&&(r=u[0]&2?a["return"]:u[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,u[1])).done)return r;if(a=0,r)u=[u[0]&2,r.value];switch(u[0]){case 0:case 1:r=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;a=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!r||u[1]>r[0]&&u[1]<r[3])){n.label=u[1];break}if(u[0]===6&&n.label<r[1]){n.label=r[1];r=u;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(u);break}if(r[2])n.ops.pop();n.trys.pop();continue}u=t.call(e,n)}catch(e){u=[6,e];a=0}finally{i=r=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};
2
2
  /*!
3
3
  * Built with Duet Design System
4
- */import{r as registerInstance,h,H as Host,g as getElement}from"./index-1a6cee61.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetMenuBarButtonCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-menu-bar-button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:inherit;color:inherit;text-align:center;text-decoration:none;cursor:pointer}.duet-menu-bar-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-button:focus,.duet-menu-bar-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-button .menu-bar-button-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-button .menu-bar-button-icon{width:16px;height:16px}}.duet-menu-bar-button.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"}@media (min-width: 62em){.duet-menu-bar-button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-button{padding:0 28px}}@media (min-width: 62em){.duet-menu-bar-button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-button:hover.duet-theme-turva{color:rgb(198, 12, 48)}}';var DuetMenuBarButtonStyle0=duetMenuBarButtonCss;var DuetMenuBarButton=function(){function e(e){registerInstance(this,e);this.accessibleLabel=undefined;this.accessibleControls=undefined;this.accessiblePopup="false";this.accessibleActiveDescendant=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleExpanded=undefined;this.accessiblePressed=undefined;this.theme="";this.icon=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeButton){this.nativeButton.focus(e)}return[2]}))}))};e.prototype.render=function(){var e=this;return h(Host,{key:"deca902effde36707ce8fd06bca1be05ec07c853",role:"listitem",onfocus:function(){return e.setFocus()}},h("button",{key:"d33ec2494d4135a5d22933a608fb75944d894e3a",ref:function(t){return e.nativeButton=t},class:{"duet-menu-bar-button":true,"duet-theme-turva":this.theme==="turva"},"aria-controls":this.accessibleControls,"aria-label":this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-pressed":this.accessiblePressed!=null?this.accessiblePressed.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined},this.icon&&h("duet-icon",{key:"66ac3933b5491a0edda4392c8a898c1184bec10f",class:"menu-bar-button-icon",theme:this.theme,size:"auto",name:this.icon,margin:"none",color:"currentColor"}),h("slot",{key:"698f4da1db4de218fa735a1cbae29063cc053f6d"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarButton.style=DuetMenuBarButtonStyle0;export{DuetMenuBarButton as duet_menu_bar_button};
4
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-2ab7ff5a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetMenuBarButtonCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-menu-bar-button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:inherit;color:inherit;text-align:center;text-decoration:none;cursor:pointer}.duet-menu-bar-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-button:focus,.duet-menu-bar-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-button .menu-bar-button-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-button .menu-bar-button-icon{width:16px;height:16px}}.duet-menu-bar-button.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"}@media (min-width: 62em){.duet-menu-bar-button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-button{padding:0 28px}}@media (min-width: 62em){.duet-menu-bar-button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-button:hover.duet-theme-turva{color:rgb(198, 12, 48)}}';var DuetMenuBarButtonStyle0=duetMenuBarButtonCss;var DuetMenuBarButton=function(){function e(e){registerInstance(this,e);this.accessibleLabel=undefined;this.accessibleControls=undefined;this.accessiblePopup="false";this.accessibleActiveDescendant=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleExpanded=undefined;this.accessiblePressed=undefined;this.theme="";this.icon=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeButton){this.nativeButton.focus(e)}return[2]}))}))};e.prototype.render=function(){var e=this;return h(Host,{key:"deca902effde36707ce8fd06bca1be05ec07c853",role:"listitem",onfocus:function(){return e.setFocus()}},h("button",{key:"d33ec2494d4135a5d22933a608fb75944d894e3a",ref:function(t){return e.nativeButton=t},class:{"duet-menu-bar-button":true,"duet-theme-turva":this.theme==="turva"},"aria-controls":this.accessibleControls,"aria-label":this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-pressed":this.accessiblePressed!=null?this.accessiblePressed.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined},this.icon&&h("duet-icon",{key:"66ac3933b5491a0edda4392c8a898c1184bec10f",class:"menu-bar-button-icon",theme:this.theme,size:"auto",name:this.icon,margin:"none",color:"currentColor"}),h("slot",{key:"698f4da1db4de218fa735a1cbae29063cc053f6d"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarButton.style=DuetMenuBarButtonStyle0;export{DuetMenuBarButton as duet_menu_bar_button};
package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as registerInstance,h,H as Host,g as getElement}from"./index-1a6cee61.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetMenuBarDropdownLinkCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-menu-bar-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-menu-bar-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-dropdown-link:focus,.duet-menu-bar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-dropdown-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-menu-bar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-menu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}';var DuetMenuBarDropdownLinkStyle0=duetMenuBarDropdownLinkCss;var DuetMenuBarDropdownLink=function(){function e(e){var n=this;registerInstance(this,e);this.getVariant=function(){var e=n.element.parentElement.parentElement.getAttribute("slot");switch(e){case"center":return"right";case"right":return"right";default:return"right"}};this.theme="";this.href="#";this.icon=undefined;this.accessibleLabel=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var n=this.element.closest("duet-menu-bar-dropdown");n.open=false;n.setFocus()}};e.prototype.render=function(){var e;var n=this;return h(Host,{key:"8f202e5114349cf52a751eca7618a58bbc0a0dba"},h("a",{key:"d4286fb4827c4799f9abb3c3ef9518c4c397ba64",class:(e={"duet-menu-bar-dropdown-link":true},e["duet-menu-bar-dropdown-link--slot-".concat(this.getVariant())]=true,e["duet-theme-turva"]=this.theme==="turva",e),href:this.href,role:"menuitem",onKeyUp:function(e){return n.handleEscape(e)},"aria-label":this.accessibleLabel},this.icon&&h("duet-icon",{key:"c4517031d6eb12f4a7b93ff0ef8f94890c4268de",theme:this.theme,name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("slot",{key:"d2ac491e4c7548a96ba81171fde8149585f4a7b8"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarDropdownLink.style=DuetMenuBarDropdownLinkStyle0;export{DuetMenuBarDropdownLink as duet_menu_bar_dropdown_link};
4
+ import{r as registerInstance,h,H as Host,g as getElement}from"./index-2ab7ff5a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetMenuBarDropdownLinkCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-menu-bar-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-menu-bar-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-dropdown-link:focus,.duet-menu-bar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-dropdown-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-menu-bar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-menu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}';var DuetMenuBarDropdownLinkStyle0=duetMenuBarDropdownLinkCss;var DuetMenuBarDropdownLink=function(){function e(e){var n=this;registerInstance(this,e);this.getVariant=function(){var e=n.element.parentElement.parentElement.getAttribute("slot");switch(e){case"center":return"right";case"right":return"right";default:return"right"}};this.theme="";this.href="#";this.icon=undefined;this.accessibleLabel=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var n=this.element.closest("duet-menu-bar-dropdown");n.open=false;n.setFocus()}};e.prototype.render=function(){var e;var n=this;return h(Host,{key:"8f202e5114349cf52a751eca7618a58bbc0a0dba"},h("a",{key:"d4286fb4827c4799f9abb3c3ef9518c4c397ba64",class:(e={"duet-menu-bar-dropdown-link":true},e["duet-menu-bar-dropdown-link--slot-".concat(this.getVariant())]=true,e["duet-theme-turva"]=this.theme==="turva",e),href:this.href,role:"menuitem",onKeyUp:function(e){return n.handleEscape(e)},"aria-label":this.accessibleLabel},this.icon&&h("duet-icon",{key:"c4517031d6eb12f4a7b93ff0ef8f94890c4268de",theme:this.theme,name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("slot",{key:"d2ac491e4c7548a96ba81171fde8149585f4a7b8"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarDropdownLink.style=DuetMenuBarDropdownLinkStyle0;export{DuetMenuBarDropdownLink as duet_menu_bar_dropdown_link};
package/lib/esm-es5/duet-menu-bar-dropdown.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  var __awaiter=this&&this.__awaiter||function(e,t,n,o){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function i(e){try{d(o.next(e))}catch(e){a(e)}}function u(e){try{d(o["throw"](e))}catch(e){a(e)}}function d(e){e.done?n(e.value):r(e.value).then(i,u)}d((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,r,a,i;return i={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function u(e){return function(t){return d([e,t])}}function d(u){if(o)throw new TypeError("Generator is already executing.");while(i&&(i=0,u[0]&&(n=0)),n)try{if(o=1,r&&(a=u[0]&2?r["return"]:u[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,u[1])).done)return a;if(r=0,a)u=[u[0]&2,a.value];switch(u[0]){case 0:case 1:a=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;r=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!a||u[1]>a[0]&&u[1]<a[3])){n.label=u[1];break}if(u[0]===6&&n.label<a[1]){n.label=a[1];a=u;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(u);break}if(a[2])n.ops.pop();n.trys.pop();continue}u=t.call(e,n)}catch(e){u=[6,e];r=0}finally{o=a=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};
2
2
  /*!
3
3
  * Built with Duet Design System
4
- */import{r as registerInstance,h,H as Host,g as getElement}from"./index-1a6cee61.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetMenuBarDropdownCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}@media (min-width: 62em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 16px}}@media (min-width: 76.25em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 28px}}.duet-menu-bar-dropdown{position:relative;height:100%}.duet-menu-bar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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}@media (min-width: 62em){.duet-menu-bar-dropdown button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-dropdown button{padding:0 28px}}.duet-menu-bar-dropdown button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-menu-bar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-menu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button.active .caret{transform:rotate(180deg)}.duet-theme-turva .duet-menu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown button.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}.duet-theme-turva .duet-menu-bar-dropdown button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:16px;height:16px}}.duet-menu-bar-dropdown .items{position:absolute;top:70%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:225px;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-menu-bar-dropdown .items.hidden{display:none}.duet-menu-bar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-menu-bar-dropdown.duet-theme-turva button:hover{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-dropdown.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}';var DuetMenuBarDropdownStyle0=duetMenuBarDropdownCss;var DuetMenuBarDropdown=function(){function e(e){var t=this;registerInstance(this,e);this.onClick=function(){t.open=!t.open};this.getVariant=function(){var e=t.element.parentElement.getAttribute("slot");switch(e){case"center":return"right";case"right":return"right";default:return"right"}};this.accessibleLabel=undefined;this.theme="";this.open=false;this.icon=undefined}e.prototype.handleFocus=function(e){var t=this;var n=e.composedPath().every((function(e){return e!==t.element}));if(n){this.open=false}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){this.open=false;this.setFocus()}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus(e);return[2]}))}))};e.prototype.render=function(){var e;var t=this;return h(Host,{key:"f93af979aeb4ce2f2746f4479fd2668900e29da9",role:"listitem"},h("div",{key:"ffa66596cc69f73b1cb21f7402ba52eceb963446",class:(e={"duet-menu-bar-dropdown":true,"duet-theme-turva":this.theme==="turva",active:this.open},e["duet-menu-bar-dropdown--slot-".concat(this.getVariant())]=true,e)},h("button",{key:"fb65ccba695bcb5e2c6138759637a6fd653a76ca",ref:function(e){return t.button=e},"aria-label":this.accessibleLabel,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick,onKeyUp:function(e){return t.handleEscape(e)}},this.icon&&h("duet-icon",{key:"beab72ea1ff2650a414dda52bda8016103337f56",class:"menu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),h("div",{key:"bea074a390a7e840e190e62ea85bd8b69a9927c5",class:"label"},h("slot",{key:"5493f0001e4996f672def1499658526ee20be333",name:"label"}),h("duet-icon",{key:"5c49206c05fe11b0be8da38d34ee0dc010c3a846",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),h("div",{key:"8f83fc0d22ef0006bcc92458ff3878408c02a603",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},h("slot",{key:"92fd717630d79bf09aae7ea578f0afbe51eb2926"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarDropdown.style=DuetMenuBarDropdownStyle0;export{DuetMenuBarDropdown as duet_menu_bar_dropdown};
4
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-2ab7ff5a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetMenuBarDropdownCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}@media (min-width: 62em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 16px}}@media (min-width: 76.25em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 28px}}.duet-menu-bar-dropdown{position:relative;height:100%}.duet-menu-bar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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}@media (min-width: 62em){.duet-menu-bar-dropdown button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-dropdown button{padding:0 28px}}.duet-menu-bar-dropdown button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-menu-bar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-menu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button.active .caret{transform:rotate(180deg)}.duet-theme-turva .duet-menu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown button.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}.duet-theme-turva .duet-menu-bar-dropdown button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:16px;height:16px}}.duet-menu-bar-dropdown .items{position:absolute;top:70%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:225px;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-menu-bar-dropdown .items.hidden{display:none}.duet-menu-bar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-menu-bar-dropdown.duet-theme-turva button:hover{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-dropdown.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}';var DuetMenuBarDropdownStyle0=duetMenuBarDropdownCss;var DuetMenuBarDropdown=function(){function e(e){var t=this;registerInstance(this,e);this.onClick=function(){t.open=!t.open};this.getVariant=function(){var e=t.element.parentElement.getAttribute("slot");switch(e){case"center":return"right";case"right":return"right";default:return"right"}};this.accessibleLabel=undefined;this.theme="";this.open=false;this.icon=undefined}e.prototype.handleFocus=function(e){var t=this;var n=e.composedPath().every((function(e){return e!==t.element}));if(n){this.open=false}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){this.open=false;this.setFocus()}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus(e);return[2]}))}))};e.prototype.render=function(){var e;var t=this;return h(Host,{key:"f93af979aeb4ce2f2746f4479fd2668900e29da9",role:"listitem"},h("div",{key:"ffa66596cc69f73b1cb21f7402ba52eceb963446",class:(e={"duet-menu-bar-dropdown":true,"duet-theme-turva":this.theme==="turva",active:this.open},e["duet-menu-bar-dropdown--slot-".concat(this.getVariant())]=true,e)},h("button",{key:"fb65ccba695bcb5e2c6138759637a6fd653a76ca",ref:function(e){return t.button=e},"aria-label":this.accessibleLabel,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick,onKeyUp:function(e){return t.handleEscape(e)}},this.icon&&h("duet-icon",{key:"beab72ea1ff2650a414dda52bda8016103337f56",class:"menu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),h("div",{key:"bea074a390a7e840e190e62ea85bd8b69a9927c5",class:"label"},h("slot",{key:"5493f0001e4996f672def1499658526ee20be333",name:"label"}),h("duet-icon",{key:"5c49206c05fe11b0be8da38d34ee0dc010c3a846",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),h("div",{key:"8f83fc0d22ef0006bcc92458ff3878408c02a603",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},h("slot",{key:"92fd717630d79bf09aae7ea578f0afbe51eb2926"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarDropdown.style=DuetMenuBarDropdownStyle0;export{DuetMenuBarDropdown as duet_menu_bar_dropdown};
package/lib/esm-es5/duet-menu-bar-item.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  var __awaiter=this&&this.__awaiter||function(e,t,n,i){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function o(e){try{s(i.next(e))}catch(e){r(e)}}function u(e){try{s(i["throw"](e))}catch(e){r(e)}}function s(e){e.done?n(e.value):a(e.value).then(o,u)}s((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,a,r,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(e){return function(t){return s([e,t])}}function s(u){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(n=0)),n)try{if(i=1,a&&(r=u[0]&2?a["return"]:u[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,u[1])).done)return r;if(a=0,r)u=[u[0]&2,r.value];switch(u[0]){case 0:case 1:r=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;a=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!r||u[1]>r[0]&&u[1]<r[3])){n.label=u[1];break}if(u[0]===6&&n.label<r[1]){n.label=r[1];r=u;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(u);break}if(r[2])n.ops.pop();n.trys.pop();continue}u=t.call(e,n)}catch(e){u=[6,e];a=0}finally{i=r=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};
2
2
  /*!
3
3
  * Built with Duet Design System
4
- */import{r as registerInstance,h,H as Host,g as getElement}from"./index-1a6cee61.js";import{a as actionNewWindowSmall}from"./action-new-window-small-1945be91.js";import{D as DuetStringsExternalDefaults}from"./common-strings-af765cad.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{g as getAccessibleLinkLabel}from"./a11y-utils-9dbc7c3d.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-8a9d5323.js";import"./slot-utils-9633ef1e.js";import"./string-utils-192eb3c8.js";var duetMenuBarItemCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-menu-bar-item{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:inherit;font-weight:inherit;color:inherit;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.duet-menu-bar-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-item:focus,.duet-menu-bar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-item .leading-icon,.duet-menu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-item .leading-icon,.duet-menu-bar-item .trailing-icon{width:16px;height:16px}}.duet-menu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-menu-bar-item .external-icon{width:10px;height:10px}.duet-menu-bar-item[aria-expanded=true]{color:rgb(0, 119, 179)}.duet-menu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-menu-bar-item.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-menu-bar-item.duet-theme-turva[aria-expanded=true]{color:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-item{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-item{padding:0 28px}}.duet-menu-bar-item.active{color:rgb(0, 119, 179)}.duet-menu-bar-item.active::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}@media (min-width: 62em){.duet-menu-bar-item.active::after{z-index:auto;height:2px}}.duet-menu-bar-item.active.duet-theme-turva{color:rgb(198, 12, 48)}.duet-menu-bar-item.active.duet-theme-turva::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-item:hover{color:rgb(0, 119, 179)}.duet-menu-bar-item:hover.duet-theme-turva{color:rgb(198, 12, 48)}}';var DuetMenuBarItemStyle0=duetMenuBarItemCss;var DuetMenuBarItem=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.url=undefined;this.leadingIcon=undefined;this.trailingIcon=undefined;this.accessibleLabel=undefined;this.accessibleExpanded=undefined;this.accessiblePopup="false";this.accessibleLabelExternalDefaults=DuetStringsExternalDefaults;this.accessibleLabelExternal=getLocaleString(this.accessibleLabelExternalDefaults);this.external=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){setTimeout((function(){return t.itemElement.focus(e)}),200);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.url?"a":"button";return h(Host,{key:"bea0f2af8dbfd9b4bbf7531de22b65837e1adcf8",role:"listitem"},h(t,{key:"59a98ccf23d40b153eeb93142593676b9bda62de",target:!this.url?null:this.external?"_blank":"_self",ref:function(t){return e.itemElement=t},class:{"duet-menu-bar-item":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.url,role:"".concat(t==="a"?"link":"button"),"aria-current":this.active?"true":"false","aria-label":this.url&&getAccessibleLinkLabel(this)||this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined,rel:this.external?"noopener":undefined},this.leadingIcon&&h("duet-icon",{key:"be698fc3a686b99295e9420d8540f3824039be82",class:"leading-icon",size:"auto",name:this.leadingIcon,margin:"none",theme:this.theme,color:"currentColor"}),h("slot",{key:"1b565d26ca6469f244a931c22ccc377ea36c7cd5"}),(this.trailingIcon||this.external)&&h("duet-icon",{key:"fe0f61e15ff8d1fd9807c0730f8a8ce1c68b1660",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":this.trailingIcon==="action-arrow-down-small","external-icon":!!this.external,rotate:this.trailingIcon==="action-arrow-down-small"&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.external?actionNewWindowSmall.title:"",margin:"none",size:"auto",color:"currentColor"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarItem.style=DuetMenuBarItemStyle0;export{DuetMenuBarItem as duet_menu_bar_item};
4
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-2ab7ff5a.js";import{a as actionNewWindowSmall}from"./action-new-window-small-1945be91.js";import{D as DuetStringsExternalDefaults}from"./common-strings-af765cad.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{g as getAccessibleLinkLabel}from"./a11y-utils-d3187c9b.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-579bbfe7.js";import"./slot-utils-2fa37472.js";import"./string-utils-192eb3c8.js";var duetMenuBarItemCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-menu-bar-item{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:inherit;font-weight:inherit;color:inherit;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.duet-menu-bar-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-item:focus,.duet-menu-bar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-item .leading-icon,.duet-menu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-item .leading-icon,.duet-menu-bar-item .trailing-icon{width:16px;height:16px}}.duet-menu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-menu-bar-item .external-icon{width:10px;height:10px}.duet-menu-bar-item[aria-expanded=true]{color:rgb(0, 119, 179)}.duet-menu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-menu-bar-item.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-menu-bar-item.duet-theme-turva[aria-expanded=true]{color:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-item{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-item{padding:0 28px}}.duet-menu-bar-item.active{color:rgb(0, 119, 179)}.duet-menu-bar-item.active::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}@media (min-width: 62em){.duet-menu-bar-item.active::after{z-index:auto;height:2px}}.duet-menu-bar-item.active.duet-theme-turva{color:rgb(198, 12, 48)}.duet-menu-bar-item.active.duet-theme-turva::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-item:hover{color:rgb(0, 119, 179)}.duet-menu-bar-item:hover.duet-theme-turva{color:rgb(198, 12, 48)}}';var DuetMenuBarItemStyle0=duetMenuBarItemCss;var DuetMenuBarItem=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.url=undefined;this.leadingIcon=undefined;this.trailingIcon=undefined;this.accessibleLabel=undefined;this.accessibleExpanded=undefined;this.accessiblePopup="false";this.accessibleLabelExternalDefaults=DuetStringsExternalDefaults;this.accessibleLabelExternal=getLocaleString(this.accessibleLabelExternalDefaults);this.external=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){setTimeout((function(){return t.itemElement.focus(e)}),200);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.url?"a":"button";return h(Host,{key:"bea0f2af8dbfd9b4bbf7531de22b65837e1adcf8",role:"listitem"},h(t,{key:"59a98ccf23d40b153eeb93142593676b9bda62de",target:!this.url?null:this.external?"_blank":"_self",ref:function(t){return e.itemElement=t},class:{"duet-menu-bar-item":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.url,role:"".concat(t==="a"?"link":"button"),"aria-current":this.active?"true":"false","aria-label":this.url&&getAccessibleLinkLabel(this)||this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined,rel:this.external?"noopener":undefined},this.leadingIcon&&h("duet-icon",{key:"be698fc3a686b99295e9420d8540f3824039be82",class:"leading-icon",size:"auto",name:this.leadingIcon,margin:"none",theme:this.theme,color:"currentColor"}),h("slot",{key:"1b565d26ca6469f244a931c22ccc377ea36c7cd5"}),(this.trailingIcon||this.external)&&h("duet-icon",{key:"fe0f61e15ff8d1fd9807c0730f8a8ce1c68b1660",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":this.trailingIcon==="action-arrow-down-small","external-icon":!!this.external,rotate:this.trailingIcon==="action-arrow-down-small"&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.external?actionNewWindowSmall.title:"",margin:"none",size:"auto",color:"currentColor"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarItem.style=DuetMenuBarItemStyle0;export{DuetMenuBarItem as duet_menu_bar_item};
package/lib/esm-es5/duet-menu-bar-link.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as registerInstance,h,H as Host,g as getElement}from"./index-1a6cee61.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetMenuBarLinkCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-menu-bar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:inherit;text-align:center;text-decoration:none;white-space:nowrap}.duet-menu-bar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-link:focus,.duet-menu-bar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-link .menu-bar-link-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-link .menu-bar-link-icon{width:16px;height:16px}}.duet-menu-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"}@media (min-width: 62em){.duet-menu-bar-link{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-link{padding:0 28px}}.duet-menu-bar-link.active{color:rgb(0, 119, 179)}.duet-menu-bar-link.active::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}@media (min-width: 62em){.duet-menu-bar-link.active::after{z-index:auto;height:2px}}.duet-menu-bar-link.active.duet-theme-turva{color:rgb(198, 12, 48)}.duet-menu-bar-link.active.duet-theme-turva::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-link:hover{color:rgb(0, 119, 179)}.duet-menu-bar-link:hover.duet-theme-turva{color:rgb(198, 12, 48)}}';var DuetMenuBarLinkStyle0=duetMenuBarLinkCss;var DuetMenuBarLink=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.href="#";this.icon=undefined;this.accessibleLabel=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){return h(Host,{key:"2d5c169b766e83599ed968733533b1141a085156",role:"listitem"},h("a",{key:"93fba0cbc0022e85ce02ddf508df516b0ad92fb5",class:{"duet-menu-bar-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.href,"aria-current":this.active?"true":"false","aria-label":this.accessibleLabel},this.icon&&h("duet-icon",{key:"6e04517b89f0d7580971f6b0efd6d7db1e48a17c",class:"menu-bar-link-icon",theme:this.theme,size:"auto",name:this.icon,margin:"none",color:"currentColor"}),h("slot",{key:"c560b4d027307568a905ed1e1f67795c76cfdeed"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarLink.style=DuetMenuBarLinkStyle0;export{DuetMenuBarLink as duet_menu_bar_link};
4
+ import{r as registerInstance,h,H as Host,g as getElement}from"./index-2ab7ff5a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetMenuBarLinkCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-menu-bar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:inherit;text-align:center;text-decoration:none;white-space:nowrap}.duet-menu-bar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-link:focus,.duet-menu-bar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-link .menu-bar-link-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-link .menu-bar-link-icon{width:16px;height:16px}}.duet-menu-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"}@media (min-width: 62em){.duet-menu-bar-link{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-link{padding:0 28px}}.duet-menu-bar-link.active{color:rgb(0, 119, 179)}.duet-menu-bar-link.active::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}@media (min-width: 62em){.duet-menu-bar-link.active::after{z-index:auto;height:2px}}.duet-menu-bar-link.active.duet-theme-turva{color:rgb(198, 12, 48)}.duet-menu-bar-link.active.duet-theme-turva::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-link:hover{color:rgb(0, 119, 179)}.duet-menu-bar-link:hover.duet-theme-turva{color:rgb(198, 12, 48)}}';var DuetMenuBarLinkStyle0=duetMenuBarLinkCss;var DuetMenuBarLink=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.href="#";this.icon=undefined;this.accessibleLabel=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){return h(Host,{key:"2d5c169b766e83599ed968733533b1141a085156",role:"listitem"},h("a",{key:"93fba0cbc0022e85ce02ddf508df516b0ad92fb5",class:{"duet-menu-bar-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.href,"aria-current":this.active?"true":"false","aria-label":this.accessibleLabel},this.icon&&h("duet-icon",{key:"6e04517b89f0d7580971f6b0efd6d7db1e48a17c",class:"menu-bar-link-icon",theme:this.theme,size:"auto",name:this.icon,margin:"none",color:"currentColor"}),h("slot",{key:"c560b4d027307568a905ed1e1f67795c76cfdeed"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarLink.style=DuetMenuBarLinkStyle0;export{DuetMenuBarLink as duet_menu_bar_link};
package/lib/esm-es5/duet-menu-bar.entry.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-1a6cee61.js";import{a as media_query_large,c as media_query_xx_large}from"./tokens-84fb2357.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{a as getLanguage}from"./language-utils-8a9d5323.js";import"./string-utils-192eb3c8.js";var duetMenuBarCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:100%}.duet-menu-bar{position:relative;top:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);transition:top 0.3s}.duet-menu-bar.hidden{top:-200px}.duet-menu-bar.bottom{z-index:1}@media (min-width: 62em){.duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}.duet-menu-bar .top{display:none}.duet-menu-bar .bottom{display:none}.duet-menu-bar.horizontal-nav{position:relative}.duet-menu-bar.horizontal-nav .top{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}.duet-menu-bar.horizontal-nav .bottom{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(212, 223, 229)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-left{display:none}}.duet-menu-bar.horizontal-nav .more-right{position:absolute;top:0;right:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-right{display:none}}@media (pointer: fine){.duet-menu-bar.horizontal-nav{display:none}}@media (pointer: fine) and ((min-width: 62em)){.duet-menu-bar.horizontal-nav{display:flex}}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}.duet-menu-bar .container::-webkit-scrollbar{width:0;height:0}@media (min-width: 62em){.duet-menu-bar .container{height:5rem;padding:0 28px;overflow-x:visible}}.duet-menu-bar .container .list{height:100%;list-style-type:none}.duet-menu-bar .container ::slotted(*){height:100%}.duet-menu-bar .container>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container>:first-child{flex-basis:0;flex-grow:1;justify-content:flex-start}.duet-menu-bar .container>:last-child{flex-basis:0;flex-grow:1;justify-content:flex-end}.duet-menu-bar .container ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar.duet-theme-turva{background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-menu-bar.duet-theme-turva{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}@media (min-width: 62em){.duet-menu-bar.duet-menu-bar-slim .container{height:4rem}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77)}.duet-theme-turva .center{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.right{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129)}.duet-theme-turva .right{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}';var DuetMenuBarStyle0=duetMenuBarCss;var DuetMenuBar=function(){function e(e){var t=this;registerInstance(this,e);this.duetEvent=createEvent(this,"duetEvent",7);this.mql=[window.matchMedia(media_query_large.replace(/'/g,"")),window.matchMedia(media_query_xx_large.replace(/'/g,""))];this.boundMqlFunctions=[];this.previousYScroll=0;this.scrollbarCheck=function(){t.leftMoreVisible=t.container.scrollLeft>0;t.rightMoreVisible=t.container.scrollLeft!==t.container.scrollWidth-t.container.clientWidth};this.scrollToActive=function(){var e=t.element.querySelectorAll("[active]");var i;e.forEach((function(e){if(e.active){i=e}}));if(i&&i.offsetLeft){if(i.offsetLeft>50){t.container.scrollLeft=i.offsetLeft-t.element.getBoundingClientRect().width/2+i.offsetWidth/2}}};this.checkCenterSlot=function(){var e=t.element.querySelector('[slot="center"]');t.centerSlotUsed=!!e};this.changeLogoSize=function(){t.checkCenterSlot();if(t.mql[1].matches&&t.centerSlotUsed){t.logoSize="large"}else{t.logoSize="medium"}};this.handleLogoClick=function(e){t.duetEvent.emit({name:"logoClick",component:"duet-menu-bar",data:{logoHref:t.logoHref},originalEvent:e})};this.hidden=false;this.onBottom=false;this.logoSize="large";this.leftMoreVisible=false;this.rightMoreVisible=false;this.centerSlotUsed=false;this.theme="";this.language=getLanguage();this.logo=true;this.logoHref=undefined;this.logoLinkAccessibleLabel=undefined;this.accessibleLabel=undefined;this.hideOnScroll=false}e.prototype.checkScroll=function(){var e=this;if(!this.hideOnScroll){return}if(window.scrollY>this.previousYScroll){if(window.scrollY>100){if(this.hideOnScroll){clearTimeout(this.zindexTimer);this.onBottom=true}this.hidden=true}}else{if(window.scrollY<150){if(this.hideOnScroll){this.zindexTimer=setTimeout((function(){e.onBottom=false}),300)}this.hidden=false}}this.previousYScroll=window.scrollY};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){this.changeLogoSize();for(var e=0;e<this.mql.length;e++){if(this.mql[e].addEventListener){var t=this.changeLogoSize.bind(this);this.mql[e].addEventListener("change",t);this.boundMqlFunctions[e]=t}}this.checkCenterSlot()};e.prototype.disconnectedCallback=function(){for(var e=0;e<this.mql.length;e++){if(this.mql[e].removeEventListener){this.mql[e].removeEventListener("change",this.boundMqlFunctions[e])}}this.boundMqlFunctions=[]};e.prototype.componentDidLoad=function(){var e=this;setTimeout((function(){e.scrollbarCheck();e.scrollToActive();e.checkCenterSlot()}),0)};e.prototype.onWindowResize=function(){var e=this;clearTimeout(this.resizeTimer);this.resizeTimer=setTimeout((function(){e.scrollToActive()}),100)};e.prototype.render=function(){var e=this;var t=document.querySelectorAll("duet-slideout").length>0;var i=t&&!this.logo;return h(Host,{key:"ee439062a14ee406cfc5b0fdb05dfc3927198da2"},h("nav",{key:"1d8487413b9de5b95a8cad1494b96834fc3b9439",class:{"duet-menu-bar":true,"duet-theme-turva":this.theme==="turva","horizontal-nav":i,"duet-menu-bar-slim":!this.centerSlotUsed,hidden:this.hidden&&this.hideOnScroll,bottom:this.onBottom},"aria-label":this.accessibleLabel},h("div",{key:"92fa80908ef91d5dcbd7c518888a86227c988ed5",class:"top"}),h("div",{key:"1d61baaac5a06d5e1c86ff4c64c64d16b6995835",class:{container:true},ref:function(t){return e.container=t},onScroll:function(){return e.scrollbarCheck()}},this.logo&&h("div",{key:"f5808648cf441b41c69e97dc72a2d85cfcc87f81"},h("duet-logo",{key:"b2ee61312ef7dfa668b8c64fd87eab1eb081a659",size:this.logoSize,margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language})),h("div",{key:"389e88f80128e89de575d710812390c0b42ba3d7",class:"list center",role:"list"},h("div",{key:"b7123d700a4f96083cb622dc19e84a983c869f67",class:"more-left",hidden:!this.leftMoreVisible,role:"presentation"}),h("slot",{key:"0e39ad37d162ab9f0d795ad4ede239989c417e7e",name:"center"}),h("div",{key:"253ae76acd48430689379946af5d6c30aaf4ef0f",class:"more-right",hidden:!this.rightMoreVisible,role:"presentation"})),h("div",{key:"011f05e4df0d48081cafc0e841163bb2166aab57",class:"list right",role:"list"},h("slot",{key:"da96523ef89bb59d8cafade8d0723ad5f3878bdb",name:"right"}))),h("div",{key:"b8b76c092068de82e8a63cc67f4a0619792ae8a6",class:"bottom"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBar.style=DuetMenuBarStyle0;export{DuetMenuBar as duet_menu_bar};
4
+ import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-2ab7ff5a.js";import{a as media_query_large,c as media_query_xx_large}from"./tokens-84fb2357.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{a as getLanguage}from"./language-utils-579bbfe7.js";import"./string-utils-192eb3c8.js";var duetMenuBarCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:100%}.duet-menu-bar{position:relative;top:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);transition:top 0.3s}.duet-menu-bar.hidden{top:-200px}.duet-menu-bar.bottom{z-index:1}@media (min-width: 62em){.duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}.duet-menu-bar .top{display:none}.duet-menu-bar .bottom{display:none}.duet-menu-bar.horizontal-nav{position:relative}.duet-menu-bar.horizontal-nav .top{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}.duet-menu-bar.horizontal-nav .bottom{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(212, 223, 229)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-left{display:none}}.duet-menu-bar.horizontal-nav .more-right{position:absolute;top:0;right:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-right{display:none}}@media (pointer: fine){.duet-menu-bar.horizontal-nav{display:none}}@media (pointer: fine) and ((min-width: 62em)){.duet-menu-bar.horizontal-nav{display:flex}}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}.duet-menu-bar .container::-webkit-scrollbar{width:0;height:0}@media (min-width: 62em){.duet-menu-bar .container{height:5rem;padding:0 28px;overflow-x:visible}}.duet-menu-bar .container .list{height:100%;list-style-type:none}.duet-menu-bar .container ::slotted(*){height:100%}.duet-menu-bar .container>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container>:first-child{flex-basis:0;flex-grow:1;justify-content:flex-start}.duet-menu-bar .container>:last-child{flex-basis:0;flex-grow:1;justify-content:flex-end}.duet-menu-bar .container ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar.duet-theme-turva{background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-menu-bar.duet-theme-turva{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}@media (min-width: 62em){.duet-menu-bar.duet-menu-bar-slim .container{height:4rem}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77)}.duet-theme-turva .center{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.right{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129)}.duet-theme-turva .right{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}';var DuetMenuBarStyle0=duetMenuBarCss;var DuetMenuBar=function(){function e(e){var t=this;registerInstance(this,e);this.duetEvent=createEvent(this,"duetEvent",7);this.mql=[window.matchMedia(media_query_large.replace(/'/g,"")),window.matchMedia(media_query_xx_large.replace(/'/g,""))];this.boundMqlFunctions=[];this.previousYScroll=0;this.scrollbarCheck=function(){t.leftMoreVisible=t.container.scrollLeft>0;t.rightMoreVisible=t.container.scrollLeft!==t.container.scrollWidth-t.container.clientWidth};this.scrollToActive=function(){var e=t.element.querySelectorAll("[active]");var i;e.forEach((function(e){if(e.active){i=e}}));if(i&&i.offsetLeft){if(i.offsetLeft>50){t.container.scrollLeft=i.offsetLeft-t.element.getBoundingClientRect().width/2+i.offsetWidth/2}}};this.checkCenterSlot=function(){var e=t.element.querySelector('[slot="center"]');t.centerSlotUsed=!!e};this.changeLogoSize=function(){t.checkCenterSlot();if(t.mql[1].matches&&t.centerSlotUsed){t.logoSize="large"}else{t.logoSize="medium"}};this.handleLogoClick=function(e){t.duetEvent.emit({name:"logoClick",component:"duet-menu-bar",data:{logoHref:t.logoHref},originalEvent:e})};this.hidden=false;this.onBottom=false;this.logoSize="large";this.leftMoreVisible=false;this.rightMoreVisible=false;this.centerSlotUsed=false;this.theme="";this.language=getLanguage();this.logo=true;this.logoHref=undefined;this.logoLinkAccessibleLabel=undefined;this.accessibleLabel=undefined;this.hideOnScroll=false}e.prototype.checkScroll=function(){var e=this;if(!this.hideOnScroll){return}if(window.scrollY>this.previousYScroll){if(window.scrollY>100){if(this.hideOnScroll){clearTimeout(this.zindexTimer);this.onBottom=true}this.hidden=true}}else{if(window.scrollY<150){if(this.hideOnScroll){this.zindexTimer=setTimeout((function(){e.onBottom=false}),300)}this.hidden=false}}this.previousYScroll=window.scrollY};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){this.changeLogoSize();for(var e=0;e<this.mql.length;e++){if(this.mql[e].addEventListener){var t=this.changeLogoSize.bind(this);this.mql[e].addEventListener("change",t);this.boundMqlFunctions[e]=t}}this.checkCenterSlot()};e.prototype.disconnectedCallback=function(){for(var e=0;e<this.mql.length;e++){if(this.mql[e].removeEventListener){this.mql[e].removeEventListener("change",this.boundMqlFunctions[e])}}this.boundMqlFunctions=[]};e.prototype.componentDidLoad=function(){var e=this;setTimeout((function(){e.scrollbarCheck();e.scrollToActive();e.checkCenterSlot()}),0)};e.prototype.onWindowResize=function(){var e=this;clearTimeout(this.resizeTimer);this.resizeTimer=setTimeout((function(){e.scrollToActive()}),100)};e.prototype.render=function(){var e=this;var t=document.querySelectorAll("duet-slideout").length>0;var i=t&&!this.logo;return h(Host,{key:"ee439062a14ee406cfc5b0fdb05dfc3927198da2"},h("nav",{key:"1d8487413b9de5b95a8cad1494b96834fc3b9439",class:{"duet-menu-bar":true,"duet-theme-turva":this.theme==="turva","horizontal-nav":i,"duet-menu-bar-slim":!this.centerSlotUsed,hidden:this.hidden&&this.hideOnScroll,bottom:this.onBottom},"aria-label":this.accessibleLabel},h("div",{key:"92fa80908ef91d5dcbd7c518888a86227c988ed5",class:"top"}),h("div",{key:"1d61baaac5a06d5e1c86ff4c64c64d16b6995835",class:{container:true},ref:function(t){return e.container=t},onScroll:function(){return e.scrollbarCheck()}},this.logo&&h("div",{key:"f5808648cf441b41c69e97dc72a2d85cfcc87f81"},h("duet-logo",{key:"b2ee61312ef7dfa668b8c64fd87eab1eb081a659",size:this.logoSize,margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language})),h("div",{key:"389e88f80128e89de575d710812390c0b42ba3d7",class:"list center",role:"list"},h("div",{key:"b7123d700a4f96083cb622dc19e84a983c869f67",class:"more-left",hidden:!this.leftMoreVisible,role:"presentation"}),h("slot",{key:"0e39ad37d162ab9f0d795ad4ede239989c417e7e",name:"center"}),h("div",{key:"253ae76acd48430689379946af5d6c30aaf4ef0f",class:"more-right",hidden:!this.rightMoreVisible,role:"presentation"})),h("div",{key:"011f05e4df0d48081cafc0e841163bb2166aab57",class:"list right",role:"list"},h("slot",{key:"da96523ef89bb59d8cafade8d0723ad5f3878bdb",name:"right"}))),h("div",{key:"b8b76c092068de82e8a63cc67f4a0619792ae8a6",class:"bottom"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBar.style=DuetMenuBarStyle0;export{DuetMenuBar as duet_menu_bar};