@fluentui/web-components 3.0.0-beta.21 → 3.0.0-beta.23

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 (250) hide show
  1. package/CHANGELOG.md +22 -2
  2. package/dist/dts/accordion/accordion.bench.d.ts +3 -0
  3. package/dist/dts/accordion/accordion.options.d.ts +3 -3
  4. package/dist/dts/accordion-item/accordion-item.bench.d.ts +3 -0
  5. package/dist/dts/accordion-item/accordion-item.d.ts +2 -5
  6. package/dist/dts/accordion-item/accordion-item.options.d.ts +2 -2
  7. package/dist/dts/accordion-item/accordion-item.template.d.ts +1 -1
  8. package/dist/dts/accordion-item/index.d.ts +2 -1
  9. package/dist/dts/anchor-button/anchor-button.bench.d.ts +3 -0
  10. package/dist/dts/anchor-button/anchor-button.d.ts +1 -1
  11. package/dist/dts/anchor-button/anchor-button.options.d.ts +4 -4
  12. package/dist/dts/anchor-button/index.d.ts +3 -2
  13. package/dist/dts/avatar/avatar.bench.d.ts +3 -0
  14. package/dist/dts/avatar/avatar.options.d.ts +6 -6
  15. package/dist/dts/badge/badge.bench.d.ts +3 -0
  16. package/dist/dts/badge/badge.options.d.ts +5 -5
  17. package/dist/dts/button/button.bench.d.ts +3 -0
  18. package/dist/dts/button/button.options.d.ts +6 -6
  19. package/dist/dts/button/index.d.ts +4 -3
  20. package/dist/dts/checkbox/checkbox.bench.d.ts +3 -0
  21. package/dist/dts/checkbox/checkbox.d.ts +1 -4
  22. package/dist/dts/checkbox/checkbox.options.d.ts +3 -3
  23. package/dist/dts/checkbox/index.d.ts +4 -3
  24. package/dist/dts/compound-button/compound-button.bench.d.ts +3 -0
  25. package/dist/dts/compound-button/compound-button.options.d.ts +3 -3
  26. package/dist/dts/counter-badge/counter-badge.bench.d.ts +3 -0
  27. package/dist/dts/counter-badge/counter-badge.options.d.ts +5 -5
  28. package/dist/dts/dialog/dialog.bench.d.ts +3 -0
  29. package/dist/dts/dialog/dialog.d.ts +12 -146
  30. package/dist/dts/dialog/dialog.options.d.ts +2 -2
  31. package/dist/dts/dialog/index.d.ts +1 -1
  32. package/dist/dts/dialog-body/define.d.ts +1 -0
  33. package/dist/dts/dialog-body/dialog-body.bench.d.ts +3 -0
  34. package/dist/dts/dialog-body/dialog-body.d.ts +14 -0
  35. package/dist/dts/dialog-body/dialog-body.definition.d.ts +9 -0
  36. package/dist/dts/dialog-body/dialog-body.styles.d.ts +4 -0
  37. package/dist/dts/dialog-body/dialog-body.template.d.ts +6 -0
  38. package/dist/dts/dialog-body/index.d.ts +4 -0
  39. package/dist/dts/divider/divider.bench.d.ts +3 -0
  40. package/dist/dts/divider/divider.d.ts +4 -7
  41. package/dist/dts/divider/divider.options.d.ts +4 -4
  42. package/dist/dts/form-associated/form-associated.d.ts +4 -4
  43. package/dist/dts/image/image.bench.d.ts +3 -0
  44. package/dist/dts/image/image.options.d.ts +2 -2
  45. package/dist/dts/index-rollup.d.ts +30 -35
  46. package/dist/dts/index.d.ts +50 -34
  47. package/dist/dts/label/label.bench.d.ts +3 -0
  48. package/dist/dts/label/label.d.ts +0 -2
  49. package/dist/dts/label/label.options.d.ts +2 -2
  50. package/dist/dts/menu/menu.bench.d.ts +3 -0
  51. package/dist/dts/menu/menu.d.ts +27 -25
  52. package/dist/dts/menu-button/index.d.ts +4 -3
  53. package/dist/dts/menu-button/menu-button.bench.d.ts +3 -0
  54. package/dist/dts/menu-button/menu-button.options.d.ts +4 -4
  55. package/dist/dts/menu-item/index.d.ts +4 -3
  56. package/dist/dts/menu-item/menu-item.bench.d.ts +3 -0
  57. package/dist/dts/menu-item/menu-item.d.ts +2 -2
  58. package/dist/dts/menu-item/menu-item.options.d.ts +1 -1
  59. package/dist/dts/menu-list/menu-list.bench.d.ts +3 -0
  60. package/dist/dts/patterns/start-end.d.ts +3 -3
  61. package/dist/dts/progress-bar/index.d.ts +3 -2
  62. package/dist/dts/progress-bar/progress-bar.bench.d.ts +3 -0
  63. package/dist/dts/progress-bar/progress-bar.options.d.ts +4 -4
  64. package/dist/dts/radio/index.d.ts +2 -1
  65. package/dist/dts/radio/radio.bench.d.ts +3 -0
  66. package/dist/dts/radio/radio.d.ts +2 -2
  67. package/dist/dts/radio-group/radio-group.bench.d.ts +3 -0
  68. package/dist/dts/radio-group/radio-group.options.d.ts +1 -1
  69. package/dist/dts/slider/index.d.ts +3 -2
  70. package/dist/dts/slider/slider.bench.d.ts +3 -0
  71. package/dist/dts/slider/slider.options.d.ts +4 -4
  72. package/dist/dts/spinner/spinner.bench.d.ts +3 -0
  73. package/dist/dts/spinner/spinner.d.ts +0 -2
  74. package/dist/dts/spinner/spinner.options.d.ts +2 -2
  75. package/dist/dts/switch/index.d.ts +3 -2
  76. package/dist/dts/switch/switch.bench.d.ts +3 -0
  77. package/dist/dts/switch/switch.d.ts +1 -2
  78. package/dist/dts/switch/switch.options.d.ts +1 -1
  79. package/dist/dts/tab/index.d.ts +4 -3
  80. package/dist/dts/tab/tab.bench.d.ts +3 -0
  81. package/dist/dts/tab/tab.d.ts +1 -1
  82. package/dist/dts/tab/tab.template.d.ts +1 -1
  83. package/dist/dts/tab-panel/tab-panel.bench.d.ts +3 -0
  84. package/dist/dts/tabs/index.d.ts +4 -3
  85. package/dist/dts/tabs/tabs.bench.d.ts +3 -0
  86. package/dist/dts/tabs/tabs.d.ts +13 -9
  87. package/dist/dts/tabs/tabs.options.d.ts +4 -4
  88. package/dist/dts/text/text.bench.d.ts +3 -0
  89. package/dist/dts/text/text.options.d.ts +4 -4
  90. package/dist/dts/text-input/text-input.bench.d.ts +3 -0
  91. package/dist/dts/text-input/text-input.d.ts +0 -3
  92. package/dist/dts/text-input/text-input.options.d.ts +4 -4
  93. package/dist/dts/theme/design-tokens.d.ts +1744 -0
  94. package/dist/dts/theme/set-theme.d.ts +5 -1
  95. package/dist/dts/toggle-button/index.d.ts +4 -3
  96. package/dist/dts/toggle-button/toggle-button.bench.d.ts +3 -0
  97. package/dist/dts/toggle-button/toggle-button.options.d.ts +4 -4
  98. package/dist/dts/utils/behaviors/match-media-stylesheet-behavior.d.ts +1 -1
  99. package/dist/dts/utils/display.d.ts +1 -1
  100. package/dist/dts/utils/template-helpers.d.ts +1 -1
  101. package/dist/dts/utils/typings.d.ts +1 -1
  102. package/dist/esm/accordion/accordion.bench.js +30 -0
  103. package/dist/esm/accordion/accordion.bench.js.map +1 -0
  104. package/dist/esm/accordion/accordion.options.js +1 -1
  105. package/dist/esm/accordion-item/accordion-item.bench.js +14 -0
  106. package/dist/esm/accordion-item/accordion-item.bench.js.map +1 -0
  107. package/dist/esm/accordion-item/accordion-item.js +0 -1
  108. package/dist/esm/accordion-item/accordion-item.js.map +1 -1
  109. package/dist/esm/accordion-item/index.js.map +1 -1
  110. package/dist/esm/anchor-button/anchor-button.bench.js +11 -0
  111. package/dist/esm/anchor-button/anchor-button.bench.js.map +1 -0
  112. package/dist/esm/anchor-button/index.js +2 -2
  113. package/dist/esm/anchor-button/index.js.map +1 -1
  114. package/dist/esm/avatar/avatar.bench.js +10 -0
  115. package/dist/esm/avatar/avatar.bench.js.map +1 -0
  116. package/dist/esm/badge/badge.bench.js +11 -0
  117. package/dist/esm/badge/badge.bench.js.map +1 -0
  118. package/dist/esm/button/button.bench.js +11 -0
  119. package/dist/esm/button/button.bench.js.map +1 -0
  120. package/dist/esm/button/button.js +26 -26
  121. package/dist/esm/button/button.js.map +1 -1
  122. package/dist/esm/button/index.js +3 -3
  123. package/dist/esm/button/index.js.map +1 -1
  124. package/dist/esm/checkbox/checkbox.bench.js +11 -0
  125. package/dist/esm/checkbox/checkbox.bench.js.map +1 -0
  126. package/dist/esm/checkbox/checkbox.js.map +1 -1
  127. package/dist/esm/checkbox/index.js +2 -2
  128. package/dist/esm/checkbox/index.js.map +1 -1
  129. package/dist/esm/compound-button/compound-button.bench.js +15 -0
  130. package/dist/esm/compound-button/compound-button.bench.js.map +1 -0
  131. package/dist/esm/counter-badge/counter-badge.bench.js +11 -0
  132. package/dist/esm/counter-badge/counter-badge.bench.js.map +1 -0
  133. package/dist/esm/dialog/dialog.bench.js +11 -0
  134. package/dist/esm/dialog/dialog.bench.js.map +1 -0
  135. package/dist/esm/dialog/dialog.js +32 -306
  136. package/dist/esm/dialog/dialog.js.map +1 -1
  137. package/dist/esm/dialog/dialog.options.js +1 -1
  138. package/dist/esm/dialog/dialog.options.js.map +1 -1
  139. package/dist/esm/dialog/dialog.styles.js +61 -84
  140. package/dist/esm/dialog/dialog.styles.js.map +1 -1
  141. package/dist/esm/dialog/dialog.template.js +17 -54
  142. package/dist/esm/dialog/dialog.template.js.map +1 -1
  143. package/dist/esm/dialog/index.js +1 -1
  144. package/dist/esm/dialog/index.js.map +1 -1
  145. package/dist/esm/dialog-body/define.js +4 -0
  146. package/dist/esm/dialog-body/define.js.map +1 -0
  147. package/dist/esm/dialog-body/dialog-body.bench.js +11 -0
  148. package/dist/esm/dialog-body/dialog-body.bench.js.map +1 -0
  149. package/dist/esm/dialog-body/dialog-body.definition.js +17 -0
  150. package/dist/esm/dialog-body/dialog-body.definition.js.map +1 -0
  151. package/dist/esm/dialog-body/dialog-body.js +22 -0
  152. package/dist/esm/dialog-body/dialog-body.js.map +1 -0
  153. package/dist/esm/dialog-body/dialog-body.styles.js +79 -0
  154. package/dist/esm/dialog-body/dialog-body.styles.js.map +1 -0
  155. package/dist/esm/dialog-body/dialog-body.template.js +42 -0
  156. package/dist/esm/dialog-body/dialog-body.template.js.map +1 -0
  157. package/dist/esm/dialog-body/index.js +5 -0
  158. package/dist/esm/dialog-body/index.js.map +1 -0
  159. package/dist/esm/divider/divider.bench.js +10 -0
  160. package/dist/esm/divider/divider.bench.js.map +1 -0
  161. package/dist/esm/divider/divider.js +1 -1
  162. package/dist/esm/divider/divider.js.map +1 -1
  163. package/dist/esm/form-associated/form-associated.js +66 -66
  164. package/dist/esm/form-associated/form-associated.js.map +1 -1
  165. package/dist/esm/image/image.bench.js +14 -0
  166. package/dist/esm/image/image.bench.js.map +1 -0
  167. package/dist/esm/index-rollup.js +30 -35
  168. package/dist/esm/index-rollup.js.map +1 -1
  169. package/dist/esm/index.js +34 -33
  170. package/dist/esm/index.js.map +1 -1
  171. package/dist/esm/label/label.bench.js +11 -0
  172. package/dist/esm/label/label.bench.js.map +1 -0
  173. package/dist/esm/label/label.js.map +1 -1
  174. package/dist/esm/menu/menu.bench.js +31 -0
  175. package/dist/esm/menu/menu.bench.js.map +1 -0
  176. package/dist/esm/menu/menu.js +25 -23
  177. package/dist/esm/menu/menu.js.map +1 -1
  178. package/dist/esm/menu-button/index.js +2 -2
  179. package/dist/esm/menu-button/index.js.map +1 -1
  180. package/dist/esm/menu-button/menu-button.bench.js +11 -0
  181. package/dist/esm/menu-button/menu-button.bench.js.map +1 -0
  182. package/dist/esm/menu-item/index.js +2 -2
  183. package/dist/esm/menu-item/index.js.map +1 -1
  184. package/dist/esm/menu-item/menu-item.bench.js +11 -0
  185. package/dist/esm/menu-item/menu-item.bench.js.map +1 -0
  186. package/dist/esm/menu-list/menu-list.bench.js +21 -0
  187. package/dist/esm/menu-list/menu-list.bench.js.map +1 -0
  188. package/dist/esm/menu-list/menu-list.js +2 -1
  189. package/dist/esm/menu-list/menu-list.js.map +1 -1
  190. package/dist/esm/progress-bar/index.js +2 -2
  191. package/dist/esm/progress-bar/index.js.map +1 -1
  192. package/dist/esm/progress-bar/progress-bar.bench.js +10 -0
  193. package/dist/esm/progress-bar/progress-bar.bench.js.map +1 -0
  194. package/dist/esm/radio/index.js +1 -1
  195. package/dist/esm/radio/index.js.map +1 -1
  196. package/dist/esm/radio/radio.bench.js +11 -0
  197. package/dist/esm/radio/radio.bench.js.map +1 -0
  198. package/dist/esm/radio/radio.js +11 -11
  199. package/dist/esm/radio/radio.js.map +1 -1
  200. package/dist/esm/radio-group/radio-group.bench.js +21 -0
  201. package/dist/esm/radio-group/radio-group.bench.js.map +1 -0
  202. package/dist/esm/slider/index.js +1 -1
  203. package/dist/esm/slider/index.js.map +1 -1
  204. package/dist/esm/slider/slider.bench.js +10 -0
  205. package/dist/esm/slider/slider.bench.js.map +1 -0
  206. package/dist/esm/slider/slider.template.js +1 -1
  207. package/dist/esm/slider/slider.template.js.map +1 -1
  208. package/dist/esm/spinner/spinner.bench.js +10 -0
  209. package/dist/esm/spinner/spinner.bench.js.map +1 -0
  210. package/dist/esm/spinner/spinner.js.map +1 -1
  211. package/dist/esm/switch/index.js +1 -1
  212. package/dist/esm/switch/index.js.map +1 -1
  213. package/dist/esm/switch/switch.bench.js +11 -0
  214. package/dist/esm/switch/switch.bench.js.map +1 -0
  215. package/dist/esm/switch/switch.js +5 -5
  216. package/dist/esm/switch/switch.js.map +1 -1
  217. package/dist/esm/tab/index.js +2 -2
  218. package/dist/esm/tab/index.js.map +1 -1
  219. package/dist/esm/tab/tab.bench.js +11 -0
  220. package/dist/esm/tab/tab.bench.js.map +1 -0
  221. package/dist/esm/tab-panel/tab-panel.bench.js +13 -0
  222. package/dist/esm/tab-panel/tab-panel.bench.js.map +1 -0
  223. package/dist/esm/tabs/index.js +2 -2
  224. package/dist/esm/tabs/index.js.map +1 -1
  225. package/dist/esm/tabs/tabs.bench.js +32 -0
  226. package/dist/esm/tabs/tabs.bench.js.map +1 -0
  227. package/dist/esm/tabs/tabs.js +13 -9
  228. package/dist/esm/tabs/tabs.js.map +1 -1
  229. package/dist/esm/text/text.bench.js +13 -0
  230. package/dist/esm/text/text.bench.js.map +1 -0
  231. package/dist/esm/text-input/text-input.bench.js +10 -0
  232. package/dist/esm/text-input/text-input.bench.js.map +1 -0
  233. package/dist/esm/text-input/text-input.js.map +1 -1
  234. package/dist/esm/theme/design-tokens.js +1744 -0
  235. package/dist/esm/theme/design-tokens.js.map +1 -1
  236. package/dist/esm/theme/set-theme.js +5 -1
  237. package/dist/esm/theme/set-theme.js.map +1 -1
  238. package/dist/esm/toggle-button/index.js +3 -3
  239. package/dist/esm/toggle-button/index.js.map +1 -1
  240. package/dist/esm/toggle-button/toggle-button.bench.js +11 -0
  241. package/dist/esm/toggle-button/toggle-button.bench.js.map +1 -0
  242. package/dist/web-components.d.ts +1850 -213
  243. package/dist/web-components.js +1325 -2747
  244. package/dist/web-components.min.js +253 -255
  245. package/package.json +19 -3
  246. package/dist/fluent-web-components.api.json +0 -29683
  247. package/docs/api-report.md +0 -3212
  248. package/playwright.config.ts +0 -24
  249. package/project.json +0 -6
  250. package/tensile.config.js +0 -22
