@fluentui/web-components 3.0.0-rc.2 → 3.0.0-rc.20

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 (679) hide show
  1. package/CHANGELOG.md +177 -2
  2. package/custom-elements.json +9653 -9708
  3. package/dist/esm/accordion/accordion.d.ts +11 -8
  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 +47 -46
  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 +17 -1
  25. package/dist/esm/accordion-item/accordion-item.options.js +19 -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 +9 -6
  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.base.d.ts +64 -10
  53. package/dist/esm/avatar/avatar.base.js +100 -27
  54. package/dist/esm/avatar/avatar.base.js.map +1 -1
  55. package/dist/esm/avatar/avatar.definition.js +2 -2
  56. package/dist/esm/avatar/avatar.definition.js.map +1 -1
  57. package/dist/esm/avatar/avatar.options.d.ts +7 -1
  58. package/dist/esm/avatar/avatar.options.js +7 -0
  59. package/dist/esm/avatar/avatar.options.js.map +1 -1
  60. package/dist/esm/avatar/avatar.styles.js +25 -8
  61. package/dist/esm/avatar/avatar.styles.js.map +1 -1
  62. package/dist/esm/avatar/avatar.template.js +4 -3
  63. package/dist/esm/avatar/avatar.template.js.map +1 -1
  64. package/dist/esm/avatar/index.d.ts +1 -0
  65. package/dist/esm/avatar/index.js +1 -0
  66. package/dist/esm/avatar/index.js.map +1 -1
  67. package/dist/esm/badge/badge.d.ts +1 -1
  68. package/dist/esm/badge/badge.definition.js +2 -2
  69. package/dist/esm/badge/badge.definition.js.map +1 -1
  70. package/dist/esm/badge/badge.js +1 -1
  71. package/dist/esm/badge/badge.js.map +1 -1
  72. package/dist/esm/badge/badge.options.d.ts +12 -3
  73. package/dist/esm/badge/badge.options.js +7 -0
  74. package/dist/esm/badge/badge.options.js.map +1 -1
  75. package/dist/esm/badge/badge.styles.js +5 -4
  76. package/dist/esm/badge/badge.styles.js.map +1 -1
  77. package/dist/esm/badge/badge.template.js +1 -1
  78. package/dist/esm/badge/badge.template.js.map +1 -1
  79. package/dist/esm/badge/index.d.ts +3 -3
  80. package/dist/esm/badge/index.js +3 -3
  81. package/dist/esm/badge/index.js.map +1 -1
  82. package/dist/esm/button/button.base.d.ts +15 -1
  83. package/dist/esm/button/button.base.js +28 -26
  84. package/dist/esm/button/button.base.js.map +1 -1
  85. package/dist/esm/button/button.d.ts +1 -1
  86. package/dist/esm/button/button.definition.js +2 -2
  87. package/dist/esm/button/button.definition.js.map +1 -1
  88. package/dist/esm/button/button.js +1 -1
  89. package/dist/esm/button/button.js.map +1 -1
  90. package/dist/esm/button/button.options.d.ts +8 -2
  91. package/dist/esm/button/button.options.js +7 -0
  92. package/dist/esm/button/button.options.js.map +1 -1
  93. package/dist/esm/button/button.styles.js +5 -3
  94. package/dist/esm/button/button.styles.js.map +1 -1
  95. package/dist/esm/button/button.template.d.ts +3 -3
  96. package/dist/esm/button/button.template.js +1 -1
  97. package/dist/esm/button/button.template.js.map +1 -1
  98. package/dist/esm/button/index.d.ts +1 -0
  99. package/dist/esm/button/index.js +1 -0
  100. package/dist/esm/button/index.js.map +1 -1
  101. package/dist/esm/checkbox/checkbox.definition.js +2 -2
  102. package/dist/esm/checkbox/checkbox.definition.js.map +1 -1
  103. package/dist/esm/checkbox/checkbox.options.d.ts +6 -0
  104. package/dist/esm/checkbox/checkbox.options.js +7 -0
  105. package/dist/esm/checkbox/checkbox.options.js.map +1 -1
  106. package/dist/esm/checkbox/checkbox.styles.js +4 -3
  107. package/dist/esm/checkbox/checkbox.styles.js.map +1 -1
  108. package/dist/esm/checkbox/index.d.ts +1 -0
  109. package/dist/esm/checkbox/index.js +1 -0
  110. package/dist/esm/checkbox/index.js.map +1 -1
  111. package/dist/esm/compound-button/compound-button.definition.js +2 -2
  112. package/dist/esm/compound-button/compound-button.definition.js.map +1 -1
  113. package/dist/esm/compound-button/compound-button.options.d.ts +7 -1
  114. package/dist/esm/compound-button/compound-button.options.js +7 -0
  115. package/dist/esm/compound-button/compound-button.options.js.map +1 -1
  116. package/dist/esm/compound-button/compound-button.styles.js +4 -3
  117. package/dist/esm/compound-button/compound-button.styles.js.map +1 -1
  118. package/dist/esm/compound-button/compound-button.template.d.ts +3 -1
  119. package/dist/esm/compound-button/compound-button.template.js +8 -3
  120. package/dist/esm/compound-button/compound-button.template.js.map +1 -1
  121. package/dist/esm/compound-button/index.d.ts +1 -0
  122. package/dist/esm/compound-button/index.js +1 -0
  123. package/dist/esm/compound-button/index.js.map +1 -1
  124. package/dist/esm/counter-badge/counter-badge.base.d.ts +55 -0
  125. package/dist/esm/counter-badge/counter-badge.base.js +84 -0
  126. package/dist/esm/counter-badge/counter-badge.base.js.map +1 -0
  127. package/dist/esm/counter-badge/counter-badge.d.ts +5 -57
  128. package/dist/esm/counter-badge/counter-badge.definition.js +2 -2
  129. package/dist/esm/counter-badge/counter-badge.definition.js.map +1 -1
  130. package/dist/esm/counter-badge/counter-badge.js +6 -76
  131. package/dist/esm/counter-badge/counter-badge.js.map +1 -1
  132. package/dist/esm/counter-badge/counter-badge.options.d.ts +26 -12
  133. package/dist/esm/counter-badge/counter-badge.options.js +15 -4
  134. package/dist/esm/counter-badge/counter-badge.options.js.map +1 -1
  135. package/dist/esm/counter-badge/counter-badge.styles.js +1 -1
  136. package/dist/esm/counter-badge/counter-badge.styles.js.map +1 -1
  137. package/dist/esm/counter-badge/counter-badge.template.d.ts +9 -1
  138. package/dist/esm/counter-badge/counter-badge.template.js +15 -7
  139. package/dist/esm/counter-badge/counter-badge.template.js.map +1 -1
  140. package/dist/esm/counter-badge/index.d.ts +4 -3
  141. package/dist/esm/counter-badge/index.js +4 -3
  142. package/dist/esm/counter-badge/index.js.map +1 -1
  143. package/dist/esm/define-all.d.ts +42 -0
  144. package/dist/esm/define-all.js +43 -0
  145. package/dist/esm/define-all.js.map +1 -0
  146. package/dist/esm/dialog/dialog.d.ts +59 -11
  147. package/dist/esm/dialog/dialog.definition.js +2 -2
  148. package/dist/esm/dialog/dialog.definition.js.map +1 -1
  149. package/dist/esm/dialog/dialog.js +90 -33
  150. package/dist/esm/dialog/dialog.js.map +1 -1
  151. package/dist/esm/dialog/dialog.options.d.ts +7 -1
  152. package/dist/esm/dialog/dialog.options.js +7 -0
  153. package/dist/esm/dialog/dialog.options.js.map +1 -1
  154. package/dist/esm/dialog/dialog.styles.js +4 -3
  155. package/dist/esm/dialog/dialog.styles.js.map +1 -1
  156. package/dist/esm/dialog/dialog.template.js +5 -3
  157. package/dist/esm/dialog/dialog.template.js.map +1 -1
  158. package/dist/esm/dialog/index.d.ts +1 -0
  159. package/dist/esm/dialog/index.js +1 -0
  160. package/dist/esm/dialog/index.js.map +1 -1
  161. package/dist/esm/dialog-body/dialog-body.definition.js +2 -2
  162. package/dist/esm/dialog-body/dialog-body.definition.js.map +1 -1
  163. package/dist/esm/dialog-body/dialog-body.js +1 -1
  164. package/dist/esm/dialog-body/dialog-body.js.map +1 -1
  165. package/dist/esm/dialog-body/dialog-body.options.d.ts +6 -0
  166. package/dist/esm/dialog-body/dialog-body.options.js +8 -0
  167. package/dist/esm/dialog-body/dialog-body.options.js.map +1 -0
  168. package/dist/esm/dialog-body/dialog-body.styles.js +1 -1
  169. package/dist/esm/dialog-body/dialog-body.styles.js.map +1 -1
  170. package/dist/esm/dialog-body/index.d.ts +1 -0
  171. package/dist/esm/dialog-body/index.js +1 -0
  172. package/dist/esm/dialog-body/index.js.map +1 -1
  173. package/dist/esm/divider/divider.definition.js +2 -2
  174. package/dist/esm/divider/divider.definition.js.map +1 -1
  175. package/dist/esm/divider/divider.options.d.ts +7 -1
  176. package/dist/esm/divider/divider.options.js +8 -1
  177. package/dist/esm/divider/divider.options.js.map +1 -1
  178. package/dist/esm/divider/divider.styles.js +5 -3
  179. package/dist/esm/divider/divider.styles.js.map +1 -1
  180. package/dist/esm/divider/index.d.ts +1 -0
  181. package/dist/esm/divider/index.js +1 -0
  182. package/dist/esm/divider/index.js.map +1 -1
  183. package/dist/esm/drawer/drawer.d.ts +62 -23
  184. package/dist/esm/drawer/drawer.definition.js +2 -2
  185. package/dist/esm/drawer/drawer.definition.js.map +1 -1
  186. package/dist/esm/drawer/drawer.js +91 -54
  187. package/dist/esm/drawer/drawer.js.map +1 -1
  188. package/dist/esm/drawer/drawer.options.d.ts +7 -1
  189. package/dist/esm/drawer/drawer.options.js +7 -0
  190. package/dist/esm/drawer/drawer.options.js.map +1 -1
  191. package/dist/esm/drawer/drawer.styles.js +1 -1
  192. package/dist/esm/drawer/drawer.styles.js.map +1 -1
  193. package/dist/esm/drawer/drawer.template.js +5 -3
  194. package/dist/esm/drawer/drawer.template.js.map +1 -1
  195. package/dist/esm/drawer/index.d.ts +1 -0
  196. package/dist/esm/drawer/index.js +1 -0
  197. package/dist/esm/drawer/index.js.map +1 -1
  198. package/dist/esm/drawer-body/drawer-body.definition.js +2 -2
  199. package/dist/esm/drawer-body/drawer-body.definition.js.map +1 -1
  200. package/dist/esm/drawer-body/drawer-body.js +1 -1
  201. package/dist/esm/drawer-body/drawer-body.js.map +1 -1
  202. package/dist/esm/drawer-body/drawer-body.options.d.ts +6 -0
  203. package/dist/esm/drawer-body/drawer-body.options.js +8 -0
  204. package/dist/esm/drawer-body/drawer-body.options.js.map +1 -0
  205. package/dist/esm/drawer-body/drawer-body.styles.js +1 -1
  206. package/dist/esm/drawer-body/drawer-body.styles.js.map +1 -1
  207. package/dist/esm/drawer-body/index.d.ts +1 -0
  208. package/dist/esm/drawer-body/index.js +1 -0
  209. package/dist/esm/drawer-body/index.js.map +1 -1
  210. package/dist/esm/dropdown/dropdown.base.d.ts +6 -0
  211. package/dist/esm/dropdown/dropdown.base.js +47 -25
  212. package/dist/esm/dropdown/dropdown.base.js.map +1 -1
  213. package/dist/esm/dropdown/dropdown.definition.js +2 -2
  214. package/dist/esm/dropdown/dropdown.definition.js.map +1 -1
  215. package/dist/esm/dropdown/dropdown.options.d.ts +6 -0
  216. package/dist/esm/dropdown/dropdown.options.js +7 -0
  217. package/dist/esm/dropdown/dropdown.options.js.map +1 -1
  218. package/dist/esm/dropdown/dropdown.styles.js +2 -0
  219. package/dist/esm/dropdown/dropdown.styles.js.map +1 -1
  220. package/dist/esm/dropdown/index.d.ts +1 -0
  221. package/dist/esm/dropdown/index.js +1 -0
  222. package/dist/esm/dropdown/index.js.map +1 -1
  223. package/dist/esm/field/field.base.js +1 -1
  224. package/dist/esm/field/field.base.js.map +1 -1
  225. package/dist/esm/field/field.definition.js +2 -2
  226. package/dist/esm/field/field.definition.js.map +1 -1
  227. package/dist/esm/field/field.options.d.ts +6 -0
  228. package/dist/esm/field/field.options.js +7 -0
  229. package/dist/esm/field/field.options.js.map +1 -1
  230. package/dist/esm/field/index.d.ts +1 -0
  231. package/dist/esm/field/index.js +1 -0
  232. package/dist/esm/field/index.js.map +1 -1
  233. package/dist/esm/fluent-design-system.js +1 -1
  234. package/dist/esm/fluent-design-system.js.map +1 -1
  235. package/dist/esm/image/image.definition.js +2 -2
  236. package/dist/esm/image/image.definition.js.map +1 -1
  237. package/dist/esm/image/image.options.d.ts +7 -1
  238. package/dist/esm/image/image.options.js +7 -0
  239. package/dist/esm/image/image.options.js.map +1 -1
  240. package/dist/esm/image/index.d.ts +1 -0
  241. package/dist/esm/image/index.js +1 -0
  242. package/dist/esm/image/index.js.map +1 -1
  243. package/dist/esm/index-all-rollup.d.ts +2 -0
  244. package/dist/esm/index-all-rollup.js +9 -0
  245. package/dist/esm/index-all-rollup.js.map +1 -0
  246. package/dist/esm/index-rollup.d.ts +1 -44
  247. package/dist/esm/index-rollup.js +6 -44
  248. package/dist/esm/index-rollup.js.map +1 -1
  249. package/dist/esm/index.d.ts +8 -11
  250. package/dist/esm/index.js +6 -8
  251. package/dist/esm/index.js.map +1 -1
  252. package/dist/esm/label/index.d.ts +1 -0
  253. package/dist/esm/label/index.js +1 -0
  254. package/dist/esm/label/index.js.map +1 -1
  255. package/dist/esm/label/label.definition.js +2 -2
  256. package/dist/esm/label/label.definition.js.map +1 -1
  257. package/dist/esm/label/label.options.d.ts +7 -1
  258. package/dist/esm/label/label.options.js +7 -0
  259. package/dist/esm/label/label.options.js.map +1 -1
  260. package/dist/esm/label/label.styles.js +1 -1
  261. package/dist/esm/label/label.styles.js.map +1 -1
  262. package/dist/esm/link/index.d.ts +1 -0
  263. package/dist/esm/link/index.js +1 -0
  264. package/dist/esm/link/index.js.map +1 -1
  265. package/dist/esm/link/link.definition.js +2 -2
  266. package/dist/esm/link/link.definition.js.map +1 -1
  267. package/dist/esm/link/link.options.d.ts +7 -1
  268. package/dist/esm/link/link.options.js +7 -0
  269. package/dist/esm/link/link.options.js.map +1 -1
  270. package/dist/esm/link/link.styles.js +5 -3
  271. package/dist/esm/link/link.styles.js.map +1 -1
  272. package/dist/esm/listbox/index.d.ts +1 -0
  273. package/dist/esm/listbox/index.js +1 -0
  274. package/dist/esm/listbox/index.js.map +1 -1
  275. package/dist/esm/listbox/listbox.d.ts +12 -7
  276. package/dist/esm/listbox/listbox.definition.js +2 -2
  277. package/dist/esm/listbox/listbox.definition.js.map +1 -1
  278. package/dist/esm/listbox/listbox.js +27 -17
  279. package/dist/esm/listbox/listbox.js.map +1 -1
  280. package/dist/esm/listbox/listbox.options.d.ts +6 -0
  281. package/dist/esm/listbox/listbox.options.js +7 -0
  282. package/dist/esm/listbox/listbox.options.js.map +1 -1
  283. package/dist/esm/listbox/listbox.template.js +2 -3
  284. package/dist/esm/listbox/listbox.template.js.map +1 -1
  285. package/dist/esm/menu/index.d.ts +1 -0
  286. package/dist/esm/menu/index.js +1 -0
  287. package/dist/esm/menu/index.js.map +1 -1
  288. package/dist/esm/menu/menu.d.ts +31 -15
  289. package/dist/esm/menu/menu.definition.js +2 -2
  290. package/dist/esm/menu/menu.definition.js.map +1 -1
  291. package/dist/esm/menu/menu.js +78 -79
  292. package/dist/esm/menu/menu.js.map +1 -1
  293. package/dist/esm/menu/menu.options.d.ts +6 -0
  294. package/dist/esm/menu/menu.options.js +8 -0
  295. package/dist/esm/menu/menu.options.js.map +1 -0
  296. package/dist/esm/menu/menu.styles.js +1 -1
  297. package/dist/esm/menu/menu.styles.js.map +1 -1
  298. package/dist/esm/menu-button/index.d.ts +1 -0
  299. package/dist/esm/menu-button/index.js +1 -0
  300. package/dist/esm/menu-button/index.js.map +1 -1
  301. package/dist/esm/menu-button/menu-button.definition.js +2 -2
  302. package/dist/esm/menu-button/menu-button.definition.js.map +1 -1
  303. package/dist/esm/menu-button/menu-button.options.d.ts +7 -1
  304. package/dist/esm/menu-button/menu-button.options.js +7 -0
  305. package/dist/esm/menu-button/menu-button.options.js.map +1 -1
  306. package/dist/esm/menu-item/index.d.ts +1 -0
  307. package/dist/esm/menu-item/index.js +1 -0
  308. package/dist/esm/menu-item/index.js.map +1 -1
  309. package/dist/esm/menu-item/menu-item.d.ts +3 -1
  310. package/dist/esm/menu-item/menu-item.definition.js +2 -2
  311. package/dist/esm/menu-item/menu-item.definition.js.map +1 -1
  312. package/dist/esm/menu-item/menu-item.js +23 -12
  313. package/dist/esm/menu-item/menu-item.js.map +1 -1
  314. package/dist/esm/menu-item/menu-item.options.d.ts +7 -1
  315. package/dist/esm/menu-item/menu-item.options.js +7 -0
  316. package/dist/esm/menu-item/menu-item.options.js.map +1 -1
  317. package/dist/esm/menu-item/menu-item.styles.js +5 -3
  318. package/dist/esm/menu-item/menu-item.styles.js.map +1 -1
  319. package/dist/esm/menu-item/menu-item.template.js +3 -2
  320. package/dist/esm/menu-item/menu-item.template.js.map +1 -1
  321. package/dist/esm/menu-list/index.d.ts +2 -0
  322. package/dist/esm/menu-list/index.js +2 -0
  323. package/dist/esm/menu-list/index.js.map +1 -1
  324. package/dist/esm/menu-list/menu-list.base.d.ts +57 -0
  325. package/dist/esm/menu-list/menu-list.base.js +152 -0
  326. package/dist/esm/menu-list/menu-list.base.js.map +1 -0
  327. package/dist/esm/menu-list/menu-list.d.ts +6 -69
  328. package/dist/esm/menu-list/menu-list.definition.js +2 -2
  329. package/dist/esm/menu-list/menu-list.definition.js.map +1 -1
  330. package/dist/esm/menu-list/menu-list.js +18 -237
  331. package/dist/esm/menu-list/menu-list.js.map +1 -1
  332. package/dist/esm/menu-list/menu-list.options.d.ts +6 -0
  333. package/dist/esm/menu-list/menu-list.options.js +8 -0
  334. package/dist/esm/menu-list/menu-list.options.js.map +1 -0
  335. package/dist/esm/menu-list/menu-list.styles.js +1 -1
  336. package/dist/esm/menu-list/menu-list.styles.js.map +1 -1
  337. package/dist/esm/menu-list/menu-list.template.js +1 -5
  338. package/dist/esm/menu-list/menu-list.template.js.map +1 -1
  339. package/dist/esm/message-bar/index.d.ts +1 -0
  340. package/dist/esm/message-bar/index.js +1 -0
  341. package/dist/esm/message-bar/index.js.map +1 -1
  342. package/dist/esm/message-bar/message-bar.d.ts +2 -1
  343. package/dist/esm/message-bar/message-bar.definition.js +2 -1
  344. package/dist/esm/message-bar/message-bar.definition.js.map +1 -1
  345. package/dist/esm/message-bar/message-bar.js +2 -1
  346. package/dist/esm/message-bar/message-bar.js.map +1 -1
  347. package/dist/esm/message-bar/message-bar.options.d.ts +12 -3
  348. package/dist/esm/message-bar/message-bar.options.js +13 -3
  349. package/dist/esm/message-bar/message-bar.options.js.map +1 -1
  350. package/dist/esm/message-bar/message-bar.template.d.ts +3 -3
  351. package/dist/esm/message-bar/message-bar.template.js +3 -3
  352. package/dist/esm/option/index.d.ts +1 -0
  353. package/dist/esm/option/index.js +1 -0
  354. package/dist/esm/option/index.js.map +1 -1
  355. package/dist/esm/option/option.definition.js +2 -2
  356. package/dist/esm/option/option.definition.js.map +1 -1
  357. package/dist/esm/option/option.js +1 -1
  358. package/dist/esm/option/option.js.map +1 -1
  359. package/dist/esm/option/option.options.d.ts +6 -0
  360. package/dist/esm/option/option.options.js +7 -0
  361. package/dist/esm/option/option.options.js.map +1 -1
  362. package/dist/esm/patterns/start-end.d.ts +1 -1
  363. package/dist/esm/patterns/start-end.js +1 -1
  364. package/dist/esm/patterns/start-end.js.map +1 -1
  365. package/dist/esm/progress-bar/index.d.ts +1 -0
  366. package/dist/esm/progress-bar/index.js +1 -0
  367. package/dist/esm/progress-bar/index.js.map +1 -1
  368. package/dist/esm/progress-bar/progress-bar.base.d.ts +35 -8
  369. package/dist/esm/progress-bar/progress-bar.base.js +41 -20
  370. package/dist/esm/progress-bar/progress-bar.base.js.map +1 -1
  371. package/dist/esm/progress-bar/progress-bar.d.ts +8 -2
  372. package/dist/esm/progress-bar/progress-bar.definition.js +2 -2
  373. package/dist/esm/progress-bar/progress-bar.definition.js.map +1 -1
  374. package/dist/esm/progress-bar/progress-bar.js.map +1 -1
  375. package/dist/esm/progress-bar/progress-bar.options.d.ts +7 -1
  376. package/dist/esm/progress-bar/progress-bar.options.js +7 -0
  377. package/dist/esm/progress-bar/progress-bar.options.js.map +1 -1
  378. package/dist/esm/progress-bar/progress-bar.styles.js +5 -3
  379. package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
  380. package/dist/esm/radio/index.d.ts +1 -0
  381. package/dist/esm/radio/index.js +1 -0
  382. package/dist/esm/radio/index.js.map +1 -1
  383. package/dist/esm/radio/radio.d.ts +1 -1
  384. package/dist/esm/radio/radio.definition.js +2 -2
  385. package/dist/esm/radio/radio.definition.js.map +1 -1
  386. package/dist/esm/radio/radio.js +1 -1
  387. package/dist/esm/radio/radio.options.d.ts +15 -0
  388. package/dist/esm/radio/radio.options.js +19 -1
  389. package/dist/esm/radio/radio.options.js.map +1 -1
  390. package/dist/esm/radio/radio.styles.js +4 -3
  391. package/dist/esm/radio/radio.styles.js.map +1 -1
  392. package/dist/esm/radio/radio.template.js +1 -1
  393. package/dist/esm/radio/radio.template.js.map +1 -1
  394. package/dist/esm/radio-group/index.d.ts +2 -0
  395. package/dist/esm/radio-group/index.js +2 -0
  396. package/dist/esm/radio-group/index.js.map +1 -1
  397. package/dist/esm/radio-group/radio-group.base.d.ts +272 -0
  398. package/dist/esm/radio-group/radio-group.base.js +438 -0
  399. package/dist/esm/radio-group/radio-group.base.js.map +1 -0
  400. package/dist/esm/radio-group/radio-group.d.ts +8 -273
  401. package/dist/esm/radio-group/radio-group.definition.js +2 -2
  402. package/dist/esm/radio-group/radio-group.definition.js.map +1 -1
  403. package/dist/esm/radio-group/radio-group.js +20 -492
  404. package/dist/esm/radio-group/radio-group.js.map +1 -1
  405. package/dist/esm/radio-group/radio-group.options.d.ts +7 -1
  406. package/dist/esm/radio-group/radio-group.options.js +8 -1
  407. package/dist/esm/radio-group/radio-group.options.js.map +1 -1
  408. package/dist/esm/radio-group/radio-group.styles.js +1 -1
  409. package/dist/esm/radio-group/radio-group.styles.js.map +1 -1
  410. package/dist/esm/radio-group/radio-group.template.js +3 -3
  411. package/dist/esm/radio-group/radio-group.template.js.map +1 -1
  412. package/dist/esm/rating-display/index.d.ts +1 -0
  413. package/dist/esm/rating-display/index.js +1 -0
  414. package/dist/esm/rating-display/index.js.map +1 -1
  415. package/dist/esm/rating-display/rating-display.base.d.ts +11 -1
  416. package/dist/esm/rating-display/rating-display.base.js +24 -11
  417. package/dist/esm/rating-display/rating-display.base.js.map +1 -1
  418. package/dist/esm/rating-display/rating-display.definition.js +2 -2
  419. package/dist/esm/rating-display/rating-display.definition.js.map +1 -1
  420. package/dist/esm/rating-display/rating-display.options.d.ts +7 -1
  421. package/dist/esm/rating-display/rating-display.options.js +7 -0
  422. package/dist/esm/rating-display/rating-display.options.js.map +1 -1
  423. package/dist/esm/rating-display/rating-display.styles.js +5 -3
  424. package/dist/esm/rating-display/rating-display.styles.js.map +1 -1
  425. package/dist/esm/slider/index.d.ts +1 -0
  426. package/dist/esm/slider/index.js +1 -0
  427. package/dist/esm/slider/index.js.map +1 -1
  428. package/dist/esm/slider/slider-utilities.d.ts +1 -1
  429. package/dist/esm/slider/slider-utilities.js +2 -1
  430. package/dist/esm/slider/slider-utilities.js.map +1 -1
  431. package/dist/esm/slider/slider.d.ts +9 -4
  432. package/dist/esm/slider/slider.definition.js +2 -2
  433. package/dist/esm/slider/slider.definition.js.map +1 -1
  434. package/dist/esm/slider/slider.js +55 -35
  435. package/dist/esm/slider/slider.js.map +1 -1
  436. package/dist/esm/slider/slider.options.d.ts +9 -2
  437. package/dist/esm/slider/slider.options.js +8 -1
  438. package/dist/esm/slider/slider.options.js.map +1 -1
  439. package/dist/esm/slider/slider.styles.js +5 -3
  440. package/dist/esm/slider/slider.styles.js.map +1 -1
  441. package/dist/esm/spinner/index.d.ts +1 -0
  442. package/dist/esm/spinner/index.js +1 -0
  443. package/dist/esm/spinner/index.js.map +1 -1
  444. package/dist/esm/spinner/spinner.definition.js +2 -2
  445. package/dist/esm/spinner/spinner.definition.js.map +1 -1
  446. package/dist/esm/spinner/spinner.options.d.ts +7 -1
  447. package/dist/esm/spinner/spinner.options.js +7 -0
  448. package/dist/esm/spinner/spinner.options.js.map +1 -1
  449. package/dist/esm/spinner/spinner.styles.js +5 -3
  450. package/dist/esm/spinner/spinner.styles.js.map +1 -1
  451. package/dist/esm/styles/index.d.ts +2 -1
  452. package/dist/esm/styles/index.js +2 -1
  453. package/dist/esm/styles/index.js.map +1 -1
  454. package/dist/esm/styles/partials/badge.partials.d.ts +2 -1
  455. package/dist/esm/styles/partials/badge.partials.js +3 -2
  456. package/dist/esm/styles/partials/badge.partials.js.map +1 -1
  457. package/dist/esm/switch/index.d.ts +1 -0
  458. package/dist/esm/switch/index.js +1 -0
  459. package/dist/esm/switch/index.js.map +1 -1
  460. package/dist/esm/switch/switch.d.ts +1 -1
  461. package/dist/esm/switch/switch.definition.js +2 -2
  462. package/dist/esm/switch/switch.definition.js.map +1 -1
  463. package/dist/esm/switch/switch.options.d.ts +7 -1
  464. package/dist/esm/switch/switch.options.js +7 -0
  465. package/dist/esm/switch/switch.options.js.map +1 -1
  466. package/dist/esm/switch/switch.styles.js +4 -3
  467. package/dist/esm/switch/switch.styles.js.map +1 -1
  468. package/dist/esm/switch/switch.template.js +1 -1
  469. package/dist/esm/switch/switch.template.js.map +1 -1
  470. package/dist/esm/tab/index.d.ts +1 -0
  471. package/dist/esm/tab/index.js +1 -0
  472. package/dist/esm/tab/index.js.map +1 -1
  473. package/dist/esm/tab/tab.d.ts +15 -1
  474. package/dist/esm/tab/tab.definition.js +2 -2
  475. package/dist/esm/tab/tab.definition.js.map +1 -1
  476. package/dist/esm/tab/tab.js +26 -2
  477. package/dist/esm/tab/tab.js.map +1 -1
  478. package/dist/esm/tab/tab.options.d.ts +6 -0
  479. package/dist/esm/tab/tab.options.js +7 -0
  480. package/dist/esm/tab/tab.options.js.map +1 -1
  481. package/dist/esm/tab/tab.styles.js +23 -3
  482. package/dist/esm/tab/tab.styles.js.map +1 -1
  483. package/dist/esm/tab/tab.template.js +2 -2
  484. package/dist/esm/tab/tab.template.js.map +1 -1
  485. package/dist/esm/tablist/index.d.ts +1 -0
  486. package/dist/esm/tablist/index.js +1 -0
  487. package/dist/esm/tablist/index.js.map +1 -1
  488. package/dist/esm/tablist/tablist.base.d.ts +15 -46
  489. package/dist/esm/tablist/tablist.base.js +114 -209
  490. package/dist/esm/tablist/tablist.base.js.map +1 -1
  491. package/dist/esm/tablist/tablist.d.ts +7 -74
  492. package/dist/esm/tablist/tablist.definition.js +2 -2
  493. package/dist/esm/tablist/tablist.definition.js.map +1 -1
  494. package/dist/esm/tablist/tablist.js +22 -132
  495. package/dist/esm/tablist/tablist.js.map +1 -1
  496. package/dist/esm/tablist/tablist.options.d.ts +7 -1
  497. package/dist/esm/tablist/tablist.options.js +8 -1
  498. package/dist/esm/tablist/tablist.options.js.map +1 -1
  499. package/dist/esm/tablist/tablist.styles.js +83 -65
  500. package/dist/esm/tablist/tablist.styles.js.map +1 -1
  501. package/dist/esm/tablist/tablist.template.js +5 -1
  502. package/dist/esm/tablist/tablist.template.js.map +1 -1
  503. package/dist/esm/text/index.d.ts +1 -0
  504. package/dist/esm/text/index.js +1 -0
  505. package/dist/esm/text/index.js.map +1 -1
  506. package/dist/esm/text/text.definition.js +2 -2
  507. package/dist/esm/text/text.definition.js.map +1 -1
  508. package/dist/esm/text/text.options.d.ts +7 -1
  509. package/dist/esm/text/text.options.js +7 -0
  510. package/dist/esm/text/text.options.js.map +1 -1
  511. package/dist/esm/text/text.styles.js +1 -1
  512. package/dist/esm/text/text.styles.js.map +1 -1
  513. package/dist/esm/text-input/index.d.ts +1 -0
  514. package/dist/esm/text-input/index.js +1 -0
  515. package/dist/esm/text-input/index.js.map +1 -1
  516. package/dist/esm/text-input/text-input.base.js +12 -5
  517. package/dist/esm/text-input/text-input.base.js.map +1 -1
  518. package/dist/esm/text-input/text-input.definition.js +2 -2
  519. package/dist/esm/text-input/text-input.definition.js.map +1 -1
  520. package/dist/esm/text-input/text-input.options.d.ts +6 -0
  521. package/dist/esm/text-input/text-input.options.js +7 -0
  522. package/dist/esm/text-input/text-input.options.js.map +1 -1
  523. package/dist/esm/text-input/text-input.template.d.ts +1 -1
  524. package/dist/esm/text-input/text-input.template.js +2 -8
  525. package/dist/esm/text-input/text-input.template.js.map +1 -1
  526. package/dist/esm/textarea/index.d.ts +1 -0
  527. package/dist/esm/textarea/index.js +1 -0
  528. package/dist/esm/textarea/index.js.map +1 -1
  529. package/dist/esm/textarea/textarea.base.d.ts +12 -3
  530. package/dist/esm/textarea/textarea.base.js +43 -25
  531. package/dist/esm/textarea/textarea.base.js.map +1 -1
  532. package/dist/esm/textarea/textarea.definition.js +2 -2
  533. package/dist/esm/textarea/textarea.definition.js.map +1 -1
  534. package/dist/esm/textarea/textarea.options.d.ts +6 -0
  535. package/dist/esm/textarea/textarea.options.js +7 -0
  536. package/dist/esm/textarea/textarea.options.js.map +1 -1
  537. package/dist/esm/textarea/textarea.styles.js +4 -3
  538. package/dist/esm/textarea/textarea.styles.js.map +1 -1
  539. package/dist/esm/textarea/textarea.template.js +1 -1
  540. package/dist/esm/textarea/textarea.template.js.map +1 -1
  541. package/dist/esm/theme/design-tokens.d.ts +115 -0
  542. package/dist/esm/theme/design-tokens.js +115 -0
  543. package/dist/esm/theme/design-tokens.js.map +1 -1
  544. package/dist/esm/theme/index.d.ts +1 -1
  545. package/dist/esm/theme/index.js +1 -1
  546. package/dist/esm/theme/index.js.map +1 -1
  547. package/dist/esm/theme/set-theme.d.ts +2 -7
  548. package/dist/esm/theme/set-theme.js +2 -9
  549. package/dist/esm/theme/set-theme.js.map +1 -1
  550. package/dist/esm/toggle-button/index.d.ts +1 -0
  551. package/dist/esm/toggle-button/index.js +1 -0
  552. package/dist/esm/toggle-button/index.js.map +1 -1
  553. package/dist/esm/toggle-button/toggle-button.definition.js +2 -2
  554. package/dist/esm/toggle-button/toggle-button.definition.js.map +1 -1
  555. package/dist/esm/toggle-button/toggle-button.options.d.ts +8 -2
  556. package/dist/esm/toggle-button/toggle-button.options.js +7 -0
  557. package/dist/esm/toggle-button/toggle-button.options.js.map +1 -1
  558. package/dist/esm/toggle-button/toggle-button.styles.js +4 -3
  559. package/dist/esm/toggle-button/toggle-button.styles.js.map +1 -1
  560. package/dist/esm/tooltip/index.d.ts +1 -0
  561. package/dist/esm/tooltip/index.js +1 -0
  562. package/dist/esm/tooltip/index.js.map +1 -1
  563. package/dist/esm/tooltip/tooltip.d.ts +2 -2
  564. package/dist/esm/tooltip/tooltip.definition.js +2 -2
  565. package/dist/esm/tooltip/tooltip.definition.js.map +1 -1
  566. package/dist/esm/tooltip/tooltip.js +3 -3
  567. package/dist/esm/tooltip/tooltip.js.map +1 -1
  568. package/dist/esm/tooltip/tooltip.options.d.ts +6 -0
  569. package/dist/esm/tooltip/tooltip.options.js +7 -0
  570. package/dist/esm/tooltip/tooltip.options.js.map +1 -1
  571. package/dist/esm/tree/index.d.ts +1 -0
  572. package/dist/esm/tree/index.js +1 -0
  573. package/dist/esm/tree/index.js.map +1 -1
  574. package/dist/esm/tree/tree.base.d.ts +13 -28
  575. package/dist/esm/tree/tree.base.js +37 -106
  576. package/dist/esm/tree/tree.base.js.map +1 -1
  577. package/dist/esm/tree/tree.d.ts +13 -2
  578. package/dist/esm/tree/tree.definition.js +2 -2
  579. package/dist/esm/tree/tree.definition.js.map +1 -1
  580. package/dist/esm/tree/tree.js +31 -2
  581. package/dist/esm/tree/tree.js.map +1 -1
  582. package/dist/esm/tree/tree.options.d.ts +6 -0
  583. package/dist/esm/tree/tree.options.js +8 -0
  584. package/dist/esm/tree/tree.options.js.map +1 -0
  585. package/dist/esm/tree/tree.template.js +2 -3
  586. package/dist/esm/tree/tree.template.js.map +1 -1
  587. package/dist/esm/tree-item/index.d.ts +1 -0
  588. package/dist/esm/tree-item/index.js +1 -0
  589. package/dist/esm/tree-item/index.js.map +1 -1
  590. package/dist/esm/tree-item/tree-item.base.d.ts +21 -5
  591. package/dist/esm/tree-item/tree-item.base.js +46 -18
  592. package/dist/esm/tree-item/tree-item.base.js.map +1 -1
  593. package/dist/esm/tree-item/tree-item.definition.js +2 -2
  594. package/dist/esm/tree-item/tree-item.definition.js.map +1 -1
  595. package/dist/esm/tree-item/tree-item.options.d.ts +6 -0
  596. package/dist/esm/tree-item/tree-item.options.js +7 -0
  597. package/dist/esm/tree-item/tree-item.options.js.map +1 -1
  598. package/dist/esm/tree-item/tree-item.template.js +1 -1
  599. package/dist/esm/tree-item/tree-item.template.js.map +1 -1
  600. package/dist/esm/utils/direction.d.ts +13 -1
  601. package/dist/esm/utils/direction.js +8 -1
  602. package/dist/esm/utils/direction.js.map +1 -1
  603. package/dist/esm/utils/focusable-element.js +2 -1
  604. package/dist/esm/utils/focusable-element.js.map +1 -1
  605. package/dist/esm/utils/focusgroup.d.ts +22 -0
  606. package/dist/esm/utils/focusgroup.js +42 -0
  607. package/dist/esm/utils/focusgroup.js.map +1 -0
  608. package/dist/esm/utils/index.d.ts +2 -1
  609. package/dist/esm/utils/index.js +2 -1
  610. package/dist/esm/utils/index.js.map +1 -1
  611. package/dist/esm/utils/numbers.d.ts +5 -0
  612. package/dist/esm/utils/numbers.js +9 -0
  613. package/dist/esm/utils/numbers.js.map +1 -0
  614. package/dist/esm/utils/orientation.d.ts +13 -0
  615. package/dist/esm/utils/orientation.js +10 -0
  616. package/dist/esm/utils/orientation.js.map +1 -0
  617. package/dist/esm/utils/request-idle-callback.d.ts +15 -0
  618. package/dist/esm/utils/request-idle-callback.js +11 -10
  619. package/dist/esm/utils/request-idle-callback.js.map +1 -1
  620. package/dist/esm/utils/typings.d.ts +12 -0
  621. package/dist/esm/utils/typings.js +21 -1
  622. package/dist/esm/utils/typings.js.map +1 -1
  623. package/dist/web-components-all.js +14974 -0
  624. package/dist/web-components-all.min.js +47 -0
  625. package/dist/web-components.d.ts +1176 -1213
  626. package/dist/web-components.js +7775 -7302
  627. package/dist/web-components.min.js +29 -565
  628. package/package.json +23 -10
  629. package/dist/esm/tab-panel/define.d.ts +0 -1
  630. package/dist/esm/tab-panel/define.js +0 -7
  631. package/dist/esm/tab-panel/define.js.map +0 -1
  632. package/dist/esm/tab-panel/index.d.ts +0 -4
  633. package/dist/esm/tab-panel/index.js +0 -5
  634. package/dist/esm/tab-panel/index.js.map +0 -1
  635. package/dist/esm/tab-panel/tab-panel.bench.d.ts +0 -3
  636. package/dist/esm/tab-panel/tab-panel.bench.js +0 -13
  637. package/dist/esm/tab-panel/tab-panel.bench.js.map +0 -1
  638. package/dist/esm/tab-panel/tab-panel.d.ts +0 -8
  639. package/dist/esm/tab-panel/tab-panel.definition.d.ts +0 -5
  640. package/dist/esm/tab-panel/tab-panel.definition.js +0 -13
  641. package/dist/esm/tab-panel/tab-panel.definition.js.map +0 -1
  642. package/dist/esm/tab-panel/tab-panel.js +0 -9
  643. package/dist/esm/tab-panel/tab-panel.js.map +0 -1
  644. package/dist/esm/tab-panel/tab-panel.styles.d.ts +0 -1
  645. package/dist/esm/tab-panel/tab-panel.styles.js +0 -12
  646. package/dist/esm/tab-panel/tab-panel.styles.js.map +0 -1
  647. package/dist/esm/tab-panel/tab-panel.template.d.ts +0 -7
  648. package/dist/esm/tab-panel/tab-panel.template.js +0 -13
  649. package/dist/esm/tab-panel/tab-panel.template.js.map +0 -1
  650. package/dist/esm/tabs/define.d.ts +0 -1
  651. package/dist/esm/tabs/define.js +0 -7
  652. package/dist/esm/tabs/define.js.map +0 -1
  653. package/dist/esm/tabs/index.d.ts +0 -6
  654. package/dist/esm/tabs/index.js +0 -6
  655. package/dist/esm/tabs/index.js.map +0 -1
  656. package/dist/esm/tabs/tabs.base.d.ts +0 -90
  657. package/dist/esm/tabs/tabs.base.js +0 -279
  658. package/dist/esm/tabs/tabs.base.js.map +0 -1
  659. package/dist/esm/tabs/tabs.bench.d.ts +0 -3
  660. package/dist/esm/tabs/tabs.bench.js +0 -32
  661. package/dist/esm/tabs/tabs.bench.js.map +0 -1
  662. package/dist/esm/tabs/tabs.d.ts +0 -100
  663. package/dist/esm/tabs/tabs.definition.d.ts +0 -5
  664. package/dist/esm/tabs/tabs.definition.js +0 -13
  665. package/dist/esm/tabs/tabs.definition.js.map +0 -1
  666. package/dist/esm/tabs/tabs.js +0 -180
  667. package/dist/esm/tabs/tabs.js.map +0 -1
  668. package/dist/esm/tabs/tabs.options.d.ts +0 -32
  669. package/dist/esm/tabs/tabs.options.js +0 -16
  670. package/dist/esm/tabs/tabs.options.js.map +0 -1
  671. package/dist/esm/tabs/tabs.styles.d.ts +0 -1
  672. package/dist/esm/tabs/tabs.styles.js +0 -230
  673. package/dist/esm/tabs/tabs.styles.js.map +0 -1
  674. package/dist/esm/tabs/tabs.template.d.ts +0 -8
  675. package/dist/esm/tabs/tabs.template.js +0 -19
  676. package/dist/esm/tabs/tabs.template.js.map +0 -1
  677. package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.d.ts +0 -124
  678. package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js +0 -142
  679. package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js.map +0 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fluentui/web-components",
