@fluentui/web-components 3.0.0-rc.14 → 3.0.0-rc.16

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 (525) hide show
  1. package/CHANGELOG.md +26 -2
  2. package/custom-elements.json +10963 -11559
  3. package/dist/esm/accordion/accordion.d.ts +4 -7
  4. package/dist/esm/accordion/accordion.definition.js +2 -2
  5. package/dist/esm/accordion/accordion.definition.js.map +1 -1
  6. package/dist/esm/accordion/accordion.js +4 -7
  7. package/dist/esm/accordion/accordion.js.map +1 -1
  8. package/dist/esm/accordion/accordion.options.d.ts +7 -1
  9. package/dist/esm/accordion/accordion.options.js +7 -0
  10. package/dist/esm/accordion/accordion.options.js.map +1 -1
  11. package/dist/esm/accordion/accordion.styles.js +1 -1
  12. package/dist/esm/accordion/accordion.styles.js.map +1 -1
  13. package/dist/esm/accordion/index.d.ts +1 -0
  14. package/dist/esm/accordion/index.js +1 -0
  15. package/dist/esm/accordion/index.js.map +1 -1
  16. package/dist/esm/accordion-item/accordion-item.base.d.ts +0 -8
  17. package/dist/esm/accordion-item/accordion-item.base.js +3 -12
  18. package/dist/esm/accordion-item/accordion-item.base.js.map +1 -1
  19. package/dist/esm/accordion-item/accordion-item.d.ts +2 -4
  20. package/dist/esm/accordion-item/accordion-item.definition.js +2 -2
  21. package/dist/esm/accordion-item/accordion-item.definition.js.map +1 -1
  22. package/dist/esm/accordion-item/accordion-item.js +1 -1
  23. package/dist/esm/accordion-item/accordion-item.js.map +1 -1
  24. package/dist/esm/accordion-item/accordion-item.options.d.ts +6 -0
  25. package/dist/esm/accordion-item/accordion-item.options.js +7 -0
  26. package/dist/esm/accordion-item/accordion-item.options.js.map +1 -1
  27. package/dist/esm/accordion-item/accordion-item.styles.js +1 -1
  28. package/dist/esm/accordion-item/accordion-item.styles.js.map +1 -1
  29. package/dist/esm/accordion-item/accordion-item.template.js +7 -7
  30. package/dist/esm/accordion-item/accordion-item.template.js.map +1 -1
  31. package/dist/esm/accordion-item/index.d.ts +1 -0
  32. package/dist/esm/accordion-item/index.js +1 -0
  33. package/dist/esm/accordion-item/index.js.map +1 -1
  34. package/dist/esm/anchor-button/anchor-button.base.d.ts +1 -1
  35. package/dist/esm/anchor-button/anchor-button.base.js +7 -7
  36. package/dist/esm/anchor-button/anchor-button.base.js.map +1 -1
  37. package/dist/esm/anchor-button/anchor-button.d.ts +1 -2
  38. package/dist/esm/anchor-button/anchor-button.definition.js +2 -2
  39. package/dist/esm/anchor-button/anchor-button.definition.js.map +1 -1
  40. package/dist/esm/anchor-button/anchor-button.js +1 -1
  41. package/dist/esm/anchor-button/anchor-button.js.map +1 -1
  42. package/dist/esm/anchor-button/anchor-button.options.d.ts +7 -1
  43. package/dist/esm/anchor-button/anchor-button.options.js +7 -0
  44. package/dist/esm/anchor-button/anchor-button.options.js.map +1 -1
  45. package/dist/esm/anchor-button/anchor-button.styles.js +4 -3
  46. package/dist/esm/anchor-button/anchor-button.styles.js.map +1 -1
  47. package/dist/esm/anchor-button/anchor-button.template.js +1 -1
  48. package/dist/esm/anchor-button/anchor-button.template.js.map +1 -1
  49. package/dist/esm/anchor-button/index.d.ts +1 -0
  50. package/dist/esm/anchor-button/index.js +1 -0
  51. package/dist/esm/anchor-button/index.js.map +1 -1
  52. package/dist/esm/avatar/avatar.definition.js +2 -2
  53. package/dist/esm/avatar/avatar.definition.js.map +1 -1
  54. package/dist/esm/avatar/avatar.options.d.ts +7 -1
  55. package/dist/esm/avatar/avatar.options.js +7 -0
  56. package/dist/esm/avatar/avatar.options.js.map +1 -1
  57. package/dist/esm/avatar/avatar.styles.js +1 -1
  58. package/dist/esm/avatar/avatar.styles.js.map +1 -1
  59. package/dist/esm/avatar/index.d.ts +1 -0
  60. package/dist/esm/avatar/index.js +1 -0
  61. package/dist/esm/avatar/index.js.map +1 -1
  62. package/dist/esm/badge/badge.d.ts +1 -1
  63. package/dist/esm/badge/badge.definition.js +2 -2
  64. package/dist/esm/badge/badge.definition.js.map +1 -1
  65. package/dist/esm/badge/badge.js +1 -1
  66. package/dist/esm/badge/badge.js.map +1 -1
  67. package/dist/esm/badge/badge.options.d.ts +9 -2
  68. package/dist/esm/badge/badge.options.js +7 -0
  69. package/dist/esm/badge/badge.options.js.map +1 -1
  70. package/dist/esm/badge/badge.styles.js +5 -4
  71. package/dist/esm/badge/badge.styles.js.map +1 -1
  72. package/dist/esm/badge/badge.template.js +1 -1
  73. package/dist/esm/badge/badge.template.js.map +1 -1
  74. package/dist/esm/badge/index.d.ts +1 -0
  75. package/dist/esm/badge/index.js +1 -0
  76. package/dist/esm/badge/index.js.map +1 -1
  77. package/dist/esm/button/button.d.ts +1 -1
  78. package/dist/esm/button/button.definition.js +2 -2
  79. package/dist/esm/button/button.definition.js.map +1 -1
  80. package/dist/esm/button/button.js +1 -1
  81. package/dist/esm/button/button.js.map +1 -1
  82. package/dist/esm/button/button.options.d.ts +8 -2
  83. package/dist/esm/button/button.options.js +7 -0
  84. package/dist/esm/button/button.options.js.map +1 -1
  85. package/dist/esm/button/button.styles.js +5 -3
  86. package/dist/esm/button/button.styles.js.map +1 -1
  87. package/dist/esm/button/button.template.js +1 -1
  88. package/dist/esm/button/button.template.js.map +1 -1
  89. package/dist/esm/button/index.d.ts +1 -0
  90. package/dist/esm/button/index.js +1 -0
  91. package/dist/esm/button/index.js.map +1 -1
  92. package/dist/esm/checkbox/checkbox.definition.js +2 -2
  93. package/dist/esm/checkbox/checkbox.definition.js.map +1 -1
  94. package/dist/esm/checkbox/checkbox.options.d.ts +6 -0
  95. package/dist/esm/checkbox/checkbox.options.js +7 -0
  96. package/dist/esm/checkbox/checkbox.options.js.map +1 -1
  97. package/dist/esm/checkbox/checkbox.styles.js +4 -3
  98. package/dist/esm/checkbox/checkbox.styles.js.map +1 -1
  99. package/dist/esm/checkbox/index.d.ts +1 -0
  100. package/dist/esm/checkbox/index.js +1 -0
  101. package/dist/esm/checkbox/index.js.map +1 -1
  102. package/dist/esm/compound-button/compound-button.definition.js +2 -2
  103. package/dist/esm/compound-button/compound-button.definition.js.map +1 -1
  104. package/dist/esm/compound-button/compound-button.options.d.ts +7 -1
  105. package/dist/esm/compound-button/compound-button.options.js +7 -0
  106. package/dist/esm/compound-button/compound-button.options.js.map +1 -1
  107. package/dist/esm/compound-button/compound-button.styles.js +4 -3
  108. package/dist/esm/compound-button/compound-button.styles.js.map +1 -1
  109. package/dist/esm/compound-button/compound-button.template.js +1 -1
  110. package/dist/esm/compound-button/compound-button.template.js.map +1 -1
  111. package/dist/esm/compound-button/index.d.ts +1 -0
  112. package/dist/esm/compound-button/index.js +1 -0
  113. package/dist/esm/compound-button/index.js.map +1 -1
  114. package/dist/esm/counter-badge/counter-badge.d.ts +1 -1
  115. package/dist/esm/counter-badge/counter-badge.definition.js +2 -2
  116. package/dist/esm/counter-badge/counter-badge.definition.js.map +1 -1
  117. package/dist/esm/counter-badge/counter-badge.js +1 -1
  118. package/dist/esm/counter-badge/counter-badge.js.map +1 -1
  119. package/dist/esm/counter-badge/counter-badge.options.d.ts +7 -1
  120. package/dist/esm/counter-badge/counter-badge.options.js +7 -0
  121. package/dist/esm/counter-badge/counter-badge.options.js.map +1 -1
  122. package/dist/esm/counter-badge/counter-badge.styles.js +1 -1
  123. package/dist/esm/counter-badge/counter-badge.styles.js.map +1 -1
  124. package/dist/esm/counter-badge/index.d.ts +1 -0
  125. package/dist/esm/counter-badge/index.js +1 -0
  126. package/dist/esm/counter-badge/index.js.map +1 -1
  127. package/dist/esm/dialog/dialog.definition.js +2 -2
  128. package/dist/esm/dialog/dialog.definition.js.map +1 -1
  129. package/dist/esm/dialog/dialog.options.d.ts +7 -1
  130. package/dist/esm/dialog/dialog.options.js +7 -0
  131. package/dist/esm/dialog/dialog.options.js.map +1 -1
  132. package/dist/esm/dialog/dialog.styles.js +4 -3
  133. package/dist/esm/dialog/dialog.styles.js.map +1 -1
  134. package/dist/esm/dialog/index.d.ts +1 -0
  135. package/dist/esm/dialog/index.js +1 -0
  136. package/dist/esm/dialog/index.js.map +1 -1
  137. package/dist/esm/dialog-body/dialog-body.definition.js +2 -2
  138. package/dist/esm/dialog-body/dialog-body.definition.js.map +1 -1
  139. package/dist/esm/dialog-body/dialog-body.options.d.ts +6 -0
  140. package/dist/esm/dialog-body/dialog-body.options.js +8 -0
  141. package/dist/esm/dialog-body/dialog-body.options.js.map +1 -0
  142. package/dist/esm/dialog-body/dialog-body.styles.js +1 -1
  143. package/dist/esm/dialog-body/dialog-body.styles.js.map +1 -1
  144. package/dist/esm/dialog-body/index.d.ts +1 -0
  145. package/dist/esm/dialog-body/index.js +1 -0
  146. package/dist/esm/dialog-body/index.js.map +1 -1
  147. package/dist/esm/divider/divider.definition.js +2 -2
  148. package/dist/esm/divider/divider.definition.js.map +1 -1
  149. package/dist/esm/divider/divider.options.d.ts +7 -1
  150. package/dist/esm/divider/divider.options.js +7 -0
  151. package/dist/esm/divider/divider.options.js.map +1 -1
  152. package/dist/esm/divider/divider.styles.js +5 -3
  153. package/dist/esm/divider/divider.styles.js.map +1 -1
  154. package/dist/esm/divider/index.d.ts +1 -0
  155. package/dist/esm/divider/index.js +1 -0
  156. package/dist/esm/divider/index.js.map +1 -1
  157. package/dist/esm/drawer/drawer.d.ts +8 -7
  158. package/dist/esm/drawer/drawer.definition.js +2 -2
  159. package/dist/esm/drawer/drawer.definition.js.map +1 -1
  160. package/dist/esm/drawer/drawer.js +8 -8
  161. package/dist/esm/drawer/drawer.js.map +1 -1
  162. package/dist/esm/drawer/drawer.options.d.ts +7 -1
  163. package/dist/esm/drawer/drawer.options.js +7 -0
  164. package/dist/esm/drawer/drawer.options.js.map +1 -1
  165. package/dist/esm/drawer/drawer.styles.js +1 -1
  166. package/dist/esm/drawer/drawer.styles.js.map +1 -1
  167. package/dist/esm/drawer/index.d.ts +1 -0
  168. package/dist/esm/drawer/index.js +1 -0
  169. package/dist/esm/drawer/index.js.map +1 -1
  170. package/dist/esm/drawer-body/drawer-body.definition.js +2 -2
  171. package/dist/esm/drawer-body/drawer-body.definition.js.map +1 -1
  172. package/dist/esm/drawer-body/drawer-body.options.d.ts +6 -0
  173. package/dist/esm/drawer-body/drawer-body.options.js +8 -0
  174. package/dist/esm/drawer-body/drawer-body.options.js.map +1 -0
  175. package/dist/esm/drawer-body/drawer-body.styles.js +1 -1
  176. package/dist/esm/drawer-body/drawer-body.styles.js.map +1 -1
  177. package/dist/esm/drawer-body/index.d.ts +1 -0
  178. package/dist/esm/drawer-body/index.js +1 -0
  179. package/dist/esm/drawer-body/index.js.map +1 -1
  180. package/dist/esm/dropdown/dropdown.definition.js +2 -2
  181. package/dist/esm/dropdown/dropdown.definition.js.map +1 -1
  182. package/dist/esm/dropdown/dropdown.options.d.ts +6 -0
  183. package/dist/esm/dropdown/dropdown.options.js +7 -0
  184. package/dist/esm/dropdown/dropdown.options.js.map +1 -1
  185. package/dist/esm/dropdown/index.d.ts +1 -0
  186. package/dist/esm/dropdown/index.js +1 -0
  187. package/dist/esm/dropdown/index.js.map +1 -1
  188. package/dist/esm/field/field.definition.js +2 -2
  189. package/dist/esm/field/field.definition.js.map +1 -1
  190. package/dist/esm/field/field.options.d.ts +6 -0
  191. package/dist/esm/field/field.options.js +7 -0
  192. package/dist/esm/field/field.options.js.map +1 -1
  193. package/dist/esm/field/index.d.ts +1 -0
  194. package/dist/esm/field/index.js +1 -0
  195. package/dist/esm/field/index.js.map +1 -1
  196. package/dist/esm/fluent-design-system.js +1 -1
  197. package/dist/esm/fluent-design-system.js.map +1 -1
  198. package/dist/esm/image/image.definition.js +2 -2
  199. package/dist/esm/image/image.definition.js.map +1 -1
  200. package/dist/esm/image/image.options.d.ts +7 -1
  201. package/dist/esm/image/image.options.js +7 -0
  202. package/dist/esm/image/image.options.js.map +1 -1
  203. package/dist/esm/image/index.d.ts +1 -0
  204. package/dist/esm/image/index.js +1 -0
  205. package/dist/esm/image/index.js.map +1 -1
  206. package/dist/esm/index.d.ts +0 -2
  207. package/dist/esm/index.js +0 -1
  208. package/dist/esm/index.js.map +1 -1
  209. package/dist/esm/label/index.d.ts +1 -0
  210. package/dist/esm/label/index.js +1 -0
  211. package/dist/esm/label/index.js.map +1 -1
  212. package/dist/esm/label/label.definition.js +2 -2
  213. package/dist/esm/label/label.definition.js.map +1 -1
  214. package/dist/esm/label/label.options.d.ts +7 -1
  215. package/dist/esm/label/label.options.js +7 -0
  216. package/dist/esm/label/label.options.js.map +1 -1
  217. package/dist/esm/label/label.styles.js +1 -1
  218. package/dist/esm/label/label.styles.js.map +1 -1
  219. package/dist/esm/link/index.d.ts +1 -0
  220. package/dist/esm/link/index.js +1 -0
  221. package/dist/esm/link/index.js.map +1 -1
  222. package/dist/esm/link/link.definition.js +2 -2
  223. package/dist/esm/link/link.definition.js.map +1 -1
  224. package/dist/esm/link/link.options.d.ts +7 -1
  225. package/dist/esm/link/link.options.js +7 -0
  226. package/dist/esm/link/link.options.js.map +1 -1
  227. package/dist/esm/link/link.styles.js +5 -3
  228. package/dist/esm/link/link.styles.js.map +1 -1
  229. package/dist/esm/listbox/index.d.ts +1 -0
  230. package/dist/esm/listbox/index.js +1 -0
  231. package/dist/esm/listbox/index.js.map +1 -1
  232. package/dist/esm/listbox/listbox.definition.js +2 -2
  233. package/dist/esm/listbox/listbox.definition.js.map +1 -1
  234. package/dist/esm/listbox/listbox.options.d.ts +6 -0
  235. package/dist/esm/listbox/listbox.options.js +7 -0
  236. package/dist/esm/listbox/listbox.options.js.map +1 -1
  237. package/dist/esm/menu/index.d.ts +1 -0
  238. package/dist/esm/menu/index.js +1 -0
  239. package/dist/esm/menu/index.js.map +1 -1
  240. package/dist/esm/menu/menu.definition.js +2 -2
  241. package/dist/esm/menu/menu.definition.js.map +1 -1
  242. package/dist/esm/menu/menu.js +4 -3
  243. package/dist/esm/menu/menu.js.map +1 -1
  244. package/dist/esm/menu/menu.options.d.ts +6 -0
  245. package/dist/esm/menu/menu.options.js +8 -0
  246. package/dist/esm/menu/menu.options.js.map +1 -0
  247. package/dist/esm/menu/menu.styles.js +1 -1
  248. package/dist/esm/menu/menu.styles.js.map +1 -1
  249. package/dist/esm/menu-button/index.d.ts +1 -0
  250. package/dist/esm/menu-button/index.js +1 -0
  251. package/dist/esm/menu-button/index.js.map +1 -1
  252. package/dist/esm/menu-button/menu-button.definition.js +2 -2
  253. package/dist/esm/menu-button/menu-button.definition.js.map +1 -1
  254. package/dist/esm/menu-button/menu-button.options.d.ts +7 -1
  255. package/dist/esm/menu-button/menu-button.options.js +7 -0
  256. package/dist/esm/menu-button/menu-button.options.js.map +1 -1
  257. package/dist/esm/menu-item/index.d.ts +1 -0
  258. package/dist/esm/menu-item/index.js +1 -0
  259. package/dist/esm/menu-item/index.js.map +1 -1
  260. package/dist/esm/menu-item/menu-item.d.ts +3 -1
  261. package/dist/esm/menu-item/menu-item.definition.js +2 -2
  262. package/dist/esm/menu-item/menu-item.definition.js.map +1 -1
  263. package/dist/esm/menu-item/menu-item.js +19 -7
  264. package/dist/esm/menu-item/menu-item.js.map +1 -1
  265. package/dist/esm/menu-item/menu-item.options.d.ts +7 -1
  266. package/dist/esm/menu-item/menu-item.options.js +7 -0
  267. package/dist/esm/menu-item/menu-item.options.js.map +1 -1
  268. package/dist/esm/menu-item/menu-item.styles.js +5 -3
  269. package/dist/esm/menu-item/menu-item.styles.js.map +1 -1
  270. package/dist/esm/menu-item/menu-item.template.js +3 -2
  271. package/dist/esm/menu-item/menu-item.template.js.map +1 -1
  272. package/dist/esm/menu-list/index.d.ts +1 -0
  273. package/dist/esm/menu-list/index.js +1 -0
  274. package/dist/esm/menu-list/index.js.map +1 -1
  275. package/dist/esm/menu-list/menu-list.base.d.ts +5 -24
  276. package/dist/esm/menu-list/menu-list.base.js +20 -125
  277. package/dist/esm/menu-list/menu-list.base.js.map +1 -1
  278. package/dist/esm/menu-list/menu-list.d.ts +5 -1
  279. package/dist/esm/menu-list/menu-list.definition.js +2 -2
  280. package/dist/esm/menu-list/menu-list.definition.js.map +1 -1
  281. package/dist/esm/menu-list/menu-list.js +23 -1
  282. package/dist/esm/menu-list/menu-list.js.map +1 -1
  283. package/dist/esm/menu-list/menu-list.options.d.ts +6 -0
  284. package/dist/esm/menu-list/menu-list.options.js +8 -0
  285. package/dist/esm/menu-list/menu-list.options.js.map +1 -0
  286. package/dist/esm/menu-list/menu-list.styles.js +1 -1
  287. package/dist/esm/menu-list/menu-list.styles.js.map +1 -1
  288. package/dist/esm/menu-list/menu-list.template.js +1 -5
  289. package/dist/esm/menu-list/menu-list.template.js.map +1 -1
  290. package/dist/esm/message-bar/index.d.ts +1 -0
  291. package/dist/esm/message-bar/index.js +1 -0
  292. package/dist/esm/message-bar/index.js.map +1 -1
  293. package/dist/esm/message-bar/message-bar.definition.js +2 -1
  294. package/dist/esm/message-bar/message-bar.definition.js.map +1 -1
  295. package/dist/esm/message-bar/message-bar.options.d.ts +6 -0
  296. package/dist/esm/message-bar/message-bar.options.js +7 -0
  297. package/dist/esm/message-bar/message-bar.options.js.map +1 -1
  298. package/dist/esm/message-bar/message-bar.template.d.ts +3 -3
  299. package/dist/esm/message-bar/message-bar.template.js +3 -3
  300. package/dist/esm/option/index.d.ts +1 -0
  301. package/dist/esm/option/index.js +1 -0
  302. package/dist/esm/option/index.js.map +1 -1
  303. package/dist/esm/option/option.definition.js +2 -2
  304. package/dist/esm/option/option.definition.js.map +1 -1
  305. package/dist/esm/option/option.options.d.ts +6 -0
  306. package/dist/esm/option/option.options.js +7 -0
  307. package/dist/esm/option/option.options.js.map +1 -1
  308. package/dist/esm/patterns/start-end.d.ts +1 -1
  309. package/dist/esm/patterns/start-end.js +1 -1
  310. package/dist/esm/patterns/start-end.js.map +1 -1
  311. package/dist/esm/progress-bar/index.d.ts +1 -0
  312. package/dist/esm/progress-bar/index.js +1 -0
  313. package/dist/esm/progress-bar/index.js.map +1 -1
  314. package/dist/esm/progress-bar/progress-bar.definition.js +2 -2
  315. package/dist/esm/progress-bar/progress-bar.definition.js.map +1 -1
  316. package/dist/esm/progress-bar/progress-bar.options.d.ts +7 -1
  317. package/dist/esm/progress-bar/progress-bar.options.js +7 -0
  318. package/dist/esm/progress-bar/progress-bar.options.js.map +1 -1
  319. package/dist/esm/progress-bar/progress-bar.styles.js +5 -3
  320. package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
  321. package/dist/esm/radio/index.d.ts +1 -0
  322. package/dist/esm/radio/index.js +1 -0
  323. package/dist/esm/radio/index.js.map +1 -1
  324. package/dist/esm/radio/radio.d.ts +1 -1
  325. package/dist/esm/radio/radio.definition.js +2 -2
  326. package/dist/esm/radio/radio.definition.js.map +1 -1
  327. package/dist/esm/radio/radio.js +1 -1
  328. package/dist/esm/radio/radio.options.d.ts +6 -0
  329. package/dist/esm/radio/radio.options.js +7 -0
  330. package/dist/esm/radio/radio.options.js.map +1 -1
  331. package/dist/esm/radio/radio.styles.js +4 -3
  332. package/dist/esm/radio/radio.styles.js.map +1 -1
  333. package/dist/esm/radio/radio.template.js +1 -1
  334. package/dist/esm/radio/radio.template.js.map +1 -1
  335. package/dist/esm/radio-group/index.d.ts +1 -0
  336. package/dist/esm/radio-group/index.js +1 -0
  337. package/dist/esm/radio-group/index.js.map +1 -1
  338. package/dist/esm/radio-group/radio-group.base.d.ts +3 -16
  339. package/dist/esm/radio-group/radio-group.base.js +30 -88
  340. package/dist/esm/radio-group/radio-group.base.js.map +1 -1
  341. package/dist/esm/radio-group/radio-group.d.ts +5 -0
  342. package/dist/esm/radio-group/radio-group.definition.js +2 -2
  343. package/dist/esm/radio-group/radio-group.definition.js.map +1 -1
  344. package/dist/esm/radio-group/radio-group.js +22 -0
  345. package/dist/esm/radio-group/radio-group.js.map +1 -1
  346. package/dist/esm/radio-group/radio-group.options.d.ts +7 -1
  347. package/dist/esm/radio-group/radio-group.options.js +7 -0
  348. package/dist/esm/radio-group/radio-group.options.js.map +1 -1
  349. package/dist/esm/radio-group/radio-group.styles.js +1 -1
  350. package/dist/esm/radio-group/radio-group.styles.js.map +1 -1
  351. package/dist/esm/radio-group/radio-group.template.js +1 -1
  352. package/dist/esm/radio-group/radio-group.template.js.map +1 -1
  353. package/dist/esm/rating-display/index.d.ts +1 -0
  354. package/dist/esm/rating-display/index.js +1 -0
  355. package/dist/esm/rating-display/index.js.map +1 -1
  356. package/dist/esm/rating-display/rating-display.definition.js +2 -2
  357. package/dist/esm/rating-display/rating-display.definition.js.map +1 -1
  358. package/dist/esm/rating-display/rating-display.options.d.ts +7 -1
  359. package/dist/esm/rating-display/rating-display.options.js +7 -0
  360. package/dist/esm/rating-display/rating-display.options.js.map +1 -1
  361. package/dist/esm/rating-display/rating-display.styles.js +5 -3
  362. package/dist/esm/rating-display/rating-display.styles.js.map +1 -1
  363. package/dist/esm/slider/index.d.ts +1 -0
  364. package/dist/esm/slider/index.js +1 -0
  365. package/dist/esm/slider/index.js.map +1 -1
  366. package/dist/esm/slider/slider.definition.js +2 -2
  367. package/dist/esm/slider/slider.definition.js.map +1 -1
  368. package/dist/esm/slider/slider.options.d.ts +8 -1
  369. package/dist/esm/slider/slider.options.js +7 -0
  370. package/dist/esm/slider/slider.options.js.map +1 -1
  371. package/dist/esm/slider/slider.styles.js +5 -3
  372. package/dist/esm/slider/slider.styles.js.map +1 -1
  373. package/dist/esm/spinner/index.d.ts +1 -0
  374. package/dist/esm/spinner/index.js +1 -0
  375. package/dist/esm/spinner/index.js.map +1 -1
  376. package/dist/esm/spinner/spinner.definition.js +2 -2
  377. package/dist/esm/spinner/spinner.definition.js.map +1 -1
  378. package/dist/esm/spinner/spinner.options.d.ts +7 -1
  379. package/dist/esm/spinner/spinner.options.js +7 -0
  380. package/dist/esm/spinner/spinner.options.js.map +1 -1
  381. package/dist/esm/spinner/spinner.styles.js +5 -3
  382. package/dist/esm/spinner/spinner.styles.js.map +1 -1
  383. package/dist/esm/styles/index.d.ts +2 -1
  384. package/dist/esm/styles/index.js +2 -1
  385. package/dist/esm/styles/index.js.map +1 -1
  386. package/dist/esm/styles/partials/badge.partials.js +1 -1
  387. package/dist/esm/styles/partials/badge.partials.js.map +1 -1
  388. package/dist/esm/switch/index.d.ts +1 -0
  389. package/dist/esm/switch/index.js +1 -0
  390. package/dist/esm/switch/index.js.map +1 -1
  391. package/dist/esm/switch/switch.d.ts +1 -1
  392. package/dist/esm/switch/switch.definition.js +2 -2
  393. package/dist/esm/switch/switch.definition.js.map +1 -1
  394. package/dist/esm/switch/switch.options.d.ts +7 -1
  395. package/dist/esm/switch/switch.options.js +7 -0
  396. package/dist/esm/switch/switch.options.js.map +1 -1
  397. package/dist/esm/switch/switch.styles.js +4 -3
  398. package/dist/esm/switch/switch.styles.js.map +1 -1
  399. package/dist/esm/switch/switch.template.js +1 -1
  400. package/dist/esm/switch/switch.template.js.map +1 -1
  401. package/dist/esm/tab/index.d.ts +1 -0
  402. package/dist/esm/tab/index.js +1 -0
  403. package/dist/esm/tab/index.js.map +1 -1
  404. package/dist/esm/tab/tab.d.ts +2 -0
  405. package/dist/esm/tab/tab.definition.js +2 -2
  406. package/dist/esm/tab/tab.definition.js.map +1 -1
  407. package/dist/esm/tab/tab.js +13 -3
  408. package/dist/esm/tab/tab.js.map +1 -1
  409. package/dist/esm/tab/tab.options.d.ts +6 -0
  410. package/dist/esm/tab/tab.options.js +7 -0
  411. package/dist/esm/tab/tab.options.js.map +1 -1
  412. package/dist/esm/tab/tab.styles.js +23 -3
  413. package/dist/esm/tab/tab.styles.js.map +1 -1
  414. package/dist/esm/tab/tab.template.js +2 -2
  415. package/dist/esm/tab/tab.template.js.map +1 -1
  416. package/dist/esm/tablist/index.d.ts +1 -0
  417. package/dist/esm/tablist/index.js +1 -0
  418. package/dist/esm/tablist/index.js.map +1 -1
  419. package/dist/esm/tablist/tablist.base.d.ts +13 -45
  420. package/dist/esm/tablist/tablist.base.js +76 -185
  421. package/dist/esm/tablist/tablist.base.js.map +1 -1
  422. package/dist/esm/tablist/tablist.d.ts +5 -73
  423. package/dist/esm/tablist/tablist.definition.js +2 -2
  424. package/dist/esm/tablist/tablist.definition.js.map +1 -1
  425. package/dist/esm/tablist/tablist.js +20 -130
  426. package/dist/esm/tablist/tablist.js.map +1 -1
  427. package/dist/esm/tablist/tablist.options.d.ts +7 -1
  428. package/dist/esm/tablist/tablist.options.js +7 -0
  429. package/dist/esm/tablist/tablist.options.js.map +1 -1
  430. package/dist/esm/tablist/tablist.styles.js +83 -65
  431. package/dist/esm/tablist/tablist.styles.js.map +1 -1
  432. package/dist/esm/tablist/tablist.template.js +5 -1
  433. package/dist/esm/tablist/tablist.template.js.map +1 -1
  434. package/dist/esm/text/index.d.ts +1 -0
  435. package/dist/esm/text/index.js +1 -0
  436. package/dist/esm/text/index.js.map +1 -1
  437. package/dist/esm/text/text.definition.js +2 -2
  438. package/dist/esm/text/text.definition.js.map +1 -1
  439. package/dist/esm/text/text.options.d.ts +7 -1
  440. package/dist/esm/text/text.options.js +7 -0
  441. package/dist/esm/text/text.options.js.map +1 -1
  442. package/dist/esm/text/text.styles.js +1 -1
  443. package/dist/esm/text/text.styles.js.map +1 -1
  444. package/dist/esm/text-input/index.d.ts +1 -0
  445. package/dist/esm/text-input/index.js +1 -0
  446. package/dist/esm/text-input/index.js.map +1 -1
  447. package/dist/esm/text-input/text-input.definition.js +2 -2
  448. package/dist/esm/text-input/text-input.definition.js.map +1 -1
  449. package/dist/esm/text-input/text-input.options.d.ts +6 -0
  450. package/dist/esm/text-input/text-input.options.js +7 -0
  451. package/dist/esm/text-input/text-input.options.js.map +1 -1
  452. package/dist/esm/textarea/index.d.ts +1 -0
  453. package/dist/esm/textarea/index.js +1 -0
  454. package/dist/esm/textarea/index.js.map +1 -1
  455. package/dist/esm/textarea/textarea.base.js +1 -1
  456. package/dist/esm/textarea/textarea.base.js.map +1 -1
  457. package/dist/esm/textarea/textarea.definition.js +2 -2
  458. package/dist/esm/textarea/textarea.definition.js.map +1 -1
  459. package/dist/esm/textarea/textarea.options.d.ts +6 -0
  460. package/dist/esm/textarea/textarea.options.js +7 -0
  461. package/dist/esm/textarea/textarea.options.js.map +1 -1
  462. package/dist/esm/textarea/textarea.styles.js +4 -3
  463. package/dist/esm/textarea/textarea.styles.js.map +1 -1
  464. package/dist/esm/toggle-button/index.d.ts +1 -0
  465. package/dist/esm/toggle-button/index.js +1 -0
  466. package/dist/esm/toggle-button/index.js.map +1 -1
  467. package/dist/esm/toggle-button/toggle-button.definition.js +2 -2
  468. package/dist/esm/toggle-button/toggle-button.definition.js.map +1 -1
  469. package/dist/esm/toggle-button/toggle-button.options.d.ts +8 -2
  470. package/dist/esm/toggle-button/toggle-button.options.js +7 -0
  471. package/dist/esm/toggle-button/toggle-button.options.js.map +1 -1
  472. package/dist/esm/toggle-button/toggle-button.styles.js +4 -3
  473. package/dist/esm/toggle-button/toggle-button.styles.js.map +1 -1
  474. package/dist/esm/tooltip/index.d.ts +1 -0
  475. package/dist/esm/tooltip/index.js +1 -0
  476. package/dist/esm/tooltip/index.js.map +1 -1
  477. package/dist/esm/tooltip/tooltip.d.ts +2 -2
  478. package/dist/esm/tooltip/tooltip.definition.js +2 -2
  479. package/dist/esm/tooltip/tooltip.definition.js.map +1 -1
  480. package/dist/esm/tooltip/tooltip.js +2 -2
  481. package/dist/esm/tooltip/tooltip.options.d.ts +6 -0
  482. package/dist/esm/tooltip/tooltip.options.js +7 -0
  483. package/dist/esm/tooltip/tooltip.options.js.map +1 -1
  484. package/dist/esm/tree/index.d.ts +1 -0
  485. package/dist/esm/tree/index.js +1 -0
  486. package/dist/esm/tree/index.js.map +1 -1
  487. package/dist/esm/tree/tree.base.d.ts +5 -28
  488. package/dist/esm/tree/tree.base.js +20 -105
  489. package/dist/esm/tree/tree.base.js.map +1 -1
  490. package/dist/esm/tree/tree.d.ts +5 -0
  491. package/dist/esm/tree/tree.definition.js +2 -2
  492. package/dist/esm/tree/tree.definition.js.map +1 -1
  493. package/dist/esm/tree/tree.js +23 -0
  494. package/dist/esm/tree/tree.js.map +1 -1
  495. package/dist/esm/tree/tree.options.d.ts +6 -0
  496. package/dist/esm/tree/tree.options.js +8 -0
  497. package/dist/esm/tree/tree.options.js.map +1 -0
  498. package/dist/esm/tree/tree.template.js +2 -3
  499. package/dist/esm/tree/tree.template.js.map +1 -1
  500. package/dist/esm/tree-item/index.d.ts +1 -0
  501. package/dist/esm/tree-item/index.js +1 -0
  502. package/dist/esm/tree-item/index.js.map +1 -1
  503. package/dist/esm/tree-item/tree-item.base.d.ts +6 -3
  504. package/dist/esm/tree-item/tree-item.base.js +31 -11
  505. package/dist/esm/tree-item/tree-item.base.js.map +1 -1
  506. package/dist/esm/tree-item/tree-item.definition.js +2 -2
  507. package/dist/esm/tree-item/tree-item.definition.js.map +1 -1
  508. package/dist/esm/tree-item/tree-item.options.d.ts +6 -0
  509. package/dist/esm/tree-item/tree-item.options.js +7 -0
  510. package/dist/esm/tree-item/tree-item.options.js.map +1 -1
  511. package/dist/esm/tree-item/tree-item.template.js +1 -1
  512. package/dist/esm/tree-item/tree-item.template.js.map +1 -1
  513. package/dist/esm/utils/focusgroup.d.ts +22 -0
  514. package/dist/esm/utils/focusgroup.js +42 -0
  515. package/dist/esm/utils/focusgroup.js.map +1 -0
  516. package/dist/esm/utils/index.d.ts +0 -1
  517. package/dist/esm/utils/index.js +0 -1
  518. package/dist/esm/utils/index.js.map +1 -1
  519. package/dist/web-components.d.ts +70 -347
  520. package/dist/web-components.js +1279 -1321
  521. package/dist/web-components.min.js +242 -259
  522. package/package.json +4 -2
  523. package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.d.ts +0 -124
  524. package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js +0 -142
  525. package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js.map +0 -1
