@fluentui/web-components 3.0.0-beta.22 → 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 (185) hide show
  1. package/CHANGELOG.md +13 -2
  2. package/dist/dts/accordion/accordion.bench.d.ts +3 -0
  3. package/dist/dts/accordion/accordion.options.d.ts +1 -1
  4. package/dist/dts/accordion-item/accordion-item.bench.d.ts +3 -0
  5. package/dist/dts/accordion-item/accordion-item.d.ts +1 -1
  6. package/dist/dts/accordion-item/accordion-item.options.d.ts +2 -2
  7. package/dist/dts/anchor-button/anchor-button.bench.d.ts +3 -0
  8. package/dist/dts/anchor-button/anchor-button.d.ts +1 -1
  9. package/dist/dts/anchor-button/anchor-button.options.d.ts +4 -4
  10. package/dist/dts/avatar/avatar.bench.d.ts +3 -0
  11. package/dist/dts/avatar/avatar.options.d.ts +6 -6
  12. package/dist/dts/badge/badge.bench.d.ts +3 -0
  13. package/dist/dts/badge/badge.options.d.ts +5 -5
  14. package/dist/dts/button/button.bench.d.ts +3 -0
  15. package/dist/dts/button/button.options.d.ts +6 -6
  16. package/dist/dts/checkbox/checkbox.bench.d.ts +3 -0
  17. package/dist/dts/checkbox/checkbox.d.ts +1 -1
  18. package/dist/dts/checkbox/checkbox.options.d.ts +3 -3
  19. package/dist/dts/compound-button/compound-button.bench.d.ts +3 -0
  20. package/dist/dts/compound-button/compound-button.options.d.ts +3 -3
  21. package/dist/dts/counter-badge/counter-badge.bench.d.ts +3 -0
  22. package/dist/dts/counter-badge/counter-badge.options.d.ts +5 -5
  23. package/dist/dts/dialog/dialog.bench.d.ts +3 -0
  24. package/dist/dts/dialog/dialog.d.ts +11 -144
  25. package/dist/dts/dialog/dialog.options.d.ts +2 -2
  26. package/dist/dts/dialog/index.d.ts +1 -1
  27. package/dist/dts/dialog-body/define.d.ts +1 -0
  28. package/dist/dts/dialog-body/dialog-body.bench.d.ts +3 -0
  29. package/dist/dts/dialog-body/dialog-body.d.ts +14 -0
  30. package/dist/dts/dialog-body/dialog-body.definition.d.ts +9 -0
  31. package/dist/dts/dialog-body/dialog-body.styles.d.ts +4 -0
  32. package/dist/dts/dialog-body/dialog-body.template.d.ts +6 -0
  33. package/dist/dts/dialog-body/index.d.ts +4 -0
  34. package/dist/dts/divider/divider.bench.d.ts +3 -0
  35. package/dist/dts/divider/divider.options.d.ts +4 -4
  36. package/dist/dts/form-associated/form-associated.d.ts +4 -4
  37. package/dist/dts/image/image.bench.d.ts +3 -0
  38. package/dist/dts/image/image.options.d.ts +2 -2
  39. package/dist/dts/index-rollup.d.ts +1 -0
  40. package/dist/dts/index.d.ts +2 -1
  41. package/dist/dts/label/label.bench.d.ts +3 -0
  42. package/dist/dts/label/label.options.d.ts +2 -2
  43. package/dist/dts/menu/menu.bench.d.ts +3 -0
  44. package/dist/dts/menu-button/menu-button.bench.d.ts +3 -0
  45. package/dist/dts/menu-button/menu-button.options.d.ts +3 -3
  46. package/dist/dts/menu-item/menu-item.bench.d.ts +3 -0
  47. package/dist/dts/menu-item/menu-item.d.ts +2 -2
  48. package/dist/dts/menu-item/menu-item.options.d.ts +1 -1
  49. package/dist/dts/menu-list/menu-list.bench.d.ts +3 -0
  50. package/dist/dts/patterns/start-end.d.ts +3 -3
  51. package/dist/dts/progress-bar/progress-bar.bench.d.ts +3 -0
  52. package/dist/dts/progress-bar/progress-bar.options.d.ts +4 -4
  53. package/dist/dts/radio/radio.bench.d.ts +3 -0
  54. package/dist/dts/radio/radio.d.ts +2 -2
  55. package/dist/dts/radio-group/radio-group.bench.d.ts +3 -0
  56. package/dist/dts/radio-group/radio-group.options.d.ts +1 -1
  57. package/dist/dts/slider/slider.bench.d.ts +3 -0
  58. package/dist/dts/slider/slider.options.d.ts +4 -4
  59. package/dist/dts/spinner/spinner.bench.d.ts +3 -0
  60. package/dist/dts/spinner/spinner.options.d.ts +2 -2
  61. package/dist/dts/switch/switch.bench.d.ts +3 -0
  62. package/dist/dts/switch/switch.d.ts +1 -1
  63. package/dist/dts/switch/switch.options.d.ts +1 -1
  64. package/dist/dts/tab/tab.bench.d.ts +3 -0
  65. package/dist/dts/tab/tab.d.ts +1 -1
  66. package/dist/dts/tab-panel/tab-panel.bench.d.ts +3 -0
  67. package/dist/dts/tabs/tabs.bench.d.ts +3 -0
  68. package/dist/dts/tabs/tabs.options.d.ts +4 -4
  69. package/dist/dts/text/text.bench.d.ts +3 -0
  70. package/dist/dts/text/text.options.d.ts +4 -4
  71. package/dist/dts/text-input/text-input.bench.d.ts +3 -0
  72. package/dist/dts/text-input/text-input.d.ts +0 -1
  73. package/dist/dts/text-input/text-input.options.d.ts +4 -4
  74. package/dist/dts/toggle-button/toggle-button.bench.d.ts +3 -0
  75. package/dist/dts/toggle-button/toggle-button.options.d.ts +3 -3
  76. package/dist/dts/utils/behaviors/match-media-stylesheet-behavior.d.ts +1 -1
  77. package/dist/dts/utils/display.d.ts +1 -1
  78. package/dist/dts/utils/template-helpers.d.ts +1 -1
  79. package/dist/dts/utils/typings.d.ts +1 -1
  80. package/dist/esm/accordion/accordion.bench.js +30 -0
  81. package/dist/esm/accordion/accordion.bench.js.map +1 -0
  82. package/dist/esm/accordion-item/accordion-item.bench.js +14 -0
  83. package/dist/esm/accordion-item/accordion-item.bench.js.map +1 -0
  84. package/dist/esm/anchor-button/anchor-button.bench.js +11 -0
  85. package/dist/esm/anchor-button/anchor-button.bench.js.map +1 -0
  86. package/dist/esm/avatar/avatar.bench.js +10 -0
  87. package/dist/esm/avatar/avatar.bench.js.map +1 -0
  88. package/dist/esm/badge/badge.bench.js +11 -0
  89. package/dist/esm/badge/badge.bench.js.map +1 -0
  90. package/dist/esm/button/button.bench.js +11 -0
  91. package/dist/esm/button/button.bench.js.map +1 -0
  92. package/dist/esm/button/button.js +26 -26
  93. package/dist/esm/button/button.js.map +1 -1
  94. package/dist/esm/checkbox/checkbox.bench.js +11 -0
  95. package/dist/esm/checkbox/checkbox.bench.js.map +1 -0
  96. package/dist/esm/compound-button/compound-button.bench.js +15 -0
  97. package/dist/esm/compound-button/compound-button.bench.js.map +1 -0
  98. package/dist/esm/counter-badge/counter-badge.bench.js +11 -0
  99. package/dist/esm/counter-badge/counter-badge.bench.js.map +1 -0
  100. package/dist/esm/dialog/dialog.bench.js +11 -0
  101. package/dist/esm/dialog/dialog.bench.js.map +1 -0
  102. package/dist/esm/dialog/dialog.js +31 -304
  103. package/dist/esm/dialog/dialog.js.map +1 -1
  104. package/dist/esm/dialog/dialog.options.js +1 -1
  105. package/dist/esm/dialog/dialog.options.js.map +1 -1
  106. package/dist/esm/dialog/dialog.styles.js +61 -84
  107. package/dist/esm/dialog/dialog.styles.js.map +1 -1
  108. package/dist/esm/dialog/dialog.template.js +17 -54
  109. package/dist/esm/dialog/dialog.template.js.map +1 -1
  110. package/dist/esm/dialog/index.js +1 -1
  111. package/dist/esm/dialog/index.js.map +1 -1
  112. package/dist/esm/dialog-body/define.js +4 -0
  113. package/dist/esm/dialog-body/define.js.map +1 -0
  114. package/dist/esm/dialog-body/dialog-body.bench.js +11 -0
  115. package/dist/esm/dialog-body/dialog-body.bench.js.map +1 -0
  116. package/dist/esm/dialog-body/dialog-body.definition.js +17 -0
  117. package/dist/esm/dialog-body/dialog-body.definition.js.map +1 -0
  118. package/dist/esm/dialog-body/dialog-body.js +22 -0
  119. package/dist/esm/dialog-body/dialog-body.js.map +1 -0
  120. package/dist/esm/dialog-body/dialog-body.styles.js +79 -0
  121. package/dist/esm/dialog-body/dialog-body.styles.js.map +1 -0
  122. package/dist/esm/dialog-body/dialog-body.template.js +42 -0
  123. package/dist/esm/dialog-body/dialog-body.template.js.map +1 -0
  124. package/dist/esm/dialog-body/index.js +5 -0
  125. package/dist/esm/dialog-body/index.js.map +1 -0
  126. package/dist/esm/divider/divider.bench.js +10 -0
  127. package/dist/esm/divider/divider.bench.js.map +1 -0
  128. package/dist/esm/form-associated/form-associated.js +66 -66
  129. package/dist/esm/form-associated/form-associated.js.map +1 -1
  130. package/dist/esm/image/image.bench.js +14 -0
  131. package/dist/esm/image/image.bench.js.map +1 -0
  132. package/dist/esm/index-rollup.js +1 -0
  133. package/dist/esm/index-rollup.js.map +1 -1
  134. package/dist/esm/index.js +2 -1
  135. package/dist/esm/index.js.map +1 -1
  136. package/dist/esm/label/label.bench.js +11 -0
  137. package/dist/esm/label/label.bench.js.map +1 -0
  138. package/dist/esm/menu/menu.bench.js +31 -0
  139. package/dist/esm/menu/menu.bench.js.map +1 -0
  140. package/dist/esm/menu-button/menu-button.bench.js +11 -0
  141. package/dist/esm/menu-button/menu-button.bench.js.map +1 -0
  142. package/dist/esm/menu-item/menu-item.bench.js +11 -0
  143. package/dist/esm/menu-item/menu-item.bench.js.map +1 -0
  144. package/dist/esm/menu-list/menu-list.bench.js +21 -0
  145. package/dist/esm/menu-list/menu-list.bench.js.map +1 -0
  146. package/dist/esm/progress-bar/progress-bar.bench.js +10 -0
  147. package/dist/esm/progress-bar/progress-bar.bench.js.map +1 -0
  148. package/dist/esm/radio/radio.bench.js +11 -0
  149. package/dist/esm/radio/radio.bench.js.map +1 -0
  150. package/dist/esm/radio/radio.js +11 -11
  151. package/dist/esm/radio/radio.js.map +1 -1
  152. package/dist/esm/radio-group/radio-group.bench.js +21 -0
  153. package/dist/esm/radio-group/radio-group.bench.js.map +1 -0
  154. package/dist/esm/slider/slider.bench.js +10 -0
  155. package/dist/esm/slider/slider.bench.js.map +1 -0
  156. package/dist/esm/slider/slider.template.js +1 -1
  157. package/dist/esm/slider/slider.template.js.map +1 -1
  158. package/dist/esm/spinner/spinner.bench.js +10 -0
  159. package/dist/esm/spinner/spinner.bench.js.map +1 -0
  160. package/dist/esm/switch/switch.bench.js +11 -0
  161. package/dist/esm/switch/switch.bench.js.map +1 -0
  162. package/dist/esm/switch/switch.js +5 -5
  163. package/dist/esm/switch/switch.js.map +1 -1
  164. package/dist/esm/tab/tab.bench.js +11 -0
  165. package/dist/esm/tab/tab.bench.js.map +1 -0
  166. package/dist/esm/tab-panel/tab-panel.bench.js +13 -0
  167. package/dist/esm/tab-panel/tab-panel.bench.js.map +1 -0
  168. package/dist/esm/tabs/tabs.bench.js +32 -0
  169. package/dist/esm/tabs/tabs.bench.js.map +1 -0
  170. package/dist/esm/text/text.bench.js +13 -0
  171. package/dist/esm/text/text.bench.js.map +1 -0
  172. package/dist/esm/text-input/text-input.bench.js +10 -0
  173. package/dist/esm/text-input/text-input.bench.js.map +1 -0
  174. package/dist/esm/toggle-button/toggle-button.bench.js +11 -0
  175. package/dist/esm/toggle-button/toggle-button.bench.js.map +1 -0
  176. package/dist/web-components.d.ts +51 -151
  177. package/dist/web-components.js +263 -837
  178. package/dist/web-components.min.js +235 -237
  179. package/package.json +14 -1
  180. package/dist/fluent-web-components.api.json +0 -29528
  181. package/docs/api-report.md +0 -3366
  182. package/playwright.config.ts +0 -24
  183. package/project.json +0 -6
  184. package/tensile.config.js +0 -22
  185. package/tsdoc.json +0 -44
