@fluentui/web-components 3.0.0-beta.27 → 3.0.0-beta.29
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 +22 -2
- package/dist/dts/anchor-button/anchor-button.d.ts +88 -82
- package/dist/dts/anchor-button/anchor-button.options.d.ts +21 -0
- package/dist/dts/button/button.styles.d.ts +4 -0
- package/dist/dts/index-rollup.d.ts +1 -0
- package/dist/dts/index.d.ts +2 -3
- package/dist/dts/link/define.d.ts +1 -0
- package/dist/dts/link/index.d.ts +4 -0
- package/dist/dts/link/link.bench.d.ts +3 -0
- package/dist/dts/link/link.d.ts +33 -0
- package/dist/dts/link/link.definition.d.ts +7 -0
- package/dist/dts/link/link.options.d.ts +52 -0
- package/dist/dts/link/link.styles.d.ts +1 -0
- package/dist/dts/link/link.template.d.ts +12 -0
- package/dist/dts/progress-bar/index.d.ts +0 -1
- package/dist/dts/progress-bar/progress-bar.d.ts +56 -13
- package/dist/dts/progress-bar/progress-bar.options.d.ts +1 -10
- package/dist/dts/progress-bar/progress-bar.template.d.ts +1 -2
- package/dist/esm/anchor-button/anchor-button.definition.js +0 -3
- package/dist/esm/anchor-button/anchor-button.definition.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.js +97 -81
- package/dist/esm/anchor-button/anchor-button.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.options.js +15 -0
- package/dist/esm/anchor-button/anchor-button.options.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.styles.js +6 -258
- package/dist/esm/anchor-button/anchor-button.styles.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.template.js +7 -35
- package/dist/esm/anchor-button/anchor-button.template.js.map +1 -1
- package/dist/esm/button/button.styles.js +16 -5
- package/dist/esm/button/button.styles.js.map +1 -1
- 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/link/define.js +4 -0
- package/dist/esm/link/define.js.map +1 -0
- package/dist/esm/link/index.js +5 -0
- package/dist/esm/link/index.js.map +1 -0
- package/dist/esm/link/link.bench.js +11 -0
- package/dist/esm/link/link.bench.js.map +1 -0
- package/dist/esm/link/link.definition.js +15 -0
- package/dist/esm/link/link.definition.js.map +1 -0
- package/dist/esm/link/link.js +36 -0
- package/dist/esm/link/link.js.map +1 -0
- package/dist/esm/link/link.options.js +21 -0
- package/dist/esm/link/link.options.js.map +1 -0
- package/dist/esm/link/link.styles.js +67 -0
- package/dist/esm/link/link.styles.js.map +1 -0
- package/dist/esm/link/link.template.js +22 -0
- package/dist/esm/link/link.template.js.map +1 -0
- package/dist/esm/progress-bar/index.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.js +62 -11
- package/dist/esm/progress-bar/progress-bar.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.styles.js +48 -127
- package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.template.js +8 -26
- package/dist/esm/progress-bar/progress-bar.template.js.map +1 -1
- package/dist/esm/theme/set-theme.js +8 -3
- package/dist/esm/theme/set-theme.js.map +1 -1
- package/dist/web-components.d.ts +271 -391
- package/dist/web-components.js +351 -265
- package/dist/web-components.min.js +240 -246
- package/package.json +6 -1
- package/dist/dts/progress-bar/base-progress.d.ts +0 -41
- package/dist/esm/progress-bar/base-progress.js +0 -56
- package/dist/esm/progress-bar/base-progress.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,32 @@
|
|
|
1
1
|
# Change Log - @fluentui/web-components
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 13 Jun 2024 04:06:30 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [3.0.0-beta.29](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.29)
|
|
8
|
+
|
|
9
|
+
Thu, 13 Jun 2024 04:06:30 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.28..@fluentui/web-components_v3.0.0-beta.29)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- refactor setTheme() to reduce code duplication ([PR #31679](https://github.com/microsoft/fluentui/pull/31679) by machi@microsoft.com)
|
|
15
|
+
- add link as a new web component ([PR #31676](https://github.com/microsoft/fluentui/pull/31676) by 13071055+chrisdholt@users.noreply.github.com)
|
|
16
|
+
|
|
17
|
+
## [3.0.0-beta.28](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.28)
|
|
18
|
+
|
|
19
|
+
Wed, 12 Jun 2024 04:06:09 GMT
|
|
20
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.27..@fluentui/web-components_v3.0.0-beta.28)
|
|
21
|
+
|
|
22
|
+
### Changes
|
|
23
|
+
|
|
24
|
+
- refactor anchor-button to use ElementInternals, remove disabled and disabledFocusable ([PR #31653](https://github.com/microsoft/fluentui/pull/31653) by 13071055+chrisdholt@users.noreply.github.com)
|
|
25
|
+
- refactor progress bar to use ElementInternals ([PR #31652](https://github.com/microsoft/fluentui/pull/31652) by 13071055+chrisdholt@users.noreply.github.com)
|
|
26
|
+
|
|
7
27
|
## [3.0.0-beta.27](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.27)
|
|
8
28
|
|
|
9
|
-
Tue, 11 Jun 2024 04:06:
|
|
29
|
+
Tue, 11 Jun 2024 04:06:29 GMT
|
|
10
30
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.26..@fluentui/web-components_v3.0.0-beta.27)
|
|
11
31
|
|
|
12
32
|
### Changes
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FASTElement } from '@microsoft/fast-element';
|
|
2
|
-
import {
|
|
2
|
+
import { StartEnd } from '../patterns/index.js';
|
|
3
3
|
import type { StartEndOptions } from '../patterns/index.js';
|
|
4
|
-
import type
|
|
4
|
+
import { type AnchorButtonAppearance, type AnchorButtonShape, type AnchorButtonSize, type AnchorTarget } from './anchor-button.options.js';
|
|
5
5
|
/**
|
|
6
6
|
* Anchor configuration options
|
|
7
7
|
* @public
|
|
@@ -19,80 +19,132 @@ export type AnchorOptions = StartEndOptions<AnchorButton>;
|
|
|
19
19
|
*
|
|
20
20
|
* @public
|
|
21
21
|
*/
|
|
22
|
-
export declare class
|
|
22
|
+
export declare class BaseAnchor extends FASTElement {
|
|
23
23
|
/**
|
|
24
|
-
*
|
|
24
|
+
* The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
25
|
+
*
|
|
26
|
+
* @internal
|
|
27
|
+
*/
|
|
28
|
+
protected elementInternals: ElementInternals;
|
|
29
|
+
/**
|
|
30
|
+
* The proxy anchor element
|
|
31
|
+
* @internal
|
|
32
|
+
*/
|
|
33
|
+
private internalProxyAnchor;
|
|
34
|
+
/**
|
|
35
|
+
* Prompts the user to save the linked URL.
|
|
36
|
+
*
|
|
37
|
+
* @see The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#download | `download`} attribute
|
|
38
|
+
*
|
|
25
39
|
* @public
|
|
26
40
|
* @remarks
|
|
27
|
-
* HTML Attribute: download
|
|
41
|
+
* HTML Attribute: `download`
|
|
28
42
|
*/
|
|
29
|
-
download
|
|
43
|
+
download?: string;
|
|
30
44
|
/**
|
|
31
|
-
* The URL the hyperlink references.
|
|
45
|
+
* The URL the hyperlink references.
|
|
46
|
+
* @see The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#href | `href`} attribute
|
|
47
|
+
*
|
|
32
48
|
* @public
|
|
33
49
|
* @remarks
|
|
34
|
-
* HTML Attribute: href
|
|
50
|
+
* HTML Attribute: `href`
|
|
35
51
|
*/
|
|
36
|
-
href
|
|
52
|
+
href?: string;
|
|
37
53
|
/**
|
|
38
|
-
* Hints at the language of the referenced resource.
|
|
54
|
+
* Hints at the language of the referenced resource.
|
|
55
|
+
* @see The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#hreflang | `hreflang`} attribute
|
|
56
|
+
*
|
|
39
57
|
* @public
|
|
40
58
|
* @remarks
|
|
41
|
-
* HTML Attribute: hreflang
|
|
59
|
+
* HTML Attribute: `hreflang`
|
|
42
60
|
*/
|
|
43
|
-
hreflang
|
|
61
|
+
hreflang?: string;
|
|
44
62
|
/**
|
|
45
|
-
*
|
|
63
|
+
* The ping attribute.
|
|
64
|
+
* @see The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#ping | `ping`} attribute
|
|
65
|
+
*
|
|
46
66
|
* @public
|
|
47
67
|
* @remarks
|
|
48
|
-
* HTML Attribute: ping
|
|
68
|
+
* HTML Attribute: `ping`
|
|
49
69
|
*/
|
|
50
|
-
ping
|
|
70
|
+
ping?: string;
|
|
51
71
|
/**
|
|
52
|
-
*
|
|
72
|
+
* The referrerpolicy attribute.
|
|
73
|
+
* See The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#referrerpolicy | `referrerpolicy`} attribute
|
|
74
|
+
*
|
|
53
75
|
* @public
|
|
54
76
|
* @remarks
|
|
55
|
-
* HTML Attribute: referrerpolicy
|
|
77
|
+
* HTML Attribute: `referrerpolicy`
|
|
56
78
|
*/
|
|
57
|
-
referrerpolicy
|
|
79
|
+
referrerpolicy?: string;
|
|
58
80
|
/**
|
|
59
|
-
*
|
|
81
|
+
* The rel attribute.
|
|
82
|
+
* See The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#rel | `rel`} attribute
|
|
83
|
+
*
|
|
60
84
|
* @public
|
|
61
85
|
* @remarks
|
|
62
|
-
* HTML Attribute: rel
|
|
86
|
+
* HTML Attribute: `rel`
|
|
63
87
|
*/
|
|
64
88
|
rel: string;
|
|
65
89
|
/**
|
|
66
|
-
*
|
|
90
|
+
* The target attribute.
|
|
91
|
+
* @see The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#target | `target`} attribute
|
|
92
|
+
*
|
|
67
93
|
* @public
|
|
68
94
|
* @remarks
|
|
69
|
-
* HTML Attribute: target
|
|
95
|
+
* HTML Attribute: `target`
|
|
70
96
|
*/
|
|
71
|
-
target
|
|
97
|
+
target?: AnchorTarget;
|
|
72
98
|
/**
|
|
73
|
-
*
|
|
99
|
+
* The type attribute.
|
|
100
|
+
* @see The {@link https://developer.mozilla.org/docs/Web/HTML/Element/a#type | `type`} attribute
|
|
101
|
+
*
|
|
74
102
|
* @public
|
|
75
103
|
* @remarks
|
|
76
|
-
* HTML Attribute: type
|
|
104
|
+
* HTML Attribute: `type`
|
|
77
105
|
*/
|
|
78
|
-
type
|
|
106
|
+
type?: string;
|
|
107
|
+
constructor();
|
|
108
|
+
connectedCallback(): void;
|
|
109
|
+
disconnectedCallback(): void;
|
|
79
110
|
/**
|
|
111
|
+
* Handles changes to observable properties
|
|
112
|
+
* @internal
|
|
113
|
+
* @param source - the source of the change
|
|
114
|
+
* @param propertyName - the property name being changed
|
|
115
|
+
*/
|
|
116
|
+
handleChange(source: any, propertyName: string): void;
|
|
117
|
+
/**
|
|
118
|
+
* Handles the anchor click event.
|
|
80
119
|
*
|
|
81
|
-
*
|
|
82
|
-
*
|
|
120
|
+
* @param e - The event object
|
|
83
121
|
* @internal
|
|
84
122
|
*/
|
|
85
|
-
|
|
123
|
+
clickHandler(): boolean;
|
|
86
124
|
/**
|
|
87
|
-
*
|
|
125
|
+
* Handles keypress events for the anchor.
|
|
126
|
+
*
|
|
127
|
+
* @param e - the keyboard event
|
|
128
|
+
* @returns - the return value of the click handler
|
|
129
|
+
* @public
|
|
88
130
|
*/
|
|
89
|
-
|
|
131
|
+
keypressHandler(e: KeyboardEvent): boolean | void;
|
|
132
|
+
/**
|
|
133
|
+
* A method for updating proxy attributes when attributes have changed
|
|
134
|
+
* @internal
|
|
135
|
+
* @param attribute - an attribute to set/remove
|
|
136
|
+
* @param value - the value of the attribute
|
|
137
|
+
*/
|
|
138
|
+
private handleProxyAttributeChange;
|
|
139
|
+
private createProxyElement;
|
|
140
|
+
}
|
|
141
|
+
export declare class AnchorButton extends BaseAnchor {
|
|
90
142
|
/**
|
|
91
143
|
* The appearance the anchor button should have.
|
|
92
144
|
*
|
|
93
145
|
* @public
|
|
94
146
|
* @remarks
|
|
95
|
-
* HTML Attribute: appearance
|
|
147
|
+
* HTML Attribute: `appearance`
|
|
96
148
|
*/
|
|
97
149
|
appearance?: AnchorButtonAppearance | undefined;
|
|
98
150
|
/**
|
|
@@ -100,7 +152,7 @@ export declare class AnchorButton extends FASTElement {
|
|
|
100
152
|
*
|
|
101
153
|
* @public
|
|
102
154
|
* @remarks
|
|
103
|
-
* HTML Attribute: shape
|
|
155
|
+
* HTML Attribute: `shape`
|
|
104
156
|
*/
|
|
105
157
|
shape?: AnchorButtonShape | undefined;
|
|
106
158
|
/**
|
|
@@ -108,7 +160,7 @@ export declare class AnchorButton extends FASTElement {
|
|
|
108
160
|
*
|
|
109
161
|
* @public
|
|
110
162
|
* @remarks
|
|
111
|
-
* HTML Attribute: size
|
|
163
|
+
* HTML Attribute: `size`
|
|
112
164
|
*/
|
|
113
165
|
size?: AnchorButtonSize;
|
|
114
166
|
/**
|
|
@@ -116,55 +168,9 @@ export declare class AnchorButton extends FASTElement {
|
|
|
116
168
|
*
|
|
117
169
|
* @public
|
|
118
170
|
* @remarks
|
|
119
|
-
* HTML Attribute: icon-only
|
|
171
|
+
* HTML Attribute: `icon-only`
|
|
120
172
|
*/
|
|
121
173
|
iconOnly: boolean;
|
|
122
|
-
/**
|
|
123
|
-
* The anchor button is disabled
|
|
124
|
-
*
|
|
125
|
-
* @public
|
|
126
|
-
* @remarks
|
|
127
|
-
* HTML Attribute: disabled-focusable
|
|
128
|
-
*/
|
|
129
|
-
disabled?: boolean;
|
|
130
|
-
protected disabledChanged(prev: boolean, next: boolean): void;
|
|
131
|
-
/**
|
|
132
|
-
* The anchor button is disabled but focusable
|
|
133
|
-
*
|
|
134
|
-
* @public
|
|
135
|
-
* @remarks
|
|
136
|
-
* HTML Attribute: disabled-focusable
|
|
137
|
-
*/
|
|
138
|
-
disabledFocusable?: boolean;
|
|
139
|
-
protected disabledFocusableChanged(prev: boolean, next: boolean): void;
|
|
140
|
-
/**
|
|
141
|
-
* Prevents disabledFocusable click events
|
|
142
|
-
*/
|
|
143
|
-
private handleDisabledFocusableClick;
|
|
144
|
-
connectedCallback(): void;
|
|
145
|
-
disconnectedCallback(): void;
|
|
146
|
-
}
|
|
147
|
-
/**
|
|
148
|
-
* Includes ARIA states and properties relating to the ARIA link role
|
|
149
|
-
*
|
|
150
|
-
* @public
|
|
151
|
-
*/
|
|
152
|
-
export declare class DelegatesARIALink {
|
|
153
|
-
/**
|
|
154
|
-
* See {@link https://www.w3.org/WAI/PF/aria/roles#link} for more information
|
|
155
|
-
* @public
|
|
156
|
-
* @remarks
|
|
157
|
-
* HTML Attribute: aria-expanded
|
|
158
|
-
*/
|
|
159
|
-
ariaExpanded: 'true' | 'false' | string | null;
|
|
160
|
-
}
|
|
161
|
-
/**
|
|
162
|
-
* Mark internal because exporting class and interface of the same name
|
|
163
|
-
* confuses API documenter.
|
|
164
|
-
* TODO: https://github.com/microsoft/fast/issues/3317
|
|
165
|
-
* @internal
|
|
166
|
-
*/
|
|
167
|
-
export interface DelegatesARIALink extends ARIAGlobalStatesAndProperties {
|
|
168
174
|
}
|
|
169
175
|
/**
|
|
170
176
|
* Mark internal because exporting class and interface of the same name
|
|
@@ -172,5 +178,5 @@ export interface DelegatesARIALink extends ARIAGlobalStatesAndProperties {
|
|
|
172
178
|
* TODO: https://github.com/microsoft/fast/issues/3317
|
|
173
179
|
* @internal
|
|
174
180
|
*/
|
|
175
|
-
export interface AnchorButton extends StartEnd
|
|
181
|
+
export interface AnchorButton extends StartEnd {
|
|
176
182
|
}
|
|
@@ -62,3 +62,24 @@ export declare const AnchorTarget: {
|
|
|
62
62
|
* @public
|
|
63
63
|
*/
|
|
64
64
|
export type AnchorTarget = ValuesOf<typeof AnchorTarget>;
|
|
65
|
+
/**
|
|
66
|
+
* Reflected anchor attributes.
|
|
67
|
+
*
|
|
68
|
+
* @public
|
|
69
|
+
*/
|
|
70
|
+
export declare const AnchorAttributes: {
|
|
71
|
+
readonly download: "download";
|
|
72
|
+
readonly href: "href";
|
|
73
|
+
readonly hreflang: "hreflang";
|
|
74
|
+
readonly ping: "ping";
|
|
75
|
+
readonly referrerpolicy: "referrerpolicy";
|
|
76
|
+
readonly rel: "rel";
|
|
77
|
+
readonly target: "target";
|
|
78
|
+
readonly type: "type";
|
|
79
|
+
};
|
|
80
|
+
/**
|
|
81
|
+
* Type for anchor attributes.
|
|
82
|
+
*
|
|
83
|
+
* @public
|
|
84
|
+
*/
|
|
85
|
+
export type AnchorAttributes = ValuesOf<typeof AnchorAttributes>;
|
package/dist/dts/index.d.ts
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
export { AccordionItem, accordionItemDefinition, AccordionItemExpandIconPosition, AccordionItemSize, accordionItemStyles, accordionItemTemplate, } from './accordion-item/index.js';
|
|
2
2
|
export type { AccordionItemOptions } from './accordion-item/index.js';
|
|
3
3
|
export { Accordion, accordionDefinition, AccordionExpandMode, accordionStyles, accordionTemplate, } from './accordion/index.js';
|
|
4
|
-
export {
|
|
5
|
-
export type { AnchorButtonOptions } from './anchor-button/index.js';
|
|
4
|
+
export { Link, LinkAppearance, LinkDefinition, LinkTemplate, LinkTarget } from './link/index.js';
|
|
6
5
|
export { Avatar, AvatarActive, AvatarAppearance, AvatarColor, AvatarDefinition, AvatarNamedColor, AvatarShape, AvatarSize, AvatarStyles, AvatarTemplate, } from './avatar/index.js';
|
|
7
6
|
export { Badge, BadgeAppearance, BadgeColor, BadgeDefinition, BadgeShape, BadgeSize, BadgeStyles, BadgeTemplate, } from './badge/index.js';
|
|
8
7
|
export { Button, ButtonAppearance, ButtonDefinition, ButtonFormTarget, ButtonShape, ButtonSize, ButtonStyles, ButtonTemplate, ButtonType, } from './button/index.js';
|
|
@@ -19,6 +18,7 @@ export type { SlottableInput } from './field/index.js';
|
|
|
19
18
|
export { FluentDesignSystem } from './fluent-design-system.js';
|
|
20
19
|
export { Image, ImageDefinition, ImageFit, ImageShape, ImageStyles, ImageTemplate } from './image/index.js';
|
|
21
20
|
export { Label, LabelDefinition, LabelSize, LabelStyles, LabelTemplate, LabelWeight } from './label/index.js';
|
|
21
|
+
export { AnchorButton, AnchorButtonAppearance, AnchorButtonDefinition, AnchorButtonShape, AnchorButtonSize, AnchorButtonTemplate, AnchorTarget, } from './anchor-button/index.js';
|
|
22
22
|
export { MenuButton, MenuButtonAppearance, MenuButtonDefinition, MenuButtonShape, MenuButtonSize, MenuButtonStyles, MenuButtonTemplate, } from './menu-button/index.js';
|
|
23
23
|
export type { MenuButtonOptions } from './menu-button/index.js';
|
|
24
24
|
export { MenuItem, MenuItemDefinition, MenuItemRole, MenuItemStyles, MenuItemTemplate, roleForMenuItem, } from './menu-item/index.js';
|
|
@@ -26,7 +26,6 @@ export type { MenuItemColumnCount, MenuItemOptions } from './menu-item/index.js'
|
|
|
26
26
|
export { MenuList, MenuListDefinition, MenuListStyles, MenuListTemplate } from './menu-list/index.js';
|
|
27
27
|
export { Menu, MenuDefinition, MenuStyles, MenuTemplate } from './menu/index.js';
|
|
28
28
|
export { ProgressBar, ProgressBarDefinition, ProgressBarShape, ProgressBarStyles, ProgressBarTemplate, ProgressBarThickness, ProgressBarValidationState, } from './progress-bar/index.js';
|
|
29
|
-
export type { ProgressOptions } from './progress-bar/index.js';
|
|
30
29
|
export { RadioGroup, RadioGroupDefinition, RadioGroupOrientation, RadioGroupStyles, RadioGroupTemplate, } from './radio-group/index.js';
|
|
31
30
|
export { Radio, RadioDefinition, RadioStyles, RadioTemplate } from './radio/index.js';
|
|
32
31
|
export type { RadioControl, RadioOptions } from './radio/index.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { BaseAnchor } from '../anchor-button/anchor-button.js';
|
|
2
|
+
import { type LinkAppearance } from './link.options.js';
|
|
3
|
+
/**
|
|
4
|
+
* An Anchor Custom HTML Element.
|
|
5
|
+
* Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element }.
|
|
6
|
+
*
|
|
7
|
+
* @slot start - Content which can be provided before the link content
|
|
8
|
+
* @slot end - Content which can be provided after the link content
|
|
9
|
+
* @slot - The default slot for link content
|
|
10
|
+
*
|
|
11
|
+
* @public
|
|
12
|
+
*/
|
|
13
|
+
export declare class Link extends BaseAnchor {
|
|
14
|
+
/**
|
|
15
|
+
* The appearance the link should have.
|
|
16
|
+
*
|
|
17
|
+
* @public
|
|
18
|
+
* @remarks
|
|
19
|
+
* HTML Attribute: `appearance`
|
|
20
|
+
*/
|
|
21
|
+
appearance?: LinkAppearance | undefined;
|
|
22
|
+
/**
|
|
23
|
+
* The link is inline with text
|
|
24
|
+
* In chromium browsers, if the link is contained within a semantic
|
|
25
|
+
* text element (`h1`, `h2`, `h3`, `h4`, `h5`, `h6`, `p`) or `fluent-text`,
|
|
26
|
+
* `:host-context()` ensures inline links are styled appropriately.
|
|
27
|
+
*
|
|
28
|
+
* @public
|
|
29
|
+
* @remarks
|
|
30
|
+
* HTML Attribute: `inline`
|
|
31
|
+
*/
|
|
32
|
+
inline: boolean;
|
|
33
|
+
}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { AnchorTarget } from '../anchor-button/anchor-button.options.js';
|
|
2
|
+
import type { ValuesOf } from '../utils/index.js';
|
|
3
|
+
/**
|
|
4
|
+
* Link Appearance constants
|
|
5
|
+
* @public
|
|
6
|
+
*/
|
|
7
|
+
export declare const LinkAppearance: {
|
|
8
|
+
readonly subtle: "subtle";
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* An Link can be subtle or the default appearance
|
|
12
|
+
* @public
|
|
13
|
+
*/
|
|
14
|
+
export type LinkAppearance = ValuesOf<typeof LinkAppearance>;
|
|
15
|
+
/**
|
|
16
|
+
* Link target values.
|
|
17
|
+
*
|
|
18
|
+
* @public
|
|
19
|
+
*/
|
|
20
|
+
export declare const LinkTarget: {
|
|
21
|
+
readonly _self: "_self";
|
|
22
|
+
readonly _blank: "_blank";
|
|
23
|
+
readonly _parent: "_parent";
|
|
24
|
+
readonly _top: "_top";
|
|
25
|
+
};
|
|
26
|
+
/**
|
|
27
|
+
* Type for link target values.
|
|
28
|
+
*
|
|
29
|
+
* @public
|
|
30
|
+
*/
|
|
31
|
+
export type LinkTarget = ValuesOf<typeof AnchorTarget>;
|
|
32
|
+
/**
|
|
33
|
+
* Reflected link attributes.
|
|
34
|
+
*
|
|
35
|
+
* @public
|
|
36
|
+
*/
|
|
37
|
+
export declare const LinkAttributes: {
|
|
38
|
+
readonly download: "download";
|
|
39
|
+
readonly href: "href";
|
|
40
|
+
readonly hreflang: "hreflang";
|
|
41
|
+
readonly ping: "ping";
|
|
42
|
+
readonly referrerpolicy: "referrerpolicy";
|
|
43
|
+
readonly rel: "rel";
|
|
44
|
+
readonly target: "target";
|
|
45
|
+
readonly type: "type";
|
|
46
|
+
};
|
|
47
|
+
/**
|
|
48
|
+
* Type for link attributes.
|
|
49
|
+
*
|
|
50
|
+
* @public
|
|
51
|
+
*/
|
|
52
|
+
export type LinkAttributes = ValuesOf<typeof LinkAttributes>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("@microsoft/fast-element").ElementStyles;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ElementViewTemplate, ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { Link } from './link.js';
|
|
3
|
+
/**
|
|
4
|
+
* The template for the Link component.
|
|
5
|
+
* @public
|
|
6
|
+
*/
|
|
7
|
+
export declare function anchorTemplate<T extends Link>(): ViewTemplate<T>;
|
|
8
|
+
/**
|
|
9
|
+
* The template for the Link component.
|
|
10
|
+
* @public
|
|
11
|
+
*/
|
|
12
|
+
export declare const template: ElementViewTemplate<Link>;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export { definition as ProgressBarDefinition } from './progress-bar.definition.js';
|
|
2
2
|
export { ProgressBar } from './progress-bar.js';
|
|
3
3
|
export { ProgressBarShape, ProgressBarThickness, ProgressBarValidationState } from './progress-bar.options.js';
|
|
4
|
-
export type { ProgressOptions } from './progress-bar.options.js';
|
|
5
4
|
export { styles as ProgressBarStyles } from './progress-bar.styles.js';
|
|
6
5
|
export { template as ProgressBarTemplate } from './progress-bar.template.js';
|
|
@@ -1,37 +1,80 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FASTElement } from '@microsoft/fast-element';
|
|
2
2
|
import { ProgressBarShape, ProgressBarThickness, ProgressBarValidationState } from './progress-bar.options.js';
|
|
3
3
|
/**
|
|
4
4
|
* An Progress HTML Element.
|
|
5
5
|
* Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar }.
|
|
6
6
|
*
|
|
7
|
-
* @slot indeterminate - The slot for a custom indeterminate indicator
|
|
8
|
-
* @csspart progress - Represents the progress element
|
|
9
|
-
* @csspart determinate - The determinate indicator
|
|
10
|
-
* @csspart indeterminate - The indeterminate indicator
|
|
11
|
-
*
|
|
12
7
|
* @public
|
|
13
8
|
*/
|
|
14
|
-
export declare class ProgressBar extends
|
|
9
|
+
export declare class ProgressBar extends FASTElement {
|
|
10
|
+
/**
|
|
11
|
+
* The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
12
|
+
*
|
|
13
|
+
* @internal
|
|
14
|
+
*/
|
|
15
|
+
elementInternals: ElementInternals;
|
|
15
16
|
/**
|
|
16
17
|
* The thickness of the progress bar
|
|
17
18
|
*
|
|
18
19
|
* @public
|
|
19
|
-
*
|
|
20
|
-
* HTML Attribute: thickness
|
|
20
|
+
* HTML Attribute: `thickness`
|
|
21
21
|
*/
|
|
22
22
|
thickness?: ProgressBarThickness;
|
|
23
23
|
/**
|
|
24
24
|
* The shape of the progress bar
|
|
25
25
|
* @public
|
|
26
|
-
*
|
|
27
|
-
* HTML Attribute: shape
|
|
26
|
+
* HTML Attribute: `shape`
|
|
28
27
|
*/
|
|
29
28
|
shape?: ProgressBarShape;
|
|
30
29
|
/**
|
|
31
30
|
* The validation state of the progress bar
|
|
32
31
|
* @public
|
|
33
|
-
*
|
|
34
|
-
* HTML Attribute: validation-state
|
|
32
|
+
* HTML Attribute: `validation-state`
|
|
35
33
|
*/
|
|
36
34
|
validationState: ProgressBarValidationState | null;
|
|
35
|
+
/**
|
|
36
|
+
* The value of the progress
|
|
37
|
+
* @internal
|
|
38
|
+
* HTML Attribute: `value`
|
|
39
|
+
*/
|
|
40
|
+
value?: number;
|
|
41
|
+
/**
|
|
42
|
+
* Updates the percent complete when the `value` property changes.
|
|
43
|
+
*
|
|
44
|
+
* @internal
|
|
45
|
+
*/
|
|
46
|
+
protected valueChanged(prev: number | undefined, next: number | undefined): void;
|
|
47
|
+
/**
|
|
48
|
+
* The minimum value
|
|
49
|
+
* @internal
|
|
50
|
+
* HTML Attribute: `min`
|
|
51
|
+
*/
|
|
52
|
+
min?: number;
|
|
53
|
+
/**
|
|
54
|
+
* Updates the percent complete when the `min` property changes.
|
|
55
|
+
*
|
|
56
|
+
* @param prev - The previous min value
|
|
57
|
+
* @param next - The current min value
|
|
58
|
+
*/
|
|
59
|
+
protected minChanged(prev: number | undefined, next: number | undefined): void;
|
|
60
|
+
/**
|
|
61
|
+
* The maximum value
|
|
62
|
+
* @internal
|
|
63
|
+
* HTML Attribute: `max`
|
|
64
|
+
*/
|
|
65
|
+
max?: number;
|
|
66
|
+
/**
|
|
67
|
+
* Updates the percent complete when the `max` property changes.
|
|
68
|
+
*
|
|
69
|
+
* @param prev - The previous max value
|
|
70
|
+
* @param next - The current max value
|
|
71
|
+
* @internal
|
|
72
|
+
*/
|
|
73
|
+
protected maxChanged(prev: number | undefined, next: number | undefined): void;
|
|
74
|
+
/**
|
|
75
|
+
* Indicates progress in %
|
|
76
|
+
* @internal
|
|
77
|
+
*/
|
|
78
|
+
get percentComplete(): number;
|
|
79
|
+
constructor();
|
|
37
80
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import { ProgressBar } from './progress-bar.js';
|
|
1
|
+
import type { ValuesOf } from '../utils/index.js';
|
|
3
2
|
/**
|
|
4
3
|
* ProgressBarThickness Constants
|
|
5
4
|
* @public
|
|
@@ -40,11 +39,3 @@ export declare const ProgressBarValidationState: {
|
|
|
40
39
|
* @public
|
|
41
40
|
*/
|
|
42
41
|
export type ProgressBarValidationState = ValuesOf<typeof ProgressBarValidationState>;
|
|
43
|
-
/**
|
|
44
|
-
* Progress configuration options
|
|
45
|
-
* @public
|
|
46
|
-
*/
|
|
47
|
-
export type ProgressOptions = {
|
|
48
|
-
indeterminateIndicator1?: StaticallyComposableHTML<ProgressBar>;
|
|
49
|
-
indeterminateIndicator2?: StaticallyComposableHTML<ProgressBar>;
|
|
50
|
-
};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import type { ElementViewTemplate } from '@microsoft/fast-element';
|
|
2
|
-
import type { ProgressOptions } from './progress-bar.options.js';
|
|
3
2
|
import type { ProgressBar } from './progress-bar.js';
|
|
4
|
-
export declare function progressTemplate<T extends ProgressBar>(
|
|
3
|
+
export declare function progressTemplate<T extends ProgressBar>(): ElementViewTemplate<T>;
|
|
5
4
|
export declare const template: ElementViewTemplate<ProgressBar>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"anchor-button.definition.js","sourceRoot":"","sources":["../../../src/anchor-button/anchor-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC;IAC7C,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,gBAAgB;IAClD,QAAQ;IACR,MAAM;
|
|
1
|
+
{"version":3,"file":"anchor-button.definition.js","sourceRoot":"","sources":["../../../src/anchor-button/anchor-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC;IAC7C,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,gBAAgB;IAClD,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
|