@@ -1,6 +1,8 @@
1
1
  import { __decorate } from "tslib";
2
2
  import { attr } from '@microsoft/fast-element';
3
+ import { FocusGroup } from '@microsoft/focusgroup-polyfill/shadowless';
3
4
  import { TreeItemAppearance, TreeItemSize } from '../tree-item/tree-item.options.js';
5
+ import { ArrayItemCollection } from '../utils/focusgroup.js';
4
6
  import { BaseTree } from './tree.base.js';
5
7
  /**
6
8
  * The Fluent Tree Element. Implements {@link @microsoft/fast-foundation#BaseTree}.
@@ -43,6 +45,23 @@ export class Tree extends BaseTree {
43
45
  childTreeItemsChanged() {
44
46
  super.childTreeItemsChanged();
45
47
  this.updateSizeAndAppearance();
48
+ this.fgItems ??= new ArrayItemCollection(() => this.descendantTreeItems.filter(i => !i.isHidden), () => this.currentSelected ?? null);
49
+ if (!this.fg) {
50
+ this.fg = new FocusGroup(this, this.fgItems, {
51
+ definition: {
52
+ behavior: 'menu',
53
+ axis: 'block',
54
+ memory: false,
55
+ },
56
+ });
57
+ }
58
+ else {
59
+ this.fg.update();
60
+ }
61
+ }
62
+ disconnectedCallback() {
63
+ this.fg?.disconnect();
64
+ super.disconnectedCallback();
46
65
  }
47
66
  /**
48
67
  * 1. Update the child items' size based on the tree's size
@@ -57,6 +76,10 @@ export class Tree extends BaseTree {
57
76
  item.appearance = this.appearance;
58
77
  });
59
78
  }
79
+ /** @internal */
80
+ itemToggleHandler() {
81
+ this.fg?.update();
82
+ }
60
83
  }