3
3
  "description": "A library of Fluent Web Components",
4
- "version": "3.0.0-rc.2",
4
+ "version": "3.0.0-rc.20",
5
5
  "author": {
6
6
  "name": "Microsoft",
7
7
  "url": "https://discord.gg/FcSNfg4"
@@ -30,6 +30,16 @@
30
30
  ],
31
31
  "exports": {
32
32
  ".": "./dist/esm/index.js",
33
+ "./web-components.js": "./dist/web-components.js",
34
+ "./web-components.min.js": "./dist/web-components.min.js",
35
+ "./web-components-all.js": {
36
+ "types": "./dist/web-components.d.ts",
37
+ "default": "./dist/web-components-all.js"
38
+ },
39
+ "./web-components-all.min.js": {
40
+ "types": "./dist/web-components.d.ts",
41
+ "default": "./dist/web-components-all.min.js"
42
+ },
33
43
  "./utils/behaviors/*.js": "./dist/esm/utils/behaviors/*.js",
34
44
  "./utils/*.js": "./dist/esm/utils/*.js",
35
45
  "./utilities.js": "./dist/esm/utils/index.js",
@@ -47,10 +57,14 @@
47
57
  },
48
58
  "sideEffects": [
49
59
  "define.*",
60
+ "define-all.*",
50
61
  "index-rollup.*",
62
+ "index-all-rollup.*",
51
63
  "./dist/esm/**/define.js",
52
64
  "./dist/web-components.js",
53
- "./dist/web-components.min.js"
65
+ "./dist/web-components.min.js",
66
+ "./dist/web-components-all.js",
67
+ "./dist/web-components-all.min.js"
54
68
  ],