@@ -0,0 +1,3 @@
1
+ declare const itemRenderer: () => HTMLElement;
2
+ export default itemRenderer;
3
+ export { tests } from '../utils/benchmark-wrapper.js';
@@ -17,7 +17,7 @@ export declare const DividerRole: {
17
17
  * The types for Divider roles
18
18
  * @public
19
19
  */
20
- export declare type DividerRole = ValuesOf<typeof DividerRole>;
20
+ export type DividerRole = ValuesOf<typeof DividerRole>;
21
21
  /**
22
22
  * Divider orientation
23
23
  * @public
@@ -33,7 +33,7 @@ export declare const DividerOrientation: {
33
33
  * The types for Divider orientation
34
34
  * @public
35
35
  */
36
- export declare type DividerOrientation = ValuesOf<typeof DividerOrientation>;
36
+ export type DividerOrientation = ValuesOf<typeof DividerOrientation>;
37
37
  /**
38
38
  * Align content within divider
39
39
  * @public
@@ -47,7 +47,7 @@ export declare const DividerAlignContent: {
47
47
  * The types for DividerAlignContent
48
48
  * @public
49
49
  */
50
- export declare type DividerAlignContent = ValuesOf<typeof DividerAlignContent>;
50
+ export type DividerAlignContent = ValuesOf<typeof DividerAlignContent>;
51
51
  /**
52
52
  * DividerAppearance - divider color defined by a design token alias.
53
53
  * @public
@@ -62,4 +62,4 @@ export declare const DividerAppearance: {
62
62
  * The types for Appearance
63
63
  * @public
64
64
  */
65
- export declare type DividerAppearance = ValuesOf<typeof DividerAppearance>;
65
+ export type DividerAppearance = ValuesOf<typeof DividerAppearance>;
@@ -55,7 +55,7 @@ export interface CheckableFormAssociated extends FormAssociated {
55
55
  * Avaiable types for the `proxy` property.
56
56
  * @beta
57
57
  */
58
- export declare type ProxyElement = HTMLSelectElement | HTMLTextAreaElement | HTMLInputElement;
58
+ export type ProxyElement = HTMLSelectElement | HTMLTextAreaElement | HTMLInputElement;
59
59
  /**
60
60
  * Identifies a class as having a proxy element and optional submethods related
61
61
  * to the proxy element.
@@ -76,13 +76,13 @@ export interface FormAssociatedProxy {
76
76
  *
77
77
  * @beta
78
78
  */
79
- export declare type FormAssociatedElement = FormAssociated & FASTElement & HTMLElement & FormAssociatedProxy;
79
+ export type FormAssociatedElement = FormAssociated & FASTElement & HTMLElement & FormAssociatedProxy;
80
80
  /**
81
81
  * Combined type to describe a checkable Form-associated element.
82
82
  *
83
83
  * @beta
84
84
  */
85
- export declare type CheckableFormAssociatedElement = FormAssociatedElement & CheckableFormAssociated & {
85
+ export type CheckableFormAssociatedElement = FormAssociatedElement & CheckableFormAssociated & {
86
86
  proxy: HTMLInputElement;
87
87
  };
88
88
  /**
@@ -90,7 +90,7 @@ export declare type CheckableFormAssociatedElement = FormAssociatedElement & Che
90
90
  *
91
91
  * @beta
92
92
  */
93
- export declare type ConstructableFormAssociated = Constructable<HTMLElement & FASTElement>;
93
+ export type ConstructableFormAssociated = Constructable<HTMLElement & FASTElement>;
94
94
  /**
95
95
  * Base function for providing Custom Element Form Association.
96
96
  *
@@ -0,0 +1,3 @@
1
+ declare const itemRenderer: () => HTMLElement;
2
+ export default itemRenderer;
3
+ export { tests } from '../utils/benchmark-wrapper.js';
@@ -14,7 +14,7 @@ export declare const ImageFit: {
14
14
  * Types for image fit
15
15
  * @public
16
16
  */
17
- export declare type ImageFit = ValuesOf<typeof ImageFit>;
17
+ export type ImageFit = ValuesOf<typeof ImageFit>;
18
18
  /**
19
19
  * Image shape
20
20
  * @public
@@ -24,4 +24,4 @@ export declare const ImageShape: {
24
24
  readonly rounded: "rounded";
25
25
  readonly square: "square";
26
26
  };
27
- export declare type ImageShape = ValuesOf<typeof ImageShape>;
27
+ export type ImageShape = ValuesOf<typeof ImageShape>;
@@ -8,6 +8,7 @@ import './checkbox/define.js';
8
8
  import './compound-button/define.js';
9
9
  import './counter-badge/define.js';
10
10
  import './dialog/define.js';
11
+ import './dialog-body/define.js';
11
12
  import './divider/define.js';
12
13
  import './image/define.js';
13
14
  import './label/define.js';
@@ -11,7 +11,8 @@ export { Checkbox, CheckboxDefinition, CheckboxShape, CheckboxSize, CheckboxStyl
11
11
  export type { CheckboxOptions } from './checkbox/index.js';
12
12
  export { CompoundButton, CompoundButtonAppearance, CompoundButtonDefinition, CompoundButtonShape, CompoundButtonSize, CompoundButtonStyles, CompoundButtonTemplate, } from './compound-button/index.js';
13
13
  export { CounterBadge, CounterBadgeAppearance, CounterBadgeColor, CounterBadgeDefinition, CounterBadgeShape, CounterBadgeSize, CounterBadgeStyles, CounterBadgeTemplate, } from './counter-badge/index.js';
14
- export { Dialog, DialogDefinition, DialogModalType, DialogStyles, DialogTemplate } from './dialog/index.js';
14
+ export { Dialog, DialogType, DialogDefinition, DialogTemplate, DialogStyles } from './dialog/index.js';
15
+ export { DialogBody, DialogBodyDefinition, DialogBodyTemplate, DialogBodyStyles } from './dialog-body/index.js';
15
16
  export { Divider, DividerAlignContent, DividerAppearance, DividerDefinition, DividerOrientation, DividerRole, DividerStyles, DividerTemplate, } from './divider/index.js';
16
17
  export { FluentDesignSystem } from './fluent-design-system.js';
17
18
  export { Image, ImageDefinition, ImageFit, ImageShape, ImageStyles, ImageTemplate } from './image/index.js';
@@ -0,0 +1,3 @@
1
+ declare const itemRenderer: () => HTMLElement;
2
+ export default itemRenderer;
3
+ export { tests } from '../utils/benchmark-wrapper.js';
@@ -11,7 +11,7 @@ export declare const LabelSize: {
11
11
  * Applies font size to label
12
12
  * @public
13
13
  */
14
- export declare type LabelSize = ValuesOf<typeof LabelSize>;
14
+ export type LabelSize = ValuesOf<typeof LabelSize>;
15
15
  /**
16
16
  * A label can have a font weight of regular or strong
17
17
  */
@@ -23,4 +23,4 @@ export declare const LabelWeight: {
23
23
  * Applies font weight to label
24
24
  * @public
25
25
  */
26
- export declare type LabelWeight = ValuesOf<typeof LabelWeight>;
26
+ export type LabelWeight = ValuesOf<typeof LabelWeight>;
@@ -0,0 +1,3 @@
1
+ declare const itemRenderer: () => HTMLElement;
2
+ export default itemRenderer;
3
+ export { tests } from '../utils/benchmark-wrapper.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>;
46
+ export type MenuButtonSize = ValuesOf<typeof MenuButtonSize>;
47
47
  export type { ButtonOptions as MenuButtonOptions };
@@ -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.
@@ -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
  };
@@ -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>;
@@ -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';
@@ -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>;
@@ -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 {
@@ -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>;
@@ -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
  */
@@ -0,0 +1,3 @@
1
+ declare const itemRenderer: () => HTMLElement;
2
+ export default itemRenderer;
3
+ export { tests } from '../utils/benchmark-wrapper.js';
@@ -0,0 +1,3 @@
1
+ declare const itemRenderer: () => HTMLElement;
2
+ export default itemRenderer;
3
+ export { tests } from '../utils/benchmark-wrapper.js';
@@ -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';
@@ -1,4 +1,3 @@
1
- /// <reference types="web" />
2
1
  import { FASTElement } from '@microsoft/fast-element';
3
2
  import { StartEnd } from '../patterns/start-end.js';
4
3
  import type { TextInputControlSize } from './text-input.options.js';
@@ -6,7 +6,7 @@ import type { TextInput } from './text-input.js';
6
6
  *
7
7
  * @public
8
8
  */
9
- export declare type TextInputOptions = StartEndOptions<TextInput>;
9
+ export type TextInputOptions = StartEndOptions<TextInput>;
10
10
  /**
11
11
  * Values for the `control-size` attribute on TextInput elements.
12
12
  *
@@ -17,7 +17,7 @@ export declare const TextInputControlSize: {
17
17
  readonly medium: "medium";
18
18
  readonly large: "large";
19
19
  };
20
- export declare type TextInputControlSize = ValuesOf<typeof TextInputControlSize>;
20
+ export type TextInputControlSize = ValuesOf<typeof TextInputControlSize>;
21
21
  /**
22
22
  * Values for the `appearance` attribute on TextInput elements.
23
23
  *
@@ -29,7 +29,7 @@ export declare const TextInputAppearance: {
29
29
  readonly filledLighter: "filled-lighter";
30
30
  readonly filledDarker: "filled-darker";
31
31
  };
32
- export declare type TextInputAppearance = ValuesOf<typeof TextInputAppearance>;
32
+ export type TextInputAppearance = ValuesOf<typeof TextInputAppearance>;
33
33
  /**
34
34
  * Values for the `type` attribute on TextInput elements.
35
35
  *
@@ -42,7 +42,7 @@ export declare const TextInputType: {
42
42
  readonly text: "text";
43
43
  readonly url: "url";
44
44
  };
45
- export declare type TextInputType = ValuesOf<typeof TextInputType>;
45
+ export type TextInputType = ValuesOf<typeof TextInputType>;
46
46
  /**
47
47
  * Input types that block implicit form submission.
48
48
  *
@@ -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 ToggleButtonAppearance: {
15
15
  * A Toggle Button can be secondary, primary, outline, subtle, transparent
16
16
  * @public
17
17
  */
18
- export declare type ToggleButtonAppearance = ValuesOf<typeof ToggleButtonAppearance>;
18
+ export type ToggleButtonAppearance = ValuesOf<typeof ToggleButtonAppearance>;
19
19
  /**
20
20
  * A Toggle Button can be square, circular or rounded.
21
21
  * @public
@@ -29,7 +29,7 @@ export declare const ToggleButtonShape: {
29
29
  * A Toggle Button can be square, circular or rounded
30
30
  * @public
31
31
  */
32
- export declare type ToggleButtonShape = ValuesOf<typeof ToggleButtonShape>;
32
+ export type ToggleButtonShape = ValuesOf<typeof ToggleButtonShape>;
33
33
  /**
34
34
  * A Toggle Button can be a size of small, medium or large.
35
35
  * @public
@@ -43,5 +43,5 @@ export declare const ToggleButtonSize: {
43
43
  * A Toggle Button can be on of several preset sizes.
44
44
  * @public
45
45
  */
46
- export declare type ToggleButtonSize = ValuesOf<typeof ToggleButtonSize>;
46
+ export type ToggleButtonSize = ValuesOf<typeof ToggleButtonSize>;
47
47
  export type { ButtonOptions as ToggleButtonOptions };
@@ -3,7 +3,7 @@ import type { ElementStyles, HostBehavior, HostController } from '@microsoft/fas
3
3
  * An event listener fired by a {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList | MediaQueryList }.
4
4
  * @public
5
5
  */
6
- export declare type MediaQueryListListener = (this: MediaQueryList, ev?: MediaQueryListEvent) => void;
6
+ export type MediaQueryListListener = (this: MediaQueryList, ev?: MediaQueryListEvent) => void;
7
7
  /**
8
8
  * An abstract behavior to react to media queries. Implementations should implement
9
9
  * the `constructListener` method to perform some action based on media query changes.
@@ -2,7 +2,7 @@
2
2
  * Define all possible CSS display values.
3
3
  * @public
4
4
  */
5
- export declare type CSSDisplayPropertyValue = 'block' | 'contents' | 'flex' | 'grid' | 'inherit' | 'initial' | 'inline' | 'inline-block' | 'inline-flex' | 'inline-grid' | 'inline-table' | 'list-item' | 'none' | 'run-in' | 'table' | 'table-caption' | 'table-cell' | 'table-column' | 'table-column-group' | 'table-footer-group' | 'table-header-group' | 'table-row' | 'table-row-group';
5
+ export type CSSDisplayPropertyValue = 'block' | 'contents' | 'flex' | 'grid' | 'inherit' | 'initial' | 'inline' | 'inline-block' | 'inline-flex' | 'inline-grid' | 'inline-table' | 'list-item' | 'none' | 'run-in' | 'table' | 'table-caption' | 'table-cell' | 'table-column' | 'table-column-group' | 'table-footer-group' | 'table-header-group' | 'table-row' | 'table-row-group';
6
6
  /**
7
7
  * A CSS fragment to set `display: none;` when the host is hidden using the [hidden] attribute.
8
8
  * @public
@@ -8,7 +8,7 @@ import type { SyntheticViewTemplate } from '@microsoft/fast-element';
8
8
  * safe and will not enable an XSS attack.
9
9
  * @public
10
10
  */
11
- export declare type StaticallyComposableHTML<TSource = any, TParent = any> = string | HTMLDirective | SyntheticViewTemplate<TSource, TParent> | undefined;
11
+ export type StaticallyComposableHTML<TSource = any, TParent = any> = string | HTMLDirective | SyntheticViewTemplate<TSource, TParent> | undefined;
12
12
  /**
13
13
  * A function to compose template options.
14
14
  * @public
@@ -3,4 +3,4 @@
3
3
  * Example: export type Foo = ValuesOf\<typeof Foo\>
4
4
  * @public
5
5
  */
6
- export declare type ValuesOf<T> = T[keyof T];
6
+ export type ValuesOf<T> = T[keyof T];
@@ -0,0 +1,30 @@
1
+ import { FluentDesignSystem } from '../fluent-design-system.js';
2
+ import { definition as accordionItemDefinition } from '../accordion-item/accordion-item.definition.js';
3
+ import { definition as accordiongDefinition } from './accordion.definition.js';
4
+ accordiongDefinition.define(FluentDesignSystem.registry);
5
+ accordionItemDefinition.define(FluentDesignSystem.registry);
6
+ const itemRenderer = () => {
7
+ const accordion = document.createElement('fluent-accordion');
8
+ const accordionItem = document.createElement('fluent-accordion-item');
9
+ const accordionItem2 = document.createElement('fluent-accordion-item');
10
+ const accordionItem3 = document.createElement('fluent-accordion-item');
11
+ const heading = document.createElement('span');
12
+ const heading2 = document.createElement('span');
13
+ const heading3 = document.createElement('span');
14
+ heading.setAttribute('slot', 'heading');
15
+ heading2.setAttribute('slot', 'heading');
16
+ heading3.setAttribute('slot', 'heading');
17
+ heading.appendChild(document.createTextNode('Accordion item 1'));
18
+ heading2.appendChild(document.createTextNode('Accordion item 2'));
19
+ heading3.appendChild(document.createTextNode('Accordion item 3'));
20
+ accordionItem.appendChild(heading);
21
+ accordionItem2.appendChild(heading2);
22
+ accordionItem3.appendChild(heading3);
23
+ accordion.appendChild(accordionItem);
24
+ accordion.appendChild(accordionItem2);
25
+ accordion.appendChild(accordionItem3);
26
+ return accordion;
27
+ };
28
+ export default itemRenderer;
29
+ export { tests } from '../utils/benchmark-wrapper.js';
30
+ //# sourceMappingURL=accordion.bench.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accordion.bench.js","sourceRoot":"","sources":["../../../src/accordion/accordion.bench.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,gDAAgD,CAAC;AACvG,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAE/E,oBAAoB,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AACzD,uBAAuB,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAE5D,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC7D,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;IACtE,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;IACvE,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;IACvE,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAEhD,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACxC,QAAQ,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACzC,QAAQ,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACzC,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACjE,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAClE,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAElE,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACnC,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACrC,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAErC,SAAS,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;IACrC,SAAS,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IACtC,SAAS,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAEtC,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC"}