@fluentui/web-components 3.0.0-beta.3 → 3.0.0-beta.30

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 (663) hide show
  1. package/CHANGELOG.md +420 -103
  2. package/README.md +46 -15
  3. package/dist/dts/accordion/accordion.bench.d.ts +3 -0
  4. package/dist/dts/accordion/accordion.d.ts +47 -3
  5. package/dist/dts/accordion/accordion.definition.d.ts +0 -4
  6. package/dist/dts/accordion/accordion.options.d.ts +14 -0
  7. package/dist/dts/accordion/accordion.template.d.ts +4 -0
  8. package/dist/dts/accordion/index.d.ts +2 -1
  9. package/dist/dts/accordion-item/accordion-item.bench.d.ts +3 -0
  10. package/dist/dts/accordion-item/accordion-item.d.ts +78 -6
  11. package/dist/dts/accordion-item/accordion-item.definition.d.ts +0 -3
  12. package/dist/dts/accordion-item/accordion-item.options.d.ts +3 -3
  13. package/dist/dts/accordion-item/accordion-item.template.d.ts +2 -1
  14. package/dist/dts/accordion-item/index.d.ts +3 -2
  15. package/dist/dts/anchor-button/anchor-button.bench.d.ts +3 -0
  16. package/dist/dts/anchor-button/anchor-button.d.ts +144 -26
  17. package/dist/dts/anchor-button/anchor-button.definition.d.ts +0 -3
  18. package/dist/dts/anchor-button/anchor-button.options.d.ts +43 -5
  19. package/dist/dts/anchor-button/anchor-button.template.d.ts +7 -2
  20. package/dist/dts/anchor-button/index.d.ts +4 -3
  21. package/dist/dts/avatar/avatar.bench.d.ts +3 -0
  22. package/dist/dts/avatar/avatar.d.ts +22 -2
  23. package/dist/dts/avatar/avatar.options.d.ts +7 -7
  24. package/dist/dts/avatar/index.d.ts +2 -2
  25. package/dist/dts/badge/badge.bench.d.ts +3 -0
  26. package/dist/dts/badge/badge.d.ts +1 -1
  27. package/dist/dts/badge/badge.definition.d.ts +0 -3
  28. package/dist/dts/badge/badge.options.d.ts +7 -7
  29. package/dist/dts/badge/index.d.ts +2 -2
  30. package/dist/dts/button/button.bench.d.ts +3 -0
  31. package/dist/dts/button/button.d.ts +243 -22
  32. package/dist/dts/button/button.definition.d.ts +2 -3
  33. package/dist/dts/button/button.options.d.ts +42 -6
  34. package/dist/dts/button/button.styles.d.ts +9 -0
  35. package/dist/dts/button/button.template.d.ts +8 -0
  36. package/dist/dts/button/index.d.ts +5 -4
  37. package/dist/dts/checkbox/checkbox.bench.d.ts +3 -0
  38. package/dist/dts/checkbox/checkbox.d.ts +282 -16
  39. package/dist/dts/checkbox/checkbox.options.d.ts +15 -12
  40. package/dist/dts/checkbox/checkbox.template.d.ts +7 -1
  41. package/dist/dts/checkbox/index.d.ts +4 -3
  42. package/dist/dts/compound-button/compound-button.bench.d.ts +3 -0
  43. package/dist/dts/compound-button/compound-button.definition.d.ts +0 -3
  44. package/dist/dts/compound-button/compound-button.options.d.ts +9 -9
  45. package/dist/dts/compound-button/index.d.ts +2 -2
  46. package/dist/dts/counter-badge/counter-badge.bench.d.ts +3 -0
  47. package/dist/dts/counter-badge/counter-badge.d.ts +1 -1
  48. package/dist/dts/counter-badge/counter-badge.definition.d.ts +0 -4
  49. package/dist/dts/counter-badge/counter-badge.options.d.ts +6 -6
  50. package/dist/dts/counter-badge/index.d.ts +2 -2
  51. package/dist/dts/dialog/define.d.ts +1 -0
  52. package/dist/dts/dialog/dialog.bench.d.ts +3 -0
  53. package/dist/dts/dialog/dialog.d.ts +58 -0
  54. package/dist/dts/dialog/dialog.definition.d.ts +9 -0
  55. package/dist/dts/dialog/dialog.options.d.ts +11 -0
  56. package/dist/dts/dialog/dialog.styles.d.ts +4 -0
  57. package/dist/dts/dialog/dialog.template.d.ts +7 -0
  58. package/dist/dts/dialog/index.d.ts +5 -0
  59. package/dist/dts/dialog-body/define.d.ts +1 -0
  60. package/dist/dts/dialog-body/dialog-body.bench.d.ts +3 -0
  61. package/dist/dts/dialog-body/dialog-body.d.ts +14 -0
  62. package/dist/dts/dialog-body/dialog-body.definition.d.ts +9 -0
  63. package/dist/dts/dialog-body/dialog-body.styles.d.ts +4 -0
  64. package/dist/dts/dialog-body/dialog-body.template.d.ts +6 -0
  65. package/dist/dts/dialog-body/index.d.ts +4 -0
  66. package/dist/dts/divider/divider.bench.d.ts +3 -0
  67. package/dist/dts/divider/divider.d.ts +47 -11
  68. package/dist/dts/divider/divider.options.d.ts +32 -8
  69. package/dist/dts/divider/divider.template.d.ts +1 -0
  70. package/dist/dts/divider/index.d.ts +2 -2
  71. package/dist/dts/field/define.d.ts +1 -0
  72. package/dist/dts/field/field.bench.d.ts +3 -0
  73. package/dist/dts/field/field.d.ts +99 -0
  74. package/dist/dts/field/field.definition.d.ts +9 -0
  75. package/dist/dts/field/field.options.d.ts +41 -0
  76. package/dist/dts/field/field.styles.d.ts +6 -0
  77. package/dist/dts/field/field.template.d.ts +6 -0
  78. package/dist/dts/field/index.d.ts +6 -0
  79. package/dist/dts/form-associated/form-associated.d.ts +104 -0
  80. package/dist/dts/image/image.bench.d.ts +3 -0
  81. package/dist/dts/image/image.options.d.ts +3 -3
  82. package/dist/dts/image/index.d.ts +2 -2
  83. package/dist/dts/index-rollup.d.ts +32 -1
  84. package/dist/dts/index.d.ts +53 -30
  85. package/dist/dts/label/index.d.ts +2 -1
  86. package/dist/dts/label/label.bench.d.ts +3 -0
  87. package/dist/dts/label/label.d.ts +0 -2
  88. package/dist/dts/label/label.options.d.ts +3 -3
  89. package/dist/dts/link/define.d.ts +1 -0
  90. package/dist/dts/link/index.d.ts +4 -0
  91. package/dist/dts/link/link.bench.d.ts +3 -0
  92. package/dist/dts/link/link.d.ts +33 -0
  93. package/dist/dts/link/link.definition.d.ts +7 -0
  94. package/dist/dts/link/link.options.d.ts +52 -0
  95. package/dist/dts/link/link.styles.d.ts +1 -0
  96. package/dist/dts/link/link.template.d.ts +12 -0
  97. package/dist/dts/menu/index.d.ts +1 -1
  98. package/dist/dts/menu/menu.bench.d.ts +3 -0
  99. package/dist/dts/menu/menu.d.ts +27 -25
  100. package/dist/dts/menu-button/index.d.ts +4 -3
  101. package/dist/dts/menu-button/menu-button.bench.d.ts +3 -0
  102. package/dist/dts/menu-button/menu-button.definition.d.ts +0 -3
  103. package/dist/dts/menu-button/menu-button.options.d.ts +6 -6
  104. package/dist/dts/menu-item/index.d.ts +5 -3
  105. package/dist/dts/menu-item/menu-item.bench.d.ts +3 -0
  106. package/dist/dts/menu-item/menu-item.d.ts +162 -5
  107. package/dist/dts/menu-item/menu-item.definition.d.ts +0 -4
  108. package/dist/dts/menu-item/menu-item.options.d.ts +30 -0
  109. package/dist/dts/menu-item/menu-item.template.d.ts +2 -1
  110. package/dist/dts/menu-list/index.d.ts +1 -1
  111. package/dist/dts/menu-list/menu-list.bench.d.ts +3 -0
  112. package/dist/dts/menu-list/menu-list.d.ts +71 -4
  113. package/dist/dts/menu-list/menu-list.definition.d.ts +0 -4
  114. package/dist/dts/menu-list/menu-list.template.d.ts +1 -0
  115. package/dist/dts/patterns/aria-globals.d.ts +189 -0
  116. package/dist/dts/patterns/index.d.ts +2 -0
  117. package/dist/dts/patterns/start-end.d.ts +44 -0
  118. package/dist/dts/progress-bar/index.d.ts +2 -2
  119. package/dist/dts/progress-bar/progress-bar.bench.d.ts +3 -0
  120. package/dist/dts/progress-bar/progress-bar.d.ts +60 -10
  121. package/dist/dts/progress-bar/progress-bar.options.d.ts +4 -4
  122. package/dist/dts/progress-bar/progress-bar.template.d.ts +1 -0
  123. package/dist/dts/radio/index.d.ts +2 -1
  124. package/dist/dts/radio/radio.bench.d.ts +3 -0
  125. package/dist/dts/radio/radio.d.ts +54 -3
  126. package/dist/dts/radio/radio.form-associated.d.ts +14 -0
  127. package/dist/dts/radio/radio.template.d.ts +2 -1
  128. package/dist/dts/radio-group/index.d.ts +2 -2
  129. package/dist/dts/radio-group/radio-group.bench.d.ts +3 -0
  130. package/dist/dts/radio-group/radio-group.d.ts +91 -2
  131. package/dist/dts/radio-group/radio-group.options.d.ts +17 -0
  132. package/dist/dts/radio-group/radio-group.template.d.ts +1 -0
  133. package/dist/dts/slider/index.d.ts +3 -2
  134. package/dist/dts/slider/slider-utilities.d.ts +5 -0
  135. package/dist/dts/slider/slider.bench.d.ts +3 -0
  136. package/dist/dts/slider/slider.d.ts +195 -5
  137. package/dist/dts/slider/slider.form-associated.d.ts +14 -0
  138. package/dist/dts/slider/slider.options.d.ts +44 -3
  139. package/dist/dts/slider/slider.template.d.ts +4 -2
  140. package/dist/dts/spinner/index.d.ts +2 -2
  141. package/dist/dts/spinner/spinner.bench.d.ts +3 -0
  142. package/dist/dts/spinner/spinner.d.ts +9 -4
  143. package/dist/dts/spinner/spinner.definition.d.ts +0 -4
  144. package/dist/dts/spinner/spinner.options.d.ts +3 -3
  145. package/dist/dts/spinner/spinner.template.d.ts +1 -2
  146. package/dist/dts/styles/partials/index.d.ts +1 -0
  147. package/dist/dts/styles/partials/typography.partials.d.ts +18 -0
  148. package/dist/dts/switch/index.d.ts +3 -2
  149. package/dist/dts/switch/switch.bench.d.ts +3 -0
  150. package/dist/dts/switch/switch.d.ts +6 -12
  151. package/dist/dts/switch/switch.form-associated.d.ts +14 -0
  152. package/dist/dts/switch/switch.options.d.ts +2 -2
  153. package/dist/dts/switch/switch.template.d.ts +2 -1
  154. package/dist/dts/tab/index.d.ts +4 -3
  155. package/dist/dts/tab/tab.bench.d.ts +3 -0
  156. package/dist/dts/tab/tab.d.ts +17 -2
  157. package/dist/dts/tab/tab.template.d.ts +3 -3
  158. package/dist/dts/tab-panel/index.d.ts +1 -1
  159. package/dist/dts/tab-panel/tab-panel.bench.d.ts +3 -0
  160. package/dist/dts/tab-panel/tab-panel.d.ts +2 -2
  161. package/dist/dts/tab-panel/tab-panel.template.d.ts +4 -1
  162. package/dist/dts/tabs/index.d.ts +5 -4
  163. package/dist/dts/tabs/tabs.bench.d.ts +3 -0
  164. package/dist/dts/tabs/tabs.d.ts +102 -13
  165. package/dist/dts/tabs/tabs.options.d.ts +23 -5
  166. package/dist/dts/tabs/tabs.template.d.ts +5 -1
  167. package/dist/dts/text/index.d.ts +2 -2
  168. package/dist/dts/text/text.bench.d.ts +3 -0
  169. package/dist/dts/text/text.options.d.ts +5 -5
  170. package/dist/dts/text-input/index.d.ts +5 -5
  171. package/dist/dts/text-input/text-input.bench.d.ts +3 -0
  172. package/dist/dts/text-input/text-input.d.ts +395 -11
  173. package/dist/dts/text-input/text-input.definition.d.ts +2 -3
  174. package/dist/dts/text-input/text-input.options.d.ts +31 -10
  175. package/dist/dts/text-input/text-input.styles.d.ts +5 -2
  176. package/dist/dts/text-input/text-input.template.d.ts +8 -1
  177. package/dist/dts/theme/design-tokens.d.ts +2180 -384
  178. package/dist/dts/theme/set-theme.d.ts +6 -3
  179. package/dist/dts/toggle-button/index.d.ts +5 -4
  180. package/dist/dts/toggle-button/toggle-button.bench.d.ts +3 -0
  181. package/dist/dts/toggle-button/toggle-button.d.ts +29 -26
  182. package/dist/dts/toggle-button/toggle-button.definition.d.ts +0 -2
  183. package/dist/dts/toggle-button/toggle-button.options.d.ts +6 -6
  184. package/dist/dts/toggle-button/toggle-button.styles.d.ts +7 -0
  185. package/dist/dts/utils/behaviors/match-media-stylesheet-behavior.d.ts +124 -0
  186. package/dist/dts/utils/benchmark-dependencies/tokens.d.ts +1 -0
  187. package/dist/dts/utils/benchmark-wrapper.d.ts +2 -0
  188. package/dist/dts/utils/direction.d.ts +10 -0
  189. package/dist/dts/utils/display.d.ts +17 -0
  190. package/dist/dts/utils/element-internals.d.ts +20 -0
  191. package/dist/dts/utils/index.d.ts +6 -0
  192. package/dist/dts/utils/template-helpers.d.ts +16 -0
  193. package/dist/dts/utils/typings.d.ts +6 -0
  194. package/dist/dts/utils/whitespace-filter.d.ts +12 -0
  195. package/dist/esm/accordion/accordion.bench.js +30 -0
  196. package/dist/esm/accordion/accordion.bench.js.map +1 -0
  197. package/dist/esm/accordion/accordion.definition.js +0 -4
  198. package/dist/esm/accordion/accordion.definition.js.map +1 -1
  199. package/dist/esm/accordion/accordion.js +211 -3
  200. package/dist/esm/accordion/accordion.js.map +1 -1
  201. package/dist/esm/accordion/accordion.options.js +9 -0
  202. package/dist/esm/accordion/accordion.options.js.map +1 -0
  203. package/dist/esm/accordion/accordion.styles.js +1 -1
  204. package/dist/esm/accordion/accordion.styles.js.map +1 -1
  205. package/dist/esm/accordion/accordion.template.js +11 -1
  206. package/dist/esm/accordion/accordion.template.js.map +1 -1
  207. package/dist/esm/accordion/index.js +2 -1
  208. package/dist/esm/accordion/index.js.map +1 -1
  209. package/dist/esm/accordion-item/accordion-item.bench.js +14 -0
  210. package/dist/esm/accordion-item/accordion-item.bench.js.map +1 -0
  211. package/dist/esm/accordion-item/accordion-item.definition.js +0 -3
  212. package/dist/esm/accordion-item/accordion-item.definition.js.map +1 -1
  213. package/dist/esm/accordion-item/accordion-item.js +80 -10
  214. package/dist/esm/accordion-item/accordion-item.js.map +1 -1
  215. package/dist/esm/accordion-item/accordion-item.styles.js +1 -1
  216. package/dist/esm/accordion-item/accordion-item.styles.js.map +1 -1
  217. package/dist/esm/accordion-item/accordion-item.template.js +47 -2
  218. package/dist/esm/accordion-item/accordion-item.template.js.map +1 -1
  219. package/dist/esm/accordion-item/index.js +2 -2
  220. package/dist/esm/accordion-item/index.js.map +1 -1
  221. package/dist/esm/anchor-button/anchor-button.bench.js +11 -0
  222. package/dist/esm/anchor-button/anchor-button.bench.js.map +1 -0
  223. package/dist/esm/anchor-button/anchor-button.definition.js +0 -6
  224. package/dist/esm/anchor-button/anchor-button.definition.js.map +1 -1
  225. package/dist/esm/anchor-button/anchor-button.js +123 -64
  226. package/dist/esm/anchor-button/anchor-button.js.map +1 -1
  227. package/dist/esm/anchor-button/anchor-button.options.js +26 -0
  228. package/dist/esm/anchor-button/anchor-button.options.js.map +1 -1
  229. package/dist/esm/anchor-button/anchor-button.styles.js +8 -8
  230. package/dist/esm/anchor-button/anchor-button.styles.js.map +1 -1
  231. package/dist/esm/anchor-button/anchor-button.template.js +21 -1
  232. package/dist/esm/anchor-button/anchor-button.template.js.map +1 -1
  233. package/dist/esm/anchor-button/index.js +3 -3
  234. package/dist/esm/anchor-button/index.js.map +1 -1
  235. package/dist/esm/avatar/avatar.bench.js +10 -0
  236. package/dist/esm/avatar/avatar.bench.js.map +1 -0
  237. package/dist/esm/avatar/avatar.js +43 -23
  238. package/dist/esm/avatar/avatar.js.map +1 -1
  239. package/dist/esm/avatar/avatar.styles.js +36 -36
  240. package/dist/esm/avatar/avatar.styles.js.map +1 -1
  241. package/dist/esm/avatar/avatar.template.js +2 -4
  242. package/dist/esm/avatar/avatar.template.js.map +1 -1
  243. package/dist/esm/avatar/index.js +2 -2
  244. package/dist/esm/avatar/index.js.map +1 -1
  245. package/dist/esm/badge/badge.bench.js +11 -0
  246. package/dist/esm/badge/badge.bench.js.map +1 -0
  247. package/dist/esm/badge/badge.definition.js +0 -3
  248. package/dist/esm/badge/badge.definition.js.map +1 -1
  249. package/dist/esm/badge/badge.js +2 -7
  250. package/dist/esm/badge/badge.js.map +1 -1
  251. package/dist/esm/badge/badge.styles.js +8 -1
  252. package/dist/esm/badge/badge.styles.js.map +1 -1
  253. package/dist/esm/badge/badge.template.js +2 -2
  254. package/dist/esm/badge/badge.template.js.map +1 -1
  255. package/dist/esm/badge/index.js +2 -2
  256. package/dist/esm/badge/index.js.map +1 -1
  257. package/dist/esm/button/button.bench.js +11 -0
  258. package/dist/esm/button/button.bench.js.map +1 -0
  259. package/dist/esm/button/button.definition.js +2 -6
  260. package/dist/esm/button/button.definition.js.map +1 -1
  261. package/dist/esm/button/button.js +264 -42
  262. package/dist/esm/button/button.js.map +1 -1
  263. package/dist/esm/button/button.options.js +20 -0
  264. package/dist/esm/button/button.options.js.map +1 -1
  265. package/dist/esm/button/button.styles.js +79 -70
  266. package/dist/esm/button/button.styles.js.map +1 -1
  267. package/dist/esm/button/button.template.js +23 -1
  268. package/dist/esm/button/button.template.js.map +1 -1
  269. package/dist/esm/button/index.js +4 -4
  270. package/dist/esm/button/index.js.map +1 -1
  271. package/dist/esm/checkbox/checkbox.bench.js +11 -0
  272. package/dist/esm/checkbox/checkbox.bench.js.map +1 -0
  273. package/dist/esm/checkbox/checkbox.definition.js +1 -1
  274. package/dist/esm/checkbox/checkbox.definition.js.map +1 -1
  275. package/dist/esm/checkbox/checkbox.js +371 -13
  276. package/dist/esm/checkbox/checkbox.js.map +1 -1
  277. package/dist/esm/checkbox/checkbox.options.js +0 -8
  278. package/dist/esm/checkbox/checkbox.options.js.map +1 -1
  279. package/dist/esm/checkbox/checkbox.styles.js +145 -123
  280. package/dist/esm/checkbox/checkbox.styles.js.map +1 -1
  281. package/dist/esm/checkbox/checkbox.template.js +34 -17
  282. package/dist/esm/checkbox/checkbox.template.js.map +1 -1
  283. package/dist/esm/checkbox/index.js +3 -3
  284. package/dist/esm/checkbox/index.js.map +1 -1
  285. package/dist/esm/compound-button/compound-button.bench.js +15 -0
  286. package/dist/esm/compound-button/compound-button.bench.js.map +1 -0
  287. package/dist/esm/compound-button/compound-button.definition.js +0 -6
  288. package/dist/esm/compound-button/compound-button.definition.js.map +1 -1
  289. package/dist/esm/compound-button/compound-button.options.js.map +1 -1
  290. package/dist/esm/compound-button/compound-button.styles.js +7 -7
  291. package/dist/esm/compound-button/compound-button.template.js +4 -40
  292. package/dist/esm/compound-button/compound-button.template.js.map +1 -1
  293. package/dist/esm/compound-button/index.js +2 -2
  294. package/dist/esm/compound-button/index.js.map +1 -1
  295. package/dist/esm/counter-badge/counter-badge.bench.js +11 -0
  296. package/dist/esm/counter-badge/counter-badge.bench.js.map +1 -0
  297. package/dist/esm/counter-badge/counter-badge.definition.js +0 -4
  298. package/dist/esm/counter-badge/counter-badge.definition.js.map +1 -1
  299. package/dist/esm/counter-badge/counter-badge.js +2 -7
  300. package/dist/esm/counter-badge/counter-badge.js.map +1 -1
  301. package/dist/esm/counter-badge/index.js +2 -2
  302. package/dist/esm/counter-badge/index.js.map +1 -1
  303. package/dist/esm/dialog/define.js +4 -0
  304. package/dist/esm/dialog/define.js.map +1 -0
  305. package/dist/esm/dialog/dialog.bench.js +11 -0
  306. package/dist/esm/dialog/dialog.bench.js.map +1 -0
  307. package/dist/esm/dialog/dialog.definition.js +17 -0
  308. package/dist/esm/dialog/dialog.definition.js.map +1 -0
  309. package/dist/esm/dialog/dialog.js +91 -0
  310. package/dist/esm/dialog/dialog.js.map +1 -0
  311. package/dist/esm/dialog/dialog.options.js +10 -0
  312. package/dist/esm/dialog/dialog.options.js.map +1 -0
  313. package/dist/esm/dialog/dialog.styles.js +86 -0
  314. package/dist/esm/dialog/dialog.styles.js.map +1 -0
  315. package/dist/esm/dialog/dialog.template.js +24 -0
  316. package/dist/esm/dialog/dialog.template.js.map +1 -0
  317. package/dist/esm/dialog/index.js +6 -0
  318. package/dist/esm/dialog/index.js.map +1 -0
  319. package/dist/esm/dialog-body/define.js +4 -0
  320. package/dist/esm/dialog-body/define.js.map +1 -0
  321. package/dist/esm/dialog-body/dialog-body.bench.js +11 -0
  322. package/dist/esm/dialog-body/dialog-body.bench.js.map +1 -0
  323. package/dist/esm/dialog-body/dialog-body.definition.js +17 -0
  324. package/dist/esm/dialog-body/dialog-body.definition.js.map +1 -0
  325. package/dist/esm/dialog-body/dialog-body.js +22 -0
  326. package/dist/esm/dialog-body/dialog-body.js.map +1 -0
  327. package/dist/esm/dialog-body/dialog-body.styles.js +79 -0
  328. package/dist/esm/dialog-body/dialog-body.styles.js.map +1 -0
  329. package/dist/esm/dialog-body/dialog-body.template.js +42 -0
  330. package/dist/esm/dialog-body/dialog-body.template.js.map +1 -0
  331. package/dist/esm/dialog-body/index.js +5 -0
  332. package/dist/esm/dialog-body/index.js.map +1 -0
  333. package/dist/esm/divider/divider.bench.js +10 -0
  334. package/dist/esm/divider/divider.bench.js.map +1 -0
  335. package/dist/esm/divider/divider.js +56 -11
  336. package/dist/esm/divider/divider.js.map +1 -1
  337. package/dist/esm/divider/divider.options.js +14 -5
  338. package/dist/esm/divider/divider.options.js.map +1 -1
  339. package/dist/esm/divider/divider.styles.js +1 -1
  340. package/dist/esm/divider/divider.styles.js.map +1 -1
  341. package/dist/esm/divider/divider.template.js +4 -1
  342. package/dist/esm/divider/divider.template.js.map +1 -1
  343. package/dist/esm/divider/index.js +2 -2
  344. package/dist/esm/divider/index.js.map +1 -1
  345. package/dist/esm/field/define.js +4 -0
  346. package/dist/esm/field/define.js.map +1 -0
  347. package/dist/esm/field/field.bench.js +10 -0
  348. package/dist/esm/field/field.bench.js.map +1 -0
  349. package/dist/esm/field/field.definition.js +20 -0
  350. package/dist/esm/field/field.definition.js.map +1 -0
  351. package/dist/esm/field/field.js +139 -0
  352. package/dist/esm/field/field.js.map +1 -0
  353. package/dist/esm/field/field.options.js +27 -0
  354. package/dist/esm/field/field.options.js.map +1 -0
  355. package/dist/esm/field/field.styles.js +186 -0
  356. package/dist/esm/field/field.styles.js.map +1 -0
  357. package/dist/esm/field/field.template.js +26 -0
  358. package/dist/esm/field/field.template.js.map +1 -0
  359. package/dist/esm/field/index.js +6 -0
  360. package/dist/esm/field/index.js.map +1 -0
  361. package/dist/esm/form-associated/form-associated.js +458 -0
  362. package/dist/esm/form-associated/form-associated.js.map +1 -0
  363. package/dist/esm/image/image.bench.js +14 -0
  364. package/dist/esm/image/image.bench.js.map +1 -0
  365. package/dist/esm/image/image.js +1 -6
  366. package/dist/esm/image/image.js.map +1 -1
  367. package/dist/esm/image/index.js +2 -2
  368. package/dist/esm/image/index.js.map +1 -1
  369. package/dist/esm/index-rollup.js +32 -1
  370. package/dist/esm/index-rollup.js.map +1 -1
  371. package/dist/esm/index.js +39 -30
  372. package/dist/esm/index.js.map +1 -1
  373. package/dist/esm/label/index.js +2 -1
  374. package/dist/esm/label/index.js.map +1 -1
  375. package/dist/esm/label/label.bench.js +11 -0
  376. package/dist/esm/label/label.bench.js.map +1 -0
  377. package/dist/esm/label/label.js +1 -6
  378. package/dist/esm/label/label.js.map +1 -1
  379. package/dist/esm/label/label.styles.js +13 -6
  380. package/dist/esm/label/label.styles.js.map +1 -1
  381. package/dist/esm/link/define.js +4 -0
  382. package/dist/esm/link/define.js.map +1 -0
  383. package/dist/esm/link/index.js +5 -0
  384. package/dist/esm/link/index.js.map +1 -0
  385. package/dist/esm/link/link.bench.js +11 -0
  386. package/dist/esm/link/link.bench.js.map +1 -0
  387. package/dist/esm/link/link.definition.js +15 -0
  388. package/dist/esm/link/link.definition.js.map +1 -0
  389. package/dist/esm/link/link.js +36 -0
  390. package/dist/esm/link/link.js.map +1 -0
  391. package/dist/esm/link/link.options.js +21 -0
  392. package/dist/esm/link/link.options.js.map +1 -0
  393. package/dist/esm/link/link.styles.js +67 -0
  394. package/dist/esm/link/link.styles.js.map +1 -0
  395. package/dist/esm/link/link.template.js +22 -0
  396. package/dist/esm/link/link.template.js.map +1 -0
  397. package/dist/esm/menu/index.js +1 -1
  398. package/dist/esm/menu/index.js.map +1 -1
  399. package/dist/esm/menu/menu.bench.js +31 -0
  400. package/dist/esm/menu/menu.bench.js.map +1 -0
  401. package/dist/esm/menu/menu.js +26 -29
  402. package/dist/esm/menu/menu.js.map +1 -1
  403. package/dist/esm/menu-button/index.js +3 -3
  404. package/dist/esm/menu-button/index.js.map +1 -1
  405. package/dist/esm/menu-button/menu-button.bench.js +11 -0
  406. package/dist/esm/menu-button/menu-button.bench.js.map +1 -0
  407. package/dist/esm/menu-button/menu-button.definition.js +0 -6
  408. package/dist/esm/menu-button/menu-button.definition.js.map +1 -1
  409. package/dist/esm/menu-button/menu-button.options.js.map +1 -1
  410. package/dist/esm/menu-button/menu-button.template.js +6 -2
  411. package/dist/esm/menu-button/menu-button.template.js.map +1 -1
  412. package/dist/esm/menu-item/index.js +4 -3
  413. package/dist/esm/menu-item/index.js.map +1 -1
  414. package/dist/esm/menu-item/menu-item.bench.js +11 -0
  415. package/dist/esm/menu-item/menu-item.bench.js.map +1 -0
  416. package/dist/esm/menu-item/menu-item.definition.js +0 -4
  417. package/dist/esm/menu-item/menu-item.definition.js.map +1 -1
  418. package/dist/esm/menu-item/menu-item.js +265 -4
  419. package/dist/esm/menu-item/menu-item.js.map +1 -1
  420. package/dist/esm/menu-item/menu-item.options.js +27 -0
  421. package/dist/esm/menu-item/menu-item.options.js.map +1 -0
  422. package/dist/esm/menu-item/menu-item.styles.js +1 -1
  423. package/dist/esm/menu-item/menu-item.styles.js.map +1 -1
  424. package/dist/esm/menu-item/menu-item.template.js +57 -2
  425. package/dist/esm/menu-item/menu-item.template.js.map +1 -1
  426. package/dist/esm/menu-list/index.js +1 -1
  427. package/dist/esm/menu-list/index.js.map +1 -1
  428. package/dist/esm/menu-list/menu-list.bench.js +21 -0
  429. package/dist/esm/menu-list/menu-list.bench.js.map +1 -0
  430. package/dist/esm/menu-list/menu-list.definition.js +0 -4
  431. package/dist/esm/menu-list/menu-list.definition.js.map +1 -1
  432. package/dist/esm/menu-list/menu-list.js +262 -11
  433. package/dist/esm/menu-list/menu-list.js.map +1 -1
  434. package/dist/esm/menu-list/menu-list.styles.js +1 -1
  435. package/dist/esm/menu-list/menu-list.styles.js.map +1 -1
  436. package/dist/esm/menu-list/menu-list.template.js +13 -1
  437. package/dist/esm/menu-list/menu-list.template.js.map +1 -1
  438. package/dist/esm/patterns/aria-globals.js +72 -0
  439. package/dist/esm/patterns/aria-globals.js.map +1 -0
  440. package/dist/esm/patterns/index.js +3 -0
  441. package/dist/esm/patterns/index.js.map +1 -0
  442. package/dist/esm/patterns/start-end.js +29 -0
  443. package/dist/esm/patterns/start-end.js.map +1 -0
  444. package/dist/esm/progress-bar/index.js +2 -2
  445. package/dist/esm/progress-bar/index.js.map +1 -1
  446. package/dist/esm/progress-bar/progress-bar.bench.js +10 -0
  447. package/dist/esm/progress-bar/progress-bar.bench.js.map +1 -0
  448. package/dist/esm/progress-bar/progress-bar.js +66 -13
  449. package/dist/esm/progress-bar/progress-bar.js.map +1 -1
  450. package/dist/esm/progress-bar/progress-bar.options.js.map +1 -1
  451. package/dist/esm/progress-bar/progress-bar.styles.js +49 -128
  452. package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
  453. package/dist/esm/progress-bar/progress-bar.template.js +11 -5
  454. package/dist/esm/progress-bar/progress-bar.template.js.map +1 -1
  455. package/dist/esm/radio/index.js +1 -1
  456. package/dist/esm/radio/index.js.map +1 -1
  457. package/dist/esm/radio/radio.bench.js +11 -0
  458. package/dist/esm/radio/radio.bench.js.map +1 -0
  459. package/dist/esm/radio/radio.form-associated.js +14 -0
  460. package/dist/esm/radio/radio.form-associated.js.map +1 -0
  461. package/dist/esm/radio/radio.js +91 -3
  462. package/dist/esm/radio/radio.js.map +1 -1
  463. package/dist/esm/radio/radio.styles.js +1 -1
  464. package/dist/esm/radio/radio.styles.js.map +1 -1
  465. package/dist/esm/radio/radio.template.js +28 -2
  466. package/dist/esm/radio/radio.template.js.map +1 -1
  467. package/dist/esm/radio-group/index.js +2 -2
  468. package/dist/esm/radio-group/index.js.map +1 -1
  469. package/dist/esm/radio-group/radio-group.bench.js +21 -0
  470. package/dist/esm/radio-group/radio-group.bench.js.map +1 -0
  471. package/dist/esm/radio-group/radio-group.js +347 -9
  472. package/dist/esm/radio-group/radio-group.js.map +1 -1
  473. package/dist/esm/radio-group/radio-group.options.js +7 -0
  474. package/dist/esm/radio-group/radio-group.options.js.map +1 -0
  475. package/dist/esm/radio-group/radio-group.styles.js +1 -1
  476. package/dist/esm/radio-group/radio-group.styles.js.map +1 -1
  477. package/dist/esm/radio-group/radio-group.template.js +30 -1
  478. package/dist/esm/radio-group/radio-group.template.js.map +1 -1
  479. package/dist/esm/slider/index.js +2 -2
  480. package/dist/esm/slider/index.js.map +1 -1
  481. package/dist/esm/slider/slider-utilities.js +12 -0
  482. package/dist/esm/slider/slider-utilities.js.map +1 -0
  483. package/dist/esm/slider/slider.bench.js +10 -0
  484. package/dist/esm/slider/slider.bench.js.map +1 -0
  485. package/dist/esm/slider/slider.form-associated.js +14 -0
  486. package/dist/esm/slider/slider.form-associated.js.map +1 -0
  487. package/dist/esm/slider/slider.js +433 -22
  488. package/dist/esm/slider/slider.js.map +1 -1
  489. package/dist/esm/slider/slider.options.js +11 -1
  490. package/dist/esm/slider/slider.options.js.map +1 -1
  491. package/dist/esm/slider/slider.styles.js +1 -1
  492. package/dist/esm/slider/slider.styles.js.map +1 -1
  493. package/dist/esm/slider/slider.template.js +39 -2
  494. package/dist/esm/slider/slider.template.js.map +1 -1
  495. package/dist/esm/spinner/index.js +2 -2
  496. package/dist/esm/spinner/index.js.map +1 -1
  497. package/dist/esm/spinner/spinner.bench.js +10 -0
  498. package/dist/esm/spinner/spinner.bench.js.map +1 -0
  499. package/dist/esm/spinner/spinner.definition.js +0 -4
  500. package/dist/esm/spinner/spinner.definition.js.map +1 -1
  501. package/dist/esm/spinner/spinner.js +13 -9
  502. package/dist/esm/spinner/spinner.js.map +1 -1
  503. package/dist/esm/spinner/spinner.styles.js +3 -17
  504. package/dist/esm/spinner/spinner.styles.js.map +1 -1
  505. package/dist/esm/spinner/spinner.template.js +8 -21
  506. package/dist/esm/spinner/spinner.template.js.map +1 -1
  507. package/dist/esm/styles/partials/badge.partials.js +1 -1
  508. package/dist/esm/styles/partials/badge.partials.js.map +1 -1
  509. package/dist/esm/styles/partials/index.js +1 -0
  510. package/dist/esm/styles/partials/index.js.map +1 -1
  511. package/dist/esm/styles/partials/typography.partials.js +105 -0
  512. package/dist/esm/styles/partials/typography.partials.js.map +1 -0
  513. package/dist/esm/switch/index.js +2 -2
  514. package/dist/esm/switch/index.js.map +1 -1
  515. package/dist/esm/switch/switch.bench.js +11 -0
  516. package/dist/esm/switch/switch.bench.js.map +1 -0
  517. package/dist/esm/switch/switch.form-associated.js +14 -0
  518. package/dist/esm/switch/switch.form-associated.js.map +1 -0
  519. package/dist/esm/switch/switch.js +2 -12
  520. package/dist/esm/switch/switch.js.map +1 -1
  521. package/dist/esm/switch/switch.styles.js +38 -58
  522. package/dist/esm/switch/switch.styles.js.map +1 -1
  523. package/dist/esm/switch/switch.template.js +15 -1
  524. package/dist/esm/switch/switch.template.js.map +1 -1
  525. package/dist/esm/tab/index.js +3 -3
  526. package/dist/esm/tab/index.js.map +1 -1
  527. package/dist/esm/tab/tab.bench.js +11 -0
  528. package/dist/esm/tab/tab.bench.js.map +1 -0
  529. package/dist/esm/tab/tab.js +9 -3
  530. package/dist/esm/tab/tab.js.map +1 -1
  531. package/dist/esm/tab/tab.styles.js +1 -1
  532. package/dist/esm/tab/tab.styles.js.map +1 -1
  533. package/dist/esm/tab/tab.template.js +1 -1
  534. package/dist/esm/tab/tab.template.js.map +1 -1
  535. package/dist/esm/tab-panel/index.js +1 -1
  536. package/dist/esm/tab-panel/index.js.map +1 -1
  537. package/dist/esm/tab-panel/tab-panel.bench.js +13 -0
  538. package/dist/esm/tab-panel/tab-panel.bench.js.map +1 -0
  539. package/dist/esm/tab-panel/tab-panel.js +2 -2
  540. package/dist/esm/tab-panel/tab-panel.js.map +1 -1
  541. package/dist/esm/tab-panel/tab-panel.styles.js +1 -1
  542. package/dist/esm/tab-panel/tab-panel.styles.js.map +1 -1
  543. package/dist/esm/tab-panel/tab-panel.template.js +8 -1
  544. package/dist/esm/tab-panel/tab-panel.template.js.map +1 -1
  545. package/dist/esm/tabs/index.js +4 -4
  546. package/dist/esm/tabs/index.js.map +1 -1
  547. package/dist/esm/tabs/tabs.bench.js +32 -0
  548. package/dist/esm/tabs/tabs.bench.js.map +1 -0
  549. package/dist/esm/tabs/tabs.js +292 -20
  550. package/dist/esm/tabs/tabs.js.map +1 -1
  551. package/dist/esm/tabs/tabs.options.js +6 -2
  552. package/dist/esm/tabs/tabs.options.js.map +1 -1
  553. package/dist/esm/tabs/tabs.styles.js +1 -1
  554. package/dist/esm/tabs/tabs.styles.js.map +1 -1
  555. package/dist/esm/tabs/tabs.template.js +14 -1
  556. package/dist/esm/tabs/tabs.template.js.map +1 -1
  557. package/dist/esm/text/index.js +2 -2
  558. package/dist/esm/text/index.js.map +1 -1
  559. package/dist/esm/text/text.bench.js +13 -0
  560. package/dist/esm/text/text.bench.js.map +1 -0
  561. package/dist/esm/text/text.js +1 -6
  562. package/dist/esm/text/text.js.map +1 -1
  563. package/dist/esm/text/text.styles.js +49 -25
  564. package/dist/esm/text/text.styles.js.map +1 -1
  565. package/dist/esm/text-input/index.js +4 -5
  566. package/dist/esm/text-input/index.js.map +1 -1
  567. package/dist/esm/text-input/text-input.bench.js +10 -0
  568. package/dist/esm/text-input/text-input.bench.js.map +1 -0
  569. package/dist/esm/text-input/text-input.definition.js +5 -3
  570. package/dist/esm/text-input/text-input.definition.js.map +1 -1
  571. package/dist/esm/text-input/text-input.js +398 -11
  572. package/dist/esm/text-input/text-input.js.map +1 -1
  573. package/dist/esm/text-input/text-input.options.js +35 -2
  574. package/dist/esm/text-input/text-input.options.js.map +1 -1
  575. package/dist/esm/text-input/text-input.styles.js +22 -12
  576. package/dist/esm/text-input/text-input.styles.js.map +1 -1
  577. package/dist/esm/text-input/text-input.template.js +55 -2
  578. package/dist/esm/text-input/text-input.template.js.map +1 -1
  579. package/dist/esm/theme/design-tokens.js +2181 -386
  580. package/dist/esm/theme/design-tokens.js.map +1 -1
  581. package/dist/esm/theme/set-theme.js +26 -3
  582. package/dist/esm/theme/set-theme.js.map +1 -1
  583. package/dist/esm/toggle-button/index.js +4 -4
  584. package/dist/esm/toggle-button/index.js.map +1 -1
  585. package/dist/esm/toggle-button/toggle-button.bench.js +11 -0
  586. package/dist/esm/toggle-button/toggle-button.bench.js.map +1 -0
  587. package/dist/esm/toggle-button/toggle-button.definition.js +0 -5
  588. package/dist/esm/toggle-button/toggle-button.definition.js.map +1 -1
  589. package/dist/esm/toggle-button/toggle-button.js +43 -91
  590. package/dist/esm/toggle-button/toggle-button.js.map +1 -1
  591. package/dist/esm/toggle-button/toggle-button.options.js.map +1 -1
  592. package/dist/esm/toggle-button/toggle-button.styles.js +31 -26
  593. package/dist/esm/toggle-button/toggle-button.styles.js.map +1 -1
  594. package/dist/esm/toggle-button/toggle-button.template.js +1 -1
  595. package/dist/esm/toggle-button/toggle-button.template.js.map +1 -1
  596. package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js +142 -0
  597. package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js.map +1 -0
  598. package/dist/esm/utils/benchmark-dependencies/tokens.js +2 -0
  599. package/dist/esm/utils/benchmark-dependencies/tokens.js.map +1 -0
  600. package/dist/esm/utils/benchmark-wrapper.js +18 -0
  601. package/dist/esm/utils/benchmark-wrapper.js.map +1 -0
  602. package/dist/esm/utils/direction.js +15 -0
  603. package/dist/esm/utils/direction.js.map +1 -0
  604. package/dist/esm/utils/display.js +15 -0
  605. package/dist/esm/utils/display.js.map +1 -0
  606. package/dist/esm/utils/element-internals.js +32 -0
  607. package/dist/esm/utils/element-internals.js.map +1 -0
  608. package/dist/esm/utils/get-initials.js.map +1 -1
  609. package/dist/esm/utils/index.js +7 -0
  610. package/dist/esm/utils/index.js.map +1 -0
  611. package/dist/esm/utils/template-helpers.js +19 -0
  612. package/dist/esm/utils/template-helpers.js.map +1 -0
  613. package/dist/esm/utils/typings.js +3 -0
  614. package/dist/esm/utils/typings.js.map +1 -0
  615. package/dist/esm/utils/whitespace-filter.js +13 -0
  616. package/dist/esm/utils/whitespace-filter.js.map +1 -0
  617. package/dist/web-components.d.ts +6220 -1635
  618. package/dist/web-components.js +5383 -6596
  619. package/dist/web-components.min.js +337 -191
  620. package/package.json +40 -13
  621. package/dist/fluent-web-components.api.json +0 -19686
  622. package/dist/storybook/108.78b731e00015540915a8.manager.bundle.js +0 -1
  623. package/dist/storybook/108.b31ec3a1.iframe.bundle.js +0 -1
  624. package/dist/storybook/316.bc4aabd3.iframe.bundle.js +0 -2
  625. package/dist/storybook/316.bc4aabd3.iframe.bundle.js.LICENSE.txt +0 -17
  626. package/dist/storybook/401.7edec720.iframe.bundle.js +0 -2
  627. package/dist/storybook/401.7edec720.iframe.bundle.js.LICENSE.txt +0 -12
  628. package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js +0 -2
  629. package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js.LICENSE.txt +0 -12
  630. package/dist/storybook/491.77b24750.iframe.bundle.js +0 -1
  631. package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js +0 -2
  632. package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js.LICENSE.txt +0 -94
  633. package/dist/storybook/677.939f187f.iframe.bundle.js +0 -462
  634. package/dist/storybook/677.939f187f.iframe.bundle.js.LICENSE.txt +0 -46
  635. package/dist/storybook/677.939f187f.iframe.bundle.js.map +0 -1
  636. package/dist/storybook/709.22096ad4.iframe.bundle.js +0 -2
  637. package/dist/storybook/709.22096ad4.iframe.bundle.js.LICENSE.txt +0 -8
  638. package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js +0 -2
  639. package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js.LICENSE.txt +0 -8
  640. package/dist/storybook/721.46fa9f53.iframe.bundle.js +0 -2
  641. package/dist/storybook/721.46fa9f53.iframe.bundle.js.LICENSE.txt +0 -31
  642. package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js +0 -2
  643. package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js.LICENSE.txt +0 -31
  644. package/dist/storybook/858.da40ed98.iframe.bundle.js +0 -1
  645. package/dist/storybook/858.e08e25a6901d2e21e9d8.manager.bundle.js +0 -1
  646. package/dist/storybook/950.674e7934b4a26a022608.manager.bundle.js +0 -1
  647. package/dist/storybook/954.630c5748.iframe.bundle.js +0 -1
  648. package/dist/storybook/954.7f985e2fdf9f15a7748b.manager.bundle.js +0 -1
  649. package/dist/storybook/SegoeUI-VF.ttf +0 -0
  650. package/dist/storybook/favicon.ico +0 -0
  651. package/dist/storybook/favicon.png +0 -0
  652. package/dist/storybook/iframe.html +0 -364
  653. package/dist/storybook/index.html +0 -165
  654. package/dist/storybook/main.5d7b916dc1e37293b1d8.manager.bundle.js +0 -1
  655. package/dist/storybook/main.b782e9fb.iframe.bundle.js +0 -2
  656. package/dist/storybook/main.b782e9fb.iframe.bundle.js.LICENSE.txt +0 -1
  657. package/dist/storybook/project.json +0 -1
  658. package/dist/storybook/runtime~main.5d918fe7.iframe.bundle.js +0 -1
  659. package/dist/storybook/runtime~main.dbf00b470fe610082919.manager.bundle.js +0 -1
  660. package/dist/storybook/shell.css +0 -83
  661. package/dist/storybook/theme-switch.ts +0 -13
  662. package/docs/api-report.md +0 -2427
  663. package/playwright.config.ts +0 -25