55
69
  "scripts": {
56
70
  "analyze": "cem analyze",
@@ -76,24 +90,23 @@
76
90
  },
77
91
  "devDependencies": {
78
92
  "@custom-elements-manifest/analyzer": "0.10.10",
79
- "@microsoft/fast-element": "2.0.0",
80
93
  "@tensile-perf/web-components": "~0.2.2",
81
- "@storybook/html": "8.6.14",
82
- "@storybook/html-webpack5": "8.6.14",
94
+ "@storybook/html": "9.1.17",
95
+ "@storybook/html-vite": "9.1.17",
83
96
  "@wc-toolkit/cem-validator": "1.0.3",
84
97
  "@wc-toolkit/cem-inheritance": "1.2.2",
85
98
  "@wc-toolkit/module-path-resolver": "1.0.0",
86
99
  "@wc-toolkit/type-parser": "1.0.3",
87
- "chromedriver": "^125.0.0"
100
+ "chromedriver": "^125.0.0",
101
+ "rollup-plugin-fast-tagged-templates": "^1.0.2"
88
102
  },
89
103
  "dependencies": {
90
- "@microsoft/fast-web-utilities": "^6.0.0",
91
- "@fluentui/tokens": "1.0.0-alpha.22",
92
- "tabbable": "^6.2.0",
104
+ "@fluentui/tokens": "1.0.0-alpha.23",
93
105
  "tslib": "^2.1.0"
94
106
  },