@@ -47,12 +47,12 @@ export declare class Menu extends FASTElement {
47
47
  positioningContainer?: HTMLElement;
48
48
  /**
49
49
  * The trigger element of the menu.
50
- * @private
50
+ * @internal
51
51
  */
52
52
  private _trigger?;
53
53
  /**
54
54
  * The menu list element of the menu.
55
- * @private
55
+ * @internal
56
56
  */
57
57
  private _menuList?;
58
58
  /**
@@ -108,51 +108,53 @@ export declare class Menu extends FASTElement {
108
108
  * Updates the 'aria-expanded' attribute and sets the positioning of the menu.
109
109
  * Sets menu list position
110
110
  * emits openChanged event
111
+ *
112
+ * @param oldValue - The previous value of 'open'.
113
+ * @param newValue - The new value of 'open'.
111
114
  * @public
112
- * @param {boolean} oldValue - The previous value of 'open'.
113
- * @param {boolean} newValue - The new value of 'open'.
114
115
  */
115
116
  openChanged(oldValue: boolean, newValue: boolean): void;
116
117
  /**
117
118
  * Called whenever the 'openOnHover' property changes.
118
119
  * Adds or removes a 'mouseover' event listener to the trigger based on the new value.
120
+ *
121
+ * @param oldValue - The previous value of 'openOnHover'.
122
+ * @param newValue - The new value of 'openOnHover'.
119
123
  * @public
120
- * @param {boolean} oldValue - The previous value of 'openOnHover'.
121
- * @param {boolean} newValue - The new value of 'openOnHover'.
122
124
  */
123
125
  openOnHoverChanged(oldValue: boolean, newValue: boolean): void;
124
126
  /**
125
127
  * Called whenever the 'persistOnItemClick' property changes.
126
128
  * Adds or removes a 'click' event listener to the menu list based on the new value.
127
129
  * @public
128
- * @param {boolean} oldValue - The previous value of 'persistOnItemClick'.
129
- * @param {boolean} newValue - The new value of 'persistOnItemClick'.
130
+ * @param oldValue - The previous value of 'persistOnItemClick'.
131
+ * @param newValue - The new value of 'persistOnItemClick'.
130
132
  */
131
133
  persistOnItemClickChanged(oldValue: boolean, newValue: boolean): void;
132
134
  /**
133
135
  * Called whenever the 'openOnContext' property changes.
134
136
  * Adds or removes a 'contextmenu' event listener to the trigger based on the new value.
135
137
  * @public
136
- * @param {boolean} oldValue - The previous value of 'openOnContext'.
137
- * @param {boolean} newValue - The new value of 'openOnContext'.
138
+ * @param oldValue - The previous value of 'openOnContext'.
139
+ * @param newValue - The new value of 'openOnContext'.
138
140
  */
139
141
  openOnContextChanged(oldValue: boolean, newValue: boolean): void;
140
142
  /**
141
143
  * Called whenever the 'closeOnScroll' property changes.
142
144
  * Adds or removes a 'closeOnScroll' event listener to the trigger based on the new value.
143
145
  * @public
144
- * @param {boolean} oldValue - The previous value of 'closeOnScroll'.
145
- * @param {boolean} newValue - The new value of 'closeOnScroll'.
146
+ * @param oldValue - The previous value of 'closeOnScroll'.
147
+ * @param newValue - The new value of 'closeOnScroll'.
146
148
  */
147
149
  closeOnScrollChanged(oldValue: boolean, newValue: boolean): void;
148
150
  /**
149
151
  * The task to set the positioning of the menu.
150
- * @protected
152
+ * @internal
151
153
  */
152
154
  protected setPositioningTask: () => void;
153
155
  /**
154
156
  * Sets the positioning of the menu.
155
- * @protected
157
+ * @internal
156
158
  */
157
159
  protected setPositioning(): void;
158
160
  /**
@@ -166,29 +168,29 @@ export declare class Menu extends FASTElement {
166
168
  * Removes event listeners.
167
169
  * Removes click and keydown event listeners from the trigger and a click event listener from the document.
168
170
  * Also removes 'mouseover' event listeners from the trigger.
169
- * @private
171
+ * @internal
170
172
  */
171
173
  private removeListeners;
172
174
  /**
173
- * Handles keyboard interaction for the menu.
174
- * Closes the menu and focuses on the trigger when the Escape key is pressed.
175
- * Closes the menu when the Tab key is pressed.
175
+ * Handles keyboard interaction for the menu. Closes the menu and focuses on the trigger when the Escape key is
176
+ * pressed. Closes the menu when the Tab key is pressed.
177
+ *
178
+ * @param e - the keyboard event
176
179
  * @public
177
- * @param {KeyboardEvent} e - the keyboard event
178
180
  */
179
181
  handleMenuKeydown(e: KeyboardEvent): boolean | void;
180
182
  /**
181
- * Handles keyboard interaction for the trigger.
182
- * Toggles the menu when the Space or Enter key is pressed.
183
- * If the menu is open, focuses on the menu list.
183
+ * Handles keyboard interaction for the trigger. Toggles the menu when the Space or Enter key is pressed. If the menu
184
+ * is open, focuses on the menu list.
185
+ *
186
+ * @param e - the keyboard event
184
187
  * @public
185
- * @param {KeyboardEvent} e - the keyboard event
186
188
  */
187
189
  handleTriggerKeydown: (e: KeyboardEvent) => boolean | void;
188
190
  /**
189
191
  * Handles document click events to close the menu when a click occurs outside of the menu or the trigger.
190
- * @private
191
- * @param {Event} e - The event triggered on document click.
192
+ * @internal
193
+ * @param e - The event triggered on document click.
192
194
  */
193
195
  private handleDocumentClick;
194
196
  }