@@ -1,16 +1,200 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- import { attr, css, Observable } from '@microsoft/fast-element';
8
- import { FASTSlider } from '@microsoft/fast-foundation/slider.js';
1
+ import { __decorate } from "tslib";
2
+ import { attr, css, nullableNumberConverter, observable, Observable } from '@microsoft/fast-element';
3
+ import { Direction, keyArrowDown, keyArrowLeft, keyArrowRight, keyArrowUp, keyEnd, keyHome, limit, Orientation, } from '@microsoft/fast-web-utilities';
4
+ import { getDirection } from '../utils/index.js';
5
+ import { SliderMode } from './slider.options.js';
6
+ import { FormAssociatedSlider } from './slider.form-associated.js';
7
+ import { convertPixelToPercent } from './slider-utilities.js';
9
8
  /**
10
9
  * The base class used for constructing a fluent-slider custom element
11
10
  * @public
12
11
  */
13
- export class Slider extends FASTSlider {
12
+ export class Slider extends FormAssociatedSlider {
13
+ constructor() {
14
+ super(...arguments);
15
+ /**
16
+ * @internal
17
+ */
18
+ this.direction = Direction.ltr;
19
+ /**
20
+ * @internal
21
+ */
22
+ this.isDragging = false;
23
+ /**
24
+ * @internal
25
+ */
26
+ this.trackWidth = 0;
27
+ /**
28
+ * @internal
29
+ */
30
+ this.trackMinWidth = 0;
31
+ /**
32
+ * @internal
33
+ */
34
+ this.trackHeight = 0;
35
+ /**
36
+ * @internal
37
+ */
38
+ this.trackLeft = 0;
39
+ /**
40
+ * @internal
41
+ */
42
+ this.trackMinHeight = 0;
43
+ /**
44
+ * Custom function that generates a string for the component's "aria-valuetext" attribute based on the current value.
45
+ *
46
+ * @public
47
+ */
48
+ this.valueTextFormatter = () => null;
49
+ /**
50
+ * The minimum allowed value.
51
+ *
52
+ * @defaultValue - 0
53
+ * @public
54
+ * @remarks
55
+ * HTML Attribute: min
56
+ */
57
+ this.min = 0; // Map to proxy element.
58
+ /**
59
+ * The maximum allowed value.
60
+ *
61
+ * @defaultValue - 10
62
+ * @public
63
+ * @remarks
64
+ * HTML Attribute: max
65
+ */
66
+ this.max = 10; // Map to proxy element.
67
+ /**
68
+ * The orientation of the slider.
69
+ *
70
+ * @public
71
+ * @remarks
72
+ * HTML Attribute: orientation
73
+ */
74
+ this.orientation = Orientation.horizontal;
75
+ /**
76
+ * The selection mode.
77
+ *
78
+ * @public
79
+ * @remarks
80
+ * HTML Attribute: mode
81
+ */
82
+ this.mode = SliderMode.singleValue;
83
+ this.keypressHandler = (e) => {
84
+ if (this.readOnly || this.disabled) {
85
+ return;
86
+ }
87
+ if (e.key === keyHome) {
88
+ e.preventDefault();
89
+ this.direction !== Direction.rtl && this.orientation !== Orientation.vertical
90
+ ? (this.value = `${this.min}`)
91
+ : (this.value = `${this.max}`);
92
+ }
93
+ else if (e.key === keyEnd) {
94
+ e.preventDefault();
95
+ this.direction !== Direction.rtl && this.orientation !== Orientation.vertical
96
+ ? (this.value = `${this.max}`)
97
+ : (this.value = `${this.min}`);
98
+ }
99
+ else if (!e.shiftKey) {
100
+ switch (e.key) {
101
+ case keyArrowRight:
102
+ case keyArrowUp:
103
+ e.preventDefault();
104
+ this.increment();
105
+ break;
106
+ case keyArrowLeft:
107
+ case keyArrowDown:
108
+ e.preventDefault();
109
+ this.decrement();
110
+ break;
111
+ }
112
+ }
113
+ };
114
+ this.setupTrackConstraints = () => {
115
+ const clientRect = this.track.getBoundingClientRect();
116
+ this.trackWidth = this.track.clientWidth;
117
+ this.trackMinWidth = this.track.clientLeft;
118
+ this.trackHeight = clientRect.top;
119
+ this.trackMinHeight = clientRect.bottom;
120
+ this.trackLeft = this.getBoundingClientRect().left;
121
+ if (this.trackWidth === 0) {
122
+ this.trackWidth = 1;
123
+ }
124
+ };
125
+ //Remove
126
+ this.setupListeners = (remove = false) => {
127
+ //TODO Bug: https://github.com/microsoft/fluentui/issues/30087
128
+ this.addEventListener('keydown', this.keypressHandler);
129
+ this.addEventListener('mousedown', this.handleMouseDown);
130
+ // removes handlers attached by mousedown handlers
131
+ if (remove) {
132
+ this.removeEventListener('keydown', this.keypressHandler);
133
+ this.removeEventListener('mousedown', this.handleMouseDown);
134
+ }
135
+ };
136
+ /**
137
+ * @internal
138
+ */
139
+ this.initialValue = '';
140
+ /**
141
+ * Handle mouse moves during a thumb drag operation
142
+ * If the event handler is null it removes the events
143
+ */
144
+ this.handleThumbMouseDown = (event) => {
145
+ const windowFn = event !== null ? window.addEventListener : window.removeEventListener;
146
+ windowFn('mouseup', this.handleWindowMouseUp);
147
+ windowFn('mousemove', this.handleMouseMove, { passive: true });
148
+ windowFn('touchmove', this.handleMouseMove, { passive: true });
149
+ windowFn('touchend', this.handleWindowMouseUp);
150
+ this.isDragging = event !== null;
151
+ };
152
+ /**
153
+ * Handle mouse moves during a thumb drag operation
154
+ */
155
+ this.handleMouseMove = (e) => {
156
+ if (this.readOnly || this.disabled || e.defaultPrevented) {
157
+ return;
158
+ }
159
+ // update the value based on current position
160
+ const sourceEvent = window.TouchEvent && e instanceof TouchEvent ? e.touches[0] : e;
161
+ const eventValue = this.orientation === Orientation.horizontal
162
+ ? sourceEvent.pageX - document.documentElement.scrollLeft - this.trackLeft
163
+ : sourceEvent.pageY - document.documentElement.scrollTop;
164
+ this.value = `${this.calculateNewValue(eventValue)}`;
165
+ };
166
+ /**
167
+ * Handle a window mouse up during a drag operation
168
+ */
169
+ this.handleWindowMouseUp = (event) => {
170
+ this.stopDragging();
171
+ };
172
+ this.stopDragging = () => {
173
+ this.isDragging = false;
174
+ this.handleMouseDown(null);
175
+ this.handleThumbMouseDown(null);
176
+ };
177
+ /**
178
+ *
179
+ * @param e - MouseEvent or null. If there is no event handler it will remove the events
180
+ */
181
+ this.handleMouseDown = (e) => {
182
+ if (e === null || (!this.disabled && !this.readOnly)) {
183
+ const windowFn = e !== null ? window.addEventListener : window.removeEventListener;
184
+ const documentFn = e !== null ? document.addEventListener : document.removeEventListener;
185
+ windowFn('mouseup', this.handleWindowMouseUp);
186
+ documentFn('mouseleave', this.handleWindowMouseUp);
187
+ windowFn('mousemove', this.handleMouseMove);
188
+ if (e) {
189
+ this.setupTrackConstraints();
190
+ const controlValue = this.orientation === Orientation.horizontal
191
+ ? e.pageX - document.documentElement.scrollLeft - this.trackLeft
192
+ : e.pageY - document.documentElement.scrollTop;
193
+ this.value = `${this.calculateNewValue(controlValue)}`;
194
+ }
195
+ }
196
+ };
197
+ }
14
198
  handleChange(source, propertyName) {
15
199
  switch (propertyName) {
16
200
  case 'min':
@@ -22,19 +206,6 @@ export class Slider extends FASTSlider {
22
206
  break;
23
207
  }
24
208
  }
25
- connectedCallback() {
26
- super.connectedCallback();
27
- Observable.getNotifier(this).subscribe(this, 'max');
28
- Observable.getNotifier(this).subscribe(this, 'min');
29
- Observable.getNotifier(this).subscribe(this, 'step');
30
- this.handleStepStyles();
31
- }
32
- disconnectedCallback() {
33
- super.disconnectedCallback();
34
- Observable.getNotifier(this).unsubscribe(this, 'max');
35
- Observable.getNotifier(this).unsubscribe(this, 'min');
36
- Observable.getNotifier(this).unsubscribe(this, 'step');
37
- }
38
209
  /**
39
210
  * Handles changes to step styling based on the step value
40
211
  * NOTE: This function is not a changed callback, stepStyles is not observable
@@ -57,8 +228,248 @@ export class Slider extends FASTSlider {
57
228
  this.$fastController.removeStyles(this.stepStyles);
58
229
  }
59
230
  }
231
+ readOnlyChanged() {
232
+ if (this.proxy instanceof HTMLInputElement) {
233
+ this.proxy.readOnly = this.readOnly;
234
+ }
235
+ }
236
+ /**
237
+ * The value property, typed as a number.
238
+ *
239
+ * @public
240
+ */
241
+ get valueAsNumber() {
242
+ return parseFloat(super.value);
243
+ }
244
+ set valueAsNumber(next) {
245
+ this.value = next.toString();
246
+ }
247
+ /**
248
+ * @internal
249
+ */
250
+ valueChanged(previous, next) {
251
+ if (this.$fastController.isConnected) {
252
+ const nextAsNumber = parseFloat(next);
253
+ const value = limit(this.min, this.max, this.convertToConstrainedValue(nextAsNumber)).toString();
254
+ if (value !== next) {
255
+ this.value = value;
256
+ return;
257
+ }
258
+ super.valueChanged(previous, next);
259
+ this.setThumbPositionForOrientation(this.direction);
260
+ this.$emit('change');
261
+ }
262
+ }
263
+ minChanged() {
264
+ if (this.proxy instanceof HTMLInputElement) {
265
+ this.proxy.min = `${this.min}`;
266
+ }
267
+ this.validate();
268
+ }
269
+ maxChanged() {
270
+ if (this.proxy instanceof HTMLInputElement) {
271
+ this.proxy.max = `${this.max}`;
272
+ }
273
+ this.validate();
274
+ }
275
+ stepChanged() {
276
+ if (this.proxy instanceof HTMLInputElement) {
277
+ this.proxy.step = `${this.step}`;
278
+ }
279
+ this.updateStepMultiplier();
280
+ this.validate();
281
+ }
282
+ orientationChanged() {
283
+ if (this.$fastController.isConnected) {
284
+ this.setThumbPositionForOrientation(this.direction);
285
+ }
286
+ }
287
+ /**
288
+ * @internal
289
+ */
290
+ connectedCallback() {
291
+ super.connectedCallback();
292
+ this.proxy.setAttribute('type', 'range');
293
+ this.direction = getDirection(this);
294
+ this.updateStepMultiplier();
295
+ this.setupTrackConstraints();
296
+ this.setupListeners();
297
+ this.setupDefaultValue();
298
+ this.setThumbPositionForOrientation(this.direction);
299
+ Observable.getNotifier(this).subscribe(this, 'max');
300
+ Observable.getNotifier(this).subscribe(this, 'min');
301
+ Observable.getNotifier(this).subscribe(this, 'step');
302
+ this.handleStepStyles();
303
+ }
304
+ /**
305
+ * @internal
306
+ */
307
+ disconnectedCallback() {
308
+ super.disconnectedCallback();
309
+ this.setupListeners(true);
310
+ Observable.getNotifier(this).unsubscribe(this, 'max');
311
+ Observable.getNotifier(this).unsubscribe(this, 'min');
312
+ Observable.getNotifier(this).unsubscribe(this, 'step');
313
+ }
314
+ /**
315
+ * Increment the value by the step
316
+ *
317
+ * @public
318
+ */
319
+ increment() {
320
+ const newVal = this.direction !== Direction.rtl && this.orientation !== Orientation.vertical
321
+ ? Number(this.value) + Number(this.stepValue)
322
+ : Number(this.value) + Number(this.stepValue);
323
+ const incrementedVal = this.convertToConstrainedValue(newVal);
324
+ const incrementedValString = incrementedVal < Number(this.max) ? `${incrementedVal}` : `${this.max}`;
325
+ this.value = incrementedValString;
326
+ }
327
+ /**
328
+ * Decrement the value by the step
329
+ *
330
+ * @public
331
+ */
332
+ decrement() {
333
+ const newVal = this.direction !== Direction.rtl && this.orientation !== Orientation.vertical
334
+ ? Number(this.value) - Number(this.stepValue)
335
+ : Number(this.value) - Number(this.stepValue);
336
+ const decrementedVal = this.convertToConstrainedValue(newVal);
337
+ const decrementedValString = decrementedVal > Number(this.min) ? `${decrementedVal}` : `${this.min}`;
338
+ this.value = decrementedValString;
339
+ }
340
+ /**
341
+ * Gets the actual step value for the slider
342
+ *
343
+ */
344
+ get stepValue() {
345
+ return this.step === undefined ? 1 : this.step;
346
+ }
347
+ /**
348
+ * Places the thumb based on the current value
349
+ *
350
+ * @public
351
+ * @param direction - writing mode
352
+ */
353
+ setThumbPositionForOrientation(direction) {
354
+ const newPct = convertPixelToPercent(Number(this.value), Number(this.min), Number(this.max), direction);
355
+ const percentage = (1 - newPct) * 100;
356
+ if (this.orientation === Orientation.horizontal) {
357
+ this.position = this.isDragging
358
+ ? `right: ${percentage}%; transition: none;`
359
+ : `right: ${percentage}%; transition: all 0.2s ease;`;
360
+ }
361
+ else {
362
+ this.position = this.isDragging
363
+ ? `top: ${percentage}%; transition: none;`
364
+ : `top: ${percentage}%; transition: all 0.2s ease;`;
365
+ }
366
+ }
367
+ /**
368
+ * Update the step multiplier used to ensure rounding errors from steps that
369
+ * are not whole numbers
370
+ */
371
+ updateStepMultiplier() {
372
+ const stepString = this.stepValue + '';
373
+ const decimalPlacesOfStep = !!(this.stepValue % 1) ? stepString.length - stepString.indexOf('.') - 1 : 0;
374
+ this.stepMultiplier = Math.pow(10, decimalPlacesOfStep);
375
+ }
376
+ get midpoint() {
377
+ return `${this.convertToConstrainedValue((this.max + this.min) / 2)}`;
378
+ }
379
+ setupDefaultValue() {
380
+ if (typeof this.value === 'string') {
381
+ if (this.value.length === 0) {
382
+ this.initialValue = this.midpoint;
383
+ }
384
+ else {
385
+ const value = parseFloat(this.value);
386
+ if (!Number.isNaN(value) && (value < this.min || value > this.max)) {
387
+ this.value = this.midpoint;
388
+ }
389
+ }
390
+ }
391
+ }
392
+ /**
393
+ * Calculate the new value based on the given raw pixel value.
394
+ *
395
+ * @param rawValue - the value to be converted to a constrained value
396
+ * @returns the constrained value
397
+ *
398
+ * @internal
399
+ */
400
+ calculateNewValue(rawValue) {
401
+ this.setupTrackConstraints();
402
+ // update the value based on current position
403
+ const newPosition = convertPixelToPercent(rawValue, this.orientation === Orientation.horizontal ? this.trackMinWidth : this.trackMinHeight, this.orientation === Orientation.horizontal ? this.trackWidth : this.trackHeight, this.direction);
404
+ const newValue = (this.max - this.min) * newPosition + this.min;
405
+ return this.convertToConstrainedValue(newValue);
406
+ }
407
+ convertToConstrainedValue(value) {
408
+ if (isNaN(value)) {
409
+ value = this.min;
410
+ }
411
+ /**
412
+ * The following logic intends to overcome the issue with math in JavaScript with regards to floating point numbers.
413
+ * This is needed as the `step` may be an integer but could also be a float. To accomplish this the step is assumed to be a float
414
+ * and is converted to an integer by determining the number of decimal places it represent, multiplying it until it is an
415
+ * integer and then dividing it to get back to the correct number.
416
+ */
417
+ let constrainedValue = value - this.min;
418
+ const roundedConstrainedValue = Math.round(constrainedValue / this.stepValue);
419
+ const remainderValue = constrainedValue - (roundedConstrainedValue * (this.stepMultiplier * this.stepValue)) / this.stepMultiplier;
420
+ constrainedValue =
421
+ remainderValue >= Number(this.stepValue) / 2
422
+ ? constrainedValue - remainderValue + Number(this.stepValue)
423
+ : constrainedValue - remainderValue;
424
+ return constrainedValue + this.min;
425
+ }
60
426
  }
61
427
  __decorate([
62
428
  attr
63
429
  ], Slider.prototype, "size", void 0);
430
+ __decorate([
431
+ attr({ attribute: 'readonly', mode: 'boolean' })
432
+ ], Slider.prototype, "readOnly", void 0);
433
+ __decorate([
434
+ observable
435
+ ], Slider.prototype, "direction", void 0);
436
+ __decorate([
437
+ observable
438
+ ], Slider.prototype, "isDragging", void 0);
439
+ __decorate([
440
+ observable
441
+ ], Slider.prototype, "position", void 0);
442
+ __decorate([
443
+ observable
444
+ ], Slider.prototype, "trackWidth", void 0);
445
+ __decorate([
446
+ observable
447
+ ], Slider.prototype, "trackMinWidth", void 0);
448
+ __decorate([
449
+ observable
450
+ ], Slider.prototype, "trackHeight", void 0);
451
+ __decorate([
452
+ observable
453
+ ], Slider.prototype, "trackLeft", void 0);
454
+ __decorate([
455
+ observable
456
+ ], Slider.prototype, "trackMinHeight", void 0);
457
+ __decorate([
458
+ observable
459
+ ], Slider.prototype, "valueTextFormatter", void 0);
460
+ __decorate([
461
+ attr({ converter: nullableNumberConverter })
462
+ ], Slider.prototype, "min", void 0);
463
+ __decorate([
464
+ attr({ converter: nullableNumberConverter })
465
+ ], Slider.prototype, "max", void 0);
466
+ __decorate([
467
+ attr({ converter: nullableNumberConverter })
468
+ ], Slider.prototype, "step", void 0);
469
+ __decorate([
470
+ attr
471
+ ], Slider.prototype, "orientation", void 0);
472
+ __decorate([
473
+ attr
474
+ ], Slider.prototype, "mode", void 0);
64
475
  //# sourceMappingURL=slider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/slider/slider.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAGlE;;;GAGG;AACH,MAAM,OAAO,MAAO,SAAQ,UAAU;IAU7B,YAAY,CAAC,MAAW,EAAE,YAAoB;QACnD,QAAQ,YAAY,EAAE;YACpB,KAAK,KAAK,CAAC;YACX,KAAK,KAAK,CAAC;YACX,KAAK,MAAM;gBACT,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBACxB,MAAM;YACR;gBACE,MAAM;SACT;IACH,CAAC;IAEM,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACpD,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACpD,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAErD,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAEM,oBAAoB;QACzB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAE7B,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACtD,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACtD,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACzD,CAAC;IAID;;;OAGG;IACK,gBAAgB;QACtB,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,UAAU,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAQ,CAAC;YAEhF,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE;gBACjC,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;aACpD;YAED,IAAI,CAAC,UAAU,GAAG,GAAG,CAAA,QAAQ,CAAC;;yBAEX,UAAU;;;OAG5B,CAAC;YAEF,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACjD;aAAM,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE;YACxC,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACpD;IACH,CAAC;CACF;AA1DC;IADC,IAAI;oCACoB"}
1
+ {"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/slider/slider.ts"],"names":[],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- export { SliderOrientation } from '@microsoft/fast-foundation/slider.js';
1
+ import { Orientation } from '@microsoft/fast-web-utilities';
2
2
  /**
3
3
  * SliderSize Constants
4
4
  * @public
@@ -7,4 +7,14 @@ export const SliderSize = {
7
7
  small: 'small',
8
8
  medium: 'medium',
9
9
  };
10
+ /**
11
+ * @public
12
+ */
13
+ export const SliderOrientation = Orientation;
14
+ /**
15
+ * @public
16
+ */
17
+ export const SliderMode = {
18
+ singleValue: 'single-value',
19
+ };
10
20
  //# sourceMappingURL=slider.options.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"slider.options.js","sourceRoot":"","sources":["../../../src/slider/slider.options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAEzE;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACR,CAAC"}
1
+ {"version":3,"file":"slider.options.js","sourceRoot":"","sources":["../../../src/slider/slider.options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAI5D;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACR,CAAC;AAQX;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC;AAQ7C;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,WAAW,EAAE,cAAc;CACnB,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { css } from '@microsoft/fast-element';
2
- import { display, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation/utilities.js';
2
+ import { display, forcedColorsStylesheetBehavior } from '../utils/index.js';
3
3
  import { borderRadiusCircular, borderRadiusMedium, borderRadiusSmall, colorBrandBackground, colorCompoundBrandBackground, colorCompoundBrandBackgroundHover, colorCompoundBrandBackgroundPressed, colorNeutralBackground1, colorNeutralBackgroundDisabled, colorNeutralForegroundDisabled, colorNeutralStroke1, colorNeutralStrokeAccessible, colorNeutralStrokeDisabled, colorStrokeFocus1, colorStrokeFocus2, } from '../theme/design-tokens.js';
4
4
  /** Text styles
5
5
  * @public
@@ -1 +1 @@
1
- {"version":3,"file":"slider.styles.js","sourceRoot":"","sources":["../../../src/slider/slider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;AAClG,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,mBAAmB,EACnB,4BAA4B,EAC5B,0BAA0B,EAC1B,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;;;;;;;;;qBAaL,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;4BA2BV,iBAAiB;yBACpB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAkClB,oBAAoB;qBACvB,oBAAoB;mDACU,uBAAuB,eAAe,mBAAmB;;;wBAGpF,iCAAiC;;;wBAGjC,mCAAmC;;;wBAGnC,8BAA8B;mDACH,uBAAuB,eAAe,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;wBAuB3F,4BAA4B;qBAC/B,kBAAkB;;;;;;;qBAOlB,kBAAkB;;;;;;;QAO/B,uBAAuB;QACvB,uBAAuB;;;;;;;;;wBASP,8BAA8B;;;;;;;;;;;;;;;;;;;wBAmB9B,4BAA4B;;;;qBAI/B,kBAAkB;;;wBAGf,8BAA8B;;;wBAG9B,iCAAiC;;;wBAGjC,8BAA8B;;;wBAG9B,mCAAmC;;;;;;;CAO1D,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;GAiBjC,CAAC,CACH,CAAC"}
1
+ {"version":3,"file":"slider.styles.js","sourceRoot":"","sources":["../../../src/slider/slider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,mBAAmB,EACnB,4BAA4B,EAC5B,0BAA0B,EAC1B,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;;;;;;;;;qBAaL,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;4BA2BV,iBAAiB;yBACpB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAkClB,oBAAoB;qBACvB,oBAAoB;mDACU,uBAAuB,eAAe,mBAAmB;;;wBAGpF,iCAAiC;;;wBAGjC,mCAAmC;;;wBAGnC,8BAA8B;mDACH,uBAAuB,eAAe,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;wBAuB3F,4BAA4B;qBAC/B,kBAAkB;;;;;;;qBAOlB,kBAAkB;;;;;;;QAO/B,uBAAuB;QACvB,uBAAuB;;;;;;;;;wBASP,8BAA8B;;;;;;;;;;;;;;;;;;;wBAmB9B,4BAA4B;;;;qBAI/B,kBAAkB;;;wBAGf,8BAA8B;;;wBAG9B,iCAAiC;;;wBAGjC,8BAA8B;;;wBAG9B,mCAAmC;;;;;;;CAO1D,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;GAiBjC,CAAC,CACH,CAAC"}
@@ -1,5 +1,42 @@
1
- import { sliderTemplate } from '@microsoft/fast-foundation/slider.js';
1
+ import { html, ref } from '@microsoft/fast-element';
2
+ import { staticallyCompose } from '../utils/template-helpers.js';
3
+ export function sliderTemplate(options = {}) {
4
+ return html `
5
+ <template
6
+ role="slider"
7
+ tabindex="${x => (x.disabled ? null : 0)}"
8
+ aria-valuetext="${x => x.valueTextFormatter(x.value)}"
9
+ aria-valuenow="${x => x.value}"
10
+ aria-valuemin="${x => x.min}"
11
+ aria-valuemax="${x => x.max}"
12
+ aria-disabled="${x => (x.disabled ? true : void 0)}"
13
+ aria-readonly="${x => (x.readOnly ? true : void 0)}"
14
+ aria-orientation="${x => x.orientation}"
15
+ class="${x => x.orientation}"
16
+ >
17
+ <div part="positioning-region" class="positioning-region">
18
+ <div ${ref('track')} part="track-container" class="track">
19
+ <slot name="track"></slot>
20
+ <div part="track-start" class="track-start" style="${x => x.position}">
21
+ <slot name="track-start"></slot>
22
+ </div>
23
+ </div>
24
+ <slot></slot>
25
+ <div
26
+ ${ref('thumb')}
27
+ part="thumb-container"
28
+ class="thumb-container"
29
+ style="${x => x.position}"
30
+ @mousedown="${(x, c) => x.handleThumbMouseDown(c.event)}"
31
+ @touchstart="${(x, c) => x.handleThumbMouseDown(c.event)}"
32
+ >
33
+ <slot name="thumb">${staticallyCompose(options.thumb)}</slot>
34
+ </div>
35
+ </div>
36
+ </template>
37
+ `;
38
+ }
2
39
  export const template = sliderTemplate({
3
- thumb: `<div class="thumb-cursor" tabindex="0"></div>`,
40
+ thumb: `<div class="thumb-cursor"></div>`,
4
41
  });
5
42
  //# sourceMappingURL=slider.template.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"slider.template.js","sourceRoot":"","sources":["../../../src/slider/slider.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAElF,MAAM,CAAC,MAAM,QAAQ,GAAoC,cAAc,CAAC;IACtE,KAAK,EAAE,+CAA+C;CACvD,CAAC,CAAC"}
1
+ {"version":3,"file":"slider.template.js","sourceRoot":"","sources":["../../../src/slider/slider.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAIjE,MAAM,UAAU,cAAc,CAAmB,UAAyB,EAAE;IAC1E,OAAO,IAAI,CAAG;;;kBAGE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;wBACtB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC;uBACnC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK;uBACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;uBACV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;uBACV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;uBACjC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;0BAC9B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;eAC7B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;;;eAGlB,GAAG,CAAC,OAAO,CAAC;;+DAEoC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;;;;;YAMlE,GAAG,CAAC,OAAO,CAAC;;;mBAGL,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;wBACV,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,KAAmB,CAAC;yBACtD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,KAAmB,CAAC;;+BAEjD,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC;;;;GAI5D,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAgC,cAAc,CAAC;IAClE,KAAK,EAAE,kCAAkC;CAC1C,CAAC,CAAC"}
@@ -1,5 +1,5 @@
1
- export * from './spinner.js';
2
- export * from './spinner.options.js';
1
+ export { Spinner } from './spinner.js';
2
+ export { SpinnerAppearance, SpinnerSize } from './spinner.options.js';
3
3
  export { template as SpinnerTemplate } from './spinner.template.js';
4
4
  export { styles as SpinnerStyles } from './spinner.styles.js';
5
5
  export { definition as SpinnerDefinition } from './spinner.definition.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/spinner/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { FluentDesignSystem } from '../fluent-design-system.js';
2
+ import { definition } from './spinner.definition.js';
3
+ definition.define(FluentDesignSystem.registry);
4
+ const itemRenderer = () => {
5
+ const spinner = document.createElement('fluent-spinner');
6
+ return spinner;
7
+ };
8
+ export default itemRenderer;
9
+ export { tests } from '../utils/benchmark-wrapper.js';
10
+ //# sourceMappingURL=spinner.bench.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spinner.bench.js","sourceRoot":"","sources":["../../../src/spinner/spinner.bench.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAE/C,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACzD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC"}
@@ -3,10 +3,6 @@ import { Spinner } from './spinner.js';
3
3
  import { styles } from './spinner.styles.js';
4
4
  import { template } from './spinner.template.js';
5
5
  /**
6
- * The Fluent Spinner Element. Implements {@link @microsoft/fast-foundation#ProgressRing },
7
- * {@link @microsoft/fast-foundation#progress-ringTemplate}
8
- *
9
- *
10
6
  * @public
11
7
  * @remarks
12
8
  * HTML Element: \<fluent-spinner\>
@@ -1 +1 @@
1
- {"version":3,"file":"spinner.definition.js","sourceRoot":"","sources":["../../../src/spinner/spinner.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC;IACxC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,UAAU;IAC5C,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
1
+ {"version":3,"file":"spinner.definition.js","sourceRoot":"","sources":["../../../src/spinner/spinner.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC;IACxC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,UAAU;IAC5C,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}