95
107
  "peerDependencies": {
96
- "@microsoft/fast-element": "^2.0.0"
108
+ "@microsoft/fast-element": "^2.0.0",
109
+ "@microsoft/focusgroup-polyfill": "^1.4.1"
97
110
  },
98
111
  "beachball": {
99
112
  "disallowedChangeTypes": [
@@ -1 +0,0 @@
1
- export {};
@@ -1,7 +0,0 @@
1
- import { FluentDesignSystem } from '../fluent-design-system.js';
2
- import { definition } from './tab-panel.definition.js';
3
- /**
4
- * @deprecated - Use tablist instead
5
- */
6
- definition.define(FluentDesignSystem.registry);
7
- //# sourceMappingURL=define.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/tab-panel/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD;;GAEG;AACH,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC"}
@@ -1,4 +0,0 @@
1
- export { TabPanel } from './tab-panel.js';
2
- export { template as TabPanelTemplate } from './tab-panel.template.js';
3
- export { styles as TabPanelStyles } from './tab-panel.styles.js';
4
- export { definition as TabPanelDefinition } from './tab-panel.definition.js';
@@ -1,5 +0,0 @@
1
- export { TabPanel } from './tab-panel.js';
2
- export { template as TabPanelTemplate } from './tab-panel.template.js';
3
- export { styles as TabPanelStyles } from './tab-panel.styles.js';
4
- export { definition as TabPanelDefinition } from './tab-panel.definition.js';
5
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tab-panel/index.ts"],"names":[],"mappings":"AAAA,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,3 +0,0 @@
1
- declare const itemRenderer: () => HTMLElement;
2
- export default itemRenderer;
3
- export { tests } from '../utils/benchmark-wrapper.js';
@@ -1,13 +0,0 @@
1
- import { FluentDesignSystem } from '../fluent-design-system.js';
2
- import { definition as tabDefinition } from '../tab/tab.definition.js';
3
- import { definition as tabPanelDefinition } from './tab-panel.definition.js';
4
- tabDefinition.define(FluentDesignSystem.registry);
5
- tabPanelDefinition.define(FluentDesignSystem.registry);
6
- const itemRenderer = () => {
7
- const tabPanel = document.createElement('fluent-tab-panel');
8
- tabPanel.appendChild(document.createTextNode('Tab Panel 1'));
9
- return tabPanel;
10
- };
11
- export default itemRenderer;
12
- export { tests } from '../utils/benchmark-wrapper.js';
13
- //# sourceMappingURL=tab-panel.bench.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tab-panel.bench.js","sourceRoot":"","sources":["../../../src/tab-panel/tab-panel.bench.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE7E,aAAa,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAClD,kBAAkB,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAEvD,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5D,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC;IAC7D,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC"}
@@ -1,8 +0,0 @@
1
- import { FASTElement } from '@microsoft/fast-element';
2
- /**
3
- * @deprecated - Use tablist instead
4
- *
5
- * @tag fluent-tab-panel
6
- */
7
- export declare class TabPanel extends FASTElement {
8
- }
@@ -1,5 +0,0 @@
1
- import { TabPanel } from './tab-panel.js';
2
- /**
3
- * @deprecated - Use tablist instead
4
- */
5
- export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof TabPanel>;
@@ -1,13 +0,0 @@
1
- import { FluentDesignSystem } from '../fluent-design-system.js';
2
- import { TabPanel } from './tab-panel.js';
3
- import { template } from './tab-panel.template.js';
4
- import { styles } from './tab-panel.styles.js';
5
- /**
6
- * @deprecated - Use tablist instead
7
- */
8
- export const definition = TabPanel.compose({
9
- name: `${FluentDesignSystem.prefix}-tab-panel`,
10
- template,
11
- styles,
12
- });
13
- //# sourceMappingURL=tab-panel.definition.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tab-panel.definition.js","sourceRoot":"","sources":["../../../src/tab-panel/tab-panel.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,YAAY;IAC9C,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
@@ -1,9 +0,0 @@
1
- import { FASTElement } from '@microsoft/fast-element';
2
- /**
3
- * @deprecated - Use tablist instead
4
- *
5
- * @tag fluent-tab-panel
6
- */
7
- export class TabPanel extends FASTElement {
8
- }
9
- //# sourceMappingURL=tab-panel.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tab-panel.js","sourceRoot":"","sources":["../../../src/tab-panel/tab-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD;;;;GAIG;AACH,MAAM,OAAO,QAAS,SAAQ,WAAW;CAAG"}
@@ -1 +0,0 @@
1
- export declare const styles: import("@microsoft/fast-element").ElementStyles;
@@ -1,12 +0,0 @@
1
- import { css } from '@microsoft/fast-element';
2
- import { display } from '../utils/index.js';
3
- import { spacingHorizontalM, spacingHorizontalMNudge } from '../theme/design-tokens.js';
4
- export const styles = css `
5
- ${display('block')}
6
-
7
- :host {
8
- box-sizing: border-box;
9
- padding: ${spacingHorizontalM} ${spacingHorizontalMNudge};
10
- }
11
- `;
12
- //# sourceMappingURL=tab-panel.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tab-panel.styles.js","sourceRoot":"","sources":["../../../src/tab-panel/tab-panel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAExF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;eAIL,kBAAkB,IAAI,uBAAuB;;CAE3D,CAAC"}
@@ -1,7 +0,0 @@
1
- import { type ElementViewTemplate } from '@microsoft/fast-element';
2
- import type { TabPanel } from './tab-panel.js';
3
- /**
4
- * @deprecated - Use tablist instead
5
- */
6
- export declare function tabPanelTemplate<T extends TabPanel>(): ElementViewTemplate<T>;
7
- export declare const template: ElementViewTemplate<TabPanel, any>;
@@ -1,13 +0,0 @@
1
- import { html } from '@microsoft/fast-element';
2
- /**
3
- * @deprecated - Use tablist instead
4
- */
5
- export function tabPanelTemplate() {
6
- return html `
7
- <template slot="tabpanel" role="tabpanel">
8
- <slot></slot>
9
- </template>
10
- `;
11
- }
12
- export const template = tabPanelTemplate();
13
- //# sourceMappingURL=tab-panel.template.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tab-panel.template.js","sourceRoot":"","sources":["../../../src/tab-panel/tab-panel.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAGzE;;GAEG;AACH,MAAM,UAAU,gBAAgB;IAC9B,OAAO,IAAI,CAAG;;;;GAIb,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC"}
@@ -1 +0,0 @@
1
- export {};
@@ -1,7 +0,0 @@
1
- import { FluentDesignSystem } from '../fluent-design-system.js';
2
- import { definition } from './tabs.definition.js';
3
- /**
4
- * @deprecated - Use tablist instead
5
- */
6
- definition.define(FluentDesignSystem.registry);
7
- //# sourceMappingURL=define.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/tabs/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD;;GAEG;AACH,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC"}
@@ -1,6 +0,0 @@
1
- export { definition as TabsDefinition } from './tabs.definition.js';
2
- export { Tabs } from './tabs.js';
3
- export { TabsAppearance, TabsOrientation, TabsSize } from './tabs.options.js';
4
- export type { TabsOptions } from './tabs.options.js';
5
- export { styles as TabsStyles } from './tabs.styles.js';
6
- export { template as TabsTemplate } from './tabs.template.js';
@@ -1,6 +0,0 @@
1
- export { definition as TabsDefinition } from './tabs.definition.js';
2
- export { Tabs } from './tabs.js';
3
- export { TabsAppearance, TabsOrientation, TabsSize } from './tabs.options.js';
4
- export { styles as TabsStyles } from './tabs.styles.js';
5
- export { template as TabsTemplate } from './tabs.template.js';
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE9E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC"}
@@ -1,90 +0,0 @@
1
- import { FASTElement } from '@microsoft/fast-element';
2
- import { TabsOrientation } from './tabs.options.js';
3
- /**
4
- * A Tabs component that wraps a collection of tab and tab panel elements.
5
- *
6
- * @deprecated - use tablist instead
7
- */
8
- export declare class BaseTabs extends FASTElement {
9
- /**
10
- * The orientation
11
- * @public
12
- * @remarks
13
- * HTML Attribute: orientation
14
- */
15
- orientation: TabsOrientation;
16
- /**
17
- * @internal
18
- */
19
- orientationChanged(): void;
20
- /**
21
- * The id of the active tab
22
- *
23
- * @public
24
- * @remarks
25
- * HTML Attribute: activeid
26
- */
27
- activeid: string;
28
- /**
29
- * @internal
30
- */
31
- activeidChanged(oldValue: string, newValue: string): void;
32
- /**
33
- * @internal
34
- */
35
- tabs: HTMLElement[];
36
- /**
37
- * @internal
38
- */
39
- tabsChanged(): void;
40
- /**
41
- * @internal
42
- */
43
- tabpanels: HTMLElement[];
44
- /**
45
- * @internal
46
- */
47
- tabpanelsChanged(): void;
48
- /**
49
- * A reference to the active tab
50
- * @public
51
- */
52
- activetab: HTMLElement;
53
- private prevActiveTabIndex;
54
- private activeTabIndex;
55
- private tabIds;
56
- private tabpanelIds;
57
- private change;
58
- private isDisabledElement;
59
- private isHiddenElement;
60
- private isFocusableElement;
61
- private getActiveIndex;
62
- /**
63
- * Function that is invoked whenever the selected tab or the tab collection changes.
64
- *
65
- * @public
66
- */
67
- protected setTabs(): void;
68
- private setTabPanels;
69
- private getTabIds;
70
- private getTabPanelIds;
71
- private setComponent;
72
- private handleTabClick;
73
- private isHorizontal;
74
- private handleTabKeyDown;
75
- /**
76
- * The adjust method for FASTTabs
77
- * @public
78
- * @remarks
79
- * This method allows the active index to be adjusted by numerical increments
80
- */
81
- adjust(adjustment: number): void;
82
- private adjustForward;
83
- private adjustBackward;
84
- private moveToTabByIndex;
85
- private focusTab;
86
- /**
87
- * @internal
88
- */
89
- connectedCallback(): void;
90
- }
@@ -1,279 +0,0 @@
1
- import { __decorate } from "tslib";
2
- import { attr, FASTElement, observable } from '@microsoft/fast-element';
3
- import { keyArrowDown, keyArrowLeft, keyArrowRight, keyArrowUp, keyEnd, keyHome, limit, uniqueId, } from '@microsoft/fast-web-utilities';
4
- import { TabsOrientation } from './tabs.options.js';
5
- /**
6
- * A Tabs component that wraps a collection of tab and tab panel elements.
7
- *
8
- * @deprecated - use tablist instead
9
- */
10
- export class BaseTabs extends FASTElement {
11
- constructor() {
12
- super(...arguments);
13
- /**
14
- * The orientation
15
- * @public
16
- * @remarks
17
- * HTML Attribute: orientation
18
- */
19
- this.orientation = TabsOrientation.horizontal;
20
- this.prevActiveTabIndex = 0;
21
- this.activeTabIndex = 0;
22
- this.change = () => {
23
- this.$emit('change', this.activetab);
24
- };
25
- this.isDisabledElement = (el) => {
26
- return el.getAttribute('aria-disabled') === 'true';
27
- };
28
- this.isHiddenElement = (el) => {
29
- return el.hasAttribute('hidden');
30
- };
31
- this.isFocusableElement = (el) => {
32
- return !this.isDisabledElement(el) && !this.isHiddenElement(el);
33
- };
34
- this.handleTabClick = (event) => {
35
- const selectedTab = event.currentTarget;
36
- if (selectedTab.nodeType === 1 && this.isFocusableElement(selectedTab)) {
37
- this.prevActiveTabIndex = this.activeTabIndex;
38
- this.activeTabIndex = this.tabs.indexOf(selectedTab);
39
- this.setComponent();
40
- }
41
- };
42
- this.handleTabKeyDown = (event) => {
43
- if (this.isHorizontal()) {
44
- switch (event.key) {
45
- case keyArrowLeft:
46
- event.preventDefault();
47
- this.adjustBackward(event);
48
- break;
49
- case keyArrowRight:
50
- event.preventDefault();
51
- this.adjustForward(event);
52
- break;
53
- }
54
- }
55
- else {
56
- switch (event.key) {
57
- case keyArrowUp:
58
- event.preventDefault();
59
- this.adjustBackward(event);
60
- break;
61
- case keyArrowDown:
62
- event.preventDefault();
63
- this.adjustForward(event);
64
- break;
65
- }
66
- }
67
- switch (event.key) {
68
- case keyHome:
69
- event.preventDefault();
70
- this.adjust(-this.activeTabIndex);
71
- break;
72
- case keyEnd:
73
- event.preventDefault();
74
- this.adjust(this.tabs.length - this.activeTabIndex - 1);
75
- break;
76
- }
77
- };
78
- }
79
- /**
80
- * @internal
81
- */
82
- orientationChanged() {
83
- if (this.$fastController.isConnected) {
84
- this.setTabs();
85
- }
86
- }
87
- /**
88
- * @internal
89
- */
90
- activeidChanged(oldValue, newValue) {
91
- if (this.$fastController.isConnected && this.tabs.length <= this.tabpanels.length) {
92
- this.prevActiveTabIndex = this.tabs.findIndex((item) => item.id === oldValue);
93
- this.setTabs();
94
- }
95
- }
96
- /**
97
- * @internal
98
- */
99
- tabsChanged() {
100
- if (this.$fastController.isConnected && this.tabs.length <= this.tabpanels.length) {
101
- this.tabIds = this.getTabIds();
102
- this.tabpanelIds = this.getTabPanelIds();
103
- this.setTabs();
104
- }
105
- }
106
- /**
107
- * @internal
108
- */
109
- tabpanelsChanged() {
110
- if (this.$fastController.isConnected && this.tabpanels.length <= this.tabs.length) {
111
- this.tabIds = this.getTabIds();
112
- this.tabpanelIds = this.getTabPanelIds();
113
- this.setTabs();
114
- }
115
- }
116
- getActiveIndex() {
117
- const id = this.activeid;
118
- if (id !== undefined) {
119
- return this.tabIds.indexOf(this.activeid) === -1 ? 0 : this.tabIds.indexOf(this.activeid);
120
- }
121
- else {
122
- return 0;
123
- }
124
- }
125
- /**
126
- * Function that is invoked whenever the selected tab or the tab collection changes.
127
- *
128
- * @public
129
- */
130
- setTabs() {
131
- const gridHorizontalProperty = 'gridColumn';
132
- const gridVerticalProperty = 'gridRow';
133
- const gridProperty = this.isHorizontal() ? gridHorizontalProperty : gridVerticalProperty;
134
- this.activeTabIndex = this.getActiveIndex();
135
- this.tabs.forEach((tab, index) => {
136
- if (tab.slot === 'tab') {
137
- const isActiveTab = this.activeTabIndex === index && this.isFocusableElement(tab);
138
- const tabId = this.tabIds[index];
139
- const tabpanelId = this.tabpanelIds[index];
140
- tab.setAttribute('id', tabId);
141
- tab.setAttribute('aria-selected', isActiveTab ? 'true' : 'false');
142
- tab.setAttribute('aria-controls', tabpanelId);
143
- tab.addEventListener('click', this.handleTabClick);
144
- tab.addEventListener('keydown', this.handleTabKeyDown);
145
- tab.setAttribute('tabindex', isActiveTab ? '0' : '-1');
146
- if (isActiveTab) {
147
- this.activetab = tab;
148
- this.activeid = tabId;
149
- }
150
- }
151
- // If the original property isn't emptied out,
152
- // the next set will morph into a grid-area style setting that is not what we want
153
- tab.style[gridHorizontalProperty] = '';
154
- tab.style[gridVerticalProperty] = '';
155
- tab.style[gridProperty] = `${index + 1}`;
156
- !this.isHorizontal() ? tab.classList.add('vertical') : tab.classList.remove('vertical');
157
- });
158
- this.setTabPanels();
159
- }
160
- setTabPanels() {
161
- this.tabpanels.forEach((tabpanel, index) => {
162
- const tabId = this.tabIds[index];
163
- const tabpanelId = this.tabpanelIds[index];
164
- tabpanel.setAttribute('id', tabpanelId);
165
- tabpanel.setAttribute('aria-labelledby', tabId);
166
- this.activeTabIndex !== index ? tabpanel.setAttribute('hidden', '') : tabpanel.removeAttribute('hidden');
167
- });
168
- }
169
- getTabIds() {
170
- return this.tabs.map((tab) => {
171
- return tab.getAttribute('id') ?? `tab-${uniqueId()}`;
172
- });
173
- }
174
- getTabPanelIds() {
175
- return this.tabpanels.map((tabPanel) => {
176
- return tabPanel.getAttribute('id') ?? `panel-${uniqueId()}`;
177
- });
178
- }
179
- setComponent() {
180
- if (this.activeTabIndex !== this.prevActiveTabIndex) {
181
- this.activeid = this.tabIds[this.activeTabIndex];
182
- this.focusTab();
183
- this.change();
184
- }
185
- }
186
- isHorizontal() {
187
- return this.orientation === TabsOrientation.horizontal;
188
- }
189
- /**
190
- * The adjust method for FASTTabs
191
- * @public
192
- * @remarks
193
- * This method allows the active index to be adjusted by numerical increments
194
- */
195
- adjust(adjustment) {
196
- const focusableTabs = this.tabs.filter(t => this.isFocusableElement(t));
197
- const currentActiveTabIndex = focusableTabs.indexOf(this.activetab);
198
- const nextTabIndex = limit(0, focusableTabs.length - 1, currentActiveTabIndex + adjustment);
199
- // the index of the next focusable tab within the context of all available tabs
200
- const nextIndex = this.tabs.indexOf(focusableTabs[nextTabIndex]);
201
- if (nextIndex > -1) {
202
- this.moveToTabByIndex(this.tabs, nextIndex);
203
- }
204
- }
205
- adjustForward(e) {
206
- const group = this.tabs;
207
- let index = 0;
208
- index = this.activetab ? group.indexOf(this.activetab) + 1 : 1;
209
- if (index === group.length) {
210
- index = 0;
211
- }
212
- while (index < group.length && group.length > 1) {
213
- if (this.isFocusableElement(group[index])) {
214
- this.moveToTabByIndex(group, index);
215
- break;
216
- }
217
- else if (this.activetab && index === group.indexOf(this.activetab)) {
218
- break;
219
- }
220
- else if (index + 1 >= group.length) {
221
- index = 0;
222
- }
223
- else {
224
- index += 1;
225
- }
226
- }
227
- }
228
- adjustBackward(e) {
229
- const group = this.tabs;
230
- let index = 0;
231
- index = this.activetab ? group.indexOf(this.activetab) - 1 : 0;
232
- index = index < 0 ? group.length - 1 : index;
233
- while (index >= 0 && group.length > 1) {
234
- if (this.isFocusableElement(group[index])) {
235
- this.moveToTabByIndex(group, index);
236
- break;
237
- }
238
- else if (index - 1 < 0) {
239
- index = group.length - 1;
240
- }
241
- else {
242
- index -= 1;
243
- }
244
- }
245
- }
246
- moveToTabByIndex(group, index) {
247
- const tab = group[index];
248
- this.activetab = tab;
249
- this.prevActiveTabIndex = this.activeTabIndex;
250
- this.activeTabIndex = index;
251
- tab.focus();
252
- this.setComponent();
253
- }
254
- focusTab() {
255
- this.tabs[this.activeTabIndex].focus();
256
- }
257
- /**
258
- * @internal
259
- */
260
- connectedCallback() {
261
- super.connectedCallback();
262
- this.tabIds = this.getTabIds();
263
- this.tabpanelIds = this.getTabPanelIds();
264
- this.activeTabIndex = this.getActiveIndex();
265
- }
266
- }
267
- __decorate([
268
- attr
269
- ], BaseTabs.prototype, "orientation", void 0);
270
- __decorate([
271
- attr
272
- ], BaseTabs.prototype, "activeid", void 0);
273
- __decorate([
274
- observable
275
- ], BaseTabs.prototype, "tabs", void 0);
276
- __decorate([
277
- observable
278
- ], BaseTabs.prototype, "tabpanels", void 0);
279
- //# sourceMappingURL=tabs.base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tabs.base.js","sourceRoot":"","sources":["../../../src/tabs/tabs.base.ts"],"names":[],"mappings":"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"}
@@ -1,3 +0,0 @@
1
- declare const itemRenderer: () => HTMLElement;
2
- export default itemRenderer;
3
- export { tests } from '../utils/benchmark-wrapper.js';