@duetds/components 6.0.7 → 6.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (346) hide show
  1. package/hydrate/index.js +246 -5
  2. package/lib/cjs/duet-action-button.cjs.entry.js +1 -1
  3. package/lib/cjs/duet-alert.cjs.entry.js +1 -1
  4. package/lib/cjs/duet-badge.cjs.entry.js +1 -1
  5. package/lib/cjs/duet-breadcrumb.cjs.entry.js +1 -1
  6. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +1 -1
  7. package/lib/cjs/duet-button_2.cjs.entry.js +1 -1
  8. package/lib/cjs/duet-caption_4.cjs.entry.js +1 -1
  9. package/lib/cjs/duet-card.cjs.entry.js +1 -1
  10. package/lib/cjs/duet-checkbox.cjs.entry.js +6 -2
  11. package/lib/cjs/duet-choice_2.cjs.entry.js +2 -2
  12. package/lib/cjs/duet-collapsible.cjs.entry.js +1 -1
  13. package/lib/cjs/duet-combobox.cjs.entry.js +1 -1
  14. package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
  15. package/lib/cjs/duet-date-picker.cjs.entry.js +2 -2
  16. package/lib/cjs/duet-divider_2.cjs.entry.js +1 -1
  17. package/lib/cjs/duet-editable-table_3.cjs.entry.js +3 -2
  18. package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
  19. package/lib/cjs/duet-fieldset.cjs.entry.js +1 -1
  20. package/lib/cjs/duet-footer.cjs.entry.js +1 -1
  21. package/lib/cjs/duet-grid_2.cjs.entry.js +1 -1
  22. package/lib/cjs/duet-header_2.cjs.entry.js +1 -1
  23. package/lib/cjs/duet-hero.cjs.entry.js +1 -1
  24. package/lib/cjs/duet-icon.cjs.entry.js +1 -1
  25. package/lib/cjs/duet-input_2.cjs.entry.js +1 -1
  26. package/lib/cjs/duet-layout.cjs.entry.js +1 -1
  27. package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
  28. package/lib/cjs/duet-modal.cjs.entry.js +2 -2
  29. package/lib/cjs/duet-multiselect.cjs.entry.js +224 -0
  30. package/lib/cjs/duet-notification_2.cjs.entry.js +1 -1
  31. package/lib/cjs/duet-number-input.cjs.entry.js +1 -1
  32. package/lib/cjs/duet-pagination_2.cjs.entry.js +1 -1
  33. package/lib/cjs/duet-progress.cjs.entry.js +1 -1
  34. package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
  35. package/lib/cjs/duet-range-slider.cjs.entry.js +1 -1
  36. package/lib/cjs/duet-scrollable_3.cjs.entry.js +1 -1
  37. package/lib/cjs/duet-select.cjs.entry.js +1 -1
  38. package/lib/cjs/duet-step_2.cjs.entry.js +1 -1
  39. package/lib/cjs/duet-textarea.cjs.entry.js +1 -1
  40. package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
  41. package/lib/cjs/duet-tooltip.cjs.entry.js +1 -1
  42. package/lib/cjs/duet-tray.cjs.entry.js +1 -1
  43. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
  44. package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
  45. package/lib/cjs/duet.cjs.js +2 -2
  46. package/lib/cjs/{focus-utils-46880ee6.js → focus-utils-5bf92cc0.js} +1 -1
  47. package/lib/cjs/{index-54afad07.js → index-d380d72b.js} +1 -1
  48. package/lib/cjs/loader.cjs.js +2 -2
  49. package/lib/collection/collection-manifest.json +1 -0
  50. package/lib/collection/components/duet-checkbox/duet-checkbox.js +23 -1
  51. package/lib/collection/components/duet-editable-table/duet-editable-table.js +2 -1
  52. package/lib/collection/components/duet-multiselect/duet-multiselect.css +261 -0
  53. package/lib/collection/components/duet-multiselect/duet-multiselect.js +597 -0
  54. package/lib/dist-custom-elements/duet-action-button.js +1 -1
  55. package/lib/dist-custom-elements/duet-alert.js +1 -1
  56. package/lib/dist-custom-elements/duet-badge.js +1 -1
  57. package/lib/dist-custom-elements/duet-breadcrumb.js +2 -2
  58. package/lib/dist-custom-elements/duet-breadcrumbs.js +2 -2
  59. package/lib/dist-custom-elements/duet-button.js +1 -1
  60. package/lib/dist-custom-elements/duet-caption.js +1 -1
  61. package/lib/dist-custom-elements/duet-card.js +3 -3
  62. package/lib/dist-custom-elements/duet-checkbox.js +1 -155
  63. package/lib/dist-custom-elements/duet-choice-group.js +6 -6
  64. package/lib/dist-custom-elements/duet-choice.js +5 -5
  65. package/lib/dist-custom-elements/duet-collapsible.js +2 -2
  66. package/lib/dist-custom-elements/duet-combobox.js +3 -3
  67. package/lib/dist-custom-elements/duet-cookie-consent.js +6 -6
  68. package/lib/dist-custom-elements/duet-date-picker.js +8 -8
  69. package/lib/dist-custom-elements/duet-divider.js +1 -1
  70. package/lib/dist-custom-elements/duet-editable-table.js +1 -1
  71. package/lib/dist-custom-elements/duet-empty-state.js +1 -1
  72. package/lib/dist-custom-elements/duet-fieldset.js +1 -1
  73. package/lib/dist-custom-elements/duet-footer.js +4 -4
  74. package/lib/dist-custom-elements/duet-grid-item.js +1 -1
  75. package/lib/dist-custom-elements/duet-grid.js +1 -1
  76. package/lib/dist-custom-elements/duet-header.js +8 -8
  77. package/lib/dist-custom-elements/duet-heading.js +1 -1
  78. package/lib/dist-custom-elements/duet-hero.js +9 -9
  79. package/lib/dist-custom-elements/duet-icon.js +1 -1
  80. package/lib/dist-custom-elements/duet-input.js +1 -1
  81. package/lib/dist-custom-elements/duet-label.js +1 -1
  82. package/lib/dist-custom-elements/duet-layout.js +1 -1
  83. package/lib/dist-custom-elements/duet-link.js +1 -1
  84. package/lib/dist-custom-elements/duet-list-item.js +1 -1
  85. package/lib/dist-custom-elements/duet-list.js +1 -1
  86. package/lib/dist-custom-elements/duet-logo.js +1 -1
  87. package/lib/dist-custom-elements/duet-modal.js +7 -7
  88. package/lib/dist-custom-elements/duet-multiselect.d.ts +11 -0
  89. package/lib/dist-custom-elements/duet-multiselect.js +299 -0
  90. package/lib/dist-custom-elements/duet-notification-drawer.js +4 -4
  91. package/lib/dist-custom-elements/duet-notification.js +2 -2
  92. package/lib/dist-custom-elements/duet-number-input.js +7 -7
  93. package/lib/dist-custom-elements/duet-pagination.js +7 -7
  94. package/lib/dist-custom-elements/duet-paragraph.js +1 -1
  95. package/lib/dist-custom-elements/duet-progress.js +1 -1
  96. package/lib/dist-custom-elements/duet-radio-group.js +6 -6
  97. package/lib/dist-custom-elements/duet-radio.js +1 -1
  98. package/lib/dist-custom-elements/duet-range-slider.js +2 -2
  99. package/lib/dist-custom-elements/duet-range-stepper.js +4 -4
  100. package/lib/dist-custom-elements/duet-scrollable.js +1 -1
  101. package/lib/dist-custom-elements/duet-select.js +1 -1
  102. package/lib/dist-custom-elements/duet-spacer.js +1 -1
  103. package/lib/dist-custom-elements/duet-spinner.js +1 -1
  104. package/lib/dist-custom-elements/duet-step.js +4 -4
  105. package/lib/dist-custom-elements/duet-stepper.js +2 -2
  106. package/lib/dist-custom-elements/duet-tab-group.js +8 -8
  107. package/lib/dist-custom-elements/duet-tab.js +1 -1
  108. package/lib/dist-custom-elements/duet-table.js +1 -1
  109. package/lib/dist-custom-elements/duet-textarea.js +8 -8
  110. package/lib/dist-custom-elements/duet-toggle.js +2 -2
  111. package/lib/dist-custom-elements/duet-tooltip.js +1 -1
  112. package/lib/dist-custom-elements/duet-tray.js +3 -3
  113. package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
  114. package/lib/dist-custom-elements/duet-upload.js +18 -18
  115. package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
  116. package/lib/dist-custom-elements/index.js +1 -1
  117. package/lib/dist-custom-elements/{p-a56649ff.js → p-025242f2.js} +6 -6
  118. package/lib/dist-custom-elements/{p-b7f5c755.js → p-14799264.js} +1 -1
  119. package/lib/dist-custom-elements/{p-bf876e72.js → p-15cca1fa.js} +2 -2
  120. package/lib/dist-custom-elements/{p-c36d9eb5.js → p-260d7413.js} +1 -1
  121. package/lib/dist-custom-elements/{p-f07d95b9.js → p-2b6e0098.js} +1 -1
  122. package/lib/dist-custom-elements/{p-fbb39f58.js → p-35856a5f.js} +1 -1
  123. package/lib/dist-custom-elements/{p-2215e15e.js → p-3f5248cc.js} +6 -6
  124. package/lib/dist-custom-elements/p-3f9960ee.js +165 -0
  125. package/lib/dist-custom-elements/{p-836021e7.js → p-40964c90.js} +2 -2
  126. package/lib/dist-custom-elements/{p-068d8815.js → p-4dd0d2e0.js} +1 -1
  127. package/lib/dist-custom-elements/{p-dfb36895.js → p-5368b90e.js} +1 -1
  128. package/lib/dist-custom-elements/{p-a081f721.js → p-5c30c1e6.js} +3 -3
  129. package/lib/dist-custom-elements/{p-59480ad8.js → p-6352244e.js} +1 -1
  130. package/lib/dist-custom-elements/{p-2f73ed5f.js → p-76a12869.js} +2 -2
  131. package/lib/dist-custom-elements/{p-f23c23e9.js → p-84036192.js} +3 -3
  132. package/lib/dist-custom-elements/{p-565c7b5e.js → p-983633e4.js} +1 -1
  133. package/lib/dist-custom-elements/{p-0a3b3fbb.js → p-a0188402.js} +4 -4
  134. package/lib/dist-custom-elements/{p-f20bce7d.js → p-a10df7a8.js} +1 -1
  135. package/lib/dist-custom-elements/{p-01a47ed0.js → p-a19a3c64.js} +1 -1
  136. package/lib/dist-custom-elements/{p-85e4dd88.js → p-a720eb56.js} +2 -2
  137. package/lib/dist-custom-elements/{p-3185bbc5.js → p-b125807e.js} +1 -1
  138. package/lib/dist-custom-elements/{p-fe39bfb6.js → p-b828da80.js} +9 -8
  139. package/lib/dist-custom-elements/{p-3426a84c.js → p-c2260d50.js} +2 -2
  140. package/lib/dist-custom-elements/{p-12a61b16.js → p-c2c3e421.js} +1 -1
  141. package/lib/dist-custom-elements/{p-d05492d6.js → p-dde39f08.js} +1 -1
  142. package/lib/dist-custom-elements/{p-1940df2f.js → p-df05a117.js} +1 -1
  143. package/lib/dist-custom-elements/{p-10a1a3da.js → p-e06d804b.js} +1 -1
  144. package/lib/dist-custom-elements/{p-4e94138b.js → p-e436e97c.js} +5 -5
  145. package/lib/dist-custom-elements/{p-c8517782.js → p-eef3373f.js} +1 -1
  146. package/lib/dist-custom-elements/{p-f42b7c16.js → p-f06badc1.js} +3 -3
  147. package/lib/dist-custom-elements/{p-76a78894.js → p-f5d54803.js} +1 -1
  148. package/lib/duet/duet.esm.js +1 -1
  149. package/lib/duet/duet.js +1 -1
  150. package/lib/duet/{p-f020f7b9.entry.js → p-07c53212.entry.js} +1 -1
  151. package/lib/duet/{p-1219c251.system.js → p-08c8edc7.system.js} +1 -1
  152. package/lib/duet/{p-b4ffca84.system.entry.js → p-0bc10576.system.entry.js} +1 -1
  153. package/lib/duet/{p-d4bb0408.entry.js → p-0c1fdd7c.entry.js} +1 -1
  154. package/lib/duet/{p-c16f5680.system.entry.js → p-1034d5d8.system.entry.js} +1 -1
  155. package/lib/duet/{p-794e74ca.system.entry.js → p-10a9fe19.system.entry.js} +1 -1
  156. package/lib/duet/{p-6372465a.entry.js → p-134bbc67.entry.js} +1 -1
  157. package/lib/duet/{p-0ef9099d.system.entry.js → p-17213a02.system.entry.js} +1 -1
  158. package/lib/duet/{p-187a788e.entry.js → p-18c2588a.entry.js} +1 -1
  159. package/lib/duet/{p-6e648879.entry.js → p-1e8365c3.entry.js} +1 -1
  160. package/lib/duet/{p-00030749.entry.js → p-20df1f28.entry.js} +1 -1
  161. package/lib/duet/{p-46f86392.entry.js → p-24b890e9.entry.js} +1 -1
  162. package/lib/duet/{p-d74d81a1.system.entry.js → p-2957055a.system.entry.js} +1 -1
  163. package/lib/duet/{p-9587a804.entry.js → p-2a2b5109.entry.js} +1 -1
  164. package/lib/duet/{p-c1c11d71.system.entry.js → p-2b7f998c.system.entry.js} +1 -1
  165. package/lib/duet/{p-14e9ccd4.entry.js → p-2b822122.entry.js} +1 -1
  166. package/lib/duet/{p-90e58b7f.entry.js → p-2d906752.entry.js} +1 -1
  167. package/lib/duet/p-2f183314.js +4 -0
  168. package/lib/duet/p-3166de44.entry.js +4 -0
  169. package/lib/duet/{p-8ff5cb03.entry.js → p-3287e496.entry.js} +1 -1
  170. package/lib/duet/{p-f92491e1.entry.js → p-33814c22.entry.js} +1 -1
  171. package/lib/duet/p-33bbde60.entry.js +4 -0
  172. package/lib/duet/{p-9f51f625.entry.js → p-351fbda4.entry.js} +1 -1
  173. package/lib/duet/{p-7ba68318.system.entry.js → p-35351cf2.system.entry.js} +1 -1
  174. package/lib/duet/{p-e7f779ed.entry.js → p-363c6807.entry.js} +1 -1
  175. package/lib/duet/{p-f40277da.system.entry.js → p-3ab707be.system.entry.js} +1 -1
  176. package/lib/duet/{p-faf74d63.entry.js → p-3f6487d8.entry.js} +1 -1
  177. package/lib/duet/{p-d674ef21.entry.js → p-4056c348.entry.js} +1 -1
  178. package/lib/duet/{p-3fd6ad80.entry.js → p-48f15ed7.entry.js} +1 -1
  179. package/lib/duet/{p-f8ae4f24.system.entry.js → p-4a97bbae.system.entry.js} +1 -1
  180. package/lib/duet/{p-92c491d9.entry.js → p-4c3bfd8a.entry.js} +1 -1
  181. package/lib/duet/{p-9cb0def1.system.entry.js → p-4d6b04f1.system.entry.js} +1 -1
  182. package/lib/duet/{p-1fd65b6a.system.entry.js → p-4fee02ae.system.entry.js} +1 -1
  183. package/lib/duet/{p-a3ca26e9.system.entry.js → p-5174a8af.system.entry.js} +1 -1
  184. package/lib/duet/{p-9f37c7e3.entry.js → p-545177af.entry.js} +1 -1
  185. package/lib/duet/{p-cacad773.system.entry.js → p-55f8c851.system.entry.js} +1 -1
  186. package/lib/duet/{p-39c02539.system.entry.js → p-5f4a200f.system.entry.js} +1 -1
  187. package/lib/duet/{p-5116e9b7.system.entry.js → p-69d0a2ce.system.entry.js} +1 -1
  188. package/lib/duet/{p-177abbdc.system.entry.js → p-6cc20670.system.entry.js} +1 -1
  189. package/lib/duet/{p-ff4995cc.entry.js → p-6d2d9897.entry.js} +1 -1
  190. package/lib/duet/{p-3dadf26a.system.entry.js → p-6def950d.system.entry.js} +1 -1
  191. package/lib/duet/{p-50081b36.entry.js → p-709654f2.entry.js} +1 -1
  192. package/lib/duet/{p-59edf7bc.system.entry.js → p-73c3092e.system.entry.js} +1 -1
  193. package/lib/duet/{p-c4a44c55.system.entry.js → p-79eada30.system.entry.js} +1 -1
  194. package/lib/duet/{p-108f093f.system.entry.js → p-7ed493e6.system.entry.js} +1 -1
  195. package/lib/duet/{p-d98eedc7.entry.js → p-88e3d858.entry.js} +1 -1
  196. package/lib/duet/{p-607eb013.entry.js → p-88eabc52.entry.js} +1 -1
  197. package/lib/duet/{p-be4c1b3f.entry.js → p-89b3c614.entry.js} +1 -1
  198. package/lib/duet/{p-8b0fef4c.system.entry.js → p-8c17003f.system.entry.js} +1 -1
  199. package/lib/duet/p-8c2a2440.entry.js +4 -0
  200. package/lib/duet/p-8cea8546.system.js +4 -0
  201. package/lib/duet/{p-24210b97.system.entry.js → p-8db9e436.system.entry.js} +1 -1
  202. package/lib/duet/{p-8baa5bd1.system.entry.js → p-9343afe6.system.entry.js} +1 -1
  203. package/lib/duet/{p-5d160b76.system.entry.js → p-95340ddf.system.entry.js} +1 -1
  204. package/lib/duet/p-97b281b2.system.entry.js +4 -0
  205. package/lib/duet/{p-bd85d575.entry.js → p-9c2d276b.entry.js} +1 -1
  206. package/lib/duet/{p-70a1a9bf.system.js → p-9e9b3182.system.js} +1 -1
  207. package/lib/duet/{p-13cdbe65.entry.js → p-9ff90002.entry.js} +1 -1
  208. package/lib/duet/{p-50551874.entry.js → p-a4acf397.entry.js} +1 -1
  209. package/lib/duet/{p-a44366ba.entry.js → p-a883b01d.entry.js} +1 -1
  210. package/lib/duet/{p-dcb5d509.system.entry.js → p-a8e38895.system.entry.js} +1 -1
  211. package/lib/duet/{p-d267c3a2.entry.js → p-aba4b236.entry.js} +1 -1
  212. package/lib/duet/{p-c76ec371.system.entry.js → p-b0b61064.system.entry.js} +1 -1
  213. package/lib/duet/p-b2a940b5.system.entry.js +4 -0
  214. package/lib/duet/{p-b44ae985.system.entry.js → p-b2da699d.system.entry.js} +1 -1
  215. package/lib/duet/{p-63b7a28e.system.entry.js → p-bdbe682d.system.entry.js} +2 -2
  216. package/lib/duet/{p-7088d347.entry.js → p-be9d7718.entry.js} +1 -1
  217. package/lib/duet/{p-0082ff0a.system.entry.js → p-bedf7cb7.system.entry.js} +1 -1
  218. package/lib/duet/{p-3054a69d.entry.js → p-c055fcd1.entry.js} +1 -1
  219. package/lib/duet/{p-f3e7fc61.system.entry.js → p-c8a46ebb.system.entry.js} +1 -1
  220. package/lib/duet/{p-dbdaec86.entry.js → p-c8e84baf.entry.js} +1 -1
  221. package/lib/duet/{p-444b7187.system.entry.js → p-cc7f44f9.system.entry.js} +1 -1
  222. package/lib/duet/{p-58eeed4f.system.entry.js → p-cf9027e3.system.entry.js} +1 -1
  223. package/lib/duet/{p-889cf32a.system.entry.js → p-d2a55128.system.entry.js} +1 -1
  224. package/lib/duet/{p-0433b19b.entry.js → p-d4a24199.entry.js} +1 -1
  225. package/lib/duet/{p-dc163c6e.entry.js → p-d50688a8.entry.js} +1 -1
  226. package/lib/duet/p-d8ae3650.system.entry.js +4 -0
  227. package/lib/duet/{p-16f67902.system.entry.js → p-db2cfc87.system.entry.js} +1 -1
  228. package/lib/duet/{p-ed8d9d14.system.entry.js → p-db9db173.system.entry.js} +1 -1
  229. package/lib/duet/{p-6a49efbc.js → p-dc6fd9c6.js} +1 -1
  230. package/lib/duet/{p-69b0c916.system.entry.js → p-e13a54c8.system.entry.js} +1 -1
  231. package/lib/duet/{p-6be76f1d.entry.js → p-e19ba091.entry.js} +1 -1
  232. package/lib/duet/p-e2adbecc.entry.js +4 -0
  233. package/lib/duet/{p-afdf9c1c.system.entry.js → p-e4c320e2.system.entry.js} +1 -1
  234. package/lib/duet/{p-e873306b.system.entry.js → p-e86917b0.system.entry.js} +1 -1
  235. package/lib/duet/{p-933a2bd0.system.entry.js → p-f01eb4ea.system.entry.js} +1 -1
  236. package/lib/duet/p-f493ae81.entry.js +4 -0
  237. package/lib/duet/{p-7e3d7a7e.system.entry.js → p-f6240801.system.entry.js} +1 -1
  238. package/lib/duet/{p-00228a70.entry.js → p-f827b4b6.entry.js} +1 -1
  239. package/lib/duet/{p-b0bf6662.entry.js → p-fb97dc52.entry.js} +1 -1
  240. package/lib/duet/{p-b77057b8.entry.js → p-fd1ed521.entry.js} +1 -1
  241. package/lib/esm/duet-action-button.entry.js +1 -1
  242. package/lib/esm/duet-alert.entry.js +1 -1
  243. package/lib/esm/duet-badge.entry.js +1 -1
  244. package/lib/esm/duet-breadcrumb.entry.js +1 -1
  245. package/lib/esm/duet-breadcrumbs.entry.js +1 -1
  246. package/lib/esm/duet-button_2.entry.js +1 -1
  247. package/lib/esm/duet-caption_4.entry.js +1 -1
  248. package/lib/esm/duet-card.entry.js +1 -1
  249. package/lib/esm/duet-checkbox.entry.js +6 -2
  250. package/lib/esm/duet-choice_2.entry.js +2 -2
  251. package/lib/esm/duet-collapsible.entry.js +1 -1
  252. package/lib/esm/duet-combobox.entry.js +1 -1
  253. package/lib/esm/duet-cookie-consent.entry.js +1 -1
  254. package/lib/esm/duet-date-picker.entry.js +2 -2
  255. package/lib/esm/duet-divider_2.entry.js +1 -1
  256. package/lib/esm/duet-editable-table_3.entry.js +3 -2
  257. package/lib/esm/duet-empty-state.entry.js +1 -1
  258. package/lib/esm/duet-fieldset.entry.js +1 -1
  259. package/lib/esm/duet-footer.entry.js +1 -1
  260. package/lib/esm/duet-grid_2.entry.js +1 -1
  261. package/lib/esm/duet-header_2.entry.js +1 -1
  262. package/lib/esm/duet-hero.entry.js +1 -1
  263. package/lib/esm/duet-icon.entry.js +1 -1
  264. package/lib/esm/duet-input_2.entry.js +1 -1
  265. package/lib/esm/duet-layout.entry.js +1 -1
  266. package/lib/esm/duet-list_2.entry.js +1 -1
  267. package/lib/esm/duet-modal.entry.js +2 -2
  268. package/lib/esm/duet-multiselect.entry.js +220 -0
  269. package/lib/esm/duet-notification_2.entry.js +1 -1
  270. package/lib/esm/duet-number-input.entry.js +1 -1
  271. package/lib/esm/duet-pagination_2.entry.js +1 -1
  272. package/lib/esm/duet-progress.entry.js +1 -1
  273. package/lib/esm/duet-radio_2.entry.js +1 -1
  274. package/lib/esm/duet-range-slider.entry.js +1 -1
  275. package/lib/esm/duet-scrollable_3.entry.js +1 -1
  276. package/lib/esm/duet-select.entry.js +1 -1
  277. package/lib/esm/duet-step_2.entry.js +1 -1
  278. package/lib/esm/duet-textarea.entry.js +1 -1
  279. package/lib/esm/duet-toggle.entry.js +1 -1
  280. package/lib/esm/duet-tooltip.entry.js +1 -1
  281. package/lib/esm/duet-tray.entry.js +1 -1
  282. package/lib/esm/duet-upload-aria-status.entry.js +1 -1
  283. package/lib/esm/duet-visually-hidden.entry.js +1 -1
  284. package/lib/esm/duet.js +2 -2
  285. package/lib/esm/{focus-utils-d5499410.js → focus-utils-f6146965.js} +1 -1
  286. package/lib/esm/{index-26388161.js → index-81967d12.js} +1 -1
  287. package/lib/esm/loader.js +2 -2
  288. package/lib/esm-es5/duet-action-button.entry.js +1 -1
  289. package/lib/esm-es5/duet-alert.entry.js +1 -1
  290. package/lib/esm-es5/duet-badge.entry.js +1 -1
  291. package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
  292. package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
  293. package/lib/esm-es5/duet-button_2.entry.js +1 -1
  294. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  295. package/lib/esm-es5/duet-card.entry.js +1 -1
  296. package/lib/esm-es5/duet-checkbox.entry.js +2 -2
  297. package/lib/esm-es5/duet-choice_2.entry.js +1 -1
  298. package/lib/esm-es5/duet-collapsible.entry.js +1 -1
  299. package/lib/esm-es5/duet-combobox.entry.js +1 -1
  300. package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
  301. package/lib/esm-es5/duet-date-picker.entry.js +1 -1
  302. package/lib/esm-es5/duet-divider_2.entry.js +1 -1
  303. package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
  304. package/lib/esm-es5/duet-empty-state.entry.js +1 -1
  305. package/lib/esm-es5/duet-fieldset.entry.js +1 -1
  306. package/lib/esm-es5/duet-footer.entry.js +1 -1
  307. package/lib/esm-es5/duet-grid_2.entry.js +1 -1
  308. package/lib/esm-es5/duet-header_2.entry.js +1 -1
  309. package/lib/esm-es5/duet-hero.entry.js +1 -1
  310. package/lib/esm-es5/duet-icon.entry.js +1 -1
  311. package/lib/esm-es5/duet-input_2.entry.js +1 -1
  312. package/lib/esm-es5/duet-layout.entry.js +1 -1
  313. package/lib/esm-es5/duet-list_2.entry.js +1 -1
  314. package/lib/esm-es5/duet-modal.entry.js +1 -1
  315. package/lib/esm-es5/duet-multiselect.entry.js +4 -0
  316. package/lib/esm-es5/duet-notification_2.entry.js +1 -1
  317. package/lib/esm-es5/duet-number-input.entry.js +1 -1
  318. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  319. package/lib/esm-es5/duet-progress.entry.js +1 -1
  320. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  321. package/lib/esm-es5/duet-range-slider.entry.js +1 -1
  322. package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
  323. package/lib/esm-es5/duet-select.entry.js +1 -1
  324. package/lib/esm-es5/duet-step_2.entry.js +1 -1
  325. package/lib/esm-es5/duet-textarea.entry.js +2 -2
  326. package/lib/esm-es5/duet-toggle.entry.js +1 -1
  327. package/lib/esm-es5/duet-tooltip.entry.js +1 -1
  328. package/lib/esm-es5/duet-tray.entry.js +1 -1
  329. package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
  330. package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
  331. package/lib/esm-es5/duet.js +1 -1
  332. package/lib/esm-es5/{focus-utils-d5499410.js → focus-utils-f6146965.js} +1 -1
  333. package/lib/esm-es5/{index-26388161.js → index-81967d12.js} +1 -1
  334. package/lib/esm-es5/loader.js +1 -1
  335. package/lib/types/components/duet-checkbox/duet-checkbox.d.ts +4 -0
  336. package/lib/types/components/duet-multiselect/duet-multiselect.d.ts +137 -0
  337. package/lib/types/components.d.ts +154 -0
  338. package/package.json +8 -7
  339. package/lib/duet/p-159ce776.js +0 -4
  340. package/lib/duet/p-1d7bd203.system.entry.js +0 -4
  341. package/lib/duet/p-661839a3.entry.js +0 -4
  342. package/lib/duet/p-6caf3423.entry.js +0 -4
  343. package/lib/duet/p-c1d755c9.system.entry.js +0 -4
  344. package/lib/duet/p-e30dc26c.entry.js +0 -4
  345. package/lib/duet/p-e52ea726.entry.js +0 -4
  346. package/lib/duet/p-e841deb6.system.js +0 -4
