@fluentui/web-components 3.0.0-beta.21 → 3.0.0-beta.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +22 -2
- package/dist/dts/accordion/accordion.bench.d.ts +3 -0
- package/dist/dts/accordion/accordion.options.d.ts +3 -3
- package/dist/dts/accordion-item/accordion-item.bench.d.ts +3 -0
- package/dist/dts/accordion-item/accordion-item.d.ts +2 -5
- package/dist/dts/accordion-item/accordion-item.options.d.ts +2 -2
- package/dist/dts/accordion-item/accordion-item.template.d.ts +1 -1
- package/dist/dts/accordion-item/index.d.ts +2 -1
- 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/anchor-button/index.d.ts +3 -2
- 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/button/index.d.ts +4 -3
- package/dist/dts/checkbox/checkbox.bench.d.ts +3 -0
- package/dist/dts/checkbox/checkbox.d.ts +1 -4
- package/dist/dts/checkbox/checkbox.options.d.ts +3 -3
- package/dist/dts/checkbox/index.d.ts +4 -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 +12 -146
- 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.d.ts +4 -7
- 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 +30 -35
- package/dist/dts/index.d.ts +50 -34
- package/dist/dts/label/label.bench.d.ts +3 -0
- package/dist/dts/label/label.d.ts +0 -2
- package/dist/dts/label/label.options.d.ts +2 -2
- package/dist/dts/menu/menu.bench.d.ts +3 -0
- package/dist/dts/menu/menu.d.ts +27 -25
- package/dist/dts/menu-button/index.d.ts +4 -3
- package/dist/dts/menu-button/menu-button.bench.d.ts +3 -0
- package/dist/dts/menu-button/menu-button.options.d.ts +4 -4
- package/dist/dts/menu-item/index.d.ts +4 -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/index.d.ts +3 -2
- 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/index.d.ts +2 -1
- 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/index.d.ts +3 -2
- 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.d.ts +0 -2
- package/dist/dts/spinner/spinner.options.d.ts +2 -2
- package/dist/dts/switch/index.d.ts +3 -2
- package/dist/dts/switch/switch.bench.d.ts +3 -0
- package/dist/dts/switch/switch.d.ts +1 -2
- package/dist/dts/switch/switch.options.d.ts +1 -1
- package/dist/dts/tab/index.d.ts +4 -3
- package/dist/dts/tab/tab.bench.d.ts +3 -0
- package/dist/dts/tab/tab.d.ts +1 -1
- package/dist/dts/tab/tab.template.d.ts +1 -1
- package/dist/dts/tab-panel/tab-panel.bench.d.ts +3 -0
- package/dist/dts/tabs/index.d.ts +4 -3
- package/dist/dts/tabs/tabs.bench.d.ts +3 -0
- package/dist/dts/tabs/tabs.d.ts +13 -9
- 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 -3
- package/dist/dts/text-input/text-input.options.d.ts +4 -4
- package/dist/dts/theme/design-tokens.d.ts +1744 -0
- package/dist/dts/theme/set-theme.d.ts +5 -1
- package/dist/dts/toggle-button/index.d.ts +4 -3
- package/dist/dts/toggle-button/toggle-button.bench.d.ts +3 -0
- package/dist/dts/toggle-button/toggle-button.options.d.ts +4 -4
- 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/accordion.options.js +1 -1
- 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/accordion-item/accordion-item.js +0 -1
- package/dist/esm/accordion-item/accordion-item.js.map +1 -1
- package/dist/esm/accordion-item/index.js.map +1 -1
- 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/anchor-button/index.js +2 -2
- package/dist/esm/anchor-button/index.js.map +1 -1
- 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/button/index.js +3 -3
- package/dist/esm/button/index.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/checkbox/checkbox.js.map +1 -1
- package/dist/esm/checkbox/index.js +2 -2
- package/dist/esm/checkbox/index.js.map +1 -1
- 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 +32 -306
- 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/divider/divider.js +1 -1
- package/dist/esm/divider/divider.js.map +1 -1
- 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 +30 -35
- package/dist/esm/index-rollup.js.map +1 -1
- package/dist/esm/index.js +34 -33
- 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/label/label.js.map +1 -1
- package/dist/esm/menu/menu.bench.js +31 -0
- package/dist/esm/menu/menu.bench.js.map +1 -0
- package/dist/esm/menu/menu.js +25 -23
- package/dist/esm/menu/menu.js.map +1 -1
- package/dist/esm/menu-button/index.js +2 -2
- package/dist/esm/menu-button/index.js.map +1 -1
- 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/index.js +2 -2
- package/dist/esm/menu-item/index.js.map +1 -1
- 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/menu-list/menu-list.js +2 -1
- package/dist/esm/menu-list/menu-list.js.map +1 -1
- package/dist/esm/progress-bar/index.js +2 -2
- package/dist/esm/progress-bar/index.js.map +1 -1
- 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/index.js +1 -1
- package/dist/esm/radio/index.js.map +1 -1
- 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/index.js +1 -1
- package/dist/esm/slider/index.js.map +1 -1
- 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/spinner/spinner.js.map +1 -1
- package/dist/esm/switch/index.js +1 -1
- package/dist/esm/switch/index.js.map +1 -1
- 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/index.js +2 -2
- package/dist/esm/tab/index.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/index.js +2 -2
- package/dist/esm/tabs/index.js.map +1 -1
- package/dist/esm/tabs/tabs.bench.js +32 -0
- package/dist/esm/tabs/tabs.bench.js.map +1 -0
- package/dist/esm/tabs/tabs.js +13 -9
- package/dist/esm/tabs/tabs.js.map +1 -1
- 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/text-input/text-input.js.map +1 -1
- package/dist/esm/theme/design-tokens.js +1744 -0
- package/dist/esm/theme/design-tokens.js.map +1 -1
- package/dist/esm/theme/set-theme.js +5 -1
- package/dist/esm/theme/set-theme.js.map +1 -1
- package/dist/esm/toggle-button/index.js +3 -3
- package/dist/esm/toggle-button/index.js.map +1 -1
- 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 +1850 -213
- package/dist/web-components.js +1325 -2747
- package/dist/web-components.min.js +253 -255
- package/package.json +19 -3
- package/dist/fluent-web-components.api.json +0 -29683
- package/docs/api-report.md +0 -3212
- package/playwright.config.ts +0 -24
- package/project.json +0 -6
- package/tensile.config.js +0 -22
package/dist/dts/menu/menu.d.ts
CHANGED
|
@@ -47,12 +47,12 @@ export declare class Menu extends FASTElement {
|
|
|
47
47
|
positioningContainer?: HTMLElement;
|
|
48
48
|
/**
|
|
49
49
|
* The trigger element of the menu.
|
|
50
|
-
* @
|
|
50
|
+
* @internal
|
|
51
51
|
*/
|
|
52
52
|
private _trigger?;
|
|
53
53
|
/**
|
|
54
54
|
* The menu list element of the menu.
|
|
55
|
-
* @
|
|
55
|
+
* @internal
|
|
56
56
|
*/
|
|
57
57
|
private _menuList?;
|
|
58
58
|
/**
|
|
@@ -108,51 +108,53 @@ export declare class Menu extends FASTElement {
|
|
|
108
108
|
* Updates the 'aria-expanded' attribute and sets the positioning of the menu.
|
|
109
109
|
* Sets menu list position
|
|
110
110
|
* emits openChanged event
|
|
111
|
+
*
|
|
112
|
+
* @param oldValue - The previous value of 'open'.
|
|
113
|
+
* @param newValue - The new value of 'open'.
|
|
111
114
|
* @public
|
|
112
|
-
* @param {boolean} oldValue - The previous value of 'open'.
|
|
113
|
-
* @param {boolean} newValue - The new value of 'open'.
|
|
114
115
|
*/
|
|
115
116
|
openChanged(oldValue: boolean, newValue: boolean): void;
|
|
116
117
|
/**
|
|
117
118
|
* Called whenever the 'openOnHover' property changes.
|
|
118
119
|
* Adds or removes a 'mouseover' event listener to the trigger based on the new value.
|
|
120
|
+
*
|
|
121
|
+
* @param oldValue - The previous value of 'openOnHover'.
|
|
122
|
+
* @param newValue - The new value of 'openOnHover'.
|
|
119
123
|
* @public
|
|
120
|
-
* @param {boolean} oldValue - The previous value of 'openOnHover'.
|
|
121
|
-
* @param {boolean} newValue - The new value of 'openOnHover'.
|
|
122
124
|
*/
|
|
123
125
|
openOnHoverChanged(oldValue: boolean, newValue: boolean): void;
|
|
124
126
|
/**
|
|
125
127
|
* Called whenever the 'persistOnItemClick' property changes.
|
|
126
128
|
* Adds or removes a 'click' event listener to the menu list based on the new value.
|
|
127
129
|
* @public
|
|
128
|
-
* @param
|
|
129
|
-
* @param
|
|
130
|
+
* @param oldValue - The previous value of 'persistOnItemClick'.
|
|
131
|
+
* @param newValue - The new value of 'persistOnItemClick'.
|
|
130
132
|
*/
|
|
131
133
|
persistOnItemClickChanged(oldValue: boolean, newValue: boolean): void;
|
|
132
134
|
/**
|
|
133
135
|
* Called whenever the 'openOnContext' property changes.
|
|
134
136
|
* Adds or removes a 'contextmenu' event listener to the trigger based on the new value.
|
|
135
137
|
* @public
|
|
136
|
-
* @param
|
|
137
|
-
* @param
|
|
138
|
+
* @param oldValue - The previous value of 'openOnContext'.
|
|
139
|
+
* @param newValue - The new value of 'openOnContext'.
|
|
138
140
|
*/
|
|
139
141
|
openOnContextChanged(oldValue: boolean, newValue: boolean): void;
|
|
140
142
|
/**
|
|
141
143
|
* Called whenever the 'closeOnScroll' property changes.
|
|
142
144
|
* Adds or removes a 'closeOnScroll' event listener to the trigger based on the new value.
|
|
143
145
|
* @public
|
|
144
|
-
* @param
|
|
145
|
-
* @param
|
|
146
|
+
* @param oldValue - The previous value of 'closeOnScroll'.
|
|
147
|
+
* @param newValue - The new value of 'closeOnScroll'.
|
|
146
148
|
*/
|
|
147
149
|
closeOnScrollChanged(oldValue: boolean, newValue: boolean): void;
|
|
148
150
|
/**
|
|
149
151
|
* The task to set the positioning of the menu.
|
|
150
|
-
* @
|
|
152
|
+
* @internal
|
|
151
153
|
*/
|
|
152
154
|
protected setPositioningTask: () => void;
|
|
153
155
|
/**
|
|
154
156
|
* Sets the positioning of the menu.
|
|
155
|
-
* @
|
|
157
|
+
* @internal
|
|
156
158
|
*/
|
|
157
159
|
protected setPositioning(): void;
|
|
158
160
|
/**
|
|
@@ -166,29 +168,29 @@ export declare class Menu extends FASTElement {
|
|
|
166
168
|
* Removes event listeners.
|
|
167
169
|
* Removes click and keydown event listeners from the trigger and a click event listener from the document.
|
|
168
170
|
* Also removes 'mouseover' event listeners from the trigger.
|
|
169
|
-
* @
|
|
171
|
+
* @internal
|
|
170
172
|
*/
|
|
171
173
|
private removeListeners;
|
|
172
174
|
/**
|
|
173
|
-
* Handles keyboard interaction for the menu.
|
|
174
|
-
* Closes the menu
|
|
175
|
-
*
|
|
175
|
+
* Handles keyboard interaction for the menu. Closes the menu and focuses on the trigger when the Escape key is
|
|
176
|
+
* pressed. Closes the menu when the Tab key is pressed.
|
|
177
|
+
*
|
|
178
|
+
* @param e - the keyboard event
|
|
176
179
|
* @public
|
|
177
|
-
* @param {KeyboardEvent} e - the keyboard event
|
|
178
180
|
*/
|
|
179
181
|
handleMenuKeydown(e: KeyboardEvent): boolean | void;
|
|
180
182
|
/**
|
|
181
|
-
* Handles keyboard interaction for the trigger.
|
|
182
|
-
*
|
|
183
|
-
*
|
|
183
|
+
* Handles keyboard interaction for the trigger. Toggles the menu when the Space or Enter key is pressed. If the menu
|
|
184
|
+
* is open, focuses on the menu list.
|
|
185
|
+
*
|
|
186
|
+
* @param e - the keyboard event
|
|
184
187
|
* @public
|
|
185
|
-
* @param {KeyboardEvent} e - the keyboard event
|
|
186
188
|
*/
|
|
187
189
|
handleTriggerKeydown: (e: KeyboardEvent) => boolean | void;
|
|
188
190
|
/**
|
|
189
191
|
* Handles document click events to close the menu when a click occurs outside of the menu or the trigger.
|
|
190
|
-
* @
|
|
191
|
-
* @param
|
|
192
|
+
* @internal
|
|
193
|
+
* @param e - The event triggered on document click.
|
|
192
194
|
*/
|
|
193
195
|
private handleDocumentClick;
|
|
194
196
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
export { MenuButton } from './menu-button.js';
|
|
2
|
-
export { MenuButtonAppearance, MenuButtonShape, MenuButtonSize, MenuButtonOptions } from './menu-button.options.js';
|
|
3
|
-
export { template as MenuButtonTemplate } from './menu-button.template.js';
|
|
4
1
|
export { styles as MenuButtonStyles } from '../button/button.styles.js';
|
|
5
2
|
export { definition as MenuButtonDefinition } from './menu-button.definition.js';
|
|
3
|
+
export { MenuButton } from './menu-button.js';
|
|
4
|
+
export { MenuButtonAppearance, MenuButtonShape, MenuButtonSize } from './menu-button.options.js';
|
|
5
|
+
export type { MenuButtonOptions } from './menu-button.options.js';
|
|
6
|
+
export { template as MenuButtonTemplate } from './menu-button.template.js';
|
|
@@ -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
|
|
47
|
-
export { ButtonOptions as MenuButtonOptions };
|
|
46
|
+
export type MenuButtonSize = ValuesOf<typeof MenuButtonSize>;
|
|
47
|
+
export type { ButtonOptions as MenuButtonOptions };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { definition as MenuItemDefinition } from './menu-item.definition.js';
|
|
2
|
+
export { MenuItem } from './menu-item.js';
|
|
3
|
+
export type { MenuItemColumnCount, MenuItemOptions } from './menu-item.js';
|
|
2
4
|
export { MenuItemRole, roleForMenuItem } from './menu-item.options.js';
|
|
3
|
-
export { template as MenuItemTemplate } from './menu-item.template.js';
|
|
4
5
|
export { styles as MenuItemStyles } from './menu-item.styles.js';
|
|
5
|
-
export {
|
|
6
|
+
export { template as MenuItemTemplate } from './menu-item.template.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
|
|
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.
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
export { ProgressBar } from './progress-bar.js';
|
|
2
|
-
export { ProgressOptions, ProgressBarShape, ProgressBarThickness, ProgressBarValidationState, } from './progress-bar.options.js';
|
|
3
1
|
export { definition as ProgressBarDefinition } from './progress-bar.definition.js';
|
|
2
|
+
export { ProgressBar } from './progress-bar.js';
|
|
3
|
+
export { ProgressBarShape, ProgressBarThickness, ProgressBarValidationState } from './progress-bar.options.js';
|
|
4
|
+
export type { ProgressOptions } from './progress-bar.options.js';
|
|
4
5
|
export { styles as ProgressBarStyles } from './progress-bar.styles.js';
|
|
5
6
|
export { template as ProgressBarTemplate } from './progress-bar.template.js';
|
|
@@ -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
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
export { Radio, RadioControl, RadioOptions } from './radio.js';
|
|
2
1
|
export { definition as RadioDefinition } from './radio.definition.js';
|
|
2
|
+
export { Radio } from './radio.js';
|
|
3
|
+
export type { RadioControl, RadioOptions } from './radio.js';
|
|
3
4
|
export { styles as RadioStyles } from './radio.styles.js';
|
|
4
5
|
export { template as RadioTemplate } from './radio.template.js';
|
|
@@ -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
|
/**
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
export { Slider } from './slider.js';
|
|
2
|
-
export { SliderConfiguration, SliderMode, SliderOptions, SliderOrientation, SliderSize } from './slider.options.js';
|
|
3
1
|
export { definition as SliderDefinition } from './slider.definition.js';
|
|
2
|
+
export { Slider } from './slider.js';
|
|
3
|
+
export { SliderMode, SliderOrientation, SliderSize } from './slider.options.js';
|
|
4
|
+
export type { SliderConfiguration, SliderOptions } from './slider.options.js';
|
|
4
5
|
export { styles as SliderStyles } from './slider.styles.js';
|
|
5
6
|
export { template as SliderTemplate } from './slider.template.js';
|
|
@@ -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
|
};
|
|
@@ -15,7 +15,6 @@ export declare class Spinner extends FASTElement {
|
|
|
15
15
|
* The size of the spinner
|
|
16
16
|
*
|
|
17
17
|
* @public
|
|
18
|
-
* @default 'medium'
|
|
19
18
|
* @remarks
|
|
20
19
|
* HTML Attribute: size
|
|
21
20
|
*/
|
|
@@ -23,7 +22,6 @@ export declare class Spinner extends FASTElement {
|
|
|
23
22
|
/**
|
|
24
23
|
* The appearance of the spinner
|
|
25
24
|
* @public
|
|
26
|
-
* @default 'primary'
|
|
27
25
|
* @remarks
|
|
28
26
|
* HTML Attribute: appearance
|
|
29
27
|
*/
|
|
@@ -11,7 +11,7 @@ export declare const SpinnerAppearance: {
|
|
|
11
11
|
* A Spinner's appearance can be either primary or inverted
|
|
12
12
|
* @public
|
|
13
13
|
*/
|
|
14
|
-
export
|
|
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,5 +1,6 @@
|
|
|
1
|
-
export { Switch, SwitchOptions } from './switch.js';
|
|
2
|
-
export { SwitchLabelPosition } from './switch.options.js';
|
|
3
1
|
export { definition as SwitchDefinition } from './switch.definition.js';
|
|
2
|
+
export { Switch } from './switch.js';
|
|
3
|
+
export type { SwitchOptions } from './switch.js';
|
|
4
|
+
export { SwitchLabelPosition } from './switch.options.js';
|
|
4
5
|
export { styles as SwitchStyles } from './switch.styles.js';
|
|
5
6
|
export { template as SwitchTemplate } from './switch.template.js';
|
|
@@ -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 {
|
|
@@ -9,7 +9,6 @@ export declare class Switch extends FormAssociatedSwitch {
|
|
|
9
9
|
* The label position of the switch
|
|
10
10
|
*
|
|
11
11
|
* @public
|
|
12
|
-
* @default 'after'
|
|
13
12
|
* @remarks
|
|
14
13
|
* HTML Attribute: labelposition
|
|
15
14
|
*/
|
package/dist/dts/tab/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
export { Tab, TabOptions } from './tab.js';
|
|
2
|
-
export { template as TabTemplate } from './tab.template.js';
|
|
3
|
-
export { styles as TabStyles } from './tab.styles.js';
|
|
4
1
|
export { definition as TabDefinition } from './tab.definition.js';
|
|
2
|
+
export { Tab } from './tab.js';
|
|
3
|
+
export type { TabOptions } from './tab.js';
|
|
4
|
+
export { styles as TabStyles } from './tab.styles.js';
|
|
5
|
+
export { template as TabTemplate } from './tab.template.js';
|
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
|
*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ElementViewTemplate } from '@microsoft/fast-element';
|
|
2
|
-
import { Tab, TabOptions } from './tab.js';
|
|
2
|
+
import type { Tab, TabOptions } from './tab.js';
|
|
3
3
|
export declare function tabTemplate<T extends Tab>(options?: TabOptions): ElementViewTemplate<T>;
|
|
4
4
|
export declare const template: ElementViewTemplate<Tab, any>;
|
package/dist/dts/tabs/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
export { definition as TabsDefinition } from './tabs.definition.js';
|
|
1
2
|
export { Tabs } from './tabs.js';
|
|
2
|
-
export { TabsAppearance,
|
|
3
|
-
export {
|
|
3
|
+
export { TabsAppearance, TabsOrientation, TabsSize } from './tabs.options.js';
|
|
4
|
+
export type { TabsOptions } from './tabs.options.js';
|
|
4
5
|
export { styles as TabsStyles } from './tabs.styles.js';
|
|
5
|
-
export {
|
|
6
|
+
export { template as TabsTemplate } from './tabs.template.js';
|
package/dist/dts/tabs/tabs.d.ts
CHANGED
|
@@ -2,8 +2,8 @@ import { FASTElement } from '@microsoft/fast-element';
|
|
|
2
2
|
import { StartEnd } from '../patterns/index.js';
|
|
3
3
|
import { TabsAppearance, TabsOrientation, TabsSize } from './tabs.options.js';
|
|
4
4
|
/**
|
|
5
|
+
* A Tabs component that wraps a collection of tab and tab panel elements.
|
|
5
6
|
*
|
|
6
|
-
* @class TabList component
|
|
7
7
|
* @public
|
|
8
8
|
*/
|
|
9
9
|
export declare class BaseTabs extends FASTElement {
|
|
@@ -147,21 +147,25 @@ export declare class Tabs extends BaseTabs {
|
|
|
147
147
|
*/
|
|
148
148
|
private getTabScale;
|
|
149
149
|
/**
|
|
150
|
-
*
|
|
150
|
+
* Calculates and applies updated values to CSS variables.
|
|
151
151
|
*
|
|
152
|
-
*
|
|
153
|
-
* @
|
|
152
|
+
* @param tab - the tab element to apply the updated values to
|
|
153
|
+
* @internal
|
|
154
154
|
*/
|
|
155
155
|
private applyUpdatedCSSValues;
|
|
156
156
|
/**
|
|
157
|
-
*
|
|
158
|
-
*
|
|
159
|
-
*
|
|
157
|
+
* Runs through all the operations required for setting the tab active indicator to its starting location, ending
|
|
158
|
+
* location, and applying the animated css class to the tab.
|
|
159
|
+
*
|
|
160
|
+
* @param tab - the tab element to apply the updated values to
|
|
161
|
+
* @internal
|
|
160
162
|
*/
|
|
161
163
|
private animationLoop;
|
|
162
164
|
/**
|
|
163
|
-
*
|
|
164
|
-
*
|
|
165
|
+
* Sets the data from the active tab onto the class. used for making all the animation calculations for the active
|
|
166
|
+
* tab indicator.
|
|
167
|
+
*
|
|
168
|
+
* @internal
|
|
165
169
|
*/
|
|
166
170
|
private setTabData;
|
|
167
171
|
private setTabOffsetCSSVar;
|
|
@@ -5,18 +5,18 @@ export declare const TabsAppearance: {
|
|
|
5
5
|
readonly subtle: "subtle";
|
|
6
6
|
readonly transparent: "transparent";
|
|
7
7
|
};
|
|
8
|
-
export
|
|
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>;
|