@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.
Files changed (66) hide show
  1. package/CHANGELOG.md +22 -2
  2. package/dist/dts/anchor-button/anchor-button.d.ts +88 -82
  3. package/dist/dts/anchor-button/anchor-button.options.d.ts +21 -0
  4. package/dist/dts/button/button.styles.d.ts +4 -0
  5. package/dist/dts/index-rollup.d.ts +1 -0
  6. package/dist/dts/index.d.ts +2 -3
  7. package/dist/dts/link/define.d.ts +1 -0
  8. package/dist/dts/link/index.d.ts +4 -0
  9. package/dist/dts/link/link.bench.d.ts +3 -0
  10. package/dist/dts/link/link.d.ts +33 -0
  11. package/dist/dts/link/link.definition.d.ts +7 -0
  12. package/dist/dts/link/link.options.d.ts +52 -0
  13. package/dist/dts/link/link.styles.d.ts +1 -0
  14. package/dist/dts/link/link.template.d.ts +12 -0
  15. package/dist/dts/progress-bar/index.d.ts +0 -1
  16. package/dist/dts/progress-bar/progress-bar.d.ts +56 -13
  17. package/dist/dts/progress-bar/progress-bar.options.d.ts +1 -10
  18. package/dist/dts/progress-bar/progress-bar.template.d.ts +1 -2
  19. package/dist/esm/anchor-button/anchor-button.definition.js +0 -3
  20. package/dist/esm/anchor-button/anchor-button.definition.js.map +1 -1
  21. package/dist/esm/anchor-button/anchor-button.js +97 -81
  22. package/dist/esm/anchor-button/anchor-button.js.map +1 -1
  23. package/dist/esm/anchor-button/anchor-button.options.js +15 -0
  24. package/dist/esm/anchor-button/anchor-button.options.js.map +1 -1
  25. package/dist/esm/anchor-button/anchor-button.styles.js +6 -258
  26. package/dist/esm/anchor-button/anchor-button.styles.js.map +1 -1
  27. package/dist/esm/anchor-button/anchor-button.template.js +7 -35
  28. package/dist/esm/anchor-button/anchor-button.template.js.map +1 -1
  29. package/dist/esm/button/button.styles.js +16 -5
  30. package/dist/esm/button/button.styles.js.map +1 -1
  31. package/dist/esm/index-rollup.js +1 -0
  32. package/dist/esm/index-rollup.js.map +1 -1
  33. package/dist/esm/index.js +2 -1
  34. package/dist/esm/index.js.map +1 -1
  35. package/dist/esm/link/define.js +4 -0
  36. package/dist/esm/link/define.js.map +1 -0
  37. package/dist/esm/link/index.js +5 -0
  38. package/dist/esm/link/index.js.map +1 -0
  39. package/dist/esm/link/link.bench.js +11 -0
  40. package/dist/esm/link/link.bench.js.map +1 -0
  41. package/dist/esm/link/link.definition.js +15 -0
  42. package/dist/esm/link/link.definition.js.map +1 -0
  43. package/dist/esm/link/link.js +36 -0
  44. package/dist/esm/link/link.js.map +1 -0
  45. package/dist/esm/link/link.options.js +21 -0
  46. package/dist/esm/link/link.options.js.map +1 -0
  47. package/dist/esm/link/link.styles.js +67 -0
  48. package/dist/esm/link/link.styles.js.map +1 -0
  49. package/dist/esm/link/link.template.js +22 -0
  50. package/dist/esm/link/link.template.js.map +1 -0
  51. package/dist/esm/progress-bar/index.js.map +1 -1
  52. package/dist/esm/progress-bar/progress-bar.js +62 -11
  53. package/dist/esm/progress-bar/progress-bar.js.map +1 -1
  54. package/dist/esm/progress-bar/progress-bar.styles.js +48 -127
  55. package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
  56. package/dist/esm/progress-bar/progress-bar.template.js +8 -26
  57. package/dist/esm/progress-bar/progress-bar.template.js.map +1 -1
  58. package/dist/esm/theme/set-theme.js +8 -3
  59. package/dist/esm/theme/set-theme.js.map +1 -1
  60. package/dist/web-components.d.ts +271 -391
  61. package/dist/web-components.js +351 -265
  62. package/dist/web-components.min.js +240 -246
  63. package/package.json +6 -1
  64. package/dist/dts/progress-bar/base-progress.d.ts +0 -41
  65. package/dist/esm/progress-bar/base-progress.js +0 -56
  66. 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 Tue, 11 Jun 2024 04:06:16 GMT and should not be manually modified.
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:16 GMT
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 { ARIAGlobalStatesAndProperties, StartEnd } from '../patterns/index.js';
2
+ import { StartEnd } from '../patterns/index.js';
3
3
  import type { StartEndOptions } from '../patterns/index.js';
