@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.
- package/CHANGELOG.md +13 -2
- package/dist/dts/accordion/accordion.bench.d.ts +3 -0
- package/dist/dts/accordion/accordion.options.d.ts +1 -1
- package/dist/dts/accordion-item/accordion-item.bench.d.ts +3 -0
- package/dist/dts/accordion-item/accordion-item.d.ts +1 -1
- package/dist/dts/accordion-item/accordion-item.options.d.ts +2 -2
- package/dist/dts/anchor-button/anchor-button.bench.d.ts +3 -0
- package/dist/dts/anchor-button/anchor-button.d.ts +1 -1
- package/dist/dts/anchor-button/anchor-button.options.d.ts +4 -4
- package/dist/dts/avatar/avatar.bench.d.ts +3 -0
- package/dist/dts/avatar/avatar.options.d.ts +6 -6
- package/dist/dts/badge/badge.bench.d.ts +3 -0
- package/dist/dts/badge/badge.options.d.ts +5 -5
- package/dist/dts/button/button.bench.d.ts +3 -0
- package/dist/dts/button/button.options.d.ts +6 -6
- package/dist/dts/checkbox/checkbox.bench.d.ts +3 -0
- package/dist/dts/checkbox/checkbox.d.ts +1 -1
- package/dist/dts/checkbox/checkbox.options.d.ts +3 -3
- package/dist/dts/compound-button/compound-button.bench.d.ts +3 -0
- package/dist/dts/compound-button/compound-button.options.d.ts +3 -3
- package/dist/dts/counter-badge/counter-badge.bench.d.ts +3 -0
- package/dist/dts/counter-badge/counter-badge.options.d.ts +5 -5
- package/dist/dts/dialog/dialog.bench.d.ts +3 -0
- package/dist/dts/dialog/dialog.d.ts +11 -144
- package/dist/dts/dialog/dialog.options.d.ts +2 -2
- package/dist/dts/dialog/index.d.ts +1 -1
- package/dist/dts/dialog-body/define.d.ts +1 -0
- package/dist/dts/dialog-body/dialog-body.bench.d.ts +3 -0
- package/dist/dts/dialog-body/dialog-body.d.ts +14 -0
- package/dist/dts/dialog-body/dialog-body.definition.d.ts +9 -0
- package/dist/dts/dialog-body/dialog-body.styles.d.ts +4 -0
- package/dist/dts/dialog-body/dialog-body.template.d.ts +6 -0
- package/dist/dts/dialog-body/index.d.ts +4 -0
- package/dist/dts/divider/divider.bench.d.ts +3 -0
- package/dist/dts/divider/divider.options.d.ts +4 -4
- package/dist/dts/form-associated/form-associated.d.ts +4 -4
- package/dist/dts/image/image.bench.d.ts +3 -0
- package/dist/dts/image/image.options.d.ts +2 -2
- package/dist/dts/index-rollup.d.ts +1 -0
- package/dist/dts/index.d.ts +2 -1
- package/dist/dts/label/label.bench.d.ts +3 -0
- package/dist/dts/label/label.options.d.ts +2 -2
- package/dist/dts/menu/menu.bench.d.ts +3 -0
- package/dist/dts/menu-button/menu-button.bench.d.ts +3 -0
- package/dist/dts/menu-button/menu-button.options.d.ts +3 -3
- package/dist/dts/menu-item/menu-item.bench.d.ts +3 -0
- package/dist/dts/menu-item/menu-item.d.ts +2 -2
- package/dist/dts/menu-item/menu-item.options.d.ts +1 -1
- package/dist/dts/menu-list/menu-list.bench.d.ts +3 -0
- package/dist/dts/patterns/start-end.d.ts +3 -3
- package/dist/dts/progress-bar/progress-bar.bench.d.ts +3 -0
- package/dist/dts/progress-bar/progress-bar.options.d.ts +4 -4
- package/dist/dts/radio/radio.bench.d.ts +3 -0
- package/dist/dts/radio/radio.d.ts +2 -2
- package/dist/dts/radio-group/radio-group.bench.d.ts +3 -0
- package/dist/dts/radio-group/radio-group.options.d.ts +1 -1
- package/dist/dts/slider/slider.bench.d.ts +3 -0
- package/dist/dts/slider/slider.options.d.ts +4 -4
- package/dist/dts/spinner/spinner.bench.d.ts +3 -0
- package/dist/dts/spinner/spinner.options.d.ts +2 -2
- package/dist/dts/switch/switch.bench.d.ts +3 -0
- package/dist/dts/switch/switch.d.ts +1 -1
- package/dist/dts/switch/switch.options.d.ts +1 -1
- package/dist/dts/tab/tab.bench.d.ts +3 -0
- package/dist/dts/tab/tab.d.ts +1 -1
- package/dist/dts/tab-panel/tab-panel.bench.d.ts +3 -0
- package/dist/dts/tabs/tabs.bench.d.ts +3 -0
- package/dist/dts/tabs/tabs.options.d.ts +4 -4
- package/dist/dts/text/text.bench.d.ts +3 -0
- package/dist/dts/text/text.options.d.ts +4 -4
- package/dist/dts/text-input/text-input.bench.d.ts +3 -0
- package/dist/dts/text-input/text-input.d.ts +0 -1
- package/dist/dts/text-input/text-input.options.d.ts +4 -4
- package/dist/dts/toggle-button/toggle-button.bench.d.ts +3 -0
- package/dist/dts/toggle-button/toggle-button.options.d.ts +3 -3
- package/dist/dts/utils/behaviors/match-media-stylesheet-behavior.d.ts +1 -1
- package/dist/dts/utils/display.d.ts +1 -1
- package/dist/dts/utils/template-helpers.d.ts +1 -1
- package/dist/dts/utils/typings.d.ts +1 -1
- package/dist/esm/accordion/accordion.bench.js +30 -0
- package/dist/esm/accordion/accordion.bench.js.map +1 -0
- package/dist/esm/accordion-item/accordion-item.bench.js +14 -0
- package/dist/esm/accordion-item/accordion-item.bench.js.map +1 -0
- package/dist/esm/anchor-button/anchor-button.bench.js +11 -0
- package/dist/esm/anchor-button/anchor-button.bench.js.map +1 -0
- package/dist/esm/avatar/avatar.bench.js +10 -0
- package/dist/esm/avatar/avatar.bench.js.map +1 -0
- package/dist/esm/badge/badge.bench.js +11 -0
- package/dist/esm/badge/badge.bench.js.map +1 -0
- package/dist/esm/button/button.bench.js +11 -0
- package/dist/esm/button/button.bench.js.map +1 -0
- package/dist/esm/button/button.js +26 -26
- package/dist/esm/button/button.js.map +1 -1
- package/dist/esm/checkbox/checkbox.bench.js +11 -0
- package/dist/esm/checkbox/checkbox.bench.js.map +1 -0
- package/dist/esm/compound-button/compound-button.bench.js +15 -0
- package/dist/esm/compound-button/compound-button.bench.js.map +1 -0
- package/dist/esm/counter-badge/counter-badge.bench.js +11 -0
- package/dist/esm/counter-badge/counter-badge.bench.js.map +1 -0
- package/dist/esm/dialog/dialog.bench.js +11 -0
- package/dist/esm/dialog/dialog.bench.js.map +1 -0
- package/dist/esm/dialog/dialog.js +31 -304
- package/dist/esm/dialog/dialog.js.map +1 -1
- package/dist/esm/dialog/dialog.options.js +1 -1
- package/dist/esm/dialog/dialog.options.js.map +1 -1
- package/dist/esm/dialog/dialog.styles.js +61 -84
- package/dist/esm/dialog/dialog.styles.js.map +1 -1
- package/dist/esm/dialog/dialog.template.js +17 -54
- package/dist/esm/dialog/dialog.template.js.map +1 -1
- package/dist/esm/dialog/index.js +1 -1
- package/dist/esm/dialog/index.js.map +1 -1
- package/dist/esm/dialog-body/define.js +4 -0
- package/dist/esm/dialog-body/define.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.bench.js +11 -0
- package/dist/esm/dialog-body/dialog-body.bench.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.definition.js +17 -0
- package/dist/esm/dialog-body/dialog-body.definition.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.js +22 -0
- package/dist/esm/dialog-body/dialog-body.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.styles.js +79 -0
- package/dist/esm/dialog-body/dialog-body.styles.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.template.js +42 -0
- package/dist/esm/dialog-body/dialog-body.template.js.map +1 -0
- package/dist/esm/dialog-body/index.js +5 -0
- package/dist/esm/dialog-body/index.js.map +1 -0
- package/dist/esm/divider/divider.bench.js +10 -0
- package/dist/esm/divider/divider.bench.js.map +1 -0
- package/dist/esm/form-associated/form-associated.js +66 -66
- package/dist/esm/form-associated/form-associated.js.map +1 -1
- package/dist/esm/image/image.bench.js +14 -0
- package/dist/esm/image/image.bench.js.map +1 -0
- package/dist/esm/index-rollup.js +1 -0
- package/dist/esm/index-rollup.js.map +1 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/label/label.bench.js +11 -0
- package/dist/esm/label/label.bench.js.map +1 -0
- package/dist/esm/menu/menu.bench.js +31 -0
- package/dist/esm/menu/menu.bench.js.map +1 -0
- package/dist/esm/menu-button/menu-button.bench.js +11 -0
- package/dist/esm/menu-button/menu-button.bench.js.map +1 -0
- package/dist/esm/menu-item/menu-item.bench.js +11 -0
- package/dist/esm/menu-item/menu-item.bench.js.map +1 -0
- package/dist/esm/menu-list/menu-list.bench.js +21 -0
- package/dist/esm/menu-list/menu-list.bench.js.map +1 -0
- package/dist/esm/progress-bar/progress-bar.bench.js +10 -0
- package/dist/esm/progress-bar/progress-bar.bench.js.map +1 -0
- package/dist/esm/radio/radio.bench.js +11 -0
- package/dist/esm/radio/radio.bench.js.map +1 -0
- package/dist/esm/radio/radio.js +11 -11
- package/dist/esm/radio/radio.js.map +1 -1
- package/dist/esm/radio-group/radio-group.bench.js +21 -0
- package/dist/esm/radio-group/radio-group.bench.js.map +1 -0
- package/dist/esm/slider/slider.bench.js +10 -0
- package/dist/esm/slider/slider.bench.js.map +1 -0
- package/dist/esm/slider/slider.template.js +1 -1
- package/dist/esm/slider/slider.template.js.map +1 -1
- package/dist/esm/spinner/spinner.bench.js +10 -0
- package/dist/esm/spinner/spinner.bench.js.map +1 -0
- package/dist/esm/switch/switch.bench.js +11 -0
- package/dist/esm/switch/switch.bench.js.map +1 -0
- package/dist/esm/switch/switch.js +5 -5
- package/dist/esm/switch/switch.js.map +1 -1
- package/dist/esm/tab/tab.bench.js +11 -0
- package/dist/esm/tab/tab.bench.js.map +1 -0
- package/dist/esm/tab-panel/tab-panel.bench.js +13 -0
- package/dist/esm/tab-panel/tab-panel.bench.js.map +1 -0
- package/dist/esm/tabs/tabs.bench.js +32 -0
- package/dist/esm/tabs/tabs.bench.js.map +1 -0
- package/dist/esm/text/text.bench.js +13 -0
- package/dist/esm/text/text.bench.js.map +1 -0
- package/dist/esm/text-input/text-input.bench.js +10 -0
- package/dist/esm/text-input/text-input.bench.js.map +1 -0
- package/dist/esm/toggle-button/toggle-button.bench.js +11 -0
- package/dist/esm/toggle-button/toggle-button.bench.js.map +1 -0
- package/dist/web-components.d.ts +51 -151
- package/dist/web-components.js +263 -837
- package/dist/web-components.min.js +235 -237
- package/package.json +14 -1
- package/dist/fluent-web-components.api.json +0 -29528
- package/docs/api-report.md +0 -3366
- package/playwright.config.ts +0 -24
- package/project.json +0 -6
- package/tensile.config.js +0 -22
- package/tsdoc.json +0 -44
|
@@ -17,7 +17,7 @@ export declare const DividerRole: {
|
|
|
17
17
|
* The types for Divider roles
|
|
18
18
|
* @public
|
|
19
19
|
*/
|
|
20
|
-
export
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
93
|
+
export type ConstructableFormAssociated = Constructable<HTMLElement & FASTElement>;
|
|
94
94
|
/**
|
|
95
95
|
* Base function for providing Custom Element Form Association.
|
|
96
96
|
*
|
|
@@ -14,7 +14,7 @@ export declare const ImageFit: {
|
|
|
14
14
|
* Types for image fit
|
|
15
15
|
* @public
|
|
16
16
|
*/
|
|
17
|
-
export
|
|
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
|
|
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';
|
package/dist/dts/index.d.ts
CHANGED
|
@@ -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,
|
|
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';
|
|
@@ -11,7 +11,7 @@ export declare const LabelSize: {
|
|
|
11
11
|
* Applies font size to label
|
|
12
12
|
* @public
|
|
13
13
|
*/
|
|
14
|
-
export
|
|
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
|
|
26
|
+
export type LabelWeight = ValuesOf<typeof LabelWeight>;
|
|
@@ -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
|
|
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
|
|
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
|
|
46
|
+
export type MenuButtonSize = ValuesOf<typeof MenuButtonSize>;
|
|
47
47
|
export type { ButtonOptions as MenuButtonOptions };
|
|
@@ -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
|
|
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
|
|
12
|
+
export type MenuItemOptions = StartEndOptions<MenuItem> & {
|
|
13
13
|
checkboxIndicator?: StaticallyComposableHTML<MenuItem>;
|
|
14
14
|
expandCollapseGlyph?: StaticallyComposableHTML<MenuItem>;
|
|
15
15
|
radioIndicator?: StaticallyComposableHTML<MenuItem>;
|
|
@@ -4,21 +4,21 @@ import type { StaticallyComposableHTML } from '../utils/index.js';
|
|
|
4
4
|
* Start configuration options
|
|
5
5
|
* @public
|
|
6
6
|
*/
|
|
7
|
-
export
|
|
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
|
|
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
|
|
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.
|
|
@@ -12,7 +12,7 @@ export declare const ProgressBarThickness: {
|
|
|
12
12
|
* Applies bar thickness to the content
|
|
13
13
|
* @public
|
|
14
14
|
*/
|
|
15
|
-
export
|
|
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
|
|
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
|
|
42
|
+
export type ProgressBarValidationState = ValuesOf<typeof ProgressBarValidationState>;
|
|
43
43
|
/**
|
|
44
44
|
* Progress configuration options
|
|
45
45
|
* @public
|
|
46
46
|
*/
|
|
47
|
-
export
|
|
47
|
+
export type ProgressOptions = {
|
|
48
48
|
indeterminateIndicator1?: StaticallyComposableHTML<ProgressBar>;
|
|
49
49
|
indeterminateIndicator2?: StaticallyComposableHTML<ProgressBar>;
|
|
50
50
|
};
|
|
@@ -3,12 +3,12 @@ import { FormAssociatedRadio } from './radio.form-associated.js';
|
|
|
3
3
|
/**
|
|
4
4
|
* @public
|
|
5
5
|
*/
|
|
6
|
-
export
|
|
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
|
|
11
|
+
export type RadioOptions = {
|
|
12
12
|
checkedIndicator?: StaticallyComposableHTML<Radio>;
|
|
13
13
|
};
|
|
14
14
|
/**
|
|
@@ -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
|
|
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
|
|
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
|
|
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
|
|
54
|
+
export type SliderOptions = {
|
|
55
55
|
thumb?: StaticallyComposableHTML<Slider>;
|
|
56
56
|
};
|
|
@@ -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
|
|
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
|
|
32
|
+
export type SpinnerSize = ValuesOf<typeof SpinnerSize>;
|
|
@@ -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
|
|
4
|
+
export type SwitchOptions = {
|
|
5
5
|
switch?: StaticallyComposableHTML<Switch>;
|
|
6
6
|
};
|
|
7
7
|
export declare class Switch extends FormAssociatedSwitch {
|
package/dist/dts/tab/tab.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import { StartEnd, StartEndOptions } from '../patterns/index.js';
|
|
|
4
4
|
* Tab configuration options
|
|
5
5
|
* @public
|
|
6
6
|
*/
|
|
7
|
-
export
|
|
7
|
+
export type TabOptions = StartEndOptions<Tab>;
|
|
8
8
|
/**
|
|
9
9
|
* Tab extends the FASTTab and is a child of the TabList
|
|
10
10
|
*/
|
|
@@ -5,18 +5,18 @@ export declare const TabsAppearance: {
|
|
|
5
5
|
readonly subtle: "subtle";
|
|
6
6
|
readonly transparent: "transparent";
|
|
7
7
|
};
|
|
8
|
-
export
|
|
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
|
|
14
|
+
export type TabsSize = ValuesOf<typeof TabsSize>;
|
|
15
15
|
/**
|
|
16
16
|
* Tabs option configuration options
|
|
17
17
|
* @public
|
|
18
18
|
*/
|
|
19
|
-
export
|
|
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
|
|
32
|
+
export type TabsOrientation = ValuesOf<typeof TabsOrientation>;
|
|
@@ -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
|
|
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
|
|
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
|
|
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
|
|
67
|
+
export type TextAlign = ValuesOf<typeof TextAlign>;
|
|
@@ -6,7 +6,7 @@ import type { TextInput } from './text-input.js';
|
|
|
6
6
|
*
|
|
7
7
|
* @public
|
|
8
8
|
*/
|
|
9
|
-
export
|
|
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
|
|
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
|
|
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
|
|
45
|
+
export type TextInputType = ValuesOf<typeof TextInputType>;
|
|
46
46
|
/**
|
|
47
47
|
* Input types that block implicit form submission.
|
|
48
48
|
*
|
|
@@ -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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
@@ -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"}
|