package/hydrate/index.js CHANGED
@@ -5,9 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- /*!
9
- Stencil Mock Doc v2.16.0 | MIT Licensed | https://stenciljs.com
10
- */
8
+ // @ts-nocheck
11
9
  const CONTENT_REF_ID = 'r';
12
10
  const ORG_LOCATION_ID = 'o';
13
11
  const SLOT_NODE_ID = 's';
@@ -7246,6 +7244,10 @@ class DuetCheckbox {
7246
7244
  * Aria description the button
7247
7245
  */
7248
7246
  this.accessibleDescription = undefined;
7247
+ /**
7248
+ * Aria selected
7249
+ */
7250
+ this.accessibleSelected = undefined;
7249
7251
  /**
7250
7252
  * Set whether the input is required or not. Please note that this is required for
7251
7253
  * accessible inputs when the user is required to fill them. When using this property
@@ -7329,7 +7331,7 @@ class DuetCheckbox {
7329
7331
  "duet-checkbox-container": true,
7330
7332
  "duet-label-hidden": this.labelHidden,
7331
7333
  "duet-theme-turva": this.theme === "turva",
7332
- } }, hAsync("input", { ref: input => (this.nativeInput = input), type: "checkbox", onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, value: this.value, class: { "duet-checkbox": true, disabled: this.disabled }, checked: this.checked, disabled: this.disabled, tabindex: this.accessibleIndex, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, required: this.required, role: this.role, name: this.name, id: identifier }), hAsync("label", { class: "duet-label", htmlFor: identifier }, hAsync("span", null, this.label)))));
7334
+ } }, hAsync("input", { ref: input => (this.nativeInput = input), type: "checkbox", onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, value: this.value, class: { "duet-checkbox": true, disabled: this.disabled }, checked: this.checked, disabled: this.disabled, tabindex: this.accessibleIndex, "aria-controls": this.accessibleControls, "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-selected": this.accessibleSelected, required: this.required, role: this.role, name: this.name, id: identifier }), hAsync("label", { class: "duet-label", htmlFor: identifier }, hAsync("span", null, this.label)))));
7333
7335
  }
7334
7336
  get element() { return getElement(this); }
7335
7337
  static get style() { return duetCheckboxCss; }
@@ -7346,6 +7348,7 @@ class DuetCheckbox {
7346
7348
  "accessibleDetails": [1, "accessible-details"],
7347
7349
  "accessibleLabelledBy": [1, "accessible-labelled-by"],
7348
7350
  "accessibleDescription": [1, "accessible-description"],
7351
+ "accessibleSelected": [1, "accessible-selected"],
7349
7352
  "required": [4],
7350
7353
  "theme": [1025],
7351
7354
  "disabled": [516],
@@ -10032,7 +10035,8 @@ class DuetEditableTable {
10032
10035
  "duet-table-action-header": !!this.actions,
10033
10036
  } }, sortedColumns.map(column => {
10034
10037
  if (column.display !== false) {
10035
- return hAsync("th", { scope: "col" }, this.createLabel(column));
10038
+ const label = this.createLabel(column);
10039
+ return label !== "" ? hAsync("th", { scope: "col" }, label) : hAsync("td", null);
10036
10040
  }
10037
10041
  }), this.actions && (hAsync("th", { scope: "col", class: "duet-table-action-header-heading" }, this.actions && hAsync("duet-visually-hidden", null, getLocaleString(this.actionColumnLabel))))));
10038
10042
  }
@@ -13191,6 +13195,242 @@ class DuetModal {
13191
13195
  }; }
13192
13196
  }
13193
13197
 
13198
+ const duetMultiselectCss = "@charset \"UTF-8\";/*!@*,\n*::after,\n*::before*/*.sc-duet-multiselect,*.sc-duet-multiselect::after,*.sc-duet-multiselect::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-multiselect-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%;max-width:100%;vertical-align:bottom}/*!@:host:last-child, :host:last-of-type*/.sc-duet-multiselect-h:last-child,.sc-duet-multiselect-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){/*!@:host*/.sc-duet-multiselect-h{width:calc(50% - 16px - 3px)}/*!@:host.duet-expand*/.duet-expand.sc-duet-multiselect-h{width:100% !important}}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-multiselect-h{margin:0 !important}/*!@.duet-multiselect-tooltip*/.duet-multiselect-tooltip.sc-duet-multiselect{position:absolute;top:12px;right:0}@media (min-width: 48em){/*!@.duet-multiselect-tooltip*/.duet-multiselect-tooltip.sc-duet-multiselect{position:relative;top:4px;right:auto}}/*!@.duet-multiselect-placeholder*/.duet-multiselect-placeholder.sc-duet-multiselect{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:white}/*!@.duet-multiselect-container*/.duet-multiselect-container.sc-duet-multiselect{position:relative;width:100%}/*!@.duet-multiselect-wrapper*/.duet-multiselect-wrapper.sc-duet-multiselect{position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25}/*!@.duet-theme-turva .duet-multiselect-wrapper*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect-wrapper.sc-duet-multiselect{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}/*!@.duet-multiselect-wrapper::after*/.duet-multiselect-wrapper.sc-duet-multiselect::after{content:\"  \"}/*!@.duet-multiselect*/.duet-multiselect.sc-duet-multiselect{display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;min-width:8rem;padding:12px 14px !important;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:#00294d;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:white;border:1px solid #909599;border-radius:4px;transition:150ms ease}/*!@.duet-multiselect:hover*/.duet-multiselect.sc-duet-multiselect:hover{border-color:#909599;box-shadow:0 0 0 1px #909599}/*!@.duet-theme-turva .duet-multiselect:hover*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:hover{border-color:#747475;box-shadow:0 0 0 1px #747475}/*!@.has-error .duet-multiselect:hover*/.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:hover{box-shadow:0 0 0 1px #de2362}/*!@.duet-theme-turva.has-error .duet-multiselect:hover*/.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:hover{box-shadow:0 0 0 1px #e02a0d}/*!@.duet-multiselect:focus, .duet-multiselect.duet-multiselect-active*/.duet-multiselect.sc-duet-multiselect:focus,.duet-multiselect.duet-multiselect-active.sc-duet-multiselect{border-color:#0077b3;outline:0;box-shadow:0 0 0 1px #0077b3;transition:none}/*!@.duet-theme-turva .duet-multiselect:focus, .duet-theme-turva .duet-multiselect.duet-multiselect-active*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:focus,.duet-theme-turva.sc-duet-multiselect .duet-multiselect.duet-multiselect-active.sc-duet-multiselect{border-color:#171c3a;box-shadow:0 0 0 1px #171c3a}/*!@.has-error .duet-multiselect:focus, .has-error .duet-multiselect.duet-multiselect-active*/.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:focus,.has-error.sc-duet-multiselect .duet-multiselect.duet-multiselect-active.sc-duet-multiselect{box-shadow:0 0 0 1px #de2362}/*!@.duet-theme-turva.has-error .duet-multiselect:focus, .duet-theme-turva.has-error .duet-multiselect.duet-multiselect-active*/.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect:focus,.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect.duet-multiselect-active.sc-duet-multiselect{box-shadow:0 0 0 1px #e02a0d}/*!@.duet-multiselect[disabled]*/.duet-multiselect[disabled].sc-duet-multiselect{color:#00294d !important;cursor:default !important;background:#f5f8fa !important;border-color:#f5f8fa !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:#00294d !important}/*!@.duet-theme-turva .duet-multiselect[disabled]*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect[disabled].sc-duet-multiselect{color:#171c3a !important;background:#f5f5f7 !important;border-color:#f5f5f7 !important;-webkit-text-fill-color:#171c3a !important}/*!@.duet-multiselect > :first-child*/.duet-multiselect.sc-duet-multiselect>.sc-duet-multiselect:first-child{flex:1}/*!@.duet-multiselect .duet-multiselect-badge*/.duet-multiselect.sc-duet-multiselect .duet-multiselect-badge.sc-duet-multiselect{position:absolute;right:3rem}/*!@.has-error .duet-multiselect*/.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect{border-color:#de2362 !important}/*!@.has-error .duet-multiselect .duet-multiselect-icon*/.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect .duet-multiselect-icon.sc-duet-multiselect{color:#de2362 !important}/*!@.duet-theme-turva.has-error .duet-multiselect*/.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect{border-color:#e02a0d !important}/*!@.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon*/.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect .duet-multiselect-icon.sc-duet-multiselect{color:#e02a0d !important}/*!@.duet-theme-turva .duet-multiselect*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a;border-color:#747475}/*!@.duet-multiselect svg*/.duet-multiselect.sc-duet-multiselect svg.sc-duet-multiselect{width:20px;height:20px;color:#00294d;pointer-events:none}/*!@.duet-theme-turva .duet-multiselect svg*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect.sc-duet-multiselect svg.sc-duet-multiselect{color:#171c3a}/*!@.duet-multiselect svg.duet-multiselect-icon--rotate*/.duet-multiselect.sc-duet-multiselect svg.duet-multiselect-icon--rotate.sc-duet-multiselect{transform:rotate(180deg)}/*!@.duet-multiselect-checkboxes*/.duet-multiselect-checkboxes.sc-duet-multiselect{position:absolute;z-index:700;width:100%;padding:16px;margin:8px 0 0;visibility:hidden;background:white;border:1px solid #e1e3e6;border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}/*!@.duet-theme-turva .duet-multiselect-checkboxes*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect-checkboxes.sc-duet-multiselect{background:white;border-color:#e4e4e6;box-shadow:0 4px 10px 0 rgba(23, 28, 58, 0.15)}/*!@.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active*/.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active.sc-duet-multiselect{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}/*!@.duet-multiselect-help*/.duet-multiselect-help.sc-duet-multiselect{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:#657787;border-radius:4px}/*!@.duet-multiselect-help span*/.duet-multiselect-help.sc-duet-multiselect span.sc-duet-multiselect{display:block;margin-top:8px}/*!@.duet-theme-turva .duet-multiselect-help*/.duet-theme-turva.sc-duet-multiselect .duet-multiselect-help.sc-duet-multiselect{color:#747475}/*!@.has-error .duet-multiselect-help*/.has-error.sc-duet-multiselect .duet-multiselect-help.sc-duet-multiselect{color:#de2362}/*!@.duet-theme-turva.has-error .duet-multiselect-help*/.duet-theme-turva.has-error.sc-duet-multiselect .duet-multiselect-help.sc-duet-multiselect{color:#e02a0d}/*!@.duet-label-hidden duet-label*/.duet-label-hidden.sc-duet-multiselect duet-label.sc-duet-multiselect{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
13199
+
13200
+ function toggleInArray(arr, item) {
13201
+ return arr.includes(item) ? arr.filter(i => i !== item) : [...arr, item];
13202
+ }
13203
+ class DuetMultiselect {
13204
+ constructor(hostRef) {
13205
+ registerInstance(this, hostRef);
13206
+ this.duetChange = createEvent$2(this, "duetChange", 3);
13207
+ this.duetFocus = createEvent$2(this, "duetFocus", 7);
13208
+ this.duetBlur = createEvent$2(this, "duetBlur", 7);
13209
+ /**
13210
+ * Own Properties
13211
+ */
13212
+ this.errorId = createID("DuetError");
13213
+ this.labelId = createID("DuetLabel");
13214
+ this.topCaptionId = createID("DuetCaptionTop");
13215
+ this.selectedLangObject = {
13216
+ en: "selected",
13217
+ fi: "valittu",
13218
+ sv: "vald",
13219
+ };
13220
+ /**
13221
+ * State() variables
13222
+ * Inlined decorator, alphabetical order.
13223
+ */
13224
+ this.processedItems = [];
13225
+ this.checkboxesVisible = false;
13226
+ this.activeDescendant = "";
13227
+ /**
13228
+ * Controls the margin of the component.
13229
+ */
13230
+ this.margin = "auto";
13231
+ /**
13232
+ * Display the select in error state along with an error message.
13233
+ */
13234
+ this.error = "";
13235
+ /**
13236
+ * Expands the input to fill 100% of the container width.
13237
+ */
13238
+ this.expand = false;
13239
+ /**
13240
+ * Value of multiselect
13241
+ */
13242
+ this.value = [];
13243
+ /**
13244
+ * Theme of the select.
13245
+ */
13246
+ this.theme = "";
13247
+ /**
13248
+ * Visually hide the label, but still show it to screen readers.
13249
+ */
13250
+ this.labelHidden = false;
13251
+ /**
13252
+ * Adds a unique identifier for the select.
13253
+ */
13254
+ this.identifier = createID("DuetMultiselect");
13255
+ /**
13256
+ * Hint text to display.
13257
+ */
13258
+ this.placeholder = "";
13259
+ /**
13260
+ * Makes the select component disabled. This prevents users from being able
13261
+ * to interact with the select, and conveys its inactive state to assistive
13262
+ * technologies.
13263
+ */
13264
+ this.disabled = false;
13265
+ /**
13266
+ * Label for the select.
13267
+ */
13268
+ this.label = "label";
13269
+ /**
13270
+ * Tooltip to display next to the label of the input.
13271
+ */
13272
+ this.tooltip = "";
13273
+ /**
13274
+ * With direction setting you can force the tooltip to always open towards left
13275
+ * or right instead of automatically determining the direction.
13276
+ */
13277
+ this.tooltipDirection = "auto";
13278
+ /**
13279
+ * Component event handling.
13280
+ */
13281
+ this.onClick = (ev) => {
13282
+ ev.stopPropagation();
13283
+ };
13284
+ this.onChange = (ev) => {
13285
+ this.duetChange.emit({
13286
+ originalEvent: ev,
13287
+ value: this.value,
13288
+ component: "duet-multiselect",
13289
+ });
13290
+ };
13291
+ this.onBlur = (ev) => {
13292
+ this.duetBlur.emit({
13293
+ originalEvent: ev,
13294
+ value: this.value,
13295
+ component: "duet-multiselect",
13296
+ });
13297
+ };
13298
+ this.onFocus = (ev) => {
13299
+ this.duetFocus.emit({
13300
+ originalEvent: ev,
13301
+ value: this.value,
13302
+ component: "duet-multiselect",
13303
+ });
13304
+ };
13305
+ this.onMultiselectKeyDown = (e) => {
13306
+ if (isEscapeKey(e) || isTabKey(e)) {
13307
+ if (this.checkboxesVisible) {
13308
+ this.checkboxesVisible = false;
13309
+ this.multiselectElement.focus();
13310
+ e.preventDefault();
13311
+ }
13312
+ }
13313
+ };
13314
+ this.onMultiselectInputKeyDown = (e) => {
13315
+ if (isEnterKey(e)) {
13316
+ e.preventDefault();
13317
+ this.toggleCheckboxes();
13318
+ setTimeout(() => {
13319
+ if (this.checkboxesVisible) {
13320
+ const firstOption = this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(0)}`);
13321
+ if (firstOption) {
13322
+ firstOption.focus();
13323
+ }
13324
+ }
13325
+ }, 200);
13326
+ }
13327
+ };
13328
+ this.onCheckboxKeyDown = (e, key) => {
13329
+ let nextOption;
13330
+ if (isArrowLeftKey(e) || isArrowUpKey(e)) {
13331
+ nextOption = this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(key - 1)}`);
13332
+ }
13333
+ else if (isArrowRightKey(e) || isArrowDownKey(e)) {
13334
+ nextOption = this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(key + 1)}`);
13335
+ }
13336
+ if (nextOption) {
13337
+ nextOption.focus();
13338
+ e.preventDefault();
13339
+ this.activeDescendant = nextOption.id;
13340
+ }
13341
+ };
13342
+ this.toggleCheckboxes = () => {
13343
+ this.checkboxesVisible = !this.checkboxesVisible;
13344
+ };
13345
+ this.toggleCheckbox = (e, item) => {
13346
+ this.value = toggleInArray(this.value, item);
13347
+ this.onChange(e);
13348
+ };
13349
+ this.getOptionIdentifier = (key) => {
13350
+ return `${this.identifier}-option-${key}`;
13351
+ };
13352
+ }
13353
+ /**
13354
+ * Component lifecycle events.
13355
+ */
13356
+ componentWillLoad() {
13357
+ inheritGlobalTheme(this);
13358
+ this.isCaptionVisible = !!this.caption;
13359
+ this.refresh();
13360
+ }
13361
+ /**
13362
+ * Sets focus on the specified `duet-multiselect`. Use this method instead of the global
13363
+ * `multiselect.focus()`.
13364
+ */
13365
+ async setFocus(options) {
13366
+ if (this.multiselectElement) {
13367
+ this.multiselectElement.focus(options);
13368
+ }
13369
+ }
13370
+ /**
13371
+ * Local methods.
13372
+ */
13373
+ async refresh() {
13374
+ this.processedItems = parsePossibleJSON(this.items);
13375
+ }
13376
+ /**
13377
+ * render() function
13378
+ * Always the last one in the class.
13379
+ */
13380
+ render() {
13381
+ const selectedTranslation = getLocaleString(this.selectedLangObject);
13382
+ return (hAsync(Host, { onClick: this.onClick, class: {
13383
+ "duet-m-0": this.margin === "none",
13384
+ "duet-expand": this.expand,
13385
+ } }, hAsync("div", { class: {
13386
+ "duet-multiselect-container": true,
13387
+ "duet-label-hidden": this.labelHidden,
13388
+ "duet-theme-turva": this.theme === "turva",
13389
+ "duet-input-top-caption-shown": this.isCaptionVisible,
13390
+ "has-error": !!this.error,
13391
+ }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, hAsync("duet-label", { theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, id: this.labelId, for: this.identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), this.caption && (hAsync("duet-caption", { id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { class: "duet-multiselect-wrapper" }, hAsync("button", { id: this.identifier, ref: el => (this.multiselectElement = el), class: { "duet-multiselect": true, "duet-multiselect-active": this.checkboxesVisible }, tabindex: "0", onClick: () => this.toggleCheckboxes(), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), role: "combobox", "aria-expanded": this.checkboxesVisible ? "true" : "false", "aria-haspopup": "listbox", "aria-labelledby": `${this.labelId} ${this.errorId}`, "aria-owns": `${this.identifier}-checkboxes`, onKeyDown: (e) => this.onMultiselectInputKeyDown(e), disabled: this.disabled }, hAsync("span", { role: "textbox", "aria-readonly": "true", "aria-multiline": "false", "aria-autocomplete": "none", "aria-controls": `${this.identifier}-checkboxes` }, this.placeholder), this.value && this.value.length > 0 && (hAsync("duet-badge", { class: "duet-multiselect-badge", margin: "none", theme: this.theme }, this.value.length, " ", selectedTranslation, hAsync("duet-visually-hidden", null, ", ", this.value.map(item => item.label).join(", ")))), hAsync("svg", { role: "img", class: { "duet-multiselect-icon": true, "duet-multiselect-icon--rotate": this.checkboxesVisible }, fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" }))), hAsync("div", { id: `${this.identifier}-checkboxes`, role: "listbox", class: {
13392
+ "duet-multiselect-checkboxes": true,
13393
+ "duet-multiselect-checkboxes-active": this.checkboxesVisible,
13394
+ }, "aria-activedescendant": this.activeDescendant, "aria-multiselectable": "true" }, this.processedItems &&
13395
+ this.processedItems.map((item, key) => {
13396
+ var _a, _b;
13397
+ return (hAsync("duet-checkbox", { identifier: this.getOptionIdentifier(key), role: "option", label: item.label, value: item.value, key: item.value, checked: (_a = this.value) === null || _a === void 0 ? void 0 : _a.includes(item), "accessible-selected": ((_b = this.value) === null || _b === void 0 ? void 0 : _b.includes(item)) ? "true" : undefined, disabled: !this.checkboxesVisible || item.disabled, onDuetChange: e => this.toggleCheckbox(e, item), onKeyDown: (e) => this.onCheckboxKeyDown(e, key), theme: this.theme }));
13398
+ }))), hAsync("span", { class: "duet-multiselect-help", id: this.errorId, "aria-live": "assertive", "aria-relevant": "additions removals" }, this.error && hAsync("span", null, this.error)))));
13399
+ }
13400
+ get element() { return getElement(this); }
13401
+ static get watchers() { return {
13402
+ "items": ["refresh"]
13403
+ }; }
13404
+ static get style() { return duetMultiselectCss; }
13405
+ static get cmpMeta() { return {
13406
+ "$flags$": 9,
13407
+ "$tagName$": "duet-multiselect",
13408
+ "$members$": {
13409
+ "margin": [1],
13410
+ "error": [1],
13411
+ "expand": [4],
13412
+ "value": [1040],
13413
+ "theme": [1025],
13414
+ "labelHidden": [4, "label-hidden"],
13415
+ "identifier": [1],
13416
+ "placeholder": [1],
13417
+ "caption": [1],
13418
+ "items": [1],
13419
+ "disabled": [516],
13420
+ "label": [1],
13421
+ "tooltip": [1],
13422
+ "tooltipDirection": [1, "tooltip-direction"],
13423
+ "processedItems": [32],
13424
+ "checkboxesVisible": [32],
13425
+ "activeDescendant": [32],
13426
+ "setFocus": [64]
13427
+ },
13428
+ "$listeners$": undefined,
13429
+ "$lazyBundleId$": "-",
13430
+ "$attrsToReflect$": [["disabled", "disabled"]]
13431
+ }; }
13432
+ }
13433
+
13194
13434
  const duetNotificationCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-notification,*.sc-duet-notification::after,*.sc-duet-notification::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-notification-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}/*!@.duet-notification*/.duet-notification.sc-duet-notification{display:block;padding:16px;color:#00294d;cursor:pointer;border-bottom:1px solid #e1e3e6;transition:300ms ease}/*!@:host(:last-of-type) .duet-notification*/.sc-duet-notification-h:last-of-type .duet-notification.sc-duet-notification{border-bottom:0}/*!@.duet-notification.duet-theme-turva*/.duet-notification.duet-theme-turva.sc-duet-notification{color:#171c3a;border-bottom-color:#e4e4e6}/*!@.duet-notification.duet-notification-highlight*/.duet-notification.duet-notification-highlight.sc-duet-notification{font-weight:600;background:#f3f9fc}/*!@.duet-notification.duet-notification-highlight.duet-theme-turva*/.duet-notification.duet-notification-highlight.duet-theme-turva.sc-duet-notification{background:#fcf3f4}@media (min-width: 62em){/*!@.duet-notification:hover*/.duet-notification.sc-duet-notification:hover{background:#f3f9fc}/*!@.duet-notification:hover.duet-theme-turva*/.duet-notification.sc-duet-notification:hover.duet-theme-turva{background:#fcf3f4}}/*!@.duet-notification a*/.duet-notification.sc-duet-notification a.sc-duet-notification{text-decoration:none}/*!@.duet-notification a:focus*/.duet-notification.sc-duet-notification a.sc-duet-notification:focus{outline:0}/*!@:host(.user-is-tabbing) .duet-notification:focus-within*/.user-is-tabbing.sc-duet-notification-h .duet-notification.sc-duet-notification:focus-within{z-index:1;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva*/.user-is-tabbing.sc-duet-notification-h .duet-notification.sc-duet-notification:focus-within.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-notification-container*/.duet-notification-container.sc-duet-notification{position:relative;display:flex}/*!@.duet-notification-badge-container*/.duet-notification-badge-container.sc-duet-notification{position:relative;width:16px}/*!@.duet-notification-badge*/.duet-notification-badge.sc-duet-notification{position:absolute;top:6px;left:-2px;width:8px;height:8px;background:#0077b3;border-radius:50%}/*!@.duet-theme-turva .duet-notification-badge*/.duet-theme-turva.sc-duet-notification .duet-notification-badge.sc-duet-notification{background:#c60c30}/*!@.duet-notification-content*/.duet-notification-content.sc-duet-notification{flex:1}/*!@.duet-notification-date*/.duet-notification-date.sc-duet-notification{position:absolute;top:2px;right:0;width:96px;font-size:0.75rem;font-weight:600;line-height:1.25;color:#657787;text-align:right;text-transform:uppercase}@media (max-width: 35.9375em){/*!@.duet-notification-date*/.duet-notification-date.sc-duet-notification{width:auto}}/*!@.duet-theme-turva .duet-notification-date*/.duet-theme-turva.sc-duet-notification .duet-notification-date.sc-duet-notification{color:#444445}/*!@::slotted(duet-heading)*/.sc-duet-notification-s>duet-heading{padding-right:80px !important}/*!@::slotted(duet-paragraph)*/.sc-duet-notification-s>duet-paragraph{margin-bottom:2px !important}";
13195
13435
 
13196
13436
  class DuetNotification {
@@ -18609,6 +18849,7 @@ registerComponents([
18609
18849
  DuetListItem,
18610
18850
  DuetLogo,
18611
18851
  DuetModal,
18852
+ DuetMultiselect,
18612
18853
  DuetNotification,
18613
18854
  DuetNotificationDrawer,
18614
18855
  DuetNumberInput,
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
  const jsUtils = require('./js-utils-134e0318.js');
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
  const languageUtils = require('./language-utils-4f62a7db.js');
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
 
11
11
  const duetBadgeCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{width:100%;padding:4.4444444444px 12px 5.4444444444px;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.75rem;font-style:normal;font-weight:600;line-height:1.25;color:#00294d;text-align:center;word-break:break-word;vertical-align:middle;background:#e6f1f7;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:#171c3a;background:#e8e8eb}.duet-badge.warning{background:#fef3df}.duet-badge.warning.duet-theme-turva{background:#fef1db}.duet-badge.danger{background:#fce9ef}.duet-badge.danger.duet-theme-turva{background:#fceae7}.duet-badge.success{background:#e6f3ef}.duet-badge.success.duet-theme-turva{background:#e6f3ed}";
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
 
11
11
  const duetBreadcrumbCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;color:#00294d;text-decoration:none}.duet-breadcrumb:hover{color:#004d80}.duet-breadcrumb.duet-theme-turva{color:#171c3a}.duet-breadcrumb.duet-theme-turva:hover{color:#940925}.duet-breadcrumb:focus{outline:0}.duet-breadcrumb:active{opacity:0.75}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const languageUtils = require('./language-utils-4f62a7db.js');
11
11
  require('./string-utils-5cadd058.js');
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const commonStrings = require('./common-strings-de17f887.js');
11
11
  const languageUtils = require('./language-utils-4f62a7db.js');
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const stringUtils = require('./string-utils-5cadd058.js');
11
11
  const tokenUtils = require('./token-utils-f6e2f4ef.js');
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
  const keyboardUtils = require('./keyboard-utils-bb32119b.js');
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
 
@@ -37,6 +37,10 @@ const DuetCheckbox = class {
37
37
  * Aria description the button
38
38
  */
39
39
  this.accessibleDescription = undefined;
40
+ /**
41
+ * Aria selected
42
+ */
43
+ this.accessibleSelected = undefined;
40
44
  /**
41
45
  * Set whether the input is required or not. Please note that this is required for
42
46
  * accessible inputs when the user is required to fill them. When using this property
@@ -120,7 +124,7 @@ const DuetCheckbox = class {
120
124
  "duet-checkbox-container": true,
121
125
  "duet-label-hidden": this.labelHidden,
122
126
  "duet-theme-turva": this.theme === "turva",
123
- } }, index.h("input", { ref: input => (this.nativeInput = input), type: "checkbox", onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, value: this.value, class: { "duet-checkbox": true, disabled: this.disabled }, checked: this.checked, disabled: this.disabled, tabindex: this.accessibleIndex, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, required: this.required, role: this.role, name: this.name, id: identifier }), index.h("label", { class: "duet-label", htmlFor: identifier }, index.h("span", null, this.label)))));
127
+ } }, index.h("input", { ref: input => (this.nativeInput = input), type: "checkbox", onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, value: this.value, class: { "duet-checkbox": true, disabled: this.disabled }, checked: this.checked, disabled: this.disabled, tabindex: this.accessibleIndex, "aria-controls": this.accessibleControls, "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-selected": this.accessibleSelected, required: this.required, role: this.role, name: this.name, id: identifier }), index.h("label", { class: "duet-label", htmlFor: identifier }, index.h("span", null, this.label)))));
124
128
  }
125
129
  get element() { return index.getElement(this); }
126
130
  };
@@ -5,11 +5,11 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const commonStrings = require('./common-strings-de17f887.js');
11
11
  const createId = require('./create-id-c3b984b1.js');
12
- const focusUtils = require('./focus-utils-46880ee6.js');
12
+ const focusUtils = require('./focus-utils-5bf92cc0.js');
13
13
  const keyboardUtils = require('./keyboard-utils-bb32119b.js');
14
14
  const languageUtils = require('./language-utils-4f62a7db.js');
15
15
  const watchOptions = require('./watch-options-d88afac0.js');
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const actionArrowDownSmall = require('./action-arrow-down-small-ef77a2d1.js');
10
10
  const tokens = require('./tokens-4c69b122.js');
11
11
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const jsUtils = require('./js-utils-134e0318.js');
11
11
  const keyboardUtils = require('./keyboard-utils-bb32119b.js');
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
 
11
11
  const duetCookieConsentCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;color:white !important;background-color:rgba(0, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(0, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:white !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url(\"data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+\") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
@@ -5,10 +5,10 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
- const focusUtils = require('./focus-utils-46880ee6.js');
11
+ const focusUtils = require('./focus-utils-5bf92cc0.js');
12
12
  const languageUtils = require('./language-utils-4f62a7db.js');
13
13
  require('./string-utils-5cadd058.js');
14
14
 
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
 
11
11
  const duetDividerCss = "*,*::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-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:#e1e3e6}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:#e4e4e6}";
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const jsUtils = require('./js-utils-134e0318.js');
11
11
  const keyboardUtils = require('./keyboard-utils-bb32119b.js');
@@ -176,7 +176,8 @@ const DuetEditableTable = class {
176
176
  "duet-table-action-header": !!this.actions,
177
177
  } }, sortedColumns.map(column => {
178
178
  if (column.display !== false) {
179
- return index.h("th", { scope: "col" }, this.createLabel(column));
179
+ const label = this.createLabel(column);
180
+ return label !== "" ? index.h("th", { scope: "col" }, label) : index.h("td", null);
180
181
  }
181
182
  }), this.actions && (index.h("th", { scope: "col", class: "duet-table-action-header-heading" }, this.actions && index.h("duet-visually-hidden", null, languageUtils.getLocaleString(this.actionColumnLabel))))));
182
183
  }
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
 
11
11
  const duetEmptyStateCss = "*,*::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%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:48px;color:#00294d;text-align:center;background:#f5f8fa;border-radius:4px}.duet-empty-state.duet-theme-turva{color:#171c3a;background:#f5f5f7}";
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const createId = require('./create-id-c3b984b1.js');
11
11
 
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
10
10
  const commonStrings = require('./common-strings-de17f887.js');
11
11
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const tokens = require('./tokens-4c69b122.js');
10
10
  const watchOptions = require('./watch-options-d88afac0.js');
11
11
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const formSearch = require('./form-search-d61b2843.js');
10
10
  const tokens = require('./tokens-4c69b122.js');
11
11
  const bodyScrollLock_es6 = require('./bodyScrollLock.es6-6ef1142a.js');
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
10
10
  const commonStrings = require('./common-strings-de17f887.js');
11
11
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
10
10
  const tokenUtils = require('./token-utils-f6e2f4ef.js');
11
11
  require('./tokens.module-1bb2d45e.js');
@@ -5,7 +5,7 @@
5
5
 
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
- const index = require('./index-54afad07.js');
8
+ const index = require('./index-d380d72b.js');
9
9
  const formSearch = require('./form-search-d61b2843.js');
10
10
  const themeableComponent = require('./themeable-component-fdeaef9f.js');
11
11
  const createId = require('./create-id-c3b984b1.js');