4
- import type { AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize, AnchorTarget } from './anchor-button.options.js';
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 AnchorButton extends FASTElement {
22
+ export declare class BaseAnchor extends FASTElement {
23
23
  /**
24
- * Prompts the user to save the linked URL. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.
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: string;
43
+ download?: string;
30
44
  /**
31
- * The URL the hyperlink references. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.
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: string;
52
+ href?: string;
37
53
  /**
38
- * Hints at the language of the referenced resource. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.
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: string;
61
+ hreflang?: string;
44
62
  /**
45
- * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.
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: string;
70
+ ping?: string;
51
71
  /**
52
- * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.
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: string;
79
+ referrerpolicy?: string;
58
80
  /**
59
- * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.
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
- * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.
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: AnchorTarget;
97
+ target?: AnchorTarget;
72
98
  /**
73
- * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.
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: string;
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
- * Default slotted content
82
- *
120
+ * @param e - The event object
83
121
  * @internal
84
122
  */
85
- defaultSlottedContent: HTMLElement[];
123
+ clickHandler(): boolean;
86
124
  /**
87
- * References the root element
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
- control: HTMLAnchorElement;
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, DelegatesARIALink {
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>;
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @internal
3
+ */
4
+ export declare const baseButtonStyles: import("@microsoft/fast-element").ElementStyles;
1
5
  /**
2
6
  * The styles for the Button component.
3
7
  *
@@ -13,6 +13,7 @@ import './divider/define.js';
13
13
  import './field/define.js';
14
14
  import './image/define.js';
15
15
  import './label/define.js';
16
+ import './link/define.js';
16
17
  import './menu-button/define.js';
17
18
  import './menu-item/define.js';
18
19
  import './menu-list/define.js';
@@ -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 { AnchorButton, AnchorButtonAppearance, AnchorButtonDefinition, AnchorButtonShape, AnchorButtonSize, AnchorButtonTemplate, AnchorTarget, } from './anchor-button/index.js';
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,4 @@
1
+ export { definition as LinkDefinition } from './link.definition.js';
2
+ export { Link } from './link.js';
3
+ export { LinkAppearance, LinkTarget } from './link.options.js';
4
+ export { template as LinkTemplate } from './link.template.js';
@@ -0,0 +1,3 @@
1
+ declare const itemRenderer: () => HTMLElement;
2
+ export default itemRenderer;
3
+ export { tests } from '../utils/benchmark-wrapper.js';
@@ -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,7 @@
1
+ import { Link } from './link.js';
2
+ /**
3
+ * @public
4
+ * @remarks
5
+ * HTML Element: \<fluent-link\>
6
+ */
7
+ export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof Link>;
@@ -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 { BaseProgress } from './base-progress.js';
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 BaseProgress {
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
- * @remarks
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
- * @remarks
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
- * @remarks
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 { StaticallyComposableHTML, ValuesOf } from '../utils/index.js';
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>(options?: ProgressOptions): ElementViewTemplate<T>;
3
+ export declare function progressTemplate<T extends ProgressBar>(): ElementViewTemplate<T>;
5
4
  export declare const template: ElementViewTemplate<ProgressBar>;
@@ -11,8 +11,5 @@ export const definition = AnchorButton.compose({
11
11
  name: `${FluentDesignSystem.prefix}-anchor-button`,
12
12
  template,
13
13
  styles,
14
- shadowOptions: {
15
- delegatesFocus: true,
16
- },
17
14
  });
18
15
  //# sourceMappingURL=anchor-button.definition.js.map
@@ -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;IACN,aAAa,EAAE;QACb,cAAc,EAAE,IAAI;KACrB;CACF,CAAC,CAAC"}
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"}