@@ -1,5 +1,6 @@
1
- export { MenuButton } from './menu-button.js';
2
- export { MenuButtonAppearance, MenuButtonShape, MenuButtonSize, MenuButtonOptions } from './menu-button.options.js';
3
- export { template as MenuButtonTemplate } from './menu-button.template.js';
4
1
  export { styles as MenuButtonStyles } from '../button/button.styles.js';
5
2
  export { definition as MenuButtonDefinition } from './menu-button.definition.js';
3
+ export { MenuButton } from './menu-button.js';
4
+ export { MenuButtonAppearance, MenuButtonShape, MenuButtonSize } from './menu-button.options.js';
5
+ export type { MenuButtonOptions } from './menu-button.options.js';
6
+ export { template as MenuButtonTemplate } from './menu-button.template.js';
@@ -0,0 +1,3 @@
1
+ declare const itemRenderer: () => HTMLElement;
2
+ export default itemRenderer;
3
+ export { tests } from '../utils/benchmark-wrapper.js';
@@ -15,7 +15,7 @@ export declare const MenuButtonAppearance: {
15
15
  * A Menu Button can be secondary, primary, outline, subtle, transparent
16
16
  * @public
17
17
  */
18
- export declare type MenuButtonAppearance = ValuesOf<typeof MenuButtonAppearance>;
18
+ export type MenuButtonAppearance = ValuesOf<typeof MenuButtonAppearance>;
19
19
  /**
20
20
  * A Menu Button can be square, circular or rounded.
21
21
  * @public
@@ -29,7 +29,7 @@ export declare const MenuButtonShape: {
29
29
  * A Menu Button can be square, circular or rounded
30
30
  * @public
31
31
  */
32
- export declare type MenuButtonShape = ValuesOf<typeof MenuButtonShape>;
32
+ export type MenuButtonShape = ValuesOf<typeof MenuButtonShape>;
33
33
  /**
34
34
  * A Menu Button can be a size of small, medium or large.
35
35
  * @public
@@ -43,5 +43,5 @@ export declare const MenuButtonSize: {
43
43
  * A Menu Button can be on of several preset sizes.
44
44
  * @public
45
45
  */
46
- export declare type MenuButtonSize = ValuesOf<typeof MenuButtonSize>;
47
- export { ButtonOptions as MenuButtonOptions };
46
+ export type MenuButtonSize = ValuesOf<typeof MenuButtonSize>;
47
+ export type { ButtonOptions as MenuButtonOptions };
@@ -1,5 +1,6 @@
1
- export { MenuItem, MenuItemColumnCount, MenuItemOptions } from './menu-item.js';
1
+ export { definition as MenuItemDefinition } from './menu-item.definition.js';
2
+ export { MenuItem } from './menu-item.js';
3
+ export type { MenuItemColumnCount, MenuItemOptions } from './menu-item.js';
2
4
  export { MenuItemRole, roleForMenuItem } from './menu-item.options.js';
3
- export { template as MenuItemTemplate } from './menu-item.template.js';
4
5
  export { styles as MenuItemStyles } from './menu-item.styles.js';
5
- export { definition as MenuItemDefinition } from './menu-item.definition.js';
6
+ export { template as MenuItemTemplate } from './menu-item.template.js';
@@ -0,0 +1,3 @@
1
+ declare const itemRenderer: () => HTMLElement;
2
+ export default itemRenderer;
3
+ export { tests } from '../utils/benchmark-wrapper.js';
@@ -3,13 +3,13 @@ import type { StaticallyComposableHTML } from '../utils/template-helpers.js';
3
3
  import type { StartEndOptions } from '../patterns/start-end.js';
4
4
  import { StartEnd } from '../patterns/start-end.js';
5
5
  import { MenuItemRole, roleForMenuItem } from './menu-item.options.js';
6
- export declare type MenuItemColumnCount = 0 | 1 | 2;
6
+ export type MenuItemColumnCount = 0 | 1 | 2;
7
7
  export { MenuItemRole, roleForMenuItem };
8
8
  /**
9
9
  * Menu Item configuration options
10
10
  * @public
11
11
  */
12
- export declare type MenuItemOptions = StartEndOptions<MenuItem> & {
12
+ export type MenuItemOptions = StartEndOptions<MenuItem> & {
13
13
  checkboxIndicator?: StaticallyComposableHTML<MenuItem>;
14
14
  expandCollapseGlyph?: StaticallyComposableHTML<MenuItem>;
15
15
  radioIndicator?: StaticallyComposableHTML<MenuItem>;
@@ -21,7 +21,7 @@ export declare const MenuItemRole: {
21
21
  * The types for menu item roles
22
22
  * @public
23
23
  */
24
- export declare type MenuItemRole = ValuesOf<typeof MenuItemRole>;
24
+ export type MenuItemRole = ValuesOf<typeof MenuItemRole>;
25
25
  /**
26
26
  * @internal
27
27
  */
@@ -0,0 +1,3 @@
1
+ declare const itemRenderer: () => HTMLElement;
2
+ export default itemRenderer;
3
+ export { tests } from '../utils/benchmark-wrapper.js';
@@ -4,21 +4,21 @@ import type { StaticallyComposableHTML } from '../utils/index.js';
4
4
  * Start configuration options
5
5
  * @public
6
6
  */
7
- export declare type StartOptions<TSource = any, TParent = any> = {
7
+ export type StartOptions<TSource = any, TParent = any> = {
8
8
  start?: StaticallyComposableHTML<TSource, TParent>;
9
9
  };
10
10
  /**
11
11
  * End configuration options
12
12
  * @public
13
13
  */
14
- export declare type EndOptions<TSource = any, TParent = any> = {
14
+ export type EndOptions<TSource = any, TParent = any> = {
15
15
  end?: StaticallyComposableHTML<TSource, TParent>;
16
16
  };
17
17
  /**
18
18
  * Start/End configuration options
19
19
  * @public
20
20
  */
21
- export declare type StartEndOptions<TSource = any, TParent = any> = StartOptions<TSource, TParent> & EndOptions<TSource, TParent>;
21
+ export type StartEndOptions<TSource = any, TParent = any> = StartOptions<TSource, TParent> & EndOptions<TSource, TParent>;
22
22
  /**
23
23
  * A mixin class implementing start and end slots.
24
24
  * These are generally used to decorate text elements with icons or other visual indicators.
@@ -1,5 +1,6 @@
1
- export { ProgressBar } from './progress-bar.js';
2
- export { ProgressOptions, ProgressBarShape, ProgressBarThickness, ProgressBarValidationState, } from './progress-bar.options.js';
3
1
  export { definition as ProgressBarDefinition } from './progress-bar.definition.js';
2
+ export { ProgressBar } from './progress-bar.js';
3
+ export { ProgressBarShape, ProgressBarThickness, ProgressBarValidationState } from './progress-bar.options.js';
4
+ export type { ProgressOptions } from './progress-bar.options.js';
4
5
  export { styles as ProgressBarStyles } from './progress-bar.styles.js';
5
6
  export { template as ProgressBarTemplate } from './progress-bar.template.js';
@@ -0,0 +1,3 @@
1
+ declare const itemRenderer: () => HTMLElement;
2
+ export default itemRenderer;
3
+ export { tests } from '../utils/benchmark-wrapper.js';
@@ -12,7 +12,7 @@ export declare const ProgressBarThickness: {
12
12
  * Applies bar thickness to the content
13
13
  * @public
14
14
  */
15
- export declare type ProgressBarThickness = ValuesOf<typeof ProgressBarThickness>;
15
+ export type ProgressBarThickness = ValuesOf<typeof ProgressBarThickness>;
16
16
  /**
17
17
  * ProgressBarShape Constants
18
18
  * @public
@@ -25,7 +25,7 @@ export declare const ProgressBarShape: {
25
25
  * Applies bar shape to the content
26
26
  * @public
27
27
  */
28
- export declare type ProgressBarShape = ValuesOf<typeof ProgressBarShape>;
28
+ export type ProgressBarShape = ValuesOf<typeof ProgressBarShape>;
29
29
  /**
30
30
  * ProgressBarValidationState Constants
31
31
  * @public
@@ -39,12 +39,12 @@ export declare const ProgressBarValidationState: {
39
39
  * Applies validation state to the content
40
40
  * @public
41
41
  */
42
- export declare type ProgressBarValidationState = ValuesOf<typeof ProgressBarValidationState>;
42
+ export type ProgressBarValidationState = ValuesOf<typeof ProgressBarValidationState>;
43
43
  /**
44
44
  * Progress configuration options
45
45
  * @public
46
46
  */
47
- export declare type ProgressOptions = {
47
+ export type ProgressOptions = {
48
48
  indeterminateIndicator1?: StaticallyComposableHTML<ProgressBar>;
49
49
  indeterminateIndicator2?: StaticallyComposableHTML<ProgressBar>;
50
50
  };
@@ -1,4 +1,5 @@
1
- export { Radio, RadioControl, RadioOptions } from './radio.js';
2
1
  export { definition as RadioDefinition } from './radio.definition.js';
2
+ export { Radio } from './radio.js';
3
+ export type { RadioControl, RadioOptions } from './radio.js';
3
4
  export { styles as RadioStyles } from './radio.styles.js';
4
5
  export { template as RadioTemplate } from './radio.template.js';
@@ -0,0 +1,3 @@
1
+ declare const itemRenderer: () => HTMLElement;
2
+ export default itemRenderer;
3
+ export { tests } from '../utils/benchmark-wrapper.js';
@@ -3,12 +3,12 @@ import { FormAssociatedRadio } from './radio.form-associated.js';
3
3
  /**
4
4
  * @public
5
5
  */
6
- export declare type RadioControl = Pick<HTMLInputElement, 'checked' | 'disabled' | 'focus' | 'setAttribute' | 'getAttribute'>;
6
+ export type RadioControl = Pick<HTMLInputElement, 'checked' | 'disabled' | 'focus' | 'setAttribute' | 'getAttribute'>;
7
7
  /**
8
8
  * Radio configuration options
9
9
  * @public
10
10
  */
11
- export declare type RadioOptions = {
11
+ export type RadioOptions = {
12
12
  checkedIndicator?: StaticallyComposableHTML<Radio>;
13
13
  };
14
14
  /**
@@ -0,0 +1,3 @@
1
+ declare const itemRenderer: () => HTMLElement;
2
+ export default itemRenderer;
3
+ export { tests } from '../utils/benchmark-wrapper.js';
@@ -14,4 +14,4 @@ export declare const RadioGroupOrientation: {
14
14
  * Types of Radio Group orientation
15
15
  * @public
16
16
  */
17
- export declare type RadioGroupOrientation = ValuesOf<typeof RadioGroupOrientation>;
17
+ export type RadioGroupOrientation = ValuesOf<typeof RadioGroupOrientation>;
@@ -1,5 +1,6 @@
1
- export { Slider } from './slider.js';
2
- export { SliderConfiguration, SliderMode, SliderOptions, SliderOrientation, SliderSize } from './slider.options.js';
3
1
  export { definition as SliderDefinition } from './slider.definition.js';
2
+ export { Slider } from './slider.js';
3
+ export { SliderMode, SliderOrientation, SliderSize } from './slider.options.js';
4
+ export type { SliderConfiguration, SliderOptions } from './slider.options.js';
4
5
  export { styles as SliderStyles } from './slider.styles.js';
5
6
  export { template as SliderTemplate } from './slider.template.js';
@@ -0,0 +1,3 @@
1
+ declare const itemRenderer: () => HTMLElement;
2
+ export default itemRenderer;
3
+ export { tests } from '../utils/benchmark-wrapper.js';
@@ -13,7 +13,7 @@ export declare const SliderSize: {
13
13
  * Applies bar height to the slider rail and diameter to the slider thumbs
14
14
  * @public
15
15
  */
16
- export declare type SliderSize = ValuesOf<typeof SliderSize>;
16
+ export type SliderSize = ValuesOf<typeof SliderSize>;
17
17
  /**
18
18
  * @public
19
19
  */
@@ -25,7 +25,7 @@ export declare const SliderOrientation: {
25
25
  * The types for the orientation of the slider
26
26
  * @public
27
27
  */
28
- export declare type SliderOrientation = ValuesOf<typeof SliderOrientation>;
28
+ export type SliderOrientation = ValuesOf<typeof SliderOrientation>;
29
29
  /**
30
30
  * @public
31
31
  */
@@ -36,7 +36,7 @@ export declare const SliderMode: {
36
36
  * The types for the selection mode of the slider
37
37
  * @public
38
38
  */
39
- export declare type SliderMode = ValuesOf<typeof SliderMode>;
39
+ export type SliderMode = ValuesOf<typeof SliderMode>;
40
40
  /**
41
41
  * @public
42
42
  */
@@ -51,6 +51,6 @@ export interface SliderConfiguration {
51
51
  * Slider configuration options
52
52
  * @public
53
53
  */
54
- export declare type SliderOptions = {
54
+ export type SliderOptions = {
55
55
  thumb?: StaticallyComposableHTML<Slider>;
56
56
  };
@@ -0,0 +1,3 @@
1
+ declare const itemRenderer: () => HTMLElement;
2
+ export default itemRenderer;
3
+ export { tests } from '../utils/benchmark-wrapper.js';
@@ -15,7 +15,6 @@ export declare class Spinner extends FASTElement {
15
15
  * The size of the spinner
16
16
  *
17
17
  * @public
18
- * @default 'medium'
19
18
  * @remarks
20
19
  * HTML Attribute: size
21
20
  */
@@ -23,7 +22,6 @@ export declare class Spinner extends FASTElement {
23
22
  /**
24
23
  * The appearance of the spinner
25
24
  * @public
26
- * @default 'primary'
27
25
  * @remarks
28
26
  * HTML Attribute: appearance
29
27
  */
@@ -11,7 +11,7 @@ export declare const SpinnerAppearance: {
11
11
  * A Spinner's appearance can be either primary or inverted
12
12
  * @public
13
13
  */
14
- export declare type SpinnerAppearance = ValuesOf<typeof SpinnerAppearance>;
14
+ export type SpinnerAppearance = ValuesOf<typeof SpinnerAppearance>;
15
15
  /**
16
16
  * SpinnerSize constants
17
17
  * @public
@@ -29,4 +29,4 @@ export declare const SpinnerSize: {
29
29
  * A Spinner's size can be either small, tiny, extra-small, medium, large, extra-large, or huge
30
30
  * @public
31
31
  */
32
- export declare type SpinnerSize = ValuesOf<typeof SpinnerSize>;
32
+ export type SpinnerSize = ValuesOf<typeof SpinnerSize>;
@@ -1,5 +1,6 @@
1
- export { Switch, SwitchOptions } from './switch.js';
2
- export { SwitchLabelPosition } from './switch.options.js';
3
1
  export { definition as SwitchDefinition } from './switch.definition.js';
2
+ export { Switch } from './switch.js';
3
+ export type { SwitchOptions } from './switch.js';
4
+ export { SwitchLabelPosition } from './switch.options.js';
4
5
  export { styles as SwitchStyles } from './switch.styles.js';
5
6
  export { template as SwitchTemplate } from './switch.template.js';
@@ -0,0 +1,3 @@
1
+ declare const itemRenderer: () => HTMLElement;
2
+ export default itemRenderer;
3
+ export { tests } from '../utils/benchmark-wrapper.js';
@@ -1,7 +1,7 @@
1
1
  import type { StaticallyComposableHTML } from '../utils/index.js';
2
2
  import { SwitchLabelPosition } from './switch.options.js';
3
3
  import { FormAssociatedSwitch } from './switch.form-associated.js';
4
- export declare type SwitchOptions = {
4
+ export type SwitchOptions = {
5
5
  switch?: StaticallyComposableHTML<Switch>;
6
6
  };
7
7
  export declare class Switch extends FormAssociatedSwitch {
@@ -9,7 +9,6 @@ export declare class Switch extends FormAssociatedSwitch {
9
9
  * The label position of the switch
10
10
  *
11
11
  * @public
12
- * @default 'after'
13
12
  * @remarks
14
13
  * HTML Attribute: labelposition
15
14
  */
@@ -12,4 +12,4 @@ export declare const SwitchLabelPosition: {
12
12
  * Applies label position
13
13
  * @public
14
14
  */
15
- export declare type SwitchLabelPosition = ValuesOf<typeof SwitchLabelPosition>;
15
+ export type SwitchLabelPosition = ValuesOf<typeof SwitchLabelPosition>;
@@ -1,4 +1,5 @@
1
- export { Tab, TabOptions } from './tab.js';
2
- export { template as TabTemplate } from './tab.template.js';
3
- export { styles as TabStyles } from './tab.styles.js';
4
1
  export { definition as TabDefinition } from './tab.definition.js';
2
+ export { Tab } from './tab.js';
3
+ export type { TabOptions } from './tab.js';
4
+ export { styles as TabStyles } from './tab.styles.js';
5
+ export { template as TabTemplate } from './tab.template.js';
@@ -0,0 +1,3 @@
1
+ declare const itemRenderer: () => HTMLElement;
2
+ export default itemRenderer;
3
+ export { tests } from '../utils/benchmark-wrapper.js';
@@ -4,7 +4,7 @@ import { StartEnd, StartEndOptions } from '../patterns/index.js';
4
4
  * Tab configuration options
5
5
  * @public
6
6
  */
7
- export declare type TabOptions = StartEndOptions<Tab>;
7
+ export type TabOptions = StartEndOptions<Tab>;
8
8
  /**
9
9
  * Tab extends the FASTTab and is a child of the TabList
10
10
  */
@@ -1,4 +1,4 @@
1
1
  import { ElementViewTemplate } from '@microsoft/fast-element';
2
- import { Tab, TabOptions } from './tab.js';
2
+ import type { Tab, TabOptions } from './tab.js';
3
3
  export declare function tabTemplate<T extends Tab>(options?: TabOptions): ElementViewTemplate<T>;
4
4
  export declare const template: ElementViewTemplate<Tab, any>;
@@ -0,0 +1,3 @@
1
+ declare const itemRenderer: () => HTMLElement;
2
+ export default itemRenderer;
3
+ export { tests } from '../utils/benchmark-wrapper.js';
@@ -1,5 +1,6 @@
1
+ export { definition as TabsDefinition } from './tabs.definition.js';
1
2
  export { Tabs } from './tabs.js';
2
- export { TabsAppearance, TabsOptions, TabsOrientation, TabsSize } from './tabs.options.js';
3
- export { template as TabsTemplate } from './tabs.template.js';
3
+ export { TabsAppearance, TabsOrientation, TabsSize } from './tabs.options.js';
4
+ export type { TabsOptions } from './tabs.options.js';
4
5
  export { styles as TabsStyles } from './tabs.styles.js';
5
- export { definition as TabsDefinition } from './tabs.definition.js';
6
+ export { template as TabsTemplate } from './tabs.template.js';
@@ -0,0 +1,3 @@
1
+ declare const itemRenderer: () => HTMLElement;
2
+ export default itemRenderer;
3
+ export { tests } from '../utils/benchmark-wrapper.js';
@@ -2,8 +2,8 @@ import { FASTElement } from '@microsoft/fast-element';
2
2
  import { StartEnd } from '../patterns/index.js';
3
3
  import { TabsAppearance, TabsOrientation, TabsSize } from './tabs.options.js';
4
4
  /**
5
+ * A Tabs component that wraps a collection of tab and tab panel elements.
5
6
  *
6
- * @class TabList component
7
7
  * @public
8
8
  */
9
9
  export declare class BaseTabs extends FASTElement {
@@ -147,21 +147,25 @@ export declare class Tabs extends BaseTabs {
147
147
  */
148
148
  private getTabScale;
149
149
  /**
150
- * applyUpdatedCSSValues
150
+ * Calculates and applies updated values to CSS variables.
151
151
  *
152
- * calculates and applies updated values to CSS variables
153
- * @param tab
152
+ * @param tab - the tab element to apply the updated values to
153
+ * @internal
154
154
  */
155
155
  private applyUpdatedCSSValues;
156
156
  /**
157
- * animationLoop
158
- * runs through all the operations required for setting the tab active indicator to its starting location, ending location, and applying the animated css class to the tab.
159
- * @param tab
157
+ * Runs through all the operations required for setting the tab active indicator to its starting location, ending
158
+ * location, and applying the animated css class to the tab.
159
+ *
160
+ * @param tab - the tab element to apply the updated values to
161
+ * @internal
160
162
  */
161
163
  private animationLoop;
162
164
  /**
163
- * setTabData
164
- * sets the data from the active tab onto the class. used for making all the animation calculations for the active tab indicator.
165
+ * Sets the data from the active tab onto the class. used for making all the animation calculations for the active
166
+ * tab indicator.
167
+ *
168
+ * @internal
165
169
  */
166
170
  private setTabData;
167
171
  private setTabOffsetCSSVar;
@@ -5,18 +5,18 @@ export declare const TabsAppearance: {
5
5
  readonly subtle: "subtle";
6
6
  readonly transparent: "transparent";
7
7
  };
8
- export declare type TabsAppearance = ValuesOf<typeof TabsAppearance>;
8
+ export type TabsAppearance = ValuesOf<typeof TabsAppearance>;
9
9
  export declare const TabsSize: {
10
10
  readonly small: "small";
11
11
  readonly medium: "medium";
12
12
  readonly large: "large";
13
13
  };
14
- export declare type TabsSize = ValuesOf<typeof TabsSize>;
14
+ export type TabsSize = ValuesOf<typeof TabsSize>;
15
15
  /**
16
16
  * Tabs option configuration options
17
17
  * @public
18
18
  */
19
- export declare type TabsOptions = StartEndOptions<Tabs>;
19
+ export type TabsOptions = StartEndOptions<Tabs>;
20
20
  /**
21
21
  * The orientation of the component
22
22
  * @public
@@ -29,4 +29,4 @@ export declare const TabsOrientation: {
29
29
  * The types for the Tabs component
30
30
  * @public
31
31
  */
32
- export declare type TabsOrientation = ValuesOf<typeof TabsOrientation>;
32
+ export type TabsOrientation = ValuesOf<typeof TabsOrientation>;
@@ -0,0 +1,3 @@
1
+ declare const itemRenderer: () => HTMLElement;
2
+ export default itemRenderer;
3
+ export { tests } from '../utils/benchmark-wrapper.js';
@@ -20,7 +20,7 @@ export declare const TextSize: {
20
20
  * The font size and line height based on the theme tokens
21
21
  * @public
22
22
  */
23
- export declare type TextSize = ValuesOf<typeof TextSize>;
23
+ export type TextSize = ValuesOf<typeof TextSize>;
24
24
  /**
25
25
  * TextFont Constants
26
26
  * @public
@@ -34,7 +34,7 @@ export declare const TextFont: {
34
34
  * Applies font family to the content
35
35
  * @public
36
36
  */
37
- export declare type TextFont = ValuesOf<typeof TextFont>;
37
+ export type TextFont = ValuesOf<typeof TextFont>;
38
38
  /**
39
39
  * TextWeight Constants
40
40
  * @public
@@ -49,7 +49,7 @@ export declare const TextWeight: {
49
49
  * Applies font weight to the content
50
50
  * @public
51
51
  */
52
- export declare type TextWeight = ValuesOf<typeof TextWeight>;
52
+ export type TextWeight = ValuesOf<typeof TextWeight>;
53
53
  /**
54
54
  * TextAlign Constants
55
55
  * @public
@@ -64,4 +64,4 @@ export declare const TextAlign: {
64
64
  * Aligns the content
65
65
  * @public
66
66
  */
67
- export declare type TextAlign = ValuesOf<typeof TextAlign>;
67
+ export type TextAlign = ValuesOf<typeof TextAlign>;
@@ -0,0 +1,3 @@
1
+ declare const itemRenderer: () => HTMLElement;
2
+ export default itemRenderer;
3
+ export { tests } from '../utils/benchmark-wrapper.js';