@fluentui/web-components 3.0.0-beta.42 → 3.0.0-beta.44
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/button/button.d.ts +8 -0
- package/dist/dts/drawer-body/drawer-body.d.ts +17 -0
- package/dist/esm/button/button.js +12 -1
- package/dist/esm/button/button.js.map +1 -1
- package/dist/esm/button/button.template.js +1 -1
- package/dist/esm/button/button.template.js.map +1 -1
- package/dist/esm/compound-button/compound-button.template.js +1 -1
- package/dist/esm/compound-button/compound-button.template.js.map +1 -1
- package/dist/esm/drawer-body/drawer-body.js +17 -0
- package/dist/esm/drawer-body/drawer-body.js.map +1 -1
- package/dist/esm/menu-item/menu-item.styles.js +7 -1
- package/dist/esm/menu-item/menu-item.styles.js.map +1 -1
- package/dist/web-components.d.ts +25 -0
- package/dist/web-components.js +9 -3
- package/dist/web-components.min.js +50 -50
- package/package.json +1 -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 Wed, 17 Jul 2024 04:07:45 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [3.0.0-beta.44](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.44)
|
|
8
|
+
|
|
9
|
+
Wed, 17 Jul 2024 04:07:45 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.43..@fluentui/web-components_v3.0.0-beta.44)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- chore: cleanup drawer storybook ([PR #31991](https://github.com/microsoft/fluentui/pull/31991) by rupertdavid@microsoft.com)
|
|
15
|
+
|
|
16
|
+
## [3.0.0-beta.43](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.43)
|
|
17
|
+
|
|
18
|
+
Tue, 16 Jul 2024 04:08:02 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.42..@fluentui/web-components_v3.0.0-beta.43)
|
|
20
|
+
|
|
21
|
+
### Changes
|
|
22
|
+
|
|
23
|
+
- fix: scope menu fallback positioning to non-anchor browsers only ([PR #32000](https://github.com/microsoft/fluentui/pull/32000) by rupertdavid@microsoft.com)
|
|
24
|
+
- fix: expose tabindex as an overriden attribute with a default value of 0' ([PR #32007](https://github.com/microsoft/fluentui/pull/32007) by 13071055+chrisdholt@users.noreply.github.com)
|
|
25
|
+
- fix: support tabindex values from implementors on buttons ([PR #32003](https://github.com/microsoft/fluentui/pull/32003) by 13071055+chrisdholt@users.noreply.github.com)
|
|
26
|
+
|
|
7
27
|
## [3.0.0-beta.42](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.42)
|
|
8
28
|
|
|
9
|
-
Thu, 11 Jul 2024 04:07:
|
|
29
|
+
Thu, 11 Jul 2024 04:07:36 GMT
|
|
10
30
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.41..@fluentui/web-components_v3.0.0-beta.42)
|
|
11
31
|
|
|
12
32
|
### Changes
|
|
@@ -60,6 +60,14 @@ export declare class Button extends FASTElement {
|
|
|
60
60
|
* HTML Attribute: `disabled-focusable`
|
|
61
61
|
*/
|
|
62
62
|
disabledFocusable: boolean;
|
|
63
|
+
/**
|
|
64
|
+
* Sets that the button tabindex attribute
|
|
65
|
+
*
|
|
66
|
+
* @public
|
|
67
|
+
* @remarks
|
|
68
|
+
* HTML Attribute: `tabindex`
|
|
69
|
+
*/
|
|
70
|
+
tabIndex: number;
|
|
63
71
|
/**
|
|
64
72
|
* Sets the element's internal disabled state when the element is focusable while disabled.
|
|
65
73
|
*
|
|
@@ -1,3 +1,20 @@
|
|
|
1
1
|
import { FASTElement } from '@microsoft/fast-element';
|
|
2
|
+
/**
|
|
3
|
+
* A DrawerBody component to layout drawer content
|
|
4
|
+
* @extends FASTElement
|
|
5
|
+
*
|
|
6
|
+
* @slot title - The title slot
|
|
7
|
+
* @slot close - The close button slot
|
|
8
|
+
* @slot - The default content slot
|
|
9
|
+
* @slot footer - The footer slot
|
|
10
|
+
*
|
|
11
|
+
* @csspart header - The header part of the drawer
|
|
12
|
+
* @csspart content - The content part of the drawer
|
|
13
|
+
* @csspart footer - The footer part of the drawer
|
|
14
|
+
*
|
|
15
|
+
* @summary A component that provides a drawer body for displaying content in a side panel.
|
|
16
|
+
*
|
|
17
|
+
* @tag fluent-drawer-body
|
|
18
|
+
*/
|
|
2
19
|
export declare class DrawerBody extends FASTElement {
|
|
3
20
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { attr, FASTElement, observable } from '@microsoft/fast-element';
|
|
2
|
+
import { attr, FASTElement, nullableNumberConverter, observable } from '@microsoft/fast-element';
|
|
3
3
|
import { keyEnter, keySpace } from '@microsoft/fast-web-utilities';
|
|
4
4
|
import { StartEnd } from '../patterns/index.js';
|
|
5
5
|
import { applyMixins } from '../utils/apply-mixins.js';
|
|
@@ -134,6 +134,14 @@ class Button extends FASTElement {
|
|
|
134
134
|
* HTML Attribute: `disabled-focusable`
|
|
135
135
|
*/
|
|
136
136
|
this.disabledFocusable = false;
|
|
137
|
+
/**
|
|
138
|
+
* Sets that the button tabindex attribute
|
|
139
|
+
*
|
|
140
|
+
* @public
|
|
141
|
+
* @remarks
|
|
142
|
+
* HTML Attribute: `tabindex`
|
|
143
|
+
*/
|
|
144
|
+
this.tabIndex = 0;
|
|
137
145
|
/**
|
|
138
146
|
* The internal {@link https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
139
147
|
*
|
|
@@ -307,6 +315,9 @@ __decorate([
|
|
|
307
315
|
__decorate([
|
|
308
316
|
attr({ attribute: 'disabled-focusable', mode: 'boolean' })
|
|
309
317
|
], Button.prototype, "disabledFocusable", void 0);
|
|
318
|
+
__decorate([
|
|
319
|
+
attr({ attribute: 'tabindex', mode: 'fromView', converter: nullableNumberConverter })
|
|
320
|
+
], Button.prototype, "tabIndex", void 0);
|
|
310
321
|
__decorate([
|
|
311
322
|
attr({ attribute: 'formaction' })
|
|
312
323
|
], Button.prototype, "formAction", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/button/button.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/button/button.ts"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js';
|
|
|
8
8
|
export function buttonTemplate(options = {}) {
|
|
9
9
|
return html `
|
|
10
10
|
<template
|
|
11
|
-
tabindex="${x => (x.disabled ?
|
|
11
|
+
tabindex="${x => { var _a; return (x.disabled ? null : (_a = x.tabIndex) !== null && _a !== void 0 ? _a : 0); }}"
|
|
12
12
|
@click="${(x, c) => x.clickHandler(c.event)}"
|
|
13
13
|
@keypress="${(x, c) => x.keypressHandler(c.event)}"
|
|
14
14
|
>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../src/button/button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAI1E;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAmB,UAAyB,EAAE;IAC1E,OAAO,IAAI,CAAG;;kBAEE,CAAC,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../src/button/button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAI1E;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAmB,UAAyB,EAAE;IAC1E,OAAO,IAAI,CAAG;;kBAEE,CAAC,CAAC,EAAE,WAAC,OAAA,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAA,CAAC,CAAC,QAAQ,mCAAI,CAAC,CAAC,CAAA,EAAA;gBAC5C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;mBAC5C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAsB,CAAC;;QAEhE,iBAAiB,CAAC,OAAO,CAAC;;gBAElB,OAAO,CAAC,uBAAuB,CAAC;;QAExC,eAAe,CAAC,OAAO,CAAC;;GAE7B,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAgC,cAAc,EAAE,CAAC"}
|
|
@@ -6,7 +6,7 @@ import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js';
|
|
|
6
6
|
*/
|
|
7
7
|
export function buttonTemplate(options = {}) {
|
|
8
8
|
return html `
|
|
9
|
-
<template ?disabled="${x => x.disabled}" tabindex="${x => (x.disabled ?
|
|
9
|
+
<template ?disabled="${x => x.disabled}" tabindex="${x => { var _a; return (x.disabled ? null : (_a = x.tabIndex) !== null && _a !== void 0 ? _a : 0); }}">
|
|
10
10
|
${startSlotTemplate(options)}
|
|
11
11
|
<span class="content" part="content">
|
|
12
12
|
<slot ${slotted('defaultSlottedContent')}></slot>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compound-button.template.js","sourceRoot":"","sources":["../../../src/compound-button/compound-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAI1E;;;GAGG;AACH,MAAM,UAAU,cAAc,CAA2B,UAAiC,EAAE;IAC1F,OAAO,IAAI,CAAG;2BACW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,eAAe,CAAC,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"compound-button.template.js","sourceRoot":"","sources":["../../../src/compound-button/compound-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAI1E;;;GAGG;AACH,MAAM,UAAU,cAAc,CAA2B,UAAiC,EAAE;IAC1F,OAAO,IAAI,CAAG;2BACW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,eAAe,CAAC,CAAC,EAAE,WAAC,OAAA,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAA,CAAC,CAAC,QAAQ,mCAAI,CAAC,CAAC,CAAA,EAAA;QAC3F,iBAAiB,CAAC,OAAO,CAAC;;gBAElB,OAAO,CAAC,uBAAuB,CAAC;;;QAGxC,eAAe,CAAC,OAAO,CAAC;;GAE7B,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAwC,cAAc,EAAE,CAAC"}
|
|
@@ -1,4 +1,21 @@
|
|
|
1
1
|
import { FASTElement } from '@microsoft/fast-element';
|
|
2
|
+
/**
|
|
3
|
+
* A DrawerBody component to layout drawer content
|
|
4
|
+
* @extends FASTElement
|
|
5
|
+
*
|
|
6
|
+
* @slot title - The title slot
|
|
7
|
+
* @slot close - The close button slot
|
|
8
|
+
* @slot - The default content slot
|
|
9
|
+
* @slot footer - The footer slot
|
|
10
|
+
*
|
|
11
|
+
* @csspart header - The header part of the drawer
|
|
12
|
+
* @csspart content - The content part of the drawer
|
|
13
|
+
* @csspart footer - The footer part of the drawer
|
|
14
|
+
*
|
|
15
|
+
* @summary A component that provides a drawer body for displaying content in a side panel.
|
|
16
|
+
*
|
|
17
|
+
* @tag fluent-drawer-body
|
|
18
|
+
*/
|
|
2
19
|
export class DrawerBody extends FASTElement {
|
|
3
20
|
}
|
|
4
21
|
//# sourceMappingURL=drawer-body.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-body.js","sourceRoot":"","sources":["../../../src/drawer-body/drawer-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,OAAO,UAAW,SAAQ,WAAW;CAAG"}
|
|
1
|
+
{"version":3,"file":"drawer-body.js","sourceRoot":"","sources":["../../../src/drawer-body/drawer-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,OAAO,UAAW,SAAQ,WAAW;CAAG"}
|
|
@@ -130,7 +130,6 @@ export const styles = css `
|
|
|
130
130
|
}
|
|
131
131
|
|
|
132
132
|
::slotted([popover]) {
|
|
133
|
-
align-self: start; /* Fallback for no anchor-positioning */
|
|
134
133
|
inset-area: inline-end span-block-end;
|
|
135
134
|
margin: 0;
|
|
136
135
|
max-height: var(--menu-max-height, auto);
|
|
@@ -147,6 +146,13 @@ export const styles = css `
|
|
|
147
146
|
::slotted([popover]:popover-open) {
|
|
148
147
|
inset: unset;
|
|
149
148
|
}
|
|
149
|
+
|
|
150
|
+
/* Fallback for no anchor-positioning */
|
|
151
|
+
@supports not (anchor-name: --menu-trigger) {
|
|
152
|
+
::slotted([popover]) {
|
|
153
|
+
align-self: start;
|
|
154
|
+
}
|
|
155
|
+
}
|
|
150
156
|
}
|
|
151
157
|
`.withBehaviors(forcedColorsStylesheetBehavior(css `
|
|
152
158
|
:host(${disabledState}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-item.styles.js","sourceRoot":"","sources":["../../../src/menu-item/menu-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EACL,kBAAkB,EAClB,oCAAoC,EACpC,uBAAuB,EACvB,4BAA4B,EAC5B,+BAA+B,EAC/B,8BAA8B,EAC9B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,uBAAuB,EACvB,8BAA8B,EAC9B,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAExE;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAC,OAAO,CAAA,wCAAwC,CAAC;AAEhF;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;kBAKD,uBAAuB;qBACpB,kBAAkB;aAC1B,uBAAuB;;;;;YAKxB,iBAAiB,IAAI,eAAe,MAAM,iBAAiB,IAAI,cAAc;;;;;;;;;kBASvE,4BAA4B;aACjC,4BAA4B;;;;wBAIjB,+BAA+B;aAC1C,8BAA8B;;;;aAI9B,oCAAoC;;;UAGvC,aAAa;wBACC,8BAA8B;aACzC,8BAA8B;;;UAGjC,aAAa;UACb,aAAa;aACV,8BAA8B;;;;qBAItB,kBAAkB;yBACd,iBAAiB;;;;;;;;;;eAU3B,YAAY;eACZ,YAAY;eACZ,YAAY;eACZ,YAAY;;;;;aAKd,uBAAuB;YACxB,iBAAiB,IAAI,eAAe,MAAM,iBAAiB,IAAI,cAAc;;;;;;;;;;;;;UAa/E,YAAY;;;;2BAIK,YAAY
|
|
1
|
+
{"version":3,"file":"menu-item.styles.js","sourceRoot":"","sources":["../../../src/menu-item/menu-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EACL,kBAAkB,EAClB,oCAAoC,EACpC,uBAAuB,EACvB,4BAA4B,EAC5B,+BAA+B,EAC/B,8BAA8B,EAC9B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,uBAAuB,EACvB,8BAA8B,EAC9B,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAExE;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAC,OAAO,CAAA,wCAAwC,CAAC;AAEhF;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;kBAKD,uBAAuB;qBACpB,kBAAkB;aAC1B,uBAAuB;;;;;YAKxB,iBAAiB,IAAI,eAAe,MAAM,iBAAiB,IAAI,cAAc;;;;;;;;;kBASvE,4BAA4B;aACjC,4BAA4B;;;;wBAIjB,+BAA+B;aAC1C,8BAA8B;;;;aAI9B,oCAAoC;;;UAGvC,aAAa;wBACC,8BAA8B;aACzC,8BAA8B;;;UAGjC,aAAa;UACb,aAAa;aACV,8BAA8B;;;;qBAItB,kBAAkB;yBACd,iBAAiB;;;;;;;;;;eAU3B,YAAY;eACZ,YAAY;eACZ,YAAY;eACZ,YAAY;;;;;aAKd,uBAAuB;YACxB,iBAAiB,IAAI,eAAe,MAAM,iBAAiB,IAAI,cAAc;;;;;;;;;;;;;UAa/E,YAAY;;;;2BAIK,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DtC,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;YACxB,aAAa;YACb,aAAa;YACb,aAAa;;;GAGtB,CAAC,CACH,CAAC"}
|
package/dist/web-components.d.ts
CHANGED
|
@@ -1504,6 +1504,14 @@ export declare class Button extends FASTElement {
|
|
|
1504
1504
|
* HTML Attribute: `disabled-focusable`
|
|
1505
1505
|
*/
|
|
1506
1506
|
disabledFocusable: boolean;
|
|
1507
|
+
/**
|
|
1508
|
+
* Sets that the button tabindex attribute
|
|
1509
|
+
*
|
|
1510
|
+
* @public
|
|
1511
|
+
* @remarks
|
|
1512
|
+
* HTML Attribute: `tabindex`
|
|
1513
|
+
*/
|
|
1514
|
+
tabIndex: number;
|
|
1507
1515
|
/**
|
|
1508
1516
|
* Sets the element's internal disabled state when the element is focusable while disabled.
|
|
1509
1517
|
*
|
|
@@ -4819,6 +4827,23 @@ export declare class Drawer extends FASTElement {
|
|
|
4819
4827
|
clickHandler(event: Event): boolean;
|
|
4820
4828
|
}
|
|
4821
4829
|
|
|
4830
|
+
/**
|
|
4831
|
+
* A DrawerBody component to layout drawer content
|
|
4832
|
+
* @extends FASTElement
|
|
4833
|
+
*
|
|
4834
|
+
* @slot title - The title slot
|
|
4835
|
+
* @slot close - The close button slot
|
|
4836
|
+
* @slot - The default content slot
|
|
4837
|
+
* @slot footer - The footer slot
|
|
4838
|
+
*
|
|
4839
|
+
* @csspart header - The header part of the drawer
|
|
4840
|
+
* @csspart content - The content part of the drawer
|
|
4841
|
+
* @csspart footer - The footer part of the drawer
|
|
4842
|
+
*
|
|
4843
|
+
* @summary A component that provides a drawer body for displaying content in a side panel.
|
|
4844
|
+
*
|
|
4845
|
+
* @tag fluent-drawer-body
|
|
4846
|
+
*/
|
|
4822
4847
|
export declare class DrawerBody extends FASTElement {
|
|
4823
4848
|
}
|
|
4824
4849
|
|
package/dist/web-components.js
CHANGED
|
@@ -5155,6 +5155,7 @@ class Button extends FASTElement {
|
|
|
5155
5155
|
constructor() {
|
|
5156
5156
|
super();
|
|
5157
5157
|
this.disabledFocusable = false;
|
|
5158
|
+
this.tabIndex = 0;
|
|
5158
5159
|
/**
|
|
5159
5160
|
* The internal {@link https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
5160
5161
|
*
|
|
@@ -5411,6 +5412,11 @@ __decorateClass$o([attr({
|
|
|
5411
5412
|
attribute: "disabled-focusable",
|
|
5412
5413
|
mode: "boolean"
|
|
5413
5414
|
})], Button.prototype, "disabledFocusable", 2);
|
|
5415
|
+
__decorateClass$o([attr({
|
|
5416
|
+
attribute: "tabindex",
|
|
5417
|
+
mode: "fromView",
|
|
5418
|
+
converter: nullableNumberConverter
|
|
5419
|
+
})], Button.prototype, "tabIndex", 2);
|
|
5414
5420
|
__decorateClass$o([attr({
|
|
5415
5421
|
attribute: "formaction"
|
|
5416
5422
|
})], Button.prototype, "formAction", 2);
|
|
@@ -5442,7 +5448,7 @@ __decorateClass$o([attr], Button.prototype, "value", 2);
|
|
|
5442
5448
|
applyMixins(Button, StartEnd);
|
|
5443
5449
|
|
|
5444
5450
|
function buttonTemplate$1(options = {}) {
|
|
5445
|
-
return html`<template tabindex="${x => x.disabled ?
|
|
5451
|
+
return html`<template tabindex="${x => x.disabled ? null : x.tabIndex ?? 0}" @click="${(x, c) => x.clickHandler(c.event)}" @keypress="${(x, c) => x.keypressHandler(c.event)}">${startSlotTemplate(options)}<span class="content" part="content"><slot ${slotted("defaultSlottedContent")}></slot></span>${endSlotTemplate(options)}</template>`;
|
|
5446
5452
|
}
|
|
5447
5453
|
const template$u = buttonTemplate$1();
|
|
5448
5454
|
|
|
@@ -5939,7 +5945,7 @@ const styles$r = css`
|
|
|
5939
5945
|
::slotted([slot='description']){color:${colorNeutralForegroundDisabled}}:host(${smallState}){padding:8px;padding-bottom:10px}:host(${iconOnlyState}){min-width:52px;max-width:52px;padding:${spacingHorizontalSNudge}}:host(${iconOnlyState}${smallState}){min-width:48px;max-width:48px;padding:${spacingHorizontalXS}}:host(${iconOnlyState}${largeState}){min-width:56px;max-width:56px;padding:${spacingHorizontalS}}:host(${largeState}){padding-top:18px;padding-inline:16px;padding-bottom:20px;font-size:${fontSizeBase400};line-height:${lineHeightBase400}}:host(${largeState}) ::slotted([slot='description']){font-size:${fontSizeBase300}}`;
|
|
5940
5946
|
|
|
5941
5947
|
function buttonTemplate(options = {}) {
|
|
5942
|
-
return html`<template ?disabled="${x => x.disabled}" tabindex="${x => x.disabled ?
|
|
5948
|
+
return html`<template ?disabled="${x => x.disabled}" tabindex="${x => x.disabled ? null : x.tabIndex ?? 0}">${startSlotTemplate(options)}<span class="content" part="content"><slot ${slotted("defaultSlottedContent")}></slot><slot name="description"></slot></span>${endSlotTemplate(options)}</template>`;
|
|
5943
5949
|
}
|
|
5944
5950
|
const template$s = buttonTemplate();
|
|
5945
5951
|
|
|
@@ -7249,7 +7255,7 @@ const submenuState = css.partial`:is([state--submenu], :state(submenu))`;
|
|
|
7249
7255
|
const styles$g = css`
|
|
7250
7256
|
${display("grid")}
|
|
7251
7257
|
|
|
7252
|
-
:host{--indent:0;align-items:center;background:${colorNeutralBackground1};border-radius:${borderRadiusMedium};color:${colorNeutralForeground2};contain:layout;cursor:pointer;flex-shrink:0;font:${fontWeightRegular} ${fontSizeBase300} / ${lineHeightBase300} ${fontFamilyBase};grid-gap:4px;grid-template-columns:20px 20px auto 20px;height:32px;overflow:visible;padding:0 10px}:host(:hover){background:${colorNeutralBackground1Hover};color:${colorNeutralForeground2Hover}}:host(:active){background-color:${colorNeutralBackground1Selected};color:${colorNeutralForeground2Pressed}}:host(:active) ::slotted([slot='start']){color:${colorCompoundBrandForeground1Pressed}}:host(${disabledState}){background-color:${colorNeutralBackgroundDisabled};color:${colorNeutralForegroundDisabled}}:host(${disabledState}) ::slotted([slot='start']),:host(${disabledState}) ::slotted([slot='end']){color:${colorNeutralForegroundDisabled}}:host(:focus-visible){border-radius:${borderRadiusMedium};outline:2px solid ${colorStrokeFocus2}}.content{white-space:nowrap;flex-grow:1;grid-column:auto / span 2;padding:0 2px}:host(:not(${checkedState})) .indicator,:host(:not(${checkedState})) ::slotted([slot='indicator']),:host(:not(${submenuState})) .submenu-glyph,:host(:not(${submenuState})) ::slotted([slot='submenu-glyph']){display:none}::slotted([slot='end']){color:${colorNeutralForeground3};font:${fontWeightRegular} ${fontSizeBase200} / ${lineHeightBase200} ${fontFamilyBase};white-space:nowrap}:host([data-indent='1']){--indent:1}:host([data-indent='2']){--indent:2;grid-template-columns:20px 20px auto auto}:host(${submenuState}){grid-template-columns:20px auto auto 20px}:host([data-indent='2']${submenuState}){grid-template-columns:20px 20px auto auto 20px}.indicator,::slotted([slot='indicator']){grid-column:1 / span 1;width:20px}::slotted([slot='start']){display:inline-flex;grid-column:calc(var(--indent)) / span 1}.content{grid-column:calc(var(--indent) + 1) / span 1}::slotted([slot='end']){grid-column:calc(var(--indent) + 2) / span 1;justify-self:end}.submenu-glyph,::slotted([slot='submenu-glyph']){grid-column:-2 / span 1;justify-self:end}@layer popover{:host{anchor-name:--menu-trigger;position:relative}::slotted([popover]){
|
|
7258
|
+
:host{--indent:0;align-items:center;background:${colorNeutralBackground1};border-radius:${borderRadiusMedium};color:${colorNeutralForeground2};contain:layout;cursor:pointer;flex-shrink:0;font:${fontWeightRegular} ${fontSizeBase300} / ${lineHeightBase300} ${fontFamilyBase};grid-gap:4px;grid-template-columns:20px 20px auto 20px;height:32px;overflow:visible;padding:0 10px}:host(:hover){background:${colorNeutralBackground1Hover};color:${colorNeutralForeground2Hover}}:host(:active){background-color:${colorNeutralBackground1Selected};color:${colorNeutralForeground2Pressed}}:host(:active) ::slotted([slot='start']){color:${colorCompoundBrandForeground1Pressed}}:host(${disabledState}){background-color:${colorNeutralBackgroundDisabled};color:${colorNeutralForegroundDisabled}}:host(${disabledState}) ::slotted([slot='start']),:host(${disabledState}) ::slotted([slot='end']){color:${colorNeutralForegroundDisabled}}:host(:focus-visible){border-radius:${borderRadiusMedium};outline:2px solid ${colorStrokeFocus2}}.content{white-space:nowrap;flex-grow:1;grid-column:auto / span 2;padding:0 2px}:host(:not(${checkedState})) .indicator,:host(:not(${checkedState})) ::slotted([slot='indicator']),:host(:not(${submenuState})) .submenu-glyph,:host(:not(${submenuState})) ::slotted([slot='submenu-glyph']){display:none}::slotted([slot='end']){color:${colorNeutralForeground3};font:${fontWeightRegular} ${fontSizeBase200} / ${lineHeightBase200} ${fontFamilyBase};white-space:nowrap}:host([data-indent='1']){--indent:1}:host([data-indent='2']){--indent:2;grid-template-columns:20px 20px auto auto}:host(${submenuState}){grid-template-columns:20px auto auto 20px}:host([data-indent='2']${submenuState}){grid-template-columns:20px 20px auto auto 20px}.indicator,::slotted([slot='indicator']){grid-column:1 / span 1;width:20px}::slotted([slot='start']){display:inline-flex;grid-column:calc(var(--indent)) / span 1}.content{grid-column:calc(var(--indent) + 1) / span 1}::slotted([slot='end']){grid-column:calc(var(--indent) + 2) / span 1;justify-self:end}.submenu-glyph,::slotted([slot='submenu-glyph']){grid-column:-2 / span 1;justify-self:end}@layer popover{:host{anchor-name:--menu-trigger;position:relative}::slotted([popover]){inset-area:inline-end span-block-end;margin:0;max-height:var(--menu-max-height,auto);position:absolute;position-anchor:--menu-trigger;position-try-options:flip-inline,inset-area(block-start);z-index:1}::slotted([popover]:not(:popover-open)){display:none}::slotted([popover]:popover-open){inset:unset}@supports not (anchor-name:--menu-trigger){::slotted([popover]){align-self:start}}}`.withBehaviors(forcedColorsStylesheetBehavior(css`
|
|
7253
7259
|
:host(${disabledState}),:host(${disabledState}) ::slotted([slot='start']),:host(${disabledState}) ::slotted([slot='end']){color:GrayText}`));
|
|
7254
7260
|
|
|
7255
7261
|
const Checkmark16Filled = html.partial(`<svg class="indicator" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.05 3.49c.28.3.27.77-.04 1.06l-7.93 7.47A.85.85 0 014.9 12L2.22 9.28a.75.75 0 111.06-1.06l2.24 2.27 7.47-7.04a.75.75 0 011.06.04z" fill="currentColor"></path></svg>`);
|