61
84
  __decorate([
62
85
  attr
@@ -1 +1 @@
1
- {"version":3,"file":"tree.js","sourceRoot":"","sources":["../../../src/tree/tree.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C;;;;;GAKG;AACH,MAAM,OAAO,IAAK,SAAQ,QAAQ;IAAlC;;QACE;;;;;;;WAOG;QAEI,SAAI,GAAiB,YAAY,CAAC,KAAK,CAAC;QAK/C;;;;;;;WAOG;QAEI,eAAU,GAAuB,kBAAkB,CAAC,MAAM,CAAC;IA4BpE,CAAC;IAzCW,WAAW;QACnB,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAYS,iBAAiB;QACzB,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAED;;;OAGG;IACI,qBAAqB;QAC1B,KAAK,CAAC,qBAAqB,EAAE,CAAC;QAC9B,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAED;;;OAGG;IACI,uBAAuB;QAC5B,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,EAAE,CAAC;YACjC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAChC,IAAiB,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACnC,IAAiB,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QAClD,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AA1CQ;IADN,IAAI;kCAC0C;AAcxC;IADN,IAAI;wCAC6D"}
1
+ {"version":3,"file":"tree.js","sourceRoot":"","sources":["../../../src/tree/tree.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AAEvE,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACrF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C;;;;;GAKG;AACH,MAAM,OAAO,IAAK,SAAQ,QAAQ;IAAlC;;QACE;;;;;;;WAOG;QAEI,SAAI,GAAiB,YAAY,CAAC,KAAK,CAAC;QAK/C;;;;;;;WAOG;QAEI,eAAU,GAAuB,kBAAkB,CAAC,MAAM,CAAC;IA2DpE,CAAC;IAxEW,WAAW;QACnB,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAYS,iBAAiB;QACzB,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAMD;;;OAGG;IACI,qBAAqB;QAC1B,KAAK,CAAC,qBAAqB,EAAE,CAAC;QAE9B,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAE/B,IAAI,CAAC,OAAO,KAAK,IAAI,mBAAmB,CACtC,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAe,EACrE,GAAG,EAAE,CAAE,IAAI,CAAC,eAAmC,IAAI,IAAI,CACxD,CAAC;QACF,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;YACb,IAAI,CAAC,EAAE,GAAG,IAAI,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE;gBAC3C,UAAU,EAAE;oBACV,QAAQ,EAAE,MAAM;oBAChB,IAAI,EAAE,OAAO;oBACb,MAAM,EAAE,KAAK;iBACd;aACF,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC;QACnB,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,EAAE,EAAE,UAAU,EAAE,CAAC;QACtB,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;IAED;;;OAGG;IACI,uBAAuB;QAC5B,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,EAAE,CAAC;YACjC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAChC,IAAiB,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACnC,IAAiB,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QAClD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;IACT,iBAAiB;QACtB,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC;IACpB,CAAC;CACF;AAzEQ;IADN,IAAI;kCAC0C;AAcxC;IADN,IAAI;wCAC6D"}
@@ -0,0 +1,6 @@
1
+ /**
2
+ * The tag name for the tree element.
3
+ *
4
+ * @public
5
+ */
6
+ export declare const tagName: "fluent-tree";
@@ -0,0 +1,8 @@
1
+ import { FluentDesignSystem } from '../fluent-design-system.js';
2
+ /**
3
+ * The tag name for the tree element.
4
+ *
5
+ * @public
6
+ */
7
+ export const tagName = `${FluentDesignSystem.prefix}-tree`;
8
+ //# sourceMappingURL=tree.options.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tree.options.js","sourceRoot":"","sources":["../../../src/tree/tree.options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,kBAAkB,CAAC,MAAM,OAAgB,CAAC"}
@@ -1,12 +1,11 @@
1
1
  import { html, ref } from '@microsoft/fast-element';
2
2
  export const template = html `
3
3
  <template
4
- tabindex="0"
4
+ focusgroup="menu nowrap nomemory"
5
5
  @click="${(x, c) => x.clickHandler(c.event)}"
6
- @focusin="${(x, c) => x.focusHandler(c.event)}"
7
- @focusout="${(x, c) => x.blurHandler(c.event)}"
8
6
  @keydown="${(x, c) => x.keydownHandler(c.event)}"
9
7
  @change="${(x, c) => x.changeHandler(c.event)}"
8
+ @toggle="${(x, c) => x.itemToggleHandler()}"
10
9
  >
11
10
  <slot ${ref('defaultSlot')} @slotchange="${x => x.handleDefaultSlotChange()}"></slot>
12
11
  </template>
@@ -1 +1 @@
1
- {"version":3,"file":"tree.template.js","sourceRoot":"","sources":["../../../src/tree/tree.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAGpD,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAM;;;cAGpB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC;gBAC/B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;iBAC9C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAmB,CAAC;gBAC/C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAsB,CAAC;eACrD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;;YAErC,GAAG,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,uBAAuB,EAAE;;CAE9E,CAAC"}
1
+ {"version":3,"file":"tree.template.js","sourceRoot":"","sources":["../../../src/tree/tree.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAGpD,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAM;;;cAGpB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC;gBAC/B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAsB,CAAC;eACrD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;eAClC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE;;YAElC,GAAG,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,uBAAuB,EAAE;;CAE9E,CAAC"}
@@ -4,3 +4,4 @@ export { template as TreeItemTemplate } from './tree-item.template.js';
4
4
  export { styles as TreeItemStyles } from './tree-item.styles.js';
5
5
  export { definition as TreeItemDefinition } from './tree-item.definition.js';
6
6
  export type { isTreeItem, TreeItemAppearance, TreeItemSize } from './tree-item.options.js';
7
+ export { tagName as TreeItemTagName } from './tree-item.options.js';
@@ -3,4 +3,5 @@ export { TreeItem } from './tree-item.js';
3
3
  export { template as TreeItemTemplate } from './tree-item.template.js';
4
4
  export { styles as TreeItemStyles } from './tree-item.styles.js';
5
5
  export { definition as TreeItemDefinition } from './tree-item.definition.js';
6
+ export { tagName as TreeItemTagName } from './tree-item.options.js';
6
7
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE7E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAC"}
@@ -73,7 +73,6 @@ export declare class BaseTreeItem extends FASTElement {
73
73
  * @public
74
74
  */
75
75
  childTreeItemsChanged(): void;
76
- connectedCallback(): void;
77
76
  /**
78
77
  * Updates the childrens indent
79
78
  *
@@ -91,11 +90,15 @@ export declare class BaseTreeItem extends FASTElement {
91
90
  */
92
91
  toggleExpansion(): void;
93
92
  /**
94
- * Whether the tree is nested
93
+ * Whether the tree item is nested
95
94
  * @internal
96
95
  */
97
96
  get isNestedItem(): boolean;
98
- protected updateTabindexBySelected(): void;
97
+ /**
98
+ * Whether the tree item is nested in a collapsed tree item.
99
+ * @internal
100
+ */
101
+ get isHidden(): boolean;
99
102
  /** @internal */
100
103
  handleItemSlotChange(): void;
101
104
  }
@@ -1,5 +1,5 @@
1
1
  import { __decorate } from "tslib";
2
- import { attr, css, FASTElement, observable, Updates } from '@microsoft/fast-element';
2
+ import { attr, css, FASTElement, observable } from '@microsoft/fast-element';
3
3
  import { toggleState } from '../utils/element-internals.js';
4
4
  import { isTreeItem } from './tree-item.options.js';
5
5
  export class BaseTreeItem extends FASTElement {
@@ -57,6 +57,22 @@ export class BaseTreeItem extends FASTElement {
57
57
  toggleState(this.elementInternals, 'expanded', next);
58
58
  if (this.childTreeItems && this.childTreeItems.length > 0) {
59
59
  this.elementInternals.ariaExpanded = next ? 'true' : 'false';
60
+ // Update focusgroup attributes after subtree show/hide rendering is done.
61
+ requestAnimationFrame(() => {
62
+ const walker = document.createTreeWalker(this, NodeFilter.SHOW_ELEMENT, node => isTreeItem(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP);
63
+ while (walker.nextNode()) {
64
+ const item = walker.currentNode;
65
+ if (next) {
66
+ item.removeAttribute('focusgroup');
67
+ }
68
+ else {
69
+ if (item.selected) {
70
+ item.selected = false;
71
+ }
72
+ item.setAttribute('focusgroup', 'none');
73
+ }
74
+ }
75
+ });
60
76
  }
61
77
  }
62
78
  /**
@@ -67,7 +83,6 @@ export class BaseTreeItem extends FASTElement {
67
83
  * @internal
68
84
  */
69
85
  selectedChanged(prev, next) {
70
- this.updateTabindexBySelected();
71
86
  this.$emit('change');
72
87
  toggleState(this.elementInternals, 'selected', next);
73
88
  this.elementInternals.ariaSelected = next ? 'true' : 'false';
@@ -92,12 +107,6 @@ export class BaseTreeItem extends FASTElement {
92
107
  this.empty = this.childTreeItems?.length === 0;
93
108
  this.updateChildTreeItems();
94
109
  }
95
- connectedCallback() {
96
- super.connectedCallback();
97
- Updates.enqueue(() => {
98
- this.updateTabindexBySelected();
99
- });
100
- }
101
110
  /**
102
111
  * Updates the childrens indent
103
112
  *
@@ -133,14 +142,25 @@ export class BaseTreeItem extends FASTElement {
133
142
  }
134
143
  }
135
144
  /**
136
- * Whether the tree is nested
145
+ * Whether the tree item is nested
137
146
  * @internal
138
147
  */
139
148
  get isNestedItem() {
140
149
  return isTreeItem(this.parentElement);
141
150
  }
142
- updateTabindexBySelected() {
143
- this.tabIndex = this.selected ? 0 : -1;
151
+ /**
152
+ * Whether the tree item is nested in a collapsed tree item.
153
+ * @internal
154
+ */
155
+ get isHidden() {
156
+ let parent = this.parentElement;
157
+ while (isTreeItem(parent)) {
158
+ if (!parent.expanded) {
159
+ return true;
160
+ }
161
+ parent = parent.parentElement;
162
+ }
163
+ return false;
144
164
  }
145
165
  /** @internal */
146
166
  handleItemSlotChange() {
@@ -1 +1 @@
1
- {"version":3,"file":"tree-item.base.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.base.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAiB,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACrG,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,OAAO,YAAa,SAAQ,WAAW;IAY3C;;;;;OAKG;IACI,eAAe;QACpB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAtBV;;;;WAIG;QACI,qBAAgB,GAAqB,IAAI,CAAC,eAAe,EAAE,CAAC;QAqBnE;;;;;;;WAOG;QAEH,aAAQ,GAAY,KAAK,CAAC;QA2C1B;;;;;;;WAOG;QAEI,UAAK,GAAY,KAAK,CAAC;QA0B9B,gBAAgB;QAET,mBAAc,GAA+B,EAAE,CAAC;QA5FrD,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,UAAU,CAAC;IAC1C,CAAC;IAaD;;;;;;OAMG;IACI,eAAe,CAAC,IAAa,EAAE,IAAa;QACjD,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACnB,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;YAClC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;SACnC,CAAC,CAAC;QACH,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;QACrD,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC1D,IAAI,CAAC,gBAAgB,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QAC/D,CAAC;IACH,CAAC;IAWD;;;;;;OAMG;IACO,eAAe,CAAC,IAAa,EAAE,IAAa;QACpD,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAChC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACrB,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;QACrD,IAAI,CAAC,gBAAgB,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAC/D,CAAC;IAuBS,iBAAiB,CAAC,IAAY,EAAE,IAAY;QACpD,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;YAC9B,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACjD,CAAC;QAED,IAAI,CAAC,MAAM,GAAG,GAAG,CAAA;;oBAED,IAAW;;KAE1B,CAAC;QAEF,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9C,CAAC;IAMD;;;;OAIG;IACI,qBAAqB;QAC1B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,KAAK,CAAC,CAAC;QAC/C,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE;YACnB,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACI,oBAAoB;QACzB,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,EAAE,CAAC;YACjC,OAAO;QACT,CAAC;QAED,8GAA8G;QAC9G,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;QAC7F,CAAC;QAED,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACjC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACK,SAAS,CAAC,IAAkB;QAClC,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC;QACpC,IAAI,CAAC,UAAU,GAAG,MAAM,GAAG,CAAC,CAAC;IAC/B,CAAC;IAED;;;;OAIG;IACI,eAAe;QACpB,IAAI,IAAI,CAAC,cAAc,EAAE,MAAM,EAAE,CAAC;YAChC,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QACjC,CAAC;IACH,CAAC;IAED;;;OAGG;IACH,IAAI,YAAY;QACd,OAAO,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IACxC,CAAC;IAES,wBAAwB;QAChC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACzC,CAAC;IAED,gBAAgB;IACT,oBAAoB;QACzB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;IACtF,CAAC;CACF;AArLQ;IADN,UAAU;8CACuB;AA0BlC;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;8CACA;AA2B1B;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;8CACP;AAyBZ;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;2CACI;AAUvB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;gDACI;AAkBhC;IADN,UAAU;oDAC4C"}
1
+ {"version":3,"file":"tree-item.base.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.base.ts"],"names":[],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { FluentDesignSystem } from '../fluent-design-system.js';
1
+ import { tagName } from './tree-item.options.js';
2
2
  import { TreeItem } from './tree-item.js';
3
3
  import { styles as treeItemStyle } from './tree-item.styles.js';
4
4
  import { template as treeItemTemplate } from './tree-item.template.js';
@@ -9,7 +9,7 @@ import { template as treeItemTemplate } from './tree-item.template.js';
9
9
  * HTML Element: \<fluent-tree-item\>
10
10
  */
11
11
  export const definition = TreeItem.compose({
12
- name: `${FluentDesignSystem.prefix}-tree-item`,
12
+ name: tagName,
13
13
  template: treeItemTemplate,
14
14
  styles: treeItemStyle,
15
15
  });
@@ -1 +1 @@
1
- {"version":3,"file":"tree-item.definition.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEvE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,YAAY;IAC9C,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,aAAa;CACtB,CAAC,CAAC"}
1
+ {"version":3,"file":"tree-item.definition.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEvE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,aAAa;CACtB,CAAC,CAAC"}
@@ -20,3 +20,9 @@ export type TreeItemSize = ValuesOf<typeof TreeItemSize>;
20
20
  * @public
21
21
  */
22
22
  export declare function isTreeItem(element?: Node | null, tagName?: string): element is BaseTreeItem;
23
+ /**
24
+ * The tag name for the tree item element.
25
+ *
26
+ * @public
27
+ */
28
+ export declare const tagName: "fluent-tree-item";
@@ -1,3 +1,4 @@
1
+ import { FluentDesignSystem } from '../fluent-design-system.js';
1
2
  export const TreeItemAppearance = {
2
3
  subtle: 'subtle',
3
4
  subtleAlpha: 'subtle-alpha',
@@ -21,4 +22,10 @@ export function isTreeItem(element, tagName = '-tree-item') {
21
22
  }
22
23
  return element.tagName.toLowerCase().endsWith(tagName);
23
24
  }
25
+ /**
26
+ * The tag name for the tree item element.
27
+ *
28
+ * @public
29
+ */
30
+ export const tagName = `${FluentDesignSystem.prefix}-tree-item`;
24
31
  //# sourceMappingURL=tree-item.options.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tree-item.options.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.options.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,MAAM,EAAE,QAAQ;IAChB,WAAW,EAAE,cAAc;IAC3B,WAAW,EAAE,aAAa;CAClB,CAAC;AAIX,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACR,CAAC;AAIX;;;;;;;GAOG;AACH,MAAM,UAAU,UAAU,CAAC,OAAqB,EAAE,UAAkB,YAAY;IAC9E,IAAI,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5C,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAQ,OAAmB,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AACtE,CAAC"}
1
+ {"version":3,"file":"tree-item.options.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAIhE,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,MAAM,EAAE,QAAQ;IAChB,WAAW,EAAE,cAAc;IAC3B,WAAW,EAAE,aAAa;CAClB,CAAC;AAIX,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACR,CAAC;AAIX;;;;;;;GAOG;AACH,MAAM,UAAU,UAAU,CAAC,OAAqB,EAAE,UAAkB,YAAY;IAC9E,IAAI,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5C,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAQ,OAAmB,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AACtE,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,kBAAkB,CAAC,MAAM,YAAqB,CAAC"}
@@ -7,7 +7,7 @@ const chevronIcon = html `
7
7
  </svg>
8
8
  `;
9
9
  export const template = html `
10
- <template slot="${x => (x.isNestedItem ? 'item' : void 0)}">
10
+ <template slot="${x => (x.isNestedItem ? 'item' : void 0)}" tabindex="0" ?focusgroupstart="${x => x.selected}">
11
11
  <div class="positioning-region" part="positioning-region">
12
12
  <div class="content" part="content">
13
13
  <span class="chevron" part="chevron" aria-hidden="true">
@@ -1 +1 @@
1
- {"version":3,"file":"tree-item.template.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAGpD,MAAM,WAAW,GAAG,IAAI,CAAA;;;;;;CAMvB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAU;oBAClB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;;;;iCAI1B,WAAW;;;;;;;;;;;0BAWlB,GAAG,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,oBAAoB,EAAE;;;CAGtF,CAAC"}
1
+ {"version":3,"file":"tree-item.template.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAGpD,MAAM,WAAW,GAAG,IAAI,CAAA;;;;;;CAMvB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAU;oBAClB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,oCAAoC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;;;iCAI7E,WAAW;;;;;;;;;;;0BAWlB,GAAG,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,oBAAoB,EAAE;;;CAGtF,CAAC"}
@@ -0,0 +1,22 @@
1
+ import type { FocusGroupItemCollection } from '@microsoft/focusgroup-polyfill/shadowless';
2
+ /**
3
+ * A {@link FocusGroupItemCollection} backed by a host-supplied array of items in DOM order.
4
+ *
5
+ * Stateless: every call reads from `getItems()` so the host is the single source of truth.
6
+ * Suitable for components whose items are flat slotted children (tablist, radio-group, menu-list)
7
+ * or any component that maintains its own ordered list of focusable descendants.
8
+ */
9
+ export declare class ArrayItemCollection<T extends HTMLElement> implements FocusGroupItemCollection {
10
+ private getItems;
11
+ private getStart?;
12
+ constructor(getItems: () => readonly T[], getStart?: (() => T | null) | undefined);
13
+ get start(): HTMLElement | null;
14
+ first(): HTMLElement | null;
15
+ last(): HTMLElement | null;
16
+ next(current: HTMLElement): HTMLElement | null;
17
+ previous(current: HTMLElement): HTMLElement | null;
18
+ items(): Iterable<{
19
+ element: HTMLElement;
20
+ }>;
21
+ contains(element: Element): boolean;
22
+ }
@@ -0,0 +1,42 @@
1
+ /**
2
+ * A {@link FocusGroupItemCollection} backed by a host-supplied array of items in DOM order.
3
+ *
4
+ * Stateless: every call reads from `getItems()` so the host is the single source of truth.
5
+ * Suitable for components whose items are flat slotted children (tablist, radio-group, menu-list)
6
+ * or any component that maintains its own ordered list of focusable descendants.
7
+ */
8
+ export class ArrayItemCollection {
9
+ constructor(getItems, getStart) {
10
+ this.getItems = getItems;
11
+ this.getStart = getStart;
12
+ }
13
+ get start() {
14
+ return this.getStart?.() ?? null;
15
+ }
16
+ first() {
17
+ return this.getItems()[0] ?? null;
18
+ }
19
+ last() {
20
+ const items = this.getItems();
21
+ return items[items.length - 1] ?? null;
22
+ }
23
+ next(current) {
24
+ const items = this.getItems();
25
+ const i = items.indexOf(current);
26
+ return i === -1 ? null : items[i + 1] ?? null;
27
+ }
28
+ previous(current) {
29
+ const items = this.getItems();
30
+ const i = items.indexOf(current);
31
+ return i <= 0 ? null : items[i - 1] ?? null;
32
+ }
33
+ *items() {
34
+ for (const element of this.getItems()) {
35
+ yield { element };
36
+ }
37
+ }
38
+ contains(element) {
39
+ return this.getItems().includes(element);
40
+ }
41
+ }
42
+ //# sourceMappingURL=focusgroup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"focusgroup.js","sourceRoot":"","sources":["../../../src/utils/focusgroup.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,MAAM,OAAO,mBAAmB;IAC9B,YAAoB,QAA4B,EAAU,QAAyB;QAA/D,aAAQ,GAAR,QAAQ,CAAoB;QAAU,aAAQ,GAAR,QAAQ,CAAiB;IAAG,CAAC;IAEvF,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,IAAI,CAAC;IACnC,CAAC;IAED,KAAK;QACH,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;IACpC,CAAC;IAED,IAAI;QACF,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC;IACzC,CAAC;IAED,IAAI,CAAC,OAAoB;QACvB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,OAAY,CAAC,CAAC;QACtC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC;IAChD,CAAC;IAED,QAAQ,CAAC,OAAoB;QAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,OAAY,CAAC,CAAC;QACtC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC;IAC9C,CAAC;IAED,CAAC,KAAK;QACJ,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACtC,MAAM,EAAE,OAAO,EAAE,CAAC;QACpB,CAAC;IACH,CAAC;IAED,QAAQ,CAAC,OAAgB;QACvB,OAAQ,IAAI,CAAC,QAAQ,EAAyB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACnE,CAAC;CACF"}
@@ -4,5 +4,4 @@ export * from './typings.js';
4
4
  export * from './template-helpers.js';
5
5
  export * from './whitespace-filter.js';
6
6
  export * from './display.js';
7
- export * from './behaviors/match-media-stylesheet-behavior.js';
8
7
  export * from './support.js';
@@ -4,6 +4,5 @@ export * from './typings.js';
4
4
  export * from './template-helpers.js';
5
5
  export * from './whitespace-filter.js';
6
6
  export * from './display.js';
7
- export * from './behaviors/match-media-stylesheet-behavior.js';
8
7
  export * from './support.js';
9
8
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,gDAAgD,CAAC;AAC/D,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}