@fluentui/web-components 3.0.0-beta.56 → 3.0.0-beta.58
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 +20 -2
- package/dist/dts/checkbox/index.d.ts +1 -1
- package/dist/dts/index.d.ts +1 -1
- package/dist/dts/menu/menu.d.ts +1 -2
- package/dist/dts/menu-item/menu-item.d.ts +2 -3
- package/dist/dts/theme/set-theme.d.ts +5 -2
- package/dist/dts/theme/set-theme.local.bench.d.ts +3 -0
- package/dist/dts/theme/set-theme.shadow.bench.d.ts +3 -0
- package/dist/esm/checkbox/index.js +1 -1
- package/dist/esm/checkbox/index.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/menu/menu.js +6 -1
- package/dist/esm/menu/menu.js.map +1 -1
- package/dist/esm/menu-item/menu-item.js +8 -1
- package/dist/esm/menu-item/menu-item.js.map +1 -1
- package/dist/esm/menu-item/menu-item.template.js +3 -1
- package/dist/esm/menu-item/menu-item.template.js.map +1 -1
- package/dist/esm/theme/{set-theme.bench.js → set-theme.global.bench.js} +3 -1
- package/dist/esm/theme/set-theme.global.bench.js.map +1 -0
- package/dist/esm/theme/set-theme.js +159 -34
- package/dist/esm/theme/set-theme.js.map +1 -1
- package/dist/esm/theme/set-theme.local.bench.js +27 -0
- package/dist/esm/theme/set-theme.local.bench.js.map +1 -0
- package/dist/esm/theme/set-theme.shadow.bench.js +29 -0
- package/dist/esm/theme/set-theme.shadow.bench.js.map +1 -0
- package/dist/esm/utils/element-internals.js +4 -2
- package/dist/esm/utils/element-internals.js.map +1 -1
- package/dist/web-components.d.ts +12 -10
- package/dist/web-components.js +5 -4
- package/dist/web-components.min.js +2 -2
- package/package.json +1 -2
- package/dist/esm/theme/set-theme.bench.js.map +0 -1
- /package/dist/dts/theme/{set-theme.bench.d.ts → set-theme.global.bench.d.ts} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,30 @@
|
|
|
1
1
|
# Change Log - @fluentui/web-components
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Tue, 20 Aug 2024 04:06:47 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [3.0.0-beta.58](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.58)
|
|
8
|
+
|
|
9
|
+
Tue, 20 Aug 2024 04:06:47 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.57..@fluentui/web-components_v3.0.0-beta.58)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- feat: enabling setting theme on an individual element and unsetting themes ([PR #31973](https://github.com/microsoft/fluentui/pull/31973) by machi@microsoft.com)
|
|
15
|
+
|
|
16
|
+
## [3.0.0-beta.57](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.57)
|
|
17
|
+
|
|
18
|
+
Fri, 16 Aug 2024 04:08:15 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.56..@fluentui/web-components_v3.0.0-beta.57)
|
|
20
|
+
|
|
21
|
+
### Changes
|
|
22
|
+
|
|
23
|
+
- export BaseCheckbox class ([PR #32302](https://github.com/microsoft/fluentui/pull/32302) by rupertdavid@microsoft.com)
|
|
24
|
+
|
|
7
25
|
## [3.0.0-beta.56](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.56)
|
|
8
26
|
|
|
9
|
-
Wed, 14 Aug 2024 04:07:
|
|
27
|
+
Wed, 14 Aug 2024 04:07:35 GMT
|
|
10
28
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.55..@fluentui/web-components_v3.0.0-beta.56)
|
|
11
29
|
|
|
12
30
|
### Changes
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { definition as CheckboxDefinition } from './checkbox.definition.js';
|
|
2
|
-
export { Checkbox } from './checkbox.js';
|
|
2
|
+
export { BaseCheckbox, Checkbox } from './checkbox.js';
|
|
3
3
|
export { CheckboxShape, CheckboxSize } from './checkbox.options.js';
|
|
4
4
|
export type { CheckboxOptions } from './checkbox.options.js';
|
|
5
5
|
export { styles as CheckboxStyles } from './checkbox.styles.js';
|
package/dist/dts/index.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ export { Avatar, AvatarActive, AvatarAppearance, AvatarColor, AvatarDefinition,
|
|
|
6
6
|
export { Badge, BadgeAppearance, BadgeColor, BadgeDefinition, BadgeShape, BadgeSize, BadgeStyles, BadgeTemplate, } from './badge/index.js';
|
|
7
7
|
export { BaseButton, Button, ButtonAppearance, ButtonDefinition, ButtonFormTarget, ButtonShape, ButtonSize, ButtonStyles, ButtonTemplate, ButtonType, } from './button/index.js';
|
|
8
8
|
export type { ButtonOptions } from './button/index.js';
|
|
9
|
-
export { Checkbox, CheckboxDefinition, CheckboxShape, CheckboxSize, CheckboxStyles, CheckboxTemplate, } from './checkbox/index.js';
|
|
9
|
+
export { BaseCheckbox, Checkbox, CheckboxDefinition, CheckboxShape, CheckboxSize, CheckboxStyles, CheckboxTemplate, } from './checkbox/index.js';
|
|
10
10
|
export type { CheckboxOptions } from './checkbox/index.js';
|
|
11
11
|
export { CompoundButton, CompoundButtonAppearance, CompoundButtonDefinition, CompoundButtonShape, CompoundButtonSize, CompoundButtonStyles, CompoundButtonTemplate, } from './compound-button/index.js';
|
|
12
12
|
export { CounterBadge, CounterBadgeAppearance, CounterBadgeColor, CounterBadgeDefinition, CounterBadgeShape, CounterBadgeSize, CounterBadgeStyles, CounterBadgeTemplate, } from './counter-badge/index.js';
|
package/dist/dts/menu/menu.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="web" />
|
|
2
1
|
import { FASTElement } from '@microsoft/fast-element';
|
|
3
2
|
import { MenuList } from '../menu-list/menu-list.js';
|
|
4
3
|
/**
|
|
@@ -135,7 +134,7 @@ export declare class Menu extends FASTElement {
|
|
|
135
134
|
* @param e - the event
|
|
136
135
|
* @returns void
|
|
137
136
|
*/
|
|
138
|
-
toggleHandler: (e: Event
|
|
137
|
+
toggleHandler: (e: Event) => void;
|
|
139
138
|
/**
|
|
140
139
|
* Called whenever the 'openOnHover' property changes.
|
|
141
140
|
* Adds or removes a 'mouseover' event listener to the trigger based on the new value.
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
/// <reference types="web" />
|
|
2
1
|
import { ElementsFilter, FASTElement } from '@microsoft/fast-element';
|
|
3
|
-
import type { StaticallyComposableHTML } from '../utils/template-helpers.js';
|
|
4
2
|
import type { StartEndOptions } from '../patterns/start-end.js';
|
|
5
3
|
import { StartEnd } from '../patterns/start-end.js';
|
|
4
|
+
import type { StaticallyComposableHTML } from '../utils/template-helpers.js';
|
|
6
5
|
import { MenuItemRole, roleForMenuItem } from './menu-item.options.js';
|
|
7
6
|
export type MenuItemColumnCount = 0 | 1 | 2;
|
|
8
7
|
export { MenuItemRole, roleForMenuItem };
|
|
@@ -128,7 +127,7 @@ export declare class MenuItem extends FASTElement {
|
|
|
128
127
|
* Setup required ARIA on open/close
|
|
129
128
|
* @internal
|
|
130
129
|
*/
|
|
131
|
-
toggleHandler: (e:
|
|
130
|
+
toggleHandler: (e: Event) => void;
|
|
132
131
|
/**
|
|
133
132
|
* @internal
|
|
134
133
|
*/
|
|
@@ -17,10 +17,13 @@ export type Theme = Record<string, string | number>;
|
|
|
17
17
|
* Note that this argument is not limited to existing theme objects (from
|
|
18
18
|
* `@fluentui/tokens`), you can pass in an arbitrary theme object as long
|
|
19
19
|
* as each entry’s value is either a string or a number.
|
|
20
|
+
* @param node - The node to set the theme on, defaults to `document` for
|
|
21
|
+
* setting global theme.
|
|
20
22
|
* @internal
|
|
21
23
|
*/
|
|
22
|
-
export declare
|
|
24
|
+
export declare function setTheme(theme: Theme | null, node?: Document | HTMLElement): void;
|
|
23
25
|
/**
|
|
24
26
|
* @internal
|
|
27
|
+
* @deprecated Use `setTheme(theme, element)` instead.
|
|
25
28
|
*/
|
|
26
|
-
export declare
|
|
29
|
+
export declare function setThemeFor(element: HTMLElement, theme: Theme | null): void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { definition as CheckboxDefinition } from './checkbox.definition.js';
|
|
2
|
-
export { Checkbox } from './checkbox.js';
|
|
2
|
+
export { BaseCheckbox, Checkbox } from './checkbox.js';
|
|
3
3
|
export { CheckboxShape, CheckboxSize } from './checkbox.options.js';
|
|
4
4
|
export { styles as CheckboxStyles } from './checkbox.styles.js';
|
|
5
5
|
export { template as CheckboxTemplate } from './checkbox.template.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEpE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}
|
package/dist/esm/index.js
CHANGED
|
@@ -4,7 +4,7 @@ export { Link, LinkAppearance, LinkDefinition, LinkTemplate, LinkTarget } from '
|
|
|
4
4
|
export { Avatar, AvatarActive, AvatarAppearance, AvatarColor, AvatarDefinition, AvatarNamedColor, AvatarShape, AvatarSize, AvatarStyles, AvatarTemplate, BaseAvatar, } from './avatar/index.js';
|
|
5
5
|
export { Badge, BadgeAppearance, BadgeColor, BadgeDefinition, BadgeShape, BadgeSize, BadgeStyles, BadgeTemplate, } from './badge/index.js';
|
|
6
6
|
export { BaseButton, Button, ButtonAppearance, ButtonDefinition, ButtonFormTarget, ButtonShape, ButtonSize, ButtonStyles, ButtonTemplate, ButtonType, } from './button/index.js';
|
|
7
|
-
export { Checkbox, CheckboxDefinition, CheckboxShape, CheckboxSize, CheckboxStyles, CheckboxTemplate, } from './checkbox/index.js';
|
|
7
|
+
export { BaseCheckbox, Checkbox, CheckboxDefinition, CheckboxShape, CheckboxSize, CheckboxStyles, CheckboxTemplate, } from './checkbox/index.js';
|
|
8
8
|
export { CompoundButton, CompoundButtonAppearance, CompoundButtonDefinition, CompoundButtonShape, CompoundButtonSize, CompoundButtonStyles, CompoundButtonTemplate, } from './compound-button/index.js';
|
|
9
9
|
export { CounterBadge, CounterBadgeAppearance, CounterBadgeColor, CounterBadgeDefinition, CounterBadgeShape, CounterBadgeSize, CounterBadgeStyles, CounterBadgeTemplate, } from './counter-badge/index.js';
|
|
10
10
|
export { Dialog, DialogType, DialogDefinition, DialogTemplate, DialogStyles } from './dialog/index.js';
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/menu/menu.js
CHANGED
|
@@ -86,6 +86,7 @@ export class Menu extends FASTElement {
|
|
|
86
86
|
*/
|
|
87
87
|
this.toggleMenu = () => {
|
|
88
88
|
var _a;
|
|
89
|
+
// @ts-expect-error - Baseline 2024
|
|
89
90
|
(_a = this._menuList) === null || _a === void 0 ? void 0 : _a.togglePopover(!this._open);
|
|
90
91
|
};
|
|
91
92
|
/**
|
|
@@ -100,6 +101,7 @@ export class Menu extends FASTElement {
|
|
|
100
101
|
event.target.getAttribute('role') === MenuItemRole.menuitemradio)) {
|
|
101
102
|
return;
|
|
102
103
|
}
|
|
104
|
+
// @ts-expect-error - Baseline 2024
|
|
103
105
|
(_a = this._menuList) === null || _a === void 0 ? void 0 : _a.togglePopover(false);
|
|
104
106
|
if (this.closeOnScroll) {
|
|
105
107
|
document.removeEventListener('scroll', this.closeMenu);
|
|
@@ -111,6 +113,7 @@ export class Menu extends FASTElement {
|
|
|
111
113
|
*/
|
|
112
114
|
this.openMenu = (e) => {
|
|
113
115
|
var _a;
|
|
116
|
+
// @ts-expect-error - Baseline 2024
|
|
114
117
|
(_a = this._menuList) === null || _a === void 0 ? void 0 : _a.togglePopover(true);
|
|
115
118
|
if (e && this.openOnContext) {
|
|
116
119
|
e.preventDefault();
|
|
@@ -127,7 +130,9 @@ export class Menu extends FASTElement {
|
|
|
127
130
|
*/
|
|
128
131
|
this.toggleHandler = (e) => {
|
|
129
132
|
var _a;
|
|
130
|
-
|
|
133
|
+
// @ts-expect-error - Baseline 2024
|
|
134
|
+
if (e.type === 'toggle' && e.newState) {
|
|
135
|
+
// @ts-expect-error - Baseline 2024
|
|
131
136
|
const newState = e.newState === 'open' ? true : false;
|
|
132
137
|
(_a = this._trigger) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-expanded', `${newState}`);
|
|
133
138
|
this._open = newState;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEtF,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,MAAM,OAAO,IAAK,SAAQ,WAAW;IAArC;;QACE;;;WAGG;QAEI,gBAAW,GAAa,KAAK,CAAC;QAErC;;;WAGG;QAEI,kBAAa,GAAa,KAAK,CAAC;QAEvC;;;WAGG;QAEI,kBAAa,GAAa,KAAK,CAAC;QAEvC;;;WAGG;QAEI,uBAAkB,GAAa,KAAK,CAAC;QAE5C;;;WAGG;QAEI,oBAAe,GAAe,EAAE,CAAC;QAExC;;;WAGG;QAEI,oBAAe,GAAkB,EAAE,CAAC;QAE3C;;;WAGG;QACK,UAAK,GAAY,KAAK,CAAC;QAkD/B;;;WAGG;QACI,eAAU,GAAG,GAAG,EAAE;;YACvB,MAAA,IAAI,CAAC,SAAS,0CAAE,aAAa,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7C,CAAC,CAAC;QAEF;;;WAGG;QACI,cAAS,GAAG,CAAC,KAAa,EAAE,EAAE;;YACnC,sEAAsE;YACtE,IACE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,aAAY,QAAQ;gBACjC,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,YAAY,CAAC,gBAAgB;oBAClE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,YAAY,CAAC,aAAa,CAAC,EACnE;gBACA,OAAO;aACR;
|
|
1
|
+
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { attr, FASTElement, observable } from '@microsoft/fast-element';
|
|
3
3
|
import { keyArrowLeft, keyArrowRight, keyEnter, keySpace } from '@microsoft/fast-web-utilities';
|
|
4
|
-
import { toggleState } from '../utils/element-internals.js';
|
|
5
4
|
import { StartEnd } from '../patterns/start-end.js';
|
|
6
5
|
import { applyMixins } from '../utils/apply-mixins.js';
|
|
6
|
+
import { toggleState } from '../utils/element-internals.js';
|
|
7
7
|
import { MenuItemRole, roleForMenuItem } from './menu-item.options.js';
|
|
8
8
|
export { MenuItemRole, roleForMenuItem };
|
|
9
9
|
/**
|
|
@@ -67,6 +67,7 @@ export class MenuItem extends FASTElement {
|
|
|
67
67
|
case keyArrowRight:
|
|
68
68
|
//open/focus on submenu
|
|
69
69
|
if (!this.disabled) {
|
|
70
|
+
// @ts-expect-error - Baseline 2024
|
|
70
71
|
(_a = this.submenu) === null || _a === void 0 ? void 0 : _a.togglePopover(true);
|
|
71
72
|
(_b = this.submenu) === null || _b === void 0 ? void 0 : _b.focus();
|
|
72
73
|
}
|
|
@@ -74,6 +75,7 @@ export class MenuItem extends FASTElement {
|
|
|
74
75
|
case keyArrowLeft:
|
|
75
76
|
//close submenu
|
|
76
77
|
if ((_c = this.parentElement) === null || _c === void 0 ? void 0 : _c.hasAttribute('popover')) {
|
|
78
|
+
// @ts-expect-error - Baseline 2024
|
|
77
79
|
this.parentElement.togglePopover(false);
|
|
78
80
|
// focus the menu item containing the submenu
|
|
79
81
|
(_d = this.parentElement.parentElement) === null || _d === void 0 ? void 0 : _d.focus();
|
|
@@ -100,6 +102,7 @@ export class MenuItem extends FASTElement {
|
|
|
100
102
|
if (this.disabled) {
|
|
101
103
|
return false;
|
|
102
104
|
}
|
|
105
|
+
// @ts-expect-error - Baseline 2024
|
|
103
106
|
(_a = this.submenu) === null || _a === void 0 ? void 0 : _a.togglePopover(true);
|
|
104
107
|
return false;
|
|
105
108
|
};
|
|
@@ -111,6 +114,7 @@ export class MenuItem extends FASTElement {
|
|
|
111
114
|
if (this.contains(document.activeElement)) {
|
|
112
115
|
return false;
|
|
113
116
|
}
|
|
117
|
+
// @ts-expect-error - Baseline 2024
|
|
114
118
|
(_a = this.submenu) === null || _a === void 0 ? void 0 : _a.togglePopover(false);
|
|
115
119
|
return false;
|
|
116
120
|
};
|
|
@@ -119,11 +123,13 @@ export class MenuItem extends FASTElement {
|
|
|
119
123
|
* @internal
|
|
120
124
|
*/
|
|
121
125
|
this.toggleHandler = (e) => {
|
|
126
|
+
// @ts-expect-error - Baseline 2024
|
|
122
127
|
if (e instanceof ToggleEvent && e.newState === 'open') {
|
|
123
128
|
this.setAttribute('tabindex', '-1');
|
|
124
129
|
this.elementInternals.ariaExpanded = 'true';
|
|
125
130
|
this.setSubmenuPosition();
|
|
126
131
|
}
|
|
132
|
+
// @ts-expect-error - Baseline 2024
|
|
127
133
|
if (e instanceof ToggleEvent && e.newState === 'closed') {
|
|
128
134
|
this.elementInternals.ariaExpanded = 'false';
|
|
129
135
|
this.setAttribute('tabindex', '0');
|
|
@@ -142,6 +148,7 @@ export class MenuItem extends FASTElement {
|
|
|
142
148
|
break;
|
|
143
149
|
case MenuItemRole.menuitem:
|
|
144
150
|
if (!!this.submenu) {
|
|
151
|
+
// @ts-expect-error - Baseline 2024
|
|
145
152
|
this.submenu.togglePopover(true);
|
|
146
153
|
this.submenu.focus();
|
|
147
154
|
break;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../src/menu-item/menu-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,WAAW,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../src/menu-item/menu-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,WAAW,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAGhG,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAIvE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC;AAWzC;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAmB,EAAE,CAAC,KAAK,CAAC,EAAE,CACtD,KAAK,CAAC,QAAQ,KAAK,CAAC,IAAK,KAAkB,CAAC,gBAAgB,CAAC,IAAI,KAAK,MAAM,CAAC;AAE/E;;;;;;;;;;;;;;GAcG;AACH,MAAM,OAAO,QAAS,SAAQ,WAAW;IAAzC;;QACE;;;;WAIG;QACI,qBAAgB,GAAqB,IAAI,CAAC,eAAe,EAAE,CAAC;QAsBnE;;;;;;WAMG;QAEI,SAAI,GAAiB,YAAY,CAAC,QAAQ,CAAC;QAWlD;;;;;;WAMG;QAEI,YAAO,GAAY,KAAK,CAAC;QAoEhC;;WAEG;QACI,0BAAqB,GAAG,CAAC,CAAgB,EAAW,EAAE;;YAC3D,IAAI,CAAC,CAAC,gBAAgB,EAAE;gBACtB,OAAO,KAAK,CAAC;aACd;YAED,QAAQ,CAAC,CAAC,GAAG,EAAE;gBACb,KAAK,QAAQ,CAAC;gBACd,KAAK,QAAQ;oBACX,IAAI,CAAC,MAAM,EAAE,CAAC;oBACd,OAAO,KAAK,CAAC;gBAEf,KAAK,aAAa;oBAChB,uBAAuB;oBACvB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;wBAClB,mCAAmC;wBACnC,MAAA,IAAI,CAAC,OAAO,0CAAE,aAAa,CAAC,IAAI,CAAC,CAAC;wBAClC,MAAA,IAAI,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;qBACvB;oBAED,OAAO,KAAK,CAAC;gBAEf,KAAK,YAAY;oBACf,eAAe;oBACf,IAAI,MAAA,IAAI,CAAC,aAAa,0CAAE,YAAY,CAAC,SAAS,CAAC,EAAE;wBAC/C,mCAAmC;wBACnC,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;wBACxC,6CAA6C;wBAC7C,MAAA,IAAI,CAAC,aAAa,CAAC,aAAa,0CAAE,KAAK,EAAE,CAAC;qBAC3C;oBAED,OAAO,KAAK,CAAC;aAChB;YAED,OAAO,IAAI,CAAC;QACd,CAAC,CAAC;QAEF;;WAEG;QACI,wBAAmB,GAAG,CAAC,CAAa,EAAW,EAAE;YACtD,IAAI,CAAC,CAAC,gBAAgB,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACvC,OAAO,KAAK,CAAC;aACd;YAED,IAAI,CAAC,MAAM,EAAE,CAAC;YACd,OAAO,KAAK,CAAC;QACf,CAAC,CAAC;QAEF;;WAEG;QACI,oBAAe,GAAG,CAAC,CAAa,EAAW,EAAE;;YAClD,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO,KAAK,CAAC;aACd;YACD,mCAAmC;YACnC,MAAA,IAAI,CAAC,OAAO,0CAAE,aAAa,CAAC,IAAI,CAAC,CAAC;YAClC,OAAO,KAAK,CAAC;QACf,CAAC,CAAC;QAEF;;WAEG;QACI,mBAAc,GAAG,CAAC,CAAa,EAAW,EAAE;;YACjD,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;gBACzC,OAAO,KAAK,CAAC;aACd;YACD,mCAAmC;YACnC,MAAA,IAAI,CAAC,OAAO,0CAAE,aAAa,CAAC,KAAK,CAAC,CAAC;YAEnC,OAAO,KAAK,CAAC;QACf,CAAC,CAAC;QAEF;;;WAGG;QACI,kBAAa,GAAG,CAAC,CAAQ,EAAQ,EAAE;YACxC,mCAAmC;YACnC,IAAI,CAAC,YAAY,WAAW,IAAI,CAAC,CAAC,QAAQ,KAAK,MAAM,EAAE;gBACrD,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;gBACpC,IAAI,CAAC,gBAAgB,CAAC,YAAY,GAAG,MAAM,CAAC;gBAC5C,IAAI,CAAC,kBAAkB,EAAE,CAAC;aAC3B;YACD,mCAAmC;YACnC,IAAI,CAAC,YAAY,WAAW,IAAI,CAAC,CAAC,QAAQ,KAAK,QAAQ,EAAE;gBACvD,IAAI,CAAC,gBAAgB,CAAC,YAAY,GAAG,OAAO,CAAC;gBAC7C,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;aACpC;QACH,CAAC,CAAC;QAEF;;WAEG;QACK,WAAM,GAAG,GAAS,EAAE;YAC1B,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO;aACR;YAED,QAAQ,IAAI,CAAC,IAAI,EAAE;gBACjB,KAAK,YAAY,CAAC,gBAAgB;oBAChC,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;oBAC7B,MAAM;gBAER,KAAK,YAAY,CAAC,QAAQ;oBACxB,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE;wBAClB,mCAAmC;wBACnC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;wBACjC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;wBACrB,MAAM;qBACP;oBAED,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;oBACrB,MAAM;gBAER,KAAK,YAAY,CAAC,aAAa;oBAC7B,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;wBACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;qBACrB;oBACD,MAAM;aACT;QACH,CAAC,CAAC;QAEF;;;WAGG;QACI,uBAAkB,GAAG,GAAS,EAAE;YACrC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,aAAa,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE;gBAC9D,MAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBAC9C,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;gBAC7D,MAAM,SAAS,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;gBAEhF,kEAAkE;gBAClE,IAAI,QAAQ,CAAC,KAAK,GAAG,eAAe,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,GAAG,IAAI,EAAE;oBACrE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;oBACzC,OAAO;iBACR;gBAED,6FAA6F;gBAC7F,oCAAoC;gBACpC,IAAI,QAAQ,CAAC,SAAS,CAAC,GAAG,eAAe,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,EAAE;oBACnE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;oBACzC,OAAO;iBACR;gBAED,qCAAqC;gBACrC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,QAAQ,CAAC,KAAK,GAAG,CAAC,MAAM,CAAC;aAC5D;QACH,CAAC,CAAC;IACJ,CAAC;IAlQC;;;;OAIG;IACI,eAAe,CAAC,IAAyB,EAAE,IAAyB;QACzE,IAAI,CAAC,gBAAgB,CAAC,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QAC/D,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;IACvD,CAAC;IAYD;;;;OAIG;IACI,WAAW,CAAC,IAA8B,EAAE,IAA8B;QAC/E,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,YAAY,CAAC,QAAQ,CAAC;IAC7D,CAAC;IAYD;;;;OAIG;IACO,cAAc,CAAC,IAAa,EAAE,IAAa;QACnD,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,QAAQ,CAAC;QAC9D,IAAI,CAAC,gBAAgB,CAAC,WAAW,GAAG,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QAC3E,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAEhF,IAAI,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE;YACpC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;SACtB;IACH,CAAC;IAoBD;;;;OAIG;IACO,qBAAqB,CAAC,IAA+B,EAAE,IAAmB;;QAClF,MAAA,IAAI,CAAC,OAAO,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAEhE,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;YACvB,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;YAC9C,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YAC5D,IAAI,CAAC,gBAAgB,CAAC,YAAY,GAAG,MAAM,CAAC;YAC5C,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;SACrD;aAAM;YACL,IAAI,CAAC,gBAAgB,CAAC,YAAY,GAAG,IAAI,CAAC;YAC1C,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;SACtD;IACH,CAAC;IAQM,iBAAiB;;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,MAAA,IAAI,CAAC,IAAI,mCAAI,YAAY,CAAC,QAAQ,CAAC;QAChE,IAAI,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACvG,CAAC;CA2JF;AApQQ;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;0CACA;AAoBnB;IADN,IAAI;sCAC6C;AAmB3C;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;yCACM;AAyBzB;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;wCACF;AAQjB;IADN,UAAU;gDAC2B;AA0B/B;IADN,UAAU;yCAC6B;AA4K1C,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC"}
|
|
@@ -11,7 +11,9 @@ export function menuItemTemplate(options = {}) {
|
|
|
11
11
|
@click="${(x, c) => x.handleMenuItemClick(c.event)}"
|
|
12
12
|
@mouseover="${(x, c) => x.handleMouseOver(c.event)}"
|
|
13
13
|
@mouseout="${(x, c) => x.handleMouseOut(c.event)}"
|
|
14
|
-
@toggle="${(x, c) =>
|
|
14
|
+
@toggle="${(x, c) =>
|
|
15
|
+
// @ts-expect-error - Baseline 2024
|
|
16
|
+
x.toggleHandler(c.event)}"
|
|
15
17
|
>
|
|
16
18
|
<slot name="indicator"> ${staticallyCompose(options.indicator)} </slot>
|
|
17
19
|
${startSlotTemplate(options)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-item.template.js","sourceRoot":"","sources":["../../../src/menu-item/menu-item.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAuC,MAAM,gBAAgB,CAAC;AAEjF,MAAM,iBAAiB,GAAG,IAAI,CAAC,OAAO,CACpC,8TAA8T,CAC/T,CAAC;AACF,MAAM,oBAAoB,GAAG,IAAI,CAAC,OAAO,CACvC,wTAAwT,CACzT,CAAC;AAEF,MAAM,UAAU,gBAAgB,CAAqB,UAA2B,EAAE;IAChF,OAAO,IAAI,CAAG;;kBAEE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,KAAsB,CAAC;gBAC7D,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,KAAmB,CAAC;oBAClD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAmB,CAAC;mBACnD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAmB,CAAC;iBACnD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"menu-item.template.js","sourceRoot":"","sources":["../../../src/menu-item/menu-item.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAuC,MAAM,gBAAgB,CAAC;AAEjF,MAAM,iBAAiB,GAAG,IAAI,CAAC,OAAO,CACpC,8TAA8T,CAC/T,CAAC;AACF,MAAM,oBAAoB,GAAG,IAAI,CAAC,OAAO,CACvC,wTAAwT,CACzT,CAAC;AAEF,MAAM,UAAU,gBAAgB,CAAqB,UAA2B,EAAE;IAChF,OAAO,IAAI,CAAG;;kBAEE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,KAAsB,CAAC;gBAC7D,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,KAAmB,CAAC;oBAClD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAmB,CAAC;mBACnD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAmB,CAAC;iBACnD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IAClB,mCAAmC;IACnC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAoB,CAAC;;gCAEf,iBAAiB,CAAC,OAAO,CAAC,SAAS,CAAC;QAC5D,iBAAiB,CAAC,OAAO,CAAC;;;;QAI1B,eAAe,CAAC,OAAO,CAAC;oCACI,iBAAiB,CAAC,OAAO,CAAC,YAAY,CAAC;6BAC9C,OAAO,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC;;GAEvF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAkC,gBAAgB,CAAC;IACtE,SAAS,EAAE,iBAAiB;IAC5B,YAAY,EAAE,oBAAoB;CACnC,CAAC,CAAC"}
|
|
@@ -15,9 +15,11 @@ const tests = {
|
|
|
15
15
|
setTheme(webDarkTheme);
|
|
16
16
|
setTheme(teamsDarkTheme);
|
|
17
17
|
setTheme(teamsLightTheme);
|
|
18
|
+
// Unset themes
|
|
19
|
+
setTheme(null);
|
|
18
20
|
endMeasure();
|
|
19
21
|
onComplete();
|
|
20
22
|
},
|
|
21
23
|
};
|
|
22
24
|
export { tests };
|
|
23
|
-
//# sourceMappingURL=set-theme.bench.js.map
|
|
25
|
+
//# sourceMappingURL=set-theme.global.bench.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"set-theme.global.bench.js","sourceRoot":"","sources":["../../../src/theme/set-theme.global.bench.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAA2B,MAAM,8BAA8B,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEhG,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,KAAK,GAAuC;IAChD,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;QACxB,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAAC;QAE1D,YAAY,EAAE,CAAC;QAEf,mBAAmB;QACnB,QAAQ,CAAC,aAAa,CAAC,CAAC;QACxB,QAAQ,CAAC,YAAY,CAAC,CAAC;QACvB,QAAQ,CAAC,cAAc,CAAC,CAAC;QACzB,QAAQ,CAAC,eAAe,CAAC,CAAC;QAE1B,gBAAgB;QAChB,QAAQ,CAAC,aAAa,CAAC,CAAC;QACxB,QAAQ,CAAC,YAAY,CAAC,CAAC;QACvB,QAAQ,CAAC,cAAc,CAAC,CAAC;QACzB,QAAQ,CAAC,eAAe,CAAC,CAAC;QAE1B,eAAe;QACf,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEf,UAAU,EAAE,CAAC;QAEb,UAAU,EAAE,CAAC;IACf,CAAC;CACF,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -1,7 +1,21 @@
|
|
|
1
|
-
|
|
1
|
+
import { uniqueId } from '@microsoft/fast-web-utilities';
|
|
2
2
|
const SUPPORTS_ADOPTED_STYLE_SHEETS = 'adoptedStyleSheets' in document;
|
|
3
|
-
const
|
|
3
|
+
const SUPPORTS_CSS_SCOPE = 'CSSScopeRule' in window;
|
|
4
|
+
// A map from a theme to Custom Property declarations for the theme as a string.
|
|
5
|
+
// Each value should be a list of CSS Custom Property declarations, and should
|
|
6
|
+
// NOT include any selector, `{`, or `}`.
|
|
4
7
|
const themeStyleTextMap = new Map();
|
|
8
|
+
// A map from a theme to a unique string used to identity a theme. The string
|
|
9
|
+
// will be used as the value of the `data-fluent-theme` attribute on a
|
|
10
|
+
// differently themed element.
|
|
11
|
+
const scopedThemeKeyMap = new Map();
|
|
12
|
+
// A map from an element with shadow root to a `CSSStyleSheet` object that
|
|
13
|
+
// references its local theme style sheet.
|
|
14
|
+
const shadowAdoptedStyleSheetMap = new Map();
|
|
15
|
+
// A map from an element to its set theme. This is used only when
|
|
16
|
+
// `document.adoptedStyleSheets` or CSS Scope is not supported.
|
|
17
|
+
const elementThemeMap = new Map();
|
|
18
|
+
const globalThemeStyleSheet = new CSSStyleSheet();
|
|
5
19
|
/**
|
|
6
20
|
* Sets the theme tokens as CSS Custom Properties. The Custom Properties are
|
|
7
21
|
* set in a constructed stylesheet on `document.adoptedStyleSheets` if
|
|
@@ -15,52 +29,163 @@ const themeStyleTextMap = new Map();
|
|
|
15
29
|
* Note that this argument is not limited to existing theme objects (from
|
|
16
30
|
* `@fluentui/tokens`), you can pass in an arbitrary theme object as long
|
|
17
31
|
* as each entry’s value is either a string or a number.
|
|
32
|
+
* @param node - The node to set the theme on, defaults to `document` for
|
|
33
|
+
* setting global theme.
|
|
18
34
|
* @internal
|
|
19
35
|
*/
|
|
20
|
-
export
|
|
36
|
+
export function setTheme(theme, node = document) {
|
|
37
|
+
if (!node || !isThemeableNode(node)) {
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
21
40
|
// Fallback to setting token custom properties on `<html>` element’s `style`
|
|
22
|
-
// attribute
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
setThemeFor(document.documentElement, theme);
|
|
41
|
+
// attribute.
|
|
42
|
+
if (!SUPPORTS_ADOPTED_STYLE_SHEETS || (node instanceof HTMLElement && !node.shadowRoot && !SUPPORTS_CSS_SCOPE)) {
|
|
43
|
+
const target = node === document ? document.documentElement : node;
|
|
44
|
+
setThemePropertiesOnElement(theme, target);
|
|
27
45
|
return;
|
|
28
46
|
}
|
|
47
|
+
if ([document, document.documentElement, document.body].includes(node)) {
|
|
48
|
+
setGlobalTheme(theme);
|
|
49
|
+
}
|
|
50
|
+
else {
|
|
51
|
+
setLocalTheme(theme, node);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
function getThemeStyleText(theme) {
|
|
29
55
|
if (!themeStyleTextMap.has(theme)) {
|
|
30
56
|
const tokenDeclarations = [];
|
|
31
57
|
for (const [tokenName, tokenValue] of Object.entries(theme)) {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
58
|
+
tokenDeclarations.push(`--${tokenName}:${tokenValue.toString()};`);
|
|
59
|
+
}
|
|
60
|
+
themeStyleTextMap.set(theme, tokenDeclarations.join(''));
|
|
61
|
+
}
|
|
62
|
+
return themeStyleTextMap.get(theme);
|
|
63
|
+
}
|
|
64
|
+
/**
|
|
65
|
+
* A themeable node should either be one of the following:
|
|
66
|
+
* - `document`
|
|
67
|
+
* - `html`
|
|
68
|
+
* - `body`
|
|
69
|
+
* - Any HTML element inside `body`
|
|
70
|
+
*/
|
|
71
|
+
function isThemeableNode(node) {
|
|
72
|
+
return [document, document.documentElement].includes(node) || (node instanceof HTMLElement && !!node.closest('body'));
|
|
73
|
+
}
|
|
74
|
+
function setGlobalTheme(theme) {
|
|
75
|
+
if (theme === null) {
|
|
76
|
+
if (document.adoptedStyleSheets.includes(globalThemeStyleSheet)) {
|
|
77
|
+
globalThemeStyleSheet.replaceSync('');
|
|
48
78
|
}
|
|
49
|
-
|
|
79
|
+
return;
|
|
50
80
|
}
|
|
51
81
|
// Update the CSSStyleSheet with the new theme
|
|
52
|
-
|
|
82
|
+
globalThemeStyleSheet.replaceSync(`
|
|
83
|
+
html {
|
|
84
|
+
${getThemeStyleText(theme)}
|
|
85
|
+
}
|
|
86
|
+
`);
|
|
53
87
|
// Adopt the updated CSSStyleSheet if it hasn't been adopted yet
|
|
54
|
-
if (!document.adoptedStyleSheets.includes(
|
|
55
|
-
document.adoptedStyleSheets.push(
|
|
88
|
+
if (!document.adoptedStyleSheets.includes(globalThemeStyleSheet)) {
|
|
89
|
+
document.adoptedStyleSheets.push(globalThemeStyleSheet);
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
function setLocalTheme(theme, element) {
|
|
93
|
+
if (theme === null) {
|
|
94
|
+
if (element.shadowRoot && shadowAdoptedStyleSheetMap.has(element)) {
|
|
95
|
+
shadowAdoptedStyleSheetMap.get(element).replaceSync('');
|
|
96
|
+
}
|
|
97
|
+
else {
|
|
98
|
+
delete element.dataset.fluentTheme;
|
|
99
|
+
forceRepaint(element);
|
|
100
|
+
}
|
|
101
|
+
return;
|
|
102
|
+
}
|
|
103
|
+
if (element.shadowRoot) {
|
|
104
|
+
getShadowAdoptedStyleSheet(element).replaceSync(`
|
|
105
|
+
:host {
|
|
106
|
+
${getThemeStyleText(theme)}
|
|
107
|
+
}
|
|
108
|
+
`);
|
|
109
|
+
}
|
|
110
|
+
else {
|
|
111
|
+
element.dataset.fluentTheme = getScopedThemeKey(theme);
|
|
112
|
+
forceRepaint(element);
|
|
56
113
|
}
|
|
57
|
-
}
|
|
114
|
+
}
|
|
115
|
+
function getShadowAdoptedStyleSheet(element) {
|
|
116
|
+
var _a;
|
|
117
|
+
if (!shadowAdoptedStyleSheetMap.has(element)) {
|
|
118
|
+
const shadowAdoptedStyleSheet = new CSSStyleSheet();
|
|
119
|
+
shadowAdoptedStyleSheetMap.set(element, shadowAdoptedStyleSheet);
|
|
120
|
+
(_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.adoptedStyleSheets.push(shadowAdoptedStyleSheet);
|
|
121
|
+
}
|
|
122
|
+
return shadowAdoptedStyleSheetMap.get(element);
|
|
123
|
+
}
|
|
124
|
+
function getScopedThemeKey(theme) {
|
|
125
|
+
if (!scopedThemeKeyMap.has(theme)) {
|
|
126
|
+
const themeKey = uniqueId('fluent-theme-');
|
|
127
|
+
const scopedThemeStyleSheet = new CSSStyleSheet();
|
|
128
|
+
scopedThemeKeyMap.set(theme, themeKey);
|
|
129
|
+
scopedThemeStyleSheet.replaceSync(`
|
|
130
|
+
@scope ([data-fluent-theme="${themeKey}"]) {
|
|
131
|
+
:scope {
|
|
132
|
+
${getThemeStyleText(theme)}
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
`);
|
|
136
|
+
document.adoptedStyleSheets.push(scopedThemeStyleSheet);
|
|
137
|
+
}
|
|
138
|
+
return scopedThemeKeyMap.get(theme);
|
|
139
|
+
}
|
|
140
|
+
function setThemePropertiesOnElement(theme, element) {
|
|
141
|
+
let tokens;
|
|
142
|
+
if (theme === null) {
|
|
143
|
+
if (!elementThemeMap.has(element)) {
|
|
144
|
+
return;
|
|
145
|
+
}
|
|
146
|
+
tokens = elementThemeMap.get(element);
|
|
147
|
+
}
|
|
148
|
+
else {
|
|
149
|
+
elementThemeMap.set(element, theme);
|
|
150
|
+
tokens = theme;
|
|
151
|
+
}
|
|
152
|
+
for (const [tokenName, tokenValue] of Object.entries(tokens)) {
|
|
153
|
+
if (theme === null) {
|
|
154
|
+
element.style.removeProperty(`--${tokenName}`);
|
|
155
|
+
}
|
|
156
|
+
else {
|
|
157
|
+
element.style.setProperty(`--${tokenName}`, tokenValue.toString());
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
}
|
|
58
161
|
/**
|
|
59
|
-
*
|
|
162
|
+
* This function fixes a Safari bug: when an element should no longer be
|
|
163
|
+
* selected by an `@scope` rule, the styles defined in the `:scope` selector
|
|
164
|
+
* persist.
|
|
165
|
+
* @see https://bugs.webkit.org/show_bug.cgi?id=276454
|
|
166
|
+
*
|
|
167
|
+
* UA sniff regular expression is based on
|
|
168
|
+
* {@link https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent#rendering_engine | the MDN documentation}.
|
|
60
169
|
*/
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
170
|
+
const { userAgent: UA } = navigator;
|
|
171
|
+
const isWebkit = /\bAppleWebKit\/[\d+\.]+\b/.test(UA);
|
|
172
|
+
function forceRepaint(element) {
|
|
173
|
+
if (!isWebkit) {
|
|
174
|
+
return;
|
|
64
175
|
}
|
|
65
|
-
|
|
176
|
+
const name = 'visibility';
|
|
177
|
+
const tempValue = 'hidden';
|
|
178
|
+
const currentValue = element.style.getPropertyValue(name);
|
|
179
|
+
element.style.setProperty(name, tempValue);
|
|
180
|
+
requestAnimationFrame(() => {
|
|
181
|
+
element.style.setProperty(name, currentValue);
|
|
182
|
+
});
|
|
183
|
+
}
|
|
184
|
+
/**
|
|
185
|
+
* @internal
|
|
186
|
+
* @deprecated Use `setTheme(theme, element)` instead.
|
|
187
|
+
*/
|
|
188
|
+
export function setThemeFor(element, theme) {
|
|
189
|
+
setThemePropertiesOnElement(theme, element);
|
|
190
|
+
}
|
|
66
191
|
//# sourceMappingURL=set-theme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"set-theme.js","sourceRoot":"","sources":["../../../src/theme/set-theme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"set-theme.js","sourceRoot":"","sources":["../../../src/theme/set-theme.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { measurePerformance } from '@tensile-perf/web-components';
|
|
2
|
+
import { teamsDarkTheme, teamsLightTheme, webDarkTheme, webLightTheme } from '@fluentui/tokens';
|
|
3
|
+
import { setTheme } from './set-theme.js';
|
|
4
|
+
const tests = {
|
|
5
|
+
mount: ({ onComplete }) => {
|
|
6
|
+
const { startMeasure, endMeasure } = measurePerformance();
|
|
7
|
+
const el = document.createElement('div');
|
|
8
|
+
document.body.append(el);
|
|
9
|
+
startMeasure();
|
|
10
|
+
// Newly set themes
|
|
11
|
+
setTheme(webLightTheme, el);
|
|
12
|
+
setTheme(webDarkTheme, el);
|
|
13
|
+
setTheme(teamsDarkTheme, el);
|
|
14
|
+
setTheme(teamsLightTheme, el);
|
|
15
|
+
// Cached themes
|
|
16
|
+
setTheme(webLightTheme, el);
|
|
17
|
+
setTheme(webDarkTheme, el);
|
|
18
|
+
setTheme(teamsDarkTheme, el);
|
|
19
|
+
setTheme(teamsLightTheme, el);
|
|
20
|
+
// Unset themes
|
|
21
|
+
setTheme(null, el);
|
|
22
|
+
endMeasure();
|
|
23
|
+
onComplete();
|
|
24
|
+
},
|
|
25
|
+
};
|
|
26
|
+
export { tests };
|
|
27
|
+
//# sourceMappingURL=set-theme.local.bench.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"set-theme.local.bench.js","sourceRoot":"","sources":["../../../src/theme/set-theme.local.bench.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAA2B,MAAM,8BAA8B,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEhG,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,KAAK,GAAuC;IAChD,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;QACxB,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAAC;QAE1D,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACzC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAEzB,YAAY,EAAE,CAAC;QAEf,mBAAmB;QACnB,QAAQ,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;QAC5B,QAAQ,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;QAC3B,QAAQ,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;QAC7B,QAAQ,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;QAE9B,gBAAgB;QAChB,QAAQ,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;QAC5B,QAAQ,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;QAC3B,QAAQ,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;QAC7B,QAAQ,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;QAE9B,eAAe;QACf,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAEnB,UAAU,EAAE,CAAC;QAEb,UAAU,EAAE,CAAC;IACf,CAAC;CACF,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { measurePerformance } from '@tensile-perf/web-components';
|
|
2
|
+
import { teamsDarkTheme, teamsLightTheme, webDarkTheme, webLightTheme } from '@fluentui/tokens';
|
|
3
|
+
import { setTheme } from './set-theme.js';
|
|
4
|
+
const tests = {
|
|
5
|
+
mount: ({ onComplete }) => {
|
|
6
|
+
const { startMeasure, endMeasure } = measurePerformance();
|
|
7
|
+
const el = document.createElement('div');
|
|
8
|
+
el.attachShadow({ mode: 'open' });
|
|
9
|
+
el.shadowRoot.append(document.createElement('span'));
|
|
10
|
+
document.body.append(el);
|
|
11
|
+
startMeasure();
|
|
12
|
+
// Newly set themes
|
|
13
|
+
setTheme(webLightTheme, el);
|
|
14
|
+
setTheme(webDarkTheme, el);
|
|
15
|
+
setTheme(teamsDarkTheme, el);
|
|
16
|
+
setTheme(teamsLightTheme, el);
|
|
17
|
+
// Cached themes
|
|
18
|
+
setTheme(webLightTheme, el);
|
|
19
|
+
setTheme(webDarkTheme, el);
|
|
20
|
+
setTheme(teamsDarkTheme, el);
|
|
21
|
+
setTheme(teamsLightTheme, el);
|
|
22
|
+
// Unset themes
|
|
23
|
+
setTheme(null, el);
|
|
24
|
+
endMeasure();
|
|
25
|
+
onComplete();
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
export { tests };
|
|
29
|
+
//# sourceMappingURL=set-theme.shadow.bench.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"set-theme.shadow.bench.js","sourceRoot":"","sources":["../../../src/theme/set-theme.shadow.bench.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAA2B,MAAM,8BAA8B,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEhG,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,KAAK,GAAuC;IAChD,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;QACxB,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAAC;QAE1D,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACzC,EAAE,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QAClC,EAAE,CAAC,UAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;QACtD,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAEzB,YAAY,EAAE,CAAC;QAEf,mBAAmB;QACnB,QAAQ,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;QAC5B,QAAQ,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;QAC3B,QAAQ,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;QAC7B,QAAQ,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;QAE9B,gBAAgB;QAChB,QAAQ,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;QAC5B,QAAQ,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;QAC3B,QAAQ,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;QAC7B,QAAQ,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;QAE9B,eAAe;QACf,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAEnB,UAAU,EAAE,CAAC;QAEb,UAAU,EAAE,CAAC;IACf,CAAC;CACF,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -22,11 +22,13 @@ export function toggleState(elementInternals, state, force) {
|
|
|
22
22
|
elementInternals.shadowRoot.host.toggleAttribute(`state--${state}`, force);
|
|
23
23
|
return;
|
|
24
24
|
}
|
|
25
|
-
|
|
26
|
-
if (force) {
|
|
25
|
+
// @ts-expect-error - Baseline 2024
|
|
26
|
+
if (force !== null && force !== void 0 ? force : !elementInternals.states.has(state)) {
|
|
27
|
+
// @ts-expect-error - Baseline 2024
|
|
27
28
|
elementInternals.states.add(state);
|
|
28
29
|
return;
|
|
29
30
|
}
|
|
31
|
+
// @ts-expect-error - Baseline 2024
|
|
30
32
|
elementInternals.states.delete(state);
|
|
31
33
|
}
|
|
32
34
|
//# sourceMappingURL=element-internals.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"element-internals.js","sourceRoot":"","sources":["../../../src/utils/element-internals.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;AAE5E;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,WAAW,CAAC,gBAAkC,EAAE,KAAa,EAAE,KAAe;IAC5F,IAAI,CAAC,wBAAwB,EAAE;QAC7B,gBAAgB,CAAC,UAAW,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,KAAK,EAAE,EAAE,KAAK,CAAC,CAAC;QAC5E,OAAO;KACR;
|
|
1
|
+
{"version":3,"file":"element-internals.js","sourceRoot":"","sources":["../../../src/utils/element-internals.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;AAE5E;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,WAAW,CAAC,gBAAkC,EAAE,KAAa,EAAE,KAAe;IAC5F,IAAI,CAAC,wBAAwB,EAAE;QAC7B,gBAAgB,CAAC,UAAW,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,KAAK,EAAE,EAAE,KAAK,CAAC,CAAC;QAC5E,OAAO;KACR;IACD,mCAAmC;IACnC,IAAI,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QAChD,mCAAmC;QACnC,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACnC,OAAO;KACR;IACD,mCAAmC;IACnC,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACxC,CAAC"}
|
package/dist/web-components.d.ts
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/// <reference types="web" />
|
|
2
|
-
|
|
3
1
|
import { CaptureType } from '@microsoft/fast-element';
|
|
4
2
|
import { CSSDirective } from '@microsoft/fast-element';
|
|
5
3
|
import { Direction } from '@microsoft/fast-web-utilities';
|
|
@@ -1303,7 +1301,7 @@ export declare class BaseButton extends FASTElement {
|
|
|
1303
1301
|
*
|
|
1304
1302
|
* @public
|
|
1305
1303
|
*/
|
|
1306
|
-
declare class BaseCheckbox extends FASTElement {
|
|
1304
|
+
export declare class BaseCheckbox extends FASTElement {
|
|
1307
1305
|
/**
|
|
1308
1306
|
* Indicates that the element should get focus after the page finishes loading.
|
|
1309
1307
|
* @see The {@link https://developer.mozilla.org/docs/Web/HTML/Element/input#autofocus | `autofocus`} attribute
|
|
@@ -6939,7 +6937,7 @@ export declare class Menu extends FASTElement {
|
|
|
6939
6937
|
* @param e - the event
|
|
6940
6938
|
* @returns void
|
|
6941
6939
|
*/
|
|
6942
|
-
toggleHandler: (e: Event
|
|
6940
|
+
toggleHandler: (e: Event) => void;
|
|
6943
6941
|
/**
|
|
6944
6942
|
* Called whenever the 'openOnHover' property changes.
|
|
6945
6943
|
* Adds or removes a 'mouseover' event listener to the trigger based on the new value.
|
|
@@ -7202,7 +7200,7 @@ export declare class MenuItem extends FASTElement {
|
|
|
7202
7200
|
* Setup required ARIA on open/close
|
|
7203
7201
|
* @internal
|
|
7204
7202
|
*/
|
|
7205
|
-
toggleHandler: (e:
|
|
7203
|
+
toggleHandler: (e: Event) => void;
|
|
7206
7204
|
/**
|
|
7207
7205
|
* @internal
|
|
7208
7206
|
*/
|
|
@@ -7378,7 +7376,7 @@ export declare const MenuTemplate: ElementViewTemplate<Menu>;
|
|
|
7378
7376
|
*
|
|
7379
7377
|
* @public
|
|
7380
7378
|
*/
|
|
7381
|
-
|
|
7379
|
+
declare class ProgressBar_2 extends BaseProgressBar {
|
|
7382
7380
|
/**
|
|
7383
7381
|
* The thickness of the progress bar
|
|
7384
7382
|
*
|
|
@@ -7405,6 +7403,7 @@ export declare class ProgressBar extends BaseProgressBar {
|
|
|
7405
7403
|
*/
|
|
7406
7404
|
shapeChanged(prev: ProgressBarShape | undefined, next: ProgressBarShape | undefined): void;
|
|
7407
7405
|
}
|
|
7406
|
+
export { ProgressBar_2 as ProgressBar }
|
|
7408
7407
|
|
|
7409
7408
|
/**
|
|
7410
7409
|
* The Fluent ProgressBar Element.
|
|
@@ -7414,7 +7413,7 @@ export declare class ProgressBar extends BaseProgressBar {
|
|
|
7414
7413
|
* @remarks
|
|
7415
7414
|
* HTML Element: \<fluent-progress-bar\>
|
|
7416
7415
|
*/
|
|
7417
|
-
export declare const ProgressBarDefinition: FASTElementDefinition<typeof
|
|
7416
|
+
export declare const ProgressBarDefinition: FASTElementDefinition<typeof ProgressBar_2>;
|
|
7418
7417
|
|
|
7419
7418
|
/**
|
|
7420
7419
|
* ProgressBarShape Constants
|
|
@@ -7436,7 +7435,7 @@ export declare type ProgressBarShape = ValuesOf<typeof ProgressBarShape>;
|
|
|
7436
7435
|
*/
|
|
7437
7436
|
export declare const ProgressBarStyles: ElementStyles;
|
|
7438
7437
|
|
|
7439
|
-
export declare const ProgressBarTemplate: ElementViewTemplate<
|
|
7438
|
+
export declare const ProgressBarTemplate: ElementViewTemplate<ProgressBar_2>;
|
|
7440
7439
|
|
|
7441
7440
|
/**
|
|
7442
7441
|
* ProgressBarThickness Constants
|
|
@@ -8002,14 +8001,17 @@ export declare const roleForMenuItem: {
|
|
|
8002
8001
|
* Note that this argument is not limited to existing theme objects (from
|
|
8003
8002
|
* `@fluentui/tokens`), you can pass in an arbitrary theme object as long
|
|
8004
8003
|
* as each entry’s value is either a string or a number.
|
|
8004
|
+
* @param node - The node to set the theme on, defaults to `document` for
|
|
8005
|
+
* setting global theme.
|
|
8005
8006
|
* @internal
|
|
8006
8007
|
*/
|
|
8007
|
-
export declare
|
|
8008
|
+
export declare function setTheme(theme: Theme | null, node?: Document | HTMLElement): void;
|
|
8008
8009
|
|
|
8009
8010
|
/**
|
|
8010
8011
|
* @internal
|
|
8012
|
+
* @deprecated Use `setTheme(theme, element)` instead.
|
|
8011
8013
|
*/
|
|
8012
|
-
export declare
|
|
8014
|
+
export declare function setThemeFor(element: HTMLElement, theme: Theme | null): void;
|
|
8013
8015
|
|
|
8014
8016
|
/**
|
|
8015
8017
|
* CSS custom property value for the {@link @fluentui/tokens#shadow16 | `shadow16`} design token.
|
package/dist/web-components.js
CHANGED
|
@@ -3640,8 +3640,7 @@ function toggleState(elementInternals, state, force) {
|
|
|
3640
3640
|
elementInternals.shadowRoot.host.toggleAttribute(`state--${state}`, force);
|
|
3641
3641
|
return;
|
|
3642
3642
|
}
|
|
3643
|
-
|
|
3644
|
-
if (force) {
|
|
3643
|
+
if (force ?? !elementInternals.states.has(state)) {
|
|
3645
3644
|
elementInternals.states.add(state);
|
|
3646
3645
|
return;
|
|
3647
3646
|
}
|
|
@@ -7299,7 +7298,9 @@ const styles$i = css`
|
|
|
7299
7298
|
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>`);
|
|
7300
7299
|
const chevronRight16Filled = html.partial(`<svg class="submenu-glyph" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.74 3.2a.75.75 0 00-.04 1.06L9.23 8 5.7 11.74a.75.75 0 101.1 1.02l4-4.25a.75.75 0 000-1.02l-4-4.25a.75.75 0 00-1.06-.04z" fill="currentColor"></path></svg>`);
|
|
7301
7300
|
function menuItemTemplate(options = {}) {
|
|
7302
|
-
return html`<template @keydown="${(x, c) => x.handleMenuItemKeyDown(c.event)}" @click="${(x, c) => x.handleMenuItemClick(c.event)}" @mouseover="${(x, c) => x.handleMouseOver(c.event)}" @mouseout="${(x, c) => x.handleMouseOut(c.event)}" @toggle="${(x, c) =>
|
|
7301
|
+
return html`<template @keydown="${(x, c) => x.handleMenuItemKeyDown(c.event)}" @click="${(x, c) => x.handleMenuItemClick(c.event)}" @mouseover="${(x, c) => x.handleMouseOver(c.event)}" @mouseout="${(x, c) => x.handleMouseOut(c.event)}" @toggle="${(x, c) =>
|
|
7302
|
+
// @ts-expect-error - Baseline 2024
|
|
7303
|
+
x.toggleHandler(c.event)}"><slot name="indicator">${staticallyCompose(options.indicator)}</slot>${startSlotTemplate(options)}<div part="content" class="content"><slot></slot></div>${endSlotTemplate(options)}<slot name="submenu-glyph">${staticallyCompose(options.submenuGlyph)}</slot><slot name="submenu" ${slotted({
|
|
7303
7304
|
property: "slottedSubmenu",
|
|
7304
7305
|
filter: menuFilter()
|
|
7305
7306
|
})}></slot></template>`;
|
|
@@ -7621,7 +7622,7 @@ class Menu extends FASTElement {
|
|
|
7621
7622
|
* @returns void
|
|
7622
7623
|
*/
|
|
7623
7624
|
this.toggleHandler = e => {
|
|
7624
|
-
if (e
|
|
7625
|
+
if (e.type === "toggle" && e.newState) {
|
|
7625
7626
|
const newState = e.newState === "open" ? true : false;
|
|
7626
7627
|
this._trigger?.setAttribute("aria-expanded", `${newState}`);
|
|
7627
7628
|
this._open = newState;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const u=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements});let Ao;const Ri="fast-kernel";try{if(document.currentScript)Ao=document.currentScript.getAttribute(Ri);else{const o=document.getElementsByTagName("script");Ao=o[o.length-1].getAttribute(Ri)}}catch{Ao="isolate"}let ue;switch(Ao){case"share":ue=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":ue=Object.freeze({updateQueue:1.2,observable:2.2,contextEvent:3.2,elementRegistry:4.2});break;default:const o=`-${Math.random().toString(36).substring(2,8)}`;ue=Object.freeze({updateQueue:`1.2${o}`,observable:`2.2${o}`,contextEvent:`3.2${o}`,elementRegistry:`4.2${o}`});break}const Ie=o=>typeof o=="function",Et=o=>typeof o=="string",ji=()=>{};var Ms=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};(function(){if(!(typeof globalThis<"u"))if(typeof Ms<"u")Ms.globalThis=Ms;else if(typeof self<"u")self.globalThis=self;else if(typeof window<"u")window.globalThis=window;else{const t=new Function("return this")();t.globalThis=t}})();const qi={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},qi));const et=globalThis.FAST;if(et.getById===void 0){const o=Object.create(null);Reflect.defineProperty(et,"getById",Object.assign({value(t,e){let s=o[t];return s===void 0&&(s=e?o[t]=e():null),s}},qi))}et.error===void 0&&Object.assign(et,{warn(){},error(o){return new Error(`Error ${o}`)},addMessages(){}});const Rn=Object.freeze([]);function Ds(){const o=new Map;return Object.freeze({register(t){return o.has(t.type)?!1:(o.set(t.type,t),!0)},getByType(t){return o.get(t)},getForInstance(t){if(t!=null)return o.get(t.constructor)}})}function Gi(){const o=new WeakMap;return function(t){let e=o.get(t);if(e===void 0){let s=Reflect.getPrototypeOf(t);for(;e===void 0&&s!==null;)e=o.get(s),s=Reflect.getPrototypeOf(s);e=e===void 0?[]:e.slice(0),o.set(t,e)}return e}}function Se(o){o.prototype.toJSON=ji}const at=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),Wi=o=>o,jn=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:Wi}):{createHTML:Wi};let Fo=Object.freeze({createHTML(o){return jn.createHTML(o)},protect(o,t,e,s){return s}});const qn=Fo,ze=Object.freeze({get policy(){return Fo},setPolicy(o){if(Fo!==qn)throw et.error(1201);Fo=o},setAttribute(o,t,e){e==null?o.removeAttribute(t):o.setAttribute(t,e)},setBooleanAttribute(o,t,e){e?o.setAttribute(t,""):o.removeAttribute(t)}}),_t=et.getById(ue.updateQueue,()=>{const o=[],t=[],e=globalThis.requestAnimationFrame;let s=!0;function i(){if(t.length)throw t.shift()}function r(g){try{g.call()}catch(p){if(s)t.push(p),setTimeout(i,0);else throw o.length=0,p}}function n(){let p=0;for(;p<o.length;)if(r(o[p]),p++,p>1024){for(let d=0,m=o.length-p;d<m;d++)o[d]=o[d+p];o.length-=p,p=0}o.length=0}function h(g){o.push(g),o.length<2&&(s?e(n):n())}return Object.freeze({enqueue:h,next:()=>new Promise(h),process:n,setMode:g=>s=g})});class Ls{constructor(t,e){this.sub1=void 0,this.sub2=void 0,this.spillover=void 0,this.subject=t,this.sub1=e}has(t){return this.spillover===void 0?this.sub1===t||this.sub2===t:this.spillover.indexOf(t)!==-1}subscribe(t){const e=this.spillover;if(e===void 0){if(this.has(t))return;if(this.sub1===void 0){this.sub1=t;return}if(this.sub2===void 0){this.sub2=t;return}this.spillover=[this.sub1,this.sub2,t],this.sub1=void 0,this.sub2=void 0}else e.indexOf(t)===-1&&e.push(t)}unsubscribe(t){const e=this.spillover;if(e===void 0)this.sub1===t?this.sub1=void 0:this.sub2===t&&(this.sub2=void 0);else{const s=e.indexOf(t);s!==-1&&e.splice(s,1)}}notify(t){const e=this.spillover,s=this.subject;if(e===void 0){const i=this.sub1,r=this.sub2;i!==void 0&&i.handleChange(s,t),r!==void 0&&r.handleChange(s,t)}else for(let i=0,r=e.length;i<r;++i)e[i].handleChange(s,t)}}class Ui{constructor(t){this.subscribers={},this.subjectSubscribers=null,this.subject=t}notify(t){var e,s;(e=this.subscribers[t])===null||e===void 0||e.notify(t),(s=this.subjectSubscribers)===null||s===void 0||s.notify(t)}subscribe(t,e){var s,i;let r;e?r=(s=this.subscribers[e])!==null&&s!==void 0?s:this.subscribers[e]=new Ls(this.subject):r=(i=this.subjectSubscribers)!==null&&i!==void 0?i:this.subjectSubscribers=new Ls(this.subject),r.subscribe(t)}unsubscribe(t,e){var s,i;e?(s=this.subscribers[e])===null||s===void 0||s.unsubscribe(t):(i=this.subjectSubscribers)===null||i===void 0||i.unsubscribe(t)}}const Vs=Object.freeze({unknown:void 0,coupled:1}),f=et.getById(ue.observable,()=>{const o=_t.enqueue,t=/(:|&&|\|\||if|\?\.)/,e=new WeakMap;let s,i=p=>{throw et.error(1101)};function r(p){var d;let m=(d=p.$fastController)!==null&&d!==void 0?d:e.get(p);return m===void 0&&(Array.isArray(p)?m=i(p):e.set(p,m=new Ui(p))),m}const n=Gi();class h{constructor(d){this.name=d,this.field=`_${d}`,this.callback=`${d}Changed`}getValue(d){return s!==void 0&&s.watch(d,this.name),d[this.field]}setValue(d,m){const A=this.field,W=d[A];if(W!==m){d[A]=m;const se=d[this.callback];Ie(se)&&se.call(d,W,m),r(d).notify(this.name)}}}class g extends Ls{constructor(d,m,A=!1){super(d,m),this.expression=d,this.isVolatileBinding=A,this.needsRefresh=!0,this.needsQueue=!0,this.isAsync=!0,this.first=this,this.last=null,this.propertySource=void 0,this.propertyName=void 0,this.notifier=void 0,this.next=void 0}setMode(d){this.isAsync=this.needsQueue=d}bind(d){this.controller=d;const m=this.observe(d.source,d.context);return!d.isBound&&this.requiresUnbind(d)&&d.onUnbind(this),m}requiresUnbind(d){return d.sourceLifetime!==Vs.coupled||this.first!==this.last||this.first.propertySource!==d.source}unbind(d){this.dispose()}observe(d,m){this.needsRefresh&&this.last!==null&&this.dispose();const A=s;s=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let W;try{W=this.expression(d,m)}finally{s=A}return W}disconnect(){this.dispose()}dispose(){if(this.last!==null){let d=this.first;for(;d!==void 0;)d.notifier.unsubscribe(this,d.propertyName),d=d.next;this.last=null,this.needsRefresh=this.needsQueue=this.isAsync}}watch(d,m){const A=this.last,W=r(d),se=A===null?this.first:{};if(se.propertySource=d,se.propertyName=m,se.notifier=W,W.subscribe(this,m),A!==null){if(!this.needsRefresh){let Hi;s=void 0,Hi=A.propertySource[A.propertyName],s=this,d===Hi&&(this.needsRefresh=!0)}A.next=se}this.last=se}handleChange(){this.needsQueue?(this.needsQueue=!1,o(this)):this.isAsync||this.call()}call(){this.last!==null&&(this.needsQueue=this.isAsync,this.notify(this))}*records(){let d=this.first;for(;d!==void 0;)yield d,d=d.next}}return Se(g),Object.freeze({setArrayObserverFactory(p){i=p},getNotifier:r,track(p,d){s&&s.watch(p,d)},trackVolatile(){s&&(s.needsRefresh=!0)},notify(p,d){r(p).notify(d)},defineProperty(p,d){Et(d)&&(d=new h(d)),n(p).push(d),Reflect.defineProperty(p,d.name,{enumerable:!0,get(){return d.getValue(this)},set(m){d.setValue(this,m)}})},getAccessors:n,binding(p,d,m=this.isVolatileBinding(p)){return new g(p,d,m)},isVolatileBinding(p){return t.test(p.toString())}})});function k(o,t){f.defineProperty(o,t)}function Gn(o,t,e){return Object.assign({},e,{get(){return f.trackVolatile(),e.get.apply(this)}})}const Xi=et.getById(ue.contextEvent,()=>{let o=null;return{get(){return o},set(t){o=t}}}),Qe=Object.freeze({default:{index:0,length:0,get event(){return Qe.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return Xi.get()},setEvent(o){Xi.set(o)}});class Oo{constructor(t,e,s=!1){this.evaluate=t,this.policy=e,this.isVolatile=s}}class Wn extends Oo{createObserver(t){return f.binding(this.evaluate,t,this.isVolatile)}}function Ki(o,t,e=f.isVolatileBinding(o)){return new Wn(o,t,e)}class Yi extends Oo{createObserver(){return this}bind(t){return this.evaluate(t.source,t.context)}}Se(Yi);function Qi(o,t){return new Yi(o,t)}let Zi;function Ji(o){return o.map(t=>t instanceof mt?Ji(t.styles):[t]).reduce((t,e)=>t.concat(e),[])}class mt{constructor(t){this.styles=t,this.targets=new WeakSet,this._strategy=null,this.behaviors=t.map(e=>e instanceof mt?e.behaviors:null).reduce((e,s)=>s===null?e:e===null?s:e.concat(s),null)}get strategy(){return this._strategy===null&&this.withStrategy(Zi),this._strategy}addStylesTo(t){this.strategy.addStylesTo(t),this.targets.add(t)}removeStylesFrom(t){this.strategy.removeStylesFrom(t),this.targets.delete(t)}isAttachedTo(t){return this.targets.has(t)}withBehaviors(...t){return this.behaviors=this.behaviors===null?t:this.behaviors.concat(t),this}withStrategy(t){return this._strategy=new t(Ji(this.styles)),this}static setDefaultStrategy(t){Zi=t}static normalize(t){return t===void 0?void 0:Array.isArray(t)?new mt(t):t instanceof mt?t:new mt([t])}}mt.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const Hs=Ds(),Rs=Object.freeze({getForInstance:Hs.getForInstance,getByType:Hs.getByType,define(o){return Hs.register({type:o}),o}});function js(o,t,e){t.source.style.setProperty(o.targetAspect,e.bind(t))}class qs{constructor(t,e){this.dataBinding=t,this.targetAspect=e}createCSS(t){return t(this),`var(${this.targetAspect})`}addedCallback(t){var e;const s=t.source;if(!s.$cssBindings){s.$cssBindings=new Map;const r=s.setAttribute;s.setAttribute=(n,h)=>{r.call(s,n,h),n==="style"&&s.$cssBindings.forEach((g,p)=>js(p,g.controller,g.observer))}}const i=(e=t[this.targetAspect])!==null&&e!==void 0?e:t[this.targetAspect]=this.dataBinding.createObserver(this,this);i.controller=t,t.source.$cssBindings.set(this,{controller:t,observer:i})}connectedCallback(t){js(this,t,t[this.targetAspect])}removedCallback(t){t.source.$cssBindings&&t.source.$cssBindings.delete(this)}handleChange(t,e){js(this,e.controller,e)}}Rs.define(qs);const Un=`${Math.random().toString(36).substring(2,8)}`;let Xn=0;const tr=()=>`--v${Un}${++Xn}`;function er(o,t){const e=[];let s="";const i=[],r=n=>{i.push(n)};for(let n=0,h=o.length-1;n<h;++n){s+=o[n];let g=t[n];Ie(g)?g=new qs(Ki(g),tr()).createCSS(r):g instanceof Oo?g=new qs(g,tr()).createCSS(r):Rs.getForInstance(g)!==void 0&&(g=g.createCSS(r)),g instanceof mt||g instanceof CSSStyleSheet?(s.trim()!==""&&(e.push(s),s=""),e.push(g)):s+=g}return s+=o[o.length-1],s.trim()!==""&&e.push(s),{styles:e,behaviors:i}}const l=(o,...t)=>{const{styles:e,behaviors:s}=er(o,t),i=new mt(e);return s.length?i.withBehaviors(...s):i};class or{constructor(t,e){this.behaviors=e,this.css="";const s=t.reduce((i,r)=>(Et(r)?this.css+=r:i.push(r),i),[]);s.length&&(this.styles=new mt(s))}createCSS(t){return this.behaviors.forEach(t),this.styles&&t(this),this.css}addedCallback(t){t.addStyles(this.styles)}removedCallback(t){t.removeStyles(this.styles)}}Rs.define(or),l.partial=(o,...t)=>{const{styles:e,behaviors:s}=er(o,t);return new or(e,s)};const Gs=`fast-${Math.random().toString(36).substring(2,8)}`,Eo=`${Gs}{`,Ze=`}${Gs}`,Kn=Ze.length;let Yn=0;const Ws=()=>`${Gs}-${++Yn}`,sr=Object.freeze({interpolation:o=>`${Eo}${o}${Ze}`,attribute:o=>`${Ws()}="${Eo}${o}${Ze}"`,comment:o=>`<!--${Eo}${o}${Ze}-->`}),_o=Object.freeze({parse(o,t){const e=o.split(Eo);if(e.length===1)return null;const s=[];for(let i=0,r=e.length;i<r;++i){const n=e[i],h=n.indexOf(Ze);let g;if(h===-1)g=n;else{const p=n.substring(0,h);s.push(t[p]),g=n.substring(h+Kn)}g!==""&&s.push(g)}return s}}),Us=Ds(),St=Object.freeze({getForInstance:Us.getForInstance,getByType:Us.getByType,define(o,t){return t=t||{},t.type=o,Us.register(t),o},assignAspect(o,t){if(!t){o.aspectType=at.content;return}switch(o.sourceAspect=t,t[0]){case":":o.targetAspect=t.substring(1),o.aspectType=o.targetAspect==="classList"?at.tokenList:at.property;break;case"?":o.targetAspect=t.substring(1),o.aspectType=at.booleanAttribute;break;case"@":o.targetAspect=t.substring(1),o.aspectType=at.event;break;default:o.targetAspect=t,o.aspectType=at.attribute;break}}});class Xs{constructor(t){this.options=t}createHTML(t){return sr.attribute(t(this))}createBehavior(){return this}}Se(Xs);function Qn(o,t,e,s){if(e==null&&(e=""),e.create){o.textContent="";let i=o.$fastView;i===void 0?i=e.create():o.$fastTemplate!==e&&(i.isComposed&&(i.remove(),i.unbind()),i=e.create()),i.isComposed?i.needsBindOnly&&(i.needsBindOnly=!1,i.bind(s.source,s.context)):(i.isComposed=!0,i.bind(s.source,s.context),i.insertBefore(o),o.$fastView=i,o.$fastTemplate=e)}else{const i=o.$fastView;i!==void 0&&i.isComposed&&(i.isComposed=!1,i.remove(),i.needsBindOnly?i.needsBindOnly=!1:i.unbind()),o.textContent=e}}function Zn(o,t,e){var s;const i=`${this.id}-t`,r=(s=o[i])!==null&&s!==void 0?s:o[i]={v:0,cv:Object.create(null)},n=r.cv;let h=r.v;const g=o[t];if(e!=null&&e.length){const p=e.split(/\s+/);for(let d=0,m=p.length;d<m;++d){const A=p[d];A!==""&&(n[A]=h,g.add(A))}}if(r.v=h+1,h!==0){h-=1;for(const p in n)n[p]===h&&g.remove(p)}}const Jn={[at.attribute]:ze.setAttribute,[at.booleanAttribute]:ze.setBooleanAttribute,[at.property]:(o,t,e)=>o[t]=e,[at.content]:Qn,[at.tokenList]:Zn,[at.event]:()=>{}};class Pe{constructor(t){this.dataBinding=t,this.updateTarget=null,this.aspectType=at.content}createHTML(t){return sr.interpolation(t(this))}createBehavior(){var t;if(this.updateTarget===null){const e=Jn[this.aspectType],s=(t=this.dataBinding.policy)!==null&&t!==void 0?t:this.policy;if(!e)throw et.error(1205);this.data=`${this.id}-d`,this.updateTarget=s.protect(this.targetTagName,this.aspectType,this.targetAspect,e)}return this}bind(t){var e;const s=t.targets[this.targetNodeId];switch(this.aspectType){case at.event:s[this.data]=t,s.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case at.content:t.onUnbind(this);default:const i=(e=s[this.data])!==null&&e!==void 0?e:s[this.data]=this.dataBinding.createObserver(this,this);i.target=s,i.controller=t,this.updateTarget(s,this.targetAspect,i.bind(t),t);break}}unbind(t){const s=t.targets[this.targetNodeId].$fastView;s!==void 0&&s.isComposed&&(s.unbind(),s.needsBindOnly=!0)}handleEvent(t){const e=t.currentTarget[this.data];if(e.isBound){Qe.setEvent(t);const s=this.dataBinding.evaluate(e.source,e.context);Qe.setEvent(null),s!==!0&&t.preventDefault()}}handleChange(t,e){const s=e.target,i=e.controller;this.updateTarget(s,this.targetAspect,e.bind(i),i)}}St.define(Pe,{aspected:!0});function ir(o,t){const e=o.parentNode;let s=o,i;for(;s!==t;)i=s.nextSibling,e.removeChild(s),s=i;e.removeChild(t)}class No{constructor(t,e,s){this.fragment=t,this.factories=e,this.targets=s,this.behaviors=null,this.unbindables=[],this.source=null,this.isBound=!1,this.sourceLifetime=Vs.unknown,this.context=this,this.index=0,this.length=0,this.firstChild=t.firstChild,this.lastChild=t.lastChild}get event(){return Qe.getEvent()}get isEven(){return this.index%2===0}get isOdd(){return this.index%2!==0}get isFirst(){return this.index===0}get isInMiddle(){return!this.isFirst&&!this.isLast}get isLast(){return this.index===this.length-1}eventDetail(){return this.event.detail}eventTarget(){return this.event.target}appendTo(t){t.appendChild(this.fragment)}insertBefore(t){if(this.fragment.hasChildNodes())t.parentNode.insertBefore(this.fragment,t);else{const e=this.lastChild;if(t.previousSibling===e)return;const s=t.parentNode;let i=this.firstChild,r;for(;i!==e;)r=i.nextSibling,s.insertBefore(i,t),i=r;s.insertBefore(e,t)}}remove(){const t=this.fragment,e=this.lastChild;let s=this.firstChild,i;for(;s!==e;)i=s.nextSibling,t.appendChild(s),s=i;t.appendChild(e)}dispose(){ir(this.firstChild,this.lastChild),this.unbind()}onUnbind(t){this.unbindables.push(t)}bind(t,e=this){if(this.source===t)return;let s=this.behaviors;if(s===null){this.source=t,this.context=e,this.behaviors=s=new Array(this.factories.length);const i=this.factories;for(let r=0,n=i.length;r<n;++r){const h=i[r].createBehavior();h.bind(this),s[r]=h}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=t,this.context=e;for(let i=0,r=s.length;i<r;++i)s[i].bind(this)}this.isBound=!0}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}evaluateUnbindables(){const t=this.unbindables;for(let e=0,s=t.length;e<s;++e)t[e].unbind(this);t.length=0}static disposeContiguousBatch(t){if(t.length!==0){ir(t[0].firstChild,t[t.length-1].lastChild);for(let e=0,s=t.length;e<s;++e)t[e].unbind()}}}Se(No),f.defineProperty(No.prototype,"index"),f.defineProperty(No.prototype,"length");const rr=(o,t)=>`${o}.${t}`,nr={},Nt={index:0,node:null};function ar(o){o.startsWith("fast-")||et.warn(1204,{name:o})}const ta=new Proxy(document.createElement("div"),{get(o,t){ar(t);const e=Reflect.get(o,t);return Ie(e)?e.bind(o):e},set(o,t,e){return ar(t),Reflect.set(o,t,e)}});class ea{constructor(t,e,s){this.fragment=t,this.directives=e,this.policy=s,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(t,e,s,i,r){var n,h;this.nodeIds.has(s)||(this.nodeIds.add(s),this.addTargetDescriptor(e,s,i)),t.id=(n=t.id)!==null&&n!==void 0?n:Ws(),t.targetNodeId=s,t.targetTagName=r,t.policy=(h=t.policy)!==null&&h!==void 0?h:this.policy,this.factories.push(t)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(t,e,s){const i=this.descriptors;if(e==="r"||e==="h"||i[e])return;if(!i[t]){const n=t.lastIndexOf("."),h=t.substring(0,n),g=parseInt(t.substring(n+1));this.addTargetDescriptor(h,t,g)}let r=nr[e];if(!r){const n=`_${e}`;nr[e]=r={get(){var h;return(h=this[n])!==null&&h!==void 0?h:this[n]=this[t].childNodes[s]}}}i[e]=r}createView(t){const e=this.fragment.cloneNode(!0),s=Object.create(this.proto);s.r=e,s.h=t??ta;for(const i of this.nodeIds)s[i];return new No(e,this.factories,s)}}function lr(o,t,e,s,i,r=!1){const n=e.attributes,h=o.directives;for(let g=0,p=n.length;g<p;++g){const d=n[g],m=d.value,A=_o.parse(m,h);let W=null;A===null?r&&(W=new Pe(Qi(()=>m,o.policy)),St.assignAspect(W,d.name)):W=Ks.aggregate(A,o.policy),W!==null&&(e.removeAttributeNode(d),g--,p--,o.addFactory(W,t,s,i,e.tagName))}}function oa(o,t,e,s,i){const r=_o.parse(t.textContent,o.directives);if(r===null)return Nt.node=t.nextSibling,Nt.index=i+1,Nt;let n,h=n=t;for(let g=0,p=r.length;g<p;++g){const d=r[g];g!==0&&(i++,s=rr(e,i),n=h.parentNode.insertBefore(document.createTextNode(""),h.nextSibling)),Et(d)?n.textContent=d:(n.textContent=" ",St.assignAspect(d),o.addFactory(d,e,s,i,null)),h=n}return Nt.index=i+1,Nt.node=h.nextSibling,Nt}function cr(o,t,e){let s=0,i=t.firstChild;for(;i;){const r=sa(o,e,i,s);i=r.node,s=r.index}}function sa(o,t,e,s){const i=rr(t,s);switch(e.nodeType){case 1:lr(o,t,e,i,s),cr(o,e,i);break;case 3:return oa(o,e,t,i,s);case 8:const r=_o.parse(e.data,o.directives);r!==null&&o.addFactory(Ks.aggregate(r),t,i,s,null);break}return Nt.index=s+1,Nt.node=e.nextSibling,Nt}function ia(o,t){return o&&o.nodeType==8&&_o.parse(o.data,t)!==null}const dr="TEMPLATE",Ks={compile(o,t,e=ze.policy){let s;if(Et(o)){s=document.createElement(dr),s.innerHTML=e.createHTML(o);const n=s.content.firstElementChild;n!==null&&n.tagName===dr&&(s=n)}else s=o;!s.content.firstChild&&!s.content.lastChild&&s.content.appendChild(document.createComment(""));const i=document.adoptNode(s.content),r=new ea(i,t,e);return lr(r,"",s,"h",0,!0),(ia(i.firstChild,t)||i.childNodes.length===1&&Object.keys(t).length>0)&&i.insertBefore(document.createComment(""),i.firstChild),cr(r,i,"r"),Nt.node=null,r.freeze()},setDefaultStrategy(o){this.compile=o},aggregate(o,t=ze.policy){if(o.length===1)return o[0];let e,s,i=!1,r;const n=o.length,h=o.map(d=>Et(d)?()=>d:(e=d.sourceAspect||e,s=d.dataBinding||s,i=i||d.dataBinding.isVolatile,r=r||d.dataBinding.policy,d.dataBinding.evaluate)),g=(d,m)=>{let A="";for(let W=0;W<n;++W)A+=h[W](d,m);return A};s.evaluate=g,s.isVolatile=i,s.policy=r??t;const p=new Pe(s);return St.assignAspect(p,e),p}},ra=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,na=Object.create(null);class pe{constructor(t,e=na){this.html=t,this.factories=e}createHTML(t){const e=this.factories;for(const s in e)t(e[s]);return this.html}}pe.empty=new pe(""),St.define(pe);function aa(o,t,e,s=St.getForInstance(o)){if(s.aspected){const i=ra.exec(t);i!==null&&St.assignAspect(o,i[2])}return o.createHTML(e)}class Es{constructor(t,e={},s){this.policy=s,this.result=null,this.html=t,this.factories=e}create(t){return this.result===null&&(this.result=Ks.compile(this.html,this.factories,this.policy)),this.result.createView(t)}inline(){return new pe(Et(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(t){if(this.result)throw et.error(1208);if(this.policy)throw et.error(1207);return this.policy=t,this}render(t,e,s){const i=this.create(s);return i.bind(t),i.appendTo(e),i}static create(t,e,s){let i="";const r=Object.create(null),n=h=>{var g;const p=(g=h.id)!==null&&g!==void 0?g:h.id=Ws();return r[p]=h,p};for(let h=0,g=t.length-1;h<g;++h){const p=t[h];let d=e[h],m;if(i+=p,Ie(d))d=new Pe(Ki(d));else if(d instanceof Oo)d=new Pe(d);else if(!(m=St.getForInstance(d))){const A=d;d=new Pe(Qi(()=>A))}i+=aa(d,p,n,m)}return new Es(i+t[t.length-1],r,s)}}Se(Es);const b=(o,...t)=>{if(Array.isArray(o)&&Array.isArray(o.raw))return Es.create(o,t);throw et.error(1206)};b.partial=o=>new pe(o);class hr extends Xs{bind(t){t.source[this.options]=t.targets[this.targetNodeId]}}St.define(hr);const kt=o=>new hr(o),la=o=>o.nodeType===1,Je=o=>o?t=>t.nodeType===1&&t.matches(o):la;class ur extends Xs{get id(){return this._id}set id(t){this._id=t,this._controllerProperty=`${t}-c`}bind(t){const e=t.targets[this.targetNodeId];e[this._controllerProperty]=t,this.updateTarget(t.source,this.computeNodes(e)),this.observe(e),t.onUnbind(this)}unbind(t){const e=t.targets[this.targetNodeId];this.updateTarget(t.source,Rn),this.disconnect(e),e[this._controllerProperty]=null}getSource(t){return t[this._controllerProperty].source}updateTarget(t,e){t[this.options.property]=e}computeNodes(t){let e=this.getNodes(t);return"filter"in this.options&&(e=e.filter(this.options.filter)),e}}const pr="slotchange";class gr extends ur{observe(t){t.addEventListener(pr,this)}disconnect(t){t.removeEventListener(pr,this)}getNodes(t){return t.assignedNodes(this.options)}handleEvent(t){const e=t.currentTarget;this.updateTarget(this.getSource(e),this.computeNodes(e))}}St.define(gr);function lt(o){return Et(o)&&(o={property:o}),new gr(o)}class br extends ur{constructor(t){super(t),this.observerProperty=Symbol(),this.handleEvent=(e,s)=>{const i=s.target;this.updateTarget(this.getSource(i),this.computeNodes(i))},t.childList=!0}observe(t){let e=t[this.observerProperty];e||(e=new MutationObserver(this.handleEvent),e.toJSON=ji,t[this.observerProperty]=e),e.target=t,e.observe(t,this.options)}disconnect(t){const e=t[this.observerProperty];e.target=null,e.disconnect()}getNodes(t){return"selector"in this.options?Array.from(t.querySelectorAll(this.options.selector)):Array.from(t.childNodes)}}St.define(br);function ca(o){return Et(o)&&(o={property:o}),new br(o)}const fr="boolean",mr="reflect",Mo=Object.freeze({locate:Gi()}),da={toView(o){return o?"true":"false"},fromView(o){return!(o==null||o==="false"||o===!1||o===0)}};function $r(o){if(o==null)return null;const t=o*1;return isNaN(t)?null:t}const ot={toView(o){const t=$r(o);return t&&t.toString()},fromView:$r};class _s{constructor(t,e,s=e.toLowerCase(),i=mr,r){this.guards=new Set,this.Owner=t,this.name=e,this.attribute=s,this.mode=i,this.converter=r,this.fieldName=`_${e}`,this.callbackName=`${e}Changed`,this.hasCallback=this.callbackName in t.prototype,i===fr&&r===void 0&&(this.converter=da)}setValue(t,e){const s=t[this.fieldName],i=this.converter;i!==void 0&&(e=i.fromView(e)),s!==e&&(t[this.fieldName]=e,this.tryReflectToAttribute(t),this.hasCallback&&t[this.callbackName](s,e),t.$fastController.notify(this.name))}getValue(t){return f.track(t,this.name),t[this.fieldName]}onAttributeChangedCallback(t,e){this.guards.has(t)||(this.guards.add(t),this.setValue(t,e),this.guards.delete(t))}tryReflectToAttribute(t){const e=this.mode,s=this.guards;s.has(t)||e==="fromView"||_t.enqueue(()=>{s.add(t);const i=t[this.fieldName];switch(e){case mr:const r=this.converter;ze.setAttribute(t,this.attribute,r!==void 0?r.toView(i):i);break;case fr:ze.setBooleanAttribute(t,this.attribute,i);break}s.delete(t)})}static collect(t,...e){const s=[];e.push(Mo.locate(t));for(let i=0,r=e.length;i<r;++i){const n=e[i];if(n!==void 0)for(let h=0,g=n.length;h<g;++h){const p=n[h];Et(p)?s.push(new _s(t,p)):s.push(new _s(t,p.property,p.attribute,p.mode,p.converter))}}return s}}function a(o,t){let e;function s(i,r){arguments.length>1&&(e.property=r),Mo.locate(i.constructor).push(e)}if(arguments.length>1){e={},s(o,t);return}return e=o===void 0?{}:o,s}const vr={mode:"open"},yr={},kr=new Set,Do=et.getById(ue.elementRegistry,()=>Ds());class Ot{constructor(t,e=t.definition){var s;this.platformDefined=!1,Et(e)&&(e={name:e}),this.type=t,this.name=e.name,this.template=e.template,this.registry=(s=e.registry)!==null&&s!==void 0?s:customElements;const i=t.prototype,r=_s.collect(t,e.attributes),n=new Array(r.length),h={},g={};for(let p=0,d=r.length;p<d;++p){const m=r[p];n[p]=m.attribute,h[m.name]=m,g[m.attribute]=m,f.defineProperty(i,m)}Reflect.defineProperty(t,"observedAttributes",{value:n,enumerable:!0}),this.attributes=r,this.propertyLookup=h,this.attributeLookup=g,this.shadowOptions=e.shadowOptions===void 0?vr:e.shadowOptions===null?void 0:Object.assign(Object.assign({},vr),e.shadowOptions),this.elementOptions=e.elementOptions===void 0?yr:Object.assign(Object.assign({},yr),e.elementOptions),this.styles=mt.normalize(e.styles),Do.register(this)}get isDefined(){return this.platformDefined}define(t=this.registry){const e=this.type;return t.get(this.name)||(this.platformDefined=!0,t.define(this.name,e,this.elementOptions)),this}static compose(t,e){return kr.has(t)||Do.getByType(t)?new Ot(class extends t{},e):new Ot(t,e)}static registerBaseType(t){kr.add(t)}}Ot.getByType=Do.getByType,Ot.getForInstance=Do.getForInstance;const ha={bubbles:!0,composed:!0,cancelable:!0},Ys="isConnected",xr=new WeakMap;function Lo(o){var t,e;return(e=(t=o.shadowRoot)!==null&&t!==void 0?t:xr.get(o))!==null&&e!==void 0?e:null}let wr;class Vo extends Ui{constructor(t,e){super(t),this.boundObservables=null,this.needsInitialization=!0,this.hasExistingShadowRoot=!1,this._template=null,this.stage=3,this.guardBehaviorConnection=!1,this.behaviors=null,this._mainStyles=null,this.$fastController=this,this.view=null,this.source=t,this.definition=e;const s=e.shadowOptions;if(s!==void 0){let r=t.shadowRoot;r?this.hasExistingShadowRoot=!0:(r=t.attachShadow(s),s.mode==="closed"&&xr.set(t,r))}const i=f.getAccessors(t);if(i.length>0){const r=this.boundObservables=Object.create(null);for(let n=0,h=i.length;n<h;++n){const g=i[n].name,p=t[g];p!==void 0&&(delete t[g],r[g]=p)}}}get isConnected(){return f.track(this,Ys),this.stage===1}get context(){var t,e;return(e=(t=this.view)===null||t===void 0?void 0:t.context)!==null&&e!==void 0?e:Qe.default}get isBound(){var t,e;return(e=(t=this.view)===null||t===void 0?void 0:t.isBound)!==null&&e!==void 0?e:!1}get sourceLifetime(){var t;return(t=this.view)===null||t===void 0?void 0:t.sourceLifetime}get template(){var t;if(this._template===null){const e=this.definition;this.source.resolveTemplate?this._template=this.source.resolveTemplate():e.template&&(this._template=(t=e.template)!==null&&t!==void 0?t:null)}return this._template}set template(t){this._template!==t&&(this._template=t,this.needsInitialization||this.renderTemplate(t))}get mainStyles(){var t;if(this._mainStyles===null){const e=this.definition;this.source.resolveStyles?this._mainStyles=this.source.resolveStyles():e.styles&&(this._mainStyles=(t=e.styles)!==null&&t!==void 0?t:null)}return this._mainStyles}set mainStyles(t){this._mainStyles!==t&&(this._mainStyles!==null&&this.removeStyles(this._mainStyles),this._mainStyles=t,this.needsInitialization||this.addStyles(t))}onUnbind(t){var e;(e=this.view)===null||e===void 0||e.onUnbind(t)}addBehavior(t){var e,s;const i=(e=this.behaviors)!==null&&e!==void 0?e:this.behaviors=new Map,r=(s=i.get(t))!==null&&s!==void 0?s:0;r===0?(i.set(t,1),t.addedCallback&&t.addedCallback(this),t.connectedCallback&&!this.guardBehaviorConnection&&(this.stage===1||this.stage===0)&&t.connectedCallback(this)):i.set(t,r+1)}removeBehavior(t,e=!1){const s=this.behaviors;if(s===null)return;const i=s.get(t);i!==void 0&&(i===1||e?(s.delete(t),t.disconnectedCallback&&this.stage!==3&&t.disconnectedCallback(this),t.removedCallback&&t.removedCallback(this)):s.set(t,i-1))}addStyles(t){var e;if(!t)return;const s=this.source;if(t instanceof HTMLElement)((e=Lo(s))!==null&&e!==void 0?e:this.source).append(t);else if(!t.isAttachedTo(s)){const i=t.behaviors;if(t.addStylesTo(s),i!==null)for(let r=0,n=i.length;r<n;++r)this.addBehavior(i[r])}}removeStyles(t){var e;if(!t)return;const s=this.source;if(t instanceof HTMLElement)((e=Lo(s))!==null&&e!==void 0?e:s).removeChild(t);else if(t.isAttachedTo(s)){const i=t.behaviors;if(t.removeStylesFrom(s),i!==null)for(let r=0,n=i.length;r<n;++r)this.removeBehavior(i[r])}}connect(){if(this.stage!==3)return;if(this.stage=0,this.boundObservables!==null){const e=this.source,s=this.boundObservables,i=Object.keys(s);for(let r=0,n=i.length;r<n;++r){const h=i[r];e[h]=s[h]}this.boundObservables=null}const t=this.behaviors;if(t!==null){this.guardBehaviorConnection=!0;for(const e of t.keys())e.connectedCallback&&e.connectedCallback(this);this.guardBehaviorConnection=!1}this.needsInitialization?(this.renderTemplate(this.template),this.addStyles(this.mainStyles),this.needsInitialization=!1):this.view!==null&&this.view.bind(this.source),this.stage=1,f.notify(this,Ys)}disconnect(){if(this.stage!==1)return;this.stage=2,f.notify(this,Ys),this.view!==null&&this.view.unbind();const t=this.behaviors;if(t!==null)for(const e of t.keys())e.disconnectedCallback&&e.disconnectedCallback(this);this.stage=3}onAttributeChangedCallback(t,e,s){const i=this.definition.attributeLookup[t];i!==void 0&&i.onAttributeChangedCallback(this.source,s)}emit(t,e,s){return this.stage===1?this.source.dispatchEvent(new CustomEvent(t,Object.assign(Object.assign({detail:e},ha),s))):!1}renderTemplate(t){var e;const s=this.source,i=(e=Lo(s))!==null&&e!==void 0?e:s;if(this.view!==null)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let r=i.firstChild;r!==null;r=i.firstChild)i.removeChild(r)}t&&(this.view=t.render(s,i,s),this.view.sourceLifetime=Vs.coupled)}static forCustomElement(t){const e=t.$fastController;if(e!==void 0)return e;const s=Ot.getForInstance(t);if(s===void 0)throw et.error(1401);return t.$fastController=new wr(t,s)}static setStrategy(t){wr=t}}Se(Vo),Vo.setStrategy(Vo);function Ho(o){var t;return"adoptedStyleSheets"in o?o:(t=Lo(o))!==null&&t!==void 0?t:o.getRootNode()}class Ns{constructor(t){const e=Ns.styleSheetCache;this.sheets=t.map(s=>{if(s instanceof CSSStyleSheet)return s;let i=e.get(s);return i===void 0&&(i=new CSSStyleSheet,i.replaceSync(s),e.set(s,i)),i})}addStylesTo(t){Ir(Ho(t),this.sheets)}removeStylesFrom(t){Sr(Ho(t),this.sheets)}}Ns.styleSheetCache=new Map;let ua=0;const pa=()=>`fast-${++ua}`;function Cr(o){return o===document?document.body:o}class ga{constructor(t){this.styles=t,this.styleClass=pa()}addStylesTo(t){t=Cr(Ho(t));const e=this.styles,s=this.styleClass;for(let i=0;i<e.length;i++){const r=document.createElement("style");r.innerHTML=e[i],r.className=s,t.append(r)}}removeStylesFrom(t){t=Cr(Ho(t));const e=t.querySelectorAll(`.${this.styleClass}`);for(let s=0,i=e.length;s<i;++s)t.removeChild(e[s])}}let Ir=(o,t)=>{o.adoptedStyleSheets=[...o.adoptedStyleSheets,...t]},Sr=(o,t)=>{o.adoptedStyleSheets=o.adoptedStyleSheets.filter(e=>t.indexOf(e)===-1)};if(mt.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),Ir=(o,t)=>{o.adoptedStyleSheets.push(...t)},Sr=(o,t)=>{for(const e of t){const s=o.adoptedStyleSheets.indexOf(e);s!==-1&&o.adoptedStyleSheets.splice(s,1)}}}catch{}mt.setDefaultStrategy(Ns)}else mt.setDefaultStrategy(ga);function zr(o){const t=class extends o{constructor(){super(),Vo.forCustomElement(this)}$emit(e,s,i){return this.$fastController.emit(e,s,i)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(e,s,i){this.$fastController.onAttributeChangedCallback(e,s,i)}};return Ot.registerBaseType(t),t}function ba(o,t){return Ie(o)?Ot.compose(o,t):Ot.compose(this,o)}function fa(o,t){return Ie(o)?Ot.compose(o,t).define().type:Ot.compose(this,o).define().type}function ma(o){return zr(o)}const x=Object.assign(zr(HTMLElement),{from:ma,define:fa,compose:ba}),$t={horizontal:"horizontal",vertical:"vertical"};function $a(o,t){let e=o.length;for(;e--;)if(t(o[e],e,o))return e;return-1}function Pr(...o){return o.every(t=>t instanceof HTMLElement)}const Ro="ArrowDown",jo="ArrowLeft",qo="ArrowRight",Go="ArrowUp",Wo="End",Uo="Enter",va="Escape",Xo="Home",Qs=" ",ya="Tab";var zt;(function(o){o.ltr="ltr",o.rtl="rtl"})(zt||(zt={}));function ka(o,t,e){return e<o?t:e>t?o:e}function Zs(o,t,e){return Math.min(Math.max(e,o),t)}let xa=0;function to(o=""){return`${o}${xa++}`}var wa=Object.defineProperty,Ca=Object.getOwnPropertyDescriptor,H=(o,t,e,s)=>{for(var i=s>1?void 0:s?Ca(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&wa(t,e,i),i};class R{}H([a({attribute:"aria-atomic"})],R.prototype,"ariaAtomic",2),H([a({attribute:"aria-busy"})],R.prototype,"ariaBusy",2),H([a({attribute:"aria-controls"})],R.prototype,"ariaControls",2),H([a({attribute:"aria-current"})],R.prototype,"ariaCurrent",2),H([a({attribute:"aria-describedby"})],R.prototype,"ariaDescribedby",2),H([a({attribute:"aria-details"})],R.prototype,"ariaDetails",2),H([a({attribute:"aria-disabled"})],R.prototype,"ariaDisabled",2),H([a({attribute:"aria-errormessage"})],R.prototype,"ariaErrormessage",2),H([a({attribute:"aria-flowto"})],R.prototype,"ariaFlowto",2),H([a({attribute:"aria-haspopup"})],R.prototype,"ariaHaspopup",2),H([a({attribute:"aria-hidden"})],R.prototype,"ariaHidden",2),H([a({attribute:"aria-invalid"})],R.prototype,"ariaInvalid",2),H([a({attribute:"aria-keyshortcuts"})],R.prototype,"ariaKeyshortcuts",2),H([a({attribute:"aria-label"})],R.prototype,"ariaLabel",2),H([a({attribute:"aria-labelledby"})],R.prototype,"ariaLabelledby",2),H([a({attribute:"aria-live"})],R.prototype,"ariaLive",2),H([a({attribute:"aria-owns"})],R.prototype,"ariaOwns",2),H([a({attribute:"aria-relevant"})],R.prototype,"ariaRelevant",2),H([a({attribute:"aria-roledescription"})],R.prototype,"ariaRoledescription",2);const Js={fromView(o){const t=parseFloat(o);return Number.isNaN(t)?"":t.toString()},toView(o){const t=parseFloat(o);return Number.isNaN(t)?void 0:t.toString()}},ti=o=>o.closest("[dir]")?.dir==="rtl"?zt.rtl:zt.ltr;function xt(o){return o?typeof o=="string"?new pe(o):"inline"in o?o.inline():o:pe.empty}const ei=o=>o.nodeType!==Node.TEXT_NODE||!!o.nodeValue?.trim().length,Ia=":host([hidden]){display:none}";function C(o){return`${Ia}:host{display:${o}}`}class Sa{constructor(t){this.listenerCache=new WeakMap,this.query=t}connectedCallback(t){const{query:e}=this;let s=this.listenerCache.get(t);s||(s=this.constructListener(t),this.listenerCache.set(t,s)),s.bind(e)(),e.addEventListener("change",s)}disconnectedCallback(t){const e=this.listenerCache.get(t);e&&this.query.removeEventListener("change",e)}}class Bo extends Sa{constructor(t,e){super(t),this.styles=e}static with(t){return e=>new Bo(t,e)}constructListener(t){let e=!1;const s=this.styles;return function(){const{matches:r}=this;r&&!e?(t.addStyles(s),e=r):!r&&e&&(t.removeStyles(s),e=r)}}removedCallback(t){t.removeStyles(this.styles)}}const Q=Bo.with(window.matchMedia("(forced-colors)"));Bo.with(window.matchMedia("(prefers-color-scheme: dark)")),Bo.with(window.matchMedia("(prefers-color-scheme: light)"));class Gt{}function ie(o){return b`<slot name="end" ${kt("end")}>${xt(o.end)}</slot>`.inline()}function Wt(o){return b`<slot name="start" ${kt("start")}>${xt(o.start)}</slot>`.inline()}function Ut(o,...t){const e=Mo.locate(o);t.forEach(s=>{Object.getOwnPropertyNames(s.prototype).forEach(r=>{r!=="constructor"&&Object.defineProperty(o.prototype,r,Object.getOwnPropertyDescriptor(s.prototype,r))}),Mo.locate(s).forEach(r=>e.push(r))})}const za=CSS.supports("selector(:state(g))");function c(o,t,e){if(!za){o.shadowRoot.host.toggleAttribute(`state--${t}`,e);return}if(e=e??!o.states.has(t),e){o.states.add(t);return}o.states.delete(t)}var Pa=Object.defineProperty,Ta=Object.getOwnPropertyDescriptor,ge=(o,t,e,s)=>{for(var i=s>1?void 0:s?Ta(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Pa(t,e,i),i};class Xt extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=to("accordion-")}expandedChanged(t,e){c(this.elementInternals,"expanded",e)}disabledChanged(t,e){c(this.elementInternals,"disabled",e)}}ge([a({attribute:"heading-level",mode:"fromView",converter:ot})],Xt.prototype,"headinglevel",2),ge([a({mode:"boolean"})],Xt.prototype,"expanded",2),ge([a({mode:"boolean"})],Xt.prototype,"disabled",2),ge([a],Xt.prototype,"id",2);class eo extends Xt{constructor(){super(...arguments),this.block=!1}sizeChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}markerPositionChanged(t,e){t&&c(this.elementInternals,`align-${t}`,!1),e&&c(this.elementInternals,`align-${e}`,!0)}blockChanged(t,e){c(this.elementInternals,"block",e)}}ge([a],eo.prototype,"size",2),ge([a({attribute:"marker-position"})],eo.prototype,"markerPosition",2),ge([a({mode:"boolean"})],eo.prototype,"block",2),Ut(eo,Gt);const v=l.partial`:is([state--checked], :state(checked))`,E=l.partial`:is([state--disabled], :state(disabled))`,Te=l.partial`:is([state--filled-lighter], :state(filled-lighter))`,Be=l.partial`:is([state--filled-darker], :state(filled-darker))`,Kt=l.partial`:is([state--ghost], :state(ghost))`,Tr=l.partial`:is([state--inverted], :state(inverted))`,ht=l.partial`:is([state--primary], :state(primary))`,U=l.partial`:is([state--outline], :state(outline))`,oo=l.partial`:is([state--strong], :state(strong))`,S=l.partial`:is([state--subtle], :state(subtle))`,re=l.partial`:is([state--tint], :state(tint))`,so=l.partial`:is([state--underline], :state(underline))`,Z=l.partial`:is([state--transparent], :state(transparent))`,io=l.partial`:is([state--circular], :state(circular))`,Yt=l.partial`:is([state--rounded], :state(rounded))`,ro=l.partial`:is([state--square], :state(square))`,no=l.partial`:is([state--tiny], :state(tiny))`,ao=l.partial`:is([state--extra-small], :state(extra-small))`,z=l.partial`:is([state--small], :state(small))`;l.partial`:is([state--medium], :state(medium))`;const w=l.partial`:is([state--large], :state(large))`,Ko=l.partial`:is([state--extra-large], :state(extra-large))`,Ba=l.partial`:is([state--huge], :state(huge))`,Br=l.partial`:is([state--align-start], :state(align-start))`,Qt=l.partial`:is([state--align-end], :state(align-end))`,oi=l.partial`:is([state--inset], :state(inset))`,Ae=l.partial`:is([state--icon], :state(icon))`,O=l.partial`:is([state--pressed], :state(pressed))`,Zt=l.partial`:is([state--brand], :state(brand))`,si=l.partial`:is([state--error], :state(error))`,Yo=l.partial`:is([state--danger], :state(danger))`,Qo=l.partial`:is([state--important], :state(important))`,Zo=l.partial`:is([state--informative], :state(informative))`;l.partial`:is([state--marigold], :state(marigold))`;const Jo=l.partial`:is([state--neutral], :state(neutral))`,ts=l.partial`:is([state--severe], :state(severe))`,be=l.partial`:is([state--success], :state(success))`,fe=l.partial`:is([state--warning], :state(warning))`,I=l.partial`:is([state--vertical], :state(vertical))`;l.partial`:is([state--horizontal], :state(horizontal))`,l.partial`:is([state--singleline], :state(singleline))`;const lo=l.partial`:is([state--multiline], :state(multiline))`,me=l.partial`:is([state--expanded], :state(expanded))`,ii=l.partial`:is([state--block], :state(block))`;l.partial`:is([state--resize], :state(resize))`;const Aa=l.partial`:is([state--resize-horizontal], :state(resize-horizontal))`,Fa=l.partial`:is([state--resize-vertical], :state(resize-vertical))`,Oa=l.partial`:is([state--resize-both], :state(resize-both))`,Ar=l.partial`:is([state--auto-resize], :state(auto-resize))`,Fr=l.partial`:is([state--display-shadow], :state(display-shadow))`,Ea=l.partial`:is([state--user-invalid], :state(user-invalid))`;l.partial`:is([state--user-valid], :state(user-valid))`;const B="var(--colorNeutralForeground1)",ri="var(--colorNeutralForeground1Hover)",_a="var(--colorNeutralForeground1Pressed)",Mt="var(--colorNeutralForeground2)",es="var(--colorNeutralForeground2Hover)",os="var(--colorNeutralForeground2Pressed)",Na="var(--colorNeutralForeground2Selected)",ss="var(--colorNeutralForeground2BrandHover)",is="var(--colorNeutralForeground2BrandPressed)",Ma="var(--colorNeutralForeground2BrandSelected)",ut="var(--colorNeutralForeground3)",Da="var(--colorNeutralForeground3Hover)",La="var(--colorNeutralForeground3Pressed)",Or="var(--colorNeutralForeground4)",P="var(--colorNeutralForegroundDisabled)",Va="var(--colorBrandForegroundLink)",Ha="var(--colorBrandForegroundLinkHover)",Ra="var(--colorBrandForegroundLinkPressed)",ja="var(--colorNeutralForeground2Link)",qa="var(--colorNeutralForeground2LinkHover)",Ga="var(--colorNeutralForeground2LinkPressed)",Er="var(--colorCompoundBrandForeground1Hover)",Wa="var(--colorCompoundBrandForeground1Pressed)",Jt="var(--colorNeutralForegroundOnBrand)",Fe="var(--colorNeutralForegroundInverted)",Ua="var(--colorNeutralForegroundInvertedHover)",Xa="var(--colorNeutralForegroundInvertedPressed)",_r="var(--colorNeutralForegroundStaticInverted)",ni="var(--colorBrandForeground1)",Ka="var(--colorBrandForeground2)",Ya="var(--colorNeutralForeground1Static)",_="var(--colorNeutralBackground1)",ai="var(--colorNeutralBackground1Hover)",li="var(--colorNeutralBackground1Pressed)",Nr="var(--colorNeutralBackground1Selected)",rs="var(--colorNeutralBackground3)",Qa="var(--colorNeutralBackground4)",Za="var(--colorNeutralBackground5)",ns="var(--colorNeutralBackground6)",Mr="var(--colorNeutralBackgroundInverted)",Ja="var(--colorSubtleBackground)",as="var(--colorSubtleBackgroundHover)",Oe="var(--colorSubtleBackgroundPressed)",tl="var(--colorSubtleBackgroundSelected)",wt="var(--colorTransparentBackground)",ci="var(--colorTransparentBackgroundHover)",di="var(--colorTransparentBackgroundPressed)",el="var(--colorTransparentBackgroundSelected)",Ee="var(--colorNeutralBackgroundDisabled)",hi="var(--colorBackgroundOverlay)",ui="var(--colorBrandBackground)",Dr="var(--colorBrandBackgroundHover)",Lr="var(--colorBrandBackgroundPressed)",ol="var(--colorBrandBackgroundSelected)",_e="var(--colorCompoundBrandBackground)",co="var(--colorCompoundBrandBackgroundHover)",ho="var(--colorCompoundBrandBackgroundPressed)",Vr="var(--colorBrandBackgroundStatic)",sl="var(--colorBrandBackground2)",ne="var(--colorNeutralStrokeAccessible)",Ne="var(--colorNeutralStrokeAccessibleHover)",Me="var(--colorNeutralStrokeAccessiblePressed)",ae="var(--colorNeutralStroke1)",uo="var(--colorNeutralStroke1Hover)",ls="var(--colorNeutralStroke1Pressed)",po="var(--colorNeutralStroke2)",il="var(--colorNeutralStroke3)",rl="var(--colorNeutralStrokeOnBrand2)",Hr="var(--colorBrandStroke1)",pi="var(--colorBrandStroke2)",go="var(--colorCompoundBrandStroke)",nl="var(--colorCompoundBrandStrokeHover)",Rr="var(--colorCompoundBrandStrokePressed)",Pt="var(--colorNeutralStrokeDisabled)",pt="var(--colorTransparentStroke)",jr="var(--colorTransparentStrokeInteractive)",gi="var(--colorStrokeFocus1)",Dt="var(--colorStrokeFocus2)",qr="var(--colorPaletteRedBackground1)",al="var(--colorPaletteRedBackground2)",Gr="var(--colorPaletteRedBackground3)",Wr="var(--colorPaletteRedBorder1)",bi="var(--colorPaletteRedBorder2)",Ur="var(--colorPaletteRedForeground1)",ll="var(--colorPaletteRedForeground2)",Xr="var(--colorPaletteRedForeground3)",Kr="var(--colorPaletteGreenBackground1)",Yr="var(--colorPaletteGreenBackground3)",cl="var(--colorPaletteGreenBorder1)",dl="var(--colorPaletteGreenBorder2)",hl="var(--colorPaletteGreenForeground1)",ul="var(--colorPaletteGreenForeground2)",pl="var(--colorPaletteGreenForeground3)",Qr="var(--colorPaletteDarkOrangeBackground1)",Zr="var(--colorPaletteDarkOrangeBackground3)",Jr="var(--colorPaletteDarkOrangeBorder1)",gl="var(--colorPaletteDarkOrangeForeground1)",tn="var(--colorPaletteDarkOrangeForeground3)",bl="var(--colorPaletteYellowBackground1)",fl="var(--colorPaletteYellowBackground3)",ml="var(--colorPaletteYellowBorder1)",fi="var(--colorPaletteYellowForeground2)",en="var(--colorPaletteMarigoldBackground2)",$l="var(--colorPaletteMarigoldBackground3)",vl="var(--colorPaletteMarigoldForeground2)",yl="var(--colorPaletteAnchorBackground2)",kl="var(--colorPaletteAnchorForeground2)",xl="var(--colorPaletteBeigeBackground2)",wl="var(--colorPaletteBeigeForeground2)",Cl="var(--colorPaletteBlueBackground2)",Il="var(--colorPaletteBlueForeground2)",Sl="var(--colorPaletteBrassBackground2)",zl="var(--colorPaletteBrassForeground2)",Pl="var(--colorPaletteBrownBackground2)",Tl="var(--colorPaletteBrownForeground2)",Bl="var(--colorPaletteCornflowerBackground2)",Al="var(--colorPaletteCornflowerForeground2)",Fl="var(--colorPaletteCranberryBackground2)",Ol="var(--colorPaletteCranberryForeground2)",El="var(--colorPaletteDarkGreenBackground2)",_l="var(--colorPaletteDarkGreenForeground2)",Nl="var(--colorPaletteDarkRedBackground2)",Ml="var(--colorPaletteDarkRedForeground2)",Dl="var(--colorPaletteForestBackground2)",Ll="var(--colorPaletteForestForeground2)",Vl="var(--colorPaletteGoldBackground2)",Hl="var(--colorPaletteGoldForeground2)",Rl="var(--colorPaletteGrapeBackground2)",jl="var(--colorPaletteGrapeForeground2)",ql="var(--colorPaletteLavenderBackground2)",Gl="var(--colorPaletteLavenderForeground2)",Wl="var(--colorPaletteLightTealBackground2)",Ul="var(--colorPaletteLightTealForeground2)",Xl="var(--colorPaletteLilacBackground2)",Kl="var(--colorPaletteLilacForeground2)",Yl="var(--colorPaletteMagentaBackground2)",Ql="var(--colorPaletteMagentaForeground2)",Zl="var(--colorPaletteMinkBackground2)",Jl="var(--colorPaletteMinkForeground2)",tc="var(--colorPaletteNavyBackground2)",ec="var(--colorPaletteNavyForeground2)",oc="var(--colorPalettePeachBackground2)",sc="var(--colorPalettePeachForeground2)",ic="var(--colorPalettePinkBackground2)",rc="var(--colorPalettePinkForeground2)",nc="var(--colorPalettePlatinumBackground2)",ac="var(--colorPalettePlatinumForeground2)",lc="var(--colorPalettePlumBackground2)",cc="var(--colorPalettePlumForeground2)",dc="var(--colorPalettePumpkinBackground2)",hc="var(--colorPalettePumpkinForeground2)",uc="var(--colorPalettePurpleBackground2)",pc="var(--colorPalettePurpleForeground2)",gc="var(--colorPaletteRoyalBlueBackground2)",bc="var(--colorPaletteRoyalBlueForeground2)",fc="var(--colorPaletteSeafoamBackground2)",mc="var(--colorPaletteSeafoamForeground2)",$c="var(--colorPaletteSteelBackground2)",vc="var(--colorPaletteSteelForeground2)",yc="var(--colorPaletteTealBackground2)",kc="var(--colorPaletteTealForeground2)",mi="var(--borderRadiusNone)",Lt="var(--borderRadiusSmall)",T="var(--borderRadiusMedium)",on="var(--borderRadiusLarge)",sn="var(--borderRadiusXLarge)",gt="var(--borderRadiusCircular)",$="var(--fontFamilyBase)",xc="var(--fontFamilyMonospace)",wc="var(--fontFamilyNumeric)",bo="var(--fontSizeBase100)",j="var(--fontSizeBase200)",F="var(--fontSizeBase300)",ct="var(--fontSizeBase400)",De="var(--fontSizeBase500)",cs="var(--fontSizeBase600)",rn="var(--fontSizeHero700)",nn="var(--fontSizeHero800)",an="var(--fontSizeHero900)",ln="var(--fontSizeHero1000)",N="var(--fontWeightRegular)",Cc="var(--fontWeightMedium)",V="var(--fontWeightSemibold)",ds="var(--fontWeightBold)",hs="var(--lineHeightBase100)",st="var(--lineHeightBase200)",L="var(--lineHeightBase300)",vt="var(--lineHeightBase400)",us="var(--lineHeightBase500)",cn="var(--lineHeightBase600)",dn="var(--lineHeightHero700)",hn="var(--lineHeightHero800)",un="var(--lineHeightHero900)",pn="var(--lineHeightHero1000)",$i="var(--shadow2)",ps="var(--shadow4)",Ic="var(--shadow8)",gn="var(--shadow16)",Sc="var(--shadow28)",bn="var(--shadow64)",X="var(--strokeWidthThin)",Tt="var(--strokeWidthThick)",it="var(--strokeWidthThicker)",vi="var(--strokeWidthThickest)",dt="var(--spacingHorizontalXXS)",Vt="var(--spacingHorizontalXS)",yt="var(--spacingHorizontalSNudge)",te="var(--spacingHorizontalS)",bt="var(--spacingHorizontalMNudge)",ft="var(--spacingHorizontalM)",zc="var(--spacingHorizontalL)",Pc="var(--spacingHorizontalXL)",Tc="var(--spacingHorizontalXXL)",fo="var(--spacingVerticalXXS)",yi="var(--spacingVerticalXS)",le="var(--spacingVerticalSNudge)",rt="var(--spacingVerticalS)",Le="var(--spacingVerticalMNudge)",Bc="var(--spacingVerticalM)",gs="var(--spacingVerticalL)",mo="var(--spacingVerticalXXL)",fn="var(--durationUltraFast)",ki="var(--durationFaster)",xi="var(--durationNormal)",wi="var(--durationGentle)",mn="var(--durationSlow)",$n="var(--durationSlower)",bs="var(--durationUltraSlow)",Ac="var(--curveAccelerateMax)",Ve="var(--curveAccelerateMid)",Fc="var(--curveAccelerateMin)",Ci="var(--curveDecelerateMax)",He="var(--curveDecelerateMid)",Oc="var(--curveDecelerateMin)",Ec="var(--curveEasyEaseMax)",fs="var(--curveEasyEase)",Ii="var(--curveLinear)",_c=l`
|
|
1
|
+
const u=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements});let Ao;const Ri="fast-kernel";try{if(document.currentScript)Ao=document.currentScript.getAttribute(Ri);else{const o=document.getElementsByTagName("script");Ao=o[o.length-1].getAttribute(Ri)}}catch{Ao="isolate"}let ue;switch(Ao){case"share":ue=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":ue=Object.freeze({updateQueue:1.2,observable:2.2,contextEvent:3.2,elementRegistry:4.2});break;default:const o=`-${Math.random().toString(36).substring(2,8)}`;ue=Object.freeze({updateQueue:`1.2${o}`,observable:`2.2${o}`,contextEvent:`3.2${o}`,elementRegistry:`4.2${o}`});break}const Ie=o=>typeof o=="function",Et=o=>typeof o=="string",ji=()=>{};var Ms=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};(function(){if(!(typeof globalThis<"u"))if(typeof Ms<"u")Ms.globalThis=Ms;else if(typeof self<"u")self.globalThis=self;else if(typeof window<"u")window.globalThis=window;else{const t=new Function("return this")();t.globalThis=t}})();const qi={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},qi));const et=globalThis.FAST;if(et.getById===void 0){const o=Object.create(null);Reflect.defineProperty(et,"getById",Object.assign({value(t,e){let s=o[t];return s===void 0&&(s=e?o[t]=e():null),s}},qi))}et.error===void 0&&Object.assign(et,{warn(){},error(o){return new Error(`Error ${o}`)},addMessages(){}});const Rn=Object.freeze([]);function Ds(){const o=new Map;return Object.freeze({register(t){return o.has(t.type)?!1:(o.set(t.type,t),!0)},getByType(t){return o.get(t)},getForInstance(t){if(t!=null)return o.get(t.constructor)}})}function Gi(){const o=new WeakMap;return function(t){let e=o.get(t);if(e===void 0){let s=Reflect.getPrototypeOf(t);for(;e===void 0&&s!==null;)e=o.get(s),s=Reflect.getPrototypeOf(s);e=e===void 0?[]:e.slice(0),o.set(t,e)}return e}}function Se(o){o.prototype.toJSON=ji}const at=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),Wi=o=>o,jn=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:Wi}):{createHTML:Wi};let Fo=Object.freeze({createHTML(o){return jn.createHTML(o)},protect(o,t,e,s){return s}});const qn=Fo,ze=Object.freeze({get policy(){return Fo},setPolicy(o){if(Fo!==qn)throw et.error(1201);Fo=o},setAttribute(o,t,e){e==null?o.removeAttribute(t):o.setAttribute(t,e)},setBooleanAttribute(o,t,e){e?o.setAttribute(t,""):o.removeAttribute(t)}}),_t=et.getById(ue.updateQueue,()=>{const o=[],t=[],e=globalThis.requestAnimationFrame;let s=!0;function i(){if(t.length)throw t.shift()}function r(g){try{g.call()}catch(p){if(s)t.push(p),setTimeout(i,0);else throw o.length=0,p}}function n(){let p=0;for(;p<o.length;)if(r(o[p]),p++,p>1024){for(let d=0,m=o.length-p;d<m;d++)o[d]=o[d+p];o.length-=p,p=0}o.length=0}function h(g){o.push(g),o.length<2&&(s?e(n):n())}return Object.freeze({enqueue:h,next:()=>new Promise(h),process:n,setMode:g=>s=g})});class Ls{constructor(t,e){this.sub1=void 0,this.sub2=void 0,this.spillover=void 0,this.subject=t,this.sub1=e}has(t){return this.spillover===void 0?this.sub1===t||this.sub2===t:this.spillover.indexOf(t)!==-1}subscribe(t){const e=this.spillover;if(e===void 0){if(this.has(t))return;if(this.sub1===void 0){this.sub1=t;return}if(this.sub2===void 0){this.sub2=t;return}this.spillover=[this.sub1,this.sub2,t],this.sub1=void 0,this.sub2=void 0}else e.indexOf(t)===-1&&e.push(t)}unsubscribe(t){const e=this.spillover;if(e===void 0)this.sub1===t?this.sub1=void 0:this.sub2===t&&(this.sub2=void 0);else{const s=e.indexOf(t);s!==-1&&e.splice(s,1)}}notify(t){const e=this.spillover,s=this.subject;if(e===void 0){const i=this.sub1,r=this.sub2;i!==void 0&&i.handleChange(s,t),r!==void 0&&r.handleChange(s,t)}else for(let i=0,r=e.length;i<r;++i)e[i].handleChange(s,t)}}class Ui{constructor(t){this.subscribers={},this.subjectSubscribers=null,this.subject=t}notify(t){var e,s;(e=this.subscribers[t])===null||e===void 0||e.notify(t),(s=this.subjectSubscribers)===null||s===void 0||s.notify(t)}subscribe(t,e){var s,i;let r;e?r=(s=this.subscribers[e])!==null&&s!==void 0?s:this.subscribers[e]=new Ls(this.subject):r=(i=this.subjectSubscribers)!==null&&i!==void 0?i:this.subjectSubscribers=new Ls(this.subject),r.subscribe(t)}unsubscribe(t,e){var s,i;e?(s=this.subscribers[e])===null||s===void 0||s.unsubscribe(t):(i=this.subjectSubscribers)===null||i===void 0||i.unsubscribe(t)}}const Vs=Object.freeze({unknown:void 0,coupled:1}),f=et.getById(ue.observable,()=>{const o=_t.enqueue,t=/(:|&&|\|\||if|\?\.)/,e=new WeakMap;let s,i=p=>{throw et.error(1101)};function r(p){var d;let m=(d=p.$fastController)!==null&&d!==void 0?d:e.get(p);return m===void 0&&(Array.isArray(p)?m=i(p):e.set(p,m=new Ui(p))),m}const n=Gi();class h{constructor(d){this.name=d,this.field=`_${d}`,this.callback=`${d}Changed`}getValue(d){return s!==void 0&&s.watch(d,this.name),d[this.field]}setValue(d,m){const A=this.field,W=d[A];if(W!==m){d[A]=m;const se=d[this.callback];Ie(se)&&se.call(d,W,m),r(d).notify(this.name)}}}class g extends Ls{constructor(d,m,A=!1){super(d,m),this.expression=d,this.isVolatileBinding=A,this.needsRefresh=!0,this.needsQueue=!0,this.isAsync=!0,this.first=this,this.last=null,this.propertySource=void 0,this.propertyName=void 0,this.notifier=void 0,this.next=void 0}setMode(d){this.isAsync=this.needsQueue=d}bind(d){this.controller=d;const m=this.observe(d.source,d.context);return!d.isBound&&this.requiresUnbind(d)&&d.onUnbind(this),m}requiresUnbind(d){return d.sourceLifetime!==Vs.coupled||this.first!==this.last||this.first.propertySource!==d.source}unbind(d){this.dispose()}observe(d,m){this.needsRefresh&&this.last!==null&&this.dispose();const A=s;s=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let W;try{W=this.expression(d,m)}finally{s=A}return W}disconnect(){this.dispose()}dispose(){if(this.last!==null){let d=this.first;for(;d!==void 0;)d.notifier.unsubscribe(this,d.propertyName),d=d.next;this.last=null,this.needsRefresh=this.needsQueue=this.isAsync}}watch(d,m){const A=this.last,W=r(d),se=A===null?this.first:{};if(se.propertySource=d,se.propertyName=m,se.notifier=W,W.subscribe(this,m),A!==null){if(!this.needsRefresh){let Hi;s=void 0,Hi=A.propertySource[A.propertyName],s=this,d===Hi&&(this.needsRefresh=!0)}A.next=se}this.last=se}handleChange(){this.needsQueue?(this.needsQueue=!1,o(this)):this.isAsync||this.call()}call(){this.last!==null&&(this.needsQueue=this.isAsync,this.notify(this))}*records(){let d=this.first;for(;d!==void 0;)yield d,d=d.next}}return Se(g),Object.freeze({setArrayObserverFactory(p){i=p},getNotifier:r,track(p,d){s&&s.watch(p,d)},trackVolatile(){s&&(s.needsRefresh=!0)},notify(p,d){r(p).notify(d)},defineProperty(p,d){Et(d)&&(d=new h(d)),n(p).push(d),Reflect.defineProperty(p,d.name,{enumerable:!0,get(){return d.getValue(this)},set(m){d.setValue(this,m)}})},getAccessors:n,binding(p,d,m=this.isVolatileBinding(p)){return new g(p,d,m)},isVolatileBinding(p){return t.test(p.toString())}})});function k(o,t){f.defineProperty(o,t)}function Gn(o,t,e){return Object.assign({},e,{get(){return f.trackVolatile(),e.get.apply(this)}})}const Xi=et.getById(ue.contextEvent,()=>{let o=null;return{get(){return o},set(t){o=t}}}),Qe=Object.freeze({default:{index:0,length:0,get event(){return Qe.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return Xi.get()},setEvent(o){Xi.set(o)}});class Oo{constructor(t,e,s=!1){this.evaluate=t,this.policy=e,this.isVolatile=s}}class Wn extends Oo{createObserver(t){return f.binding(this.evaluate,t,this.isVolatile)}}function Ki(o,t,e=f.isVolatileBinding(o)){return new Wn(o,t,e)}class Yi extends Oo{createObserver(){return this}bind(t){return this.evaluate(t.source,t.context)}}Se(Yi);function Qi(o,t){return new Yi(o,t)}let Zi;function Ji(o){return o.map(t=>t instanceof mt?Ji(t.styles):[t]).reduce((t,e)=>t.concat(e),[])}class mt{constructor(t){this.styles=t,this.targets=new WeakSet,this._strategy=null,this.behaviors=t.map(e=>e instanceof mt?e.behaviors:null).reduce((e,s)=>s===null?e:e===null?s:e.concat(s),null)}get strategy(){return this._strategy===null&&this.withStrategy(Zi),this._strategy}addStylesTo(t){this.strategy.addStylesTo(t),this.targets.add(t)}removeStylesFrom(t){this.strategy.removeStylesFrom(t),this.targets.delete(t)}isAttachedTo(t){return this.targets.has(t)}withBehaviors(...t){return this.behaviors=this.behaviors===null?t:this.behaviors.concat(t),this}withStrategy(t){return this._strategy=new t(Ji(this.styles)),this}static setDefaultStrategy(t){Zi=t}static normalize(t){return t===void 0?void 0:Array.isArray(t)?new mt(t):t instanceof mt?t:new mt([t])}}mt.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const Hs=Ds(),Rs=Object.freeze({getForInstance:Hs.getForInstance,getByType:Hs.getByType,define(o){return Hs.register({type:o}),o}});function js(o,t,e){t.source.style.setProperty(o.targetAspect,e.bind(t))}class qs{constructor(t,e){this.dataBinding=t,this.targetAspect=e}createCSS(t){return t(this),`var(${this.targetAspect})`}addedCallback(t){var e;const s=t.source;if(!s.$cssBindings){s.$cssBindings=new Map;const r=s.setAttribute;s.setAttribute=(n,h)=>{r.call(s,n,h),n==="style"&&s.$cssBindings.forEach((g,p)=>js(p,g.controller,g.observer))}}const i=(e=t[this.targetAspect])!==null&&e!==void 0?e:t[this.targetAspect]=this.dataBinding.createObserver(this,this);i.controller=t,t.source.$cssBindings.set(this,{controller:t,observer:i})}connectedCallback(t){js(this,t,t[this.targetAspect])}removedCallback(t){t.source.$cssBindings&&t.source.$cssBindings.delete(this)}handleChange(t,e){js(this,e.controller,e)}}Rs.define(qs);const Un=`${Math.random().toString(36).substring(2,8)}`;let Xn=0;const tr=()=>`--v${Un}${++Xn}`;function er(o,t){const e=[];let s="";const i=[],r=n=>{i.push(n)};for(let n=0,h=o.length-1;n<h;++n){s+=o[n];let g=t[n];Ie(g)?g=new qs(Ki(g),tr()).createCSS(r):g instanceof Oo?g=new qs(g,tr()).createCSS(r):Rs.getForInstance(g)!==void 0&&(g=g.createCSS(r)),g instanceof mt||g instanceof CSSStyleSheet?(s.trim()!==""&&(e.push(s),s=""),e.push(g)):s+=g}return s+=o[o.length-1],s.trim()!==""&&e.push(s),{styles:e,behaviors:i}}const l=(o,...t)=>{const{styles:e,behaviors:s}=er(o,t),i=new mt(e);return s.length?i.withBehaviors(...s):i};class or{constructor(t,e){this.behaviors=e,this.css="";const s=t.reduce((i,r)=>(Et(r)?this.css+=r:i.push(r),i),[]);s.length&&(this.styles=new mt(s))}createCSS(t){return this.behaviors.forEach(t),this.styles&&t(this),this.css}addedCallback(t){t.addStyles(this.styles)}removedCallback(t){t.removeStyles(this.styles)}}Rs.define(or),l.partial=(o,...t)=>{const{styles:e,behaviors:s}=er(o,t);return new or(e,s)};const Gs=`fast-${Math.random().toString(36).substring(2,8)}`,Eo=`${Gs}{`,Ze=`}${Gs}`,Kn=Ze.length;let Yn=0;const Ws=()=>`${Gs}-${++Yn}`,sr=Object.freeze({interpolation:o=>`${Eo}${o}${Ze}`,attribute:o=>`${Ws()}="${Eo}${o}${Ze}"`,comment:o=>`<!--${Eo}${o}${Ze}-->`}),_o=Object.freeze({parse(o,t){const e=o.split(Eo);if(e.length===1)return null;const s=[];for(let i=0,r=e.length;i<r;++i){const n=e[i],h=n.indexOf(Ze);let g;if(h===-1)g=n;else{const p=n.substring(0,h);s.push(t[p]),g=n.substring(h+Kn)}g!==""&&s.push(g)}return s}}),Us=Ds(),St=Object.freeze({getForInstance:Us.getForInstance,getByType:Us.getByType,define(o,t){return t=t||{},t.type=o,Us.register(t),o},assignAspect(o,t){if(!t){o.aspectType=at.content;return}switch(o.sourceAspect=t,t[0]){case":":o.targetAspect=t.substring(1),o.aspectType=o.targetAspect==="classList"?at.tokenList:at.property;break;case"?":o.targetAspect=t.substring(1),o.aspectType=at.booleanAttribute;break;case"@":o.targetAspect=t.substring(1),o.aspectType=at.event;break;default:o.targetAspect=t,o.aspectType=at.attribute;break}}});class Xs{constructor(t){this.options=t}createHTML(t){return sr.attribute(t(this))}createBehavior(){return this}}Se(Xs);function Qn(o,t,e,s){if(e==null&&(e=""),e.create){o.textContent="";let i=o.$fastView;i===void 0?i=e.create():o.$fastTemplate!==e&&(i.isComposed&&(i.remove(),i.unbind()),i=e.create()),i.isComposed?i.needsBindOnly&&(i.needsBindOnly=!1,i.bind(s.source,s.context)):(i.isComposed=!0,i.bind(s.source,s.context),i.insertBefore(o),o.$fastView=i,o.$fastTemplate=e)}else{const i=o.$fastView;i!==void 0&&i.isComposed&&(i.isComposed=!1,i.remove(),i.needsBindOnly?i.needsBindOnly=!1:i.unbind()),o.textContent=e}}function Zn(o,t,e){var s;const i=`${this.id}-t`,r=(s=o[i])!==null&&s!==void 0?s:o[i]={v:0,cv:Object.create(null)},n=r.cv;let h=r.v;const g=o[t];if(e!=null&&e.length){const p=e.split(/\s+/);for(let d=0,m=p.length;d<m;++d){const A=p[d];A!==""&&(n[A]=h,g.add(A))}}if(r.v=h+1,h!==0){h-=1;for(const p in n)n[p]===h&&g.remove(p)}}const Jn={[at.attribute]:ze.setAttribute,[at.booleanAttribute]:ze.setBooleanAttribute,[at.property]:(o,t,e)=>o[t]=e,[at.content]:Qn,[at.tokenList]:Zn,[at.event]:()=>{}};class Pe{constructor(t){this.dataBinding=t,this.updateTarget=null,this.aspectType=at.content}createHTML(t){return sr.interpolation(t(this))}createBehavior(){var t;if(this.updateTarget===null){const e=Jn[this.aspectType],s=(t=this.dataBinding.policy)!==null&&t!==void 0?t:this.policy;if(!e)throw et.error(1205);this.data=`${this.id}-d`,this.updateTarget=s.protect(this.targetTagName,this.aspectType,this.targetAspect,e)}return this}bind(t){var e;const s=t.targets[this.targetNodeId];switch(this.aspectType){case at.event:s[this.data]=t,s.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case at.content:t.onUnbind(this);default:const i=(e=s[this.data])!==null&&e!==void 0?e:s[this.data]=this.dataBinding.createObserver(this,this);i.target=s,i.controller=t,this.updateTarget(s,this.targetAspect,i.bind(t),t);break}}unbind(t){const s=t.targets[this.targetNodeId].$fastView;s!==void 0&&s.isComposed&&(s.unbind(),s.needsBindOnly=!0)}handleEvent(t){const e=t.currentTarget[this.data];if(e.isBound){Qe.setEvent(t);const s=this.dataBinding.evaluate(e.source,e.context);Qe.setEvent(null),s!==!0&&t.preventDefault()}}handleChange(t,e){const s=e.target,i=e.controller;this.updateTarget(s,this.targetAspect,e.bind(i),i)}}St.define(Pe,{aspected:!0});function ir(o,t){const e=o.parentNode;let s=o,i;for(;s!==t;)i=s.nextSibling,e.removeChild(s),s=i;e.removeChild(t)}class No{constructor(t,e,s){this.fragment=t,this.factories=e,this.targets=s,this.behaviors=null,this.unbindables=[],this.source=null,this.isBound=!1,this.sourceLifetime=Vs.unknown,this.context=this,this.index=0,this.length=0,this.firstChild=t.firstChild,this.lastChild=t.lastChild}get event(){return Qe.getEvent()}get isEven(){return this.index%2===0}get isOdd(){return this.index%2!==0}get isFirst(){return this.index===0}get isInMiddle(){return!this.isFirst&&!this.isLast}get isLast(){return this.index===this.length-1}eventDetail(){return this.event.detail}eventTarget(){return this.event.target}appendTo(t){t.appendChild(this.fragment)}insertBefore(t){if(this.fragment.hasChildNodes())t.parentNode.insertBefore(this.fragment,t);else{const e=this.lastChild;if(t.previousSibling===e)return;const s=t.parentNode;let i=this.firstChild,r;for(;i!==e;)r=i.nextSibling,s.insertBefore(i,t),i=r;s.insertBefore(e,t)}}remove(){const t=this.fragment,e=this.lastChild;let s=this.firstChild,i;for(;s!==e;)i=s.nextSibling,t.appendChild(s),s=i;t.appendChild(e)}dispose(){ir(this.firstChild,this.lastChild),this.unbind()}onUnbind(t){this.unbindables.push(t)}bind(t,e=this){if(this.source===t)return;let s=this.behaviors;if(s===null){this.source=t,this.context=e,this.behaviors=s=new Array(this.factories.length);const i=this.factories;for(let r=0,n=i.length;r<n;++r){const h=i[r].createBehavior();h.bind(this),s[r]=h}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=t,this.context=e;for(let i=0,r=s.length;i<r;++i)s[i].bind(this)}this.isBound=!0}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}evaluateUnbindables(){const t=this.unbindables;for(let e=0,s=t.length;e<s;++e)t[e].unbind(this);t.length=0}static disposeContiguousBatch(t){if(t.length!==0){ir(t[0].firstChild,t[t.length-1].lastChild);for(let e=0,s=t.length;e<s;++e)t[e].unbind()}}}Se(No),f.defineProperty(No.prototype,"index"),f.defineProperty(No.prototype,"length");const rr=(o,t)=>`${o}.${t}`,nr={},Nt={index:0,node:null};function ar(o){o.startsWith("fast-")||et.warn(1204,{name:o})}const ta=new Proxy(document.createElement("div"),{get(o,t){ar(t);const e=Reflect.get(o,t);return Ie(e)?e.bind(o):e},set(o,t,e){return ar(t),Reflect.set(o,t,e)}});class ea{constructor(t,e,s){this.fragment=t,this.directives=e,this.policy=s,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(t,e,s,i,r){var n,h;this.nodeIds.has(s)||(this.nodeIds.add(s),this.addTargetDescriptor(e,s,i)),t.id=(n=t.id)!==null&&n!==void 0?n:Ws(),t.targetNodeId=s,t.targetTagName=r,t.policy=(h=t.policy)!==null&&h!==void 0?h:this.policy,this.factories.push(t)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(t,e,s){const i=this.descriptors;if(e==="r"||e==="h"||i[e])return;if(!i[t]){const n=t.lastIndexOf("."),h=t.substring(0,n),g=parseInt(t.substring(n+1));this.addTargetDescriptor(h,t,g)}let r=nr[e];if(!r){const n=`_${e}`;nr[e]=r={get(){var h;return(h=this[n])!==null&&h!==void 0?h:this[n]=this[t].childNodes[s]}}}i[e]=r}createView(t){const e=this.fragment.cloneNode(!0),s=Object.create(this.proto);s.r=e,s.h=t??ta;for(const i of this.nodeIds)s[i];return new No(e,this.factories,s)}}function lr(o,t,e,s,i,r=!1){const n=e.attributes,h=o.directives;for(let g=0,p=n.length;g<p;++g){const d=n[g],m=d.value,A=_o.parse(m,h);let W=null;A===null?r&&(W=new Pe(Qi(()=>m,o.policy)),St.assignAspect(W,d.name)):W=Ks.aggregate(A,o.policy),W!==null&&(e.removeAttributeNode(d),g--,p--,o.addFactory(W,t,s,i,e.tagName))}}function oa(o,t,e,s,i){const r=_o.parse(t.textContent,o.directives);if(r===null)return Nt.node=t.nextSibling,Nt.index=i+1,Nt;let n,h=n=t;for(let g=0,p=r.length;g<p;++g){const d=r[g];g!==0&&(i++,s=rr(e,i),n=h.parentNode.insertBefore(document.createTextNode(""),h.nextSibling)),Et(d)?n.textContent=d:(n.textContent=" ",St.assignAspect(d),o.addFactory(d,e,s,i,null)),h=n}return Nt.index=i+1,Nt.node=h.nextSibling,Nt}function cr(o,t,e){let s=0,i=t.firstChild;for(;i;){const r=sa(o,e,i,s);i=r.node,s=r.index}}function sa(o,t,e,s){const i=rr(t,s);switch(e.nodeType){case 1:lr(o,t,e,i,s),cr(o,e,i);break;case 3:return oa(o,e,t,i,s);case 8:const r=_o.parse(e.data,o.directives);r!==null&&o.addFactory(Ks.aggregate(r),t,i,s,null);break}return Nt.index=s+1,Nt.node=e.nextSibling,Nt}function ia(o,t){return o&&o.nodeType==8&&_o.parse(o.data,t)!==null}const dr="TEMPLATE",Ks={compile(o,t,e=ze.policy){let s;if(Et(o)){s=document.createElement(dr),s.innerHTML=e.createHTML(o);const n=s.content.firstElementChild;n!==null&&n.tagName===dr&&(s=n)}else s=o;!s.content.firstChild&&!s.content.lastChild&&s.content.appendChild(document.createComment(""));const i=document.adoptNode(s.content),r=new ea(i,t,e);return lr(r,"",s,"h",0,!0),(ia(i.firstChild,t)||i.childNodes.length===1&&Object.keys(t).length>0)&&i.insertBefore(document.createComment(""),i.firstChild),cr(r,i,"r"),Nt.node=null,r.freeze()},setDefaultStrategy(o){this.compile=o},aggregate(o,t=ze.policy){if(o.length===1)return o[0];let e,s,i=!1,r;const n=o.length,h=o.map(d=>Et(d)?()=>d:(e=d.sourceAspect||e,s=d.dataBinding||s,i=i||d.dataBinding.isVolatile,r=r||d.dataBinding.policy,d.dataBinding.evaluate)),g=(d,m)=>{let A="";for(let W=0;W<n;++W)A+=h[W](d,m);return A};s.evaluate=g,s.isVolatile=i,s.policy=r??t;const p=new Pe(s);return St.assignAspect(p,e),p}},ra=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,na=Object.create(null);class pe{constructor(t,e=na){this.html=t,this.factories=e}createHTML(t){const e=this.factories;for(const s in e)t(e[s]);return this.html}}pe.empty=new pe(""),St.define(pe);function aa(o,t,e,s=St.getForInstance(o)){if(s.aspected){const i=ra.exec(t);i!==null&&St.assignAspect(o,i[2])}return o.createHTML(e)}class Es{constructor(t,e={},s){this.policy=s,this.result=null,this.html=t,this.factories=e}create(t){return this.result===null&&(this.result=Ks.compile(this.html,this.factories,this.policy)),this.result.createView(t)}inline(){return new pe(Et(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(t){if(this.result)throw et.error(1208);if(this.policy)throw et.error(1207);return this.policy=t,this}render(t,e,s){const i=this.create(s);return i.bind(t),i.appendTo(e),i}static create(t,e,s){let i="";const r=Object.create(null),n=h=>{var g;const p=(g=h.id)!==null&&g!==void 0?g:h.id=Ws();return r[p]=h,p};for(let h=0,g=t.length-1;h<g;++h){const p=t[h];let d=e[h],m;if(i+=p,Ie(d))d=new Pe(Ki(d));else if(d instanceof Oo)d=new Pe(d);else if(!(m=St.getForInstance(d))){const A=d;d=new Pe(Qi(()=>A))}i+=aa(d,p,n,m)}return new Es(i+t[t.length-1],r,s)}}Se(Es);const b=(o,...t)=>{if(Array.isArray(o)&&Array.isArray(o.raw))return Es.create(o,t);throw et.error(1206)};b.partial=o=>new pe(o);class hr extends Xs{bind(t){t.source[this.options]=t.targets[this.targetNodeId]}}St.define(hr);const kt=o=>new hr(o),la=o=>o.nodeType===1,Je=o=>o?t=>t.nodeType===1&&t.matches(o):la;class ur extends Xs{get id(){return this._id}set id(t){this._id=t,this._controllerProperty=`${t}-c`}bind(t){const e=t.targets[this.targetNodeId];e[this._controllerProperty]=t,this.updateTarget(t.source,this.computeNodes(e)),this.observe(e),t.onUnbind(this)}unbind(t){const e=t.targets[this.targetNodeId];this.updateTarget(t.source,Rn),this.disconnect(e),e[this._controllerProperty]=null}getSource(t){return t[this._controllerProperty].source}updateTarget(t,e){t[this.options.property]=e}computeNodes(t){let e=this.getNodes(t);return"filter"in this.options&&(e=e.filter(this.options.filter)),e}}const pr="slotchange";class gr extends ur{observe(t){t.addEventListener(pr,this)}disconnect(t){t.removeEventListener(pr,this)}getNodes(t){return t.assignedNodes(this.options)}handleEvent(t){const e=t.currentTarget;this.updateTarget(this.getSource(e),this.computeNodes(e))}}St.define(gr);function lt(o){return Et(o)&&(o={property:o}),new gr(o)}class br extends ur{constructor(t){super(t),this.observerProperty=Symbol(),this.handleEvent=(e,s)=>{const i=s.target;this.updateTarget(this.getSource(i),this.computeNodes(i))},t.childList=!0}observe(t){let e=t[this.observerProperty];e||(e=new MutationObserver(this.handleEvent),e.toJSON=ji,t[this.observerProperty]=e),e.target=t,e.observe(t,this.options)}disconnect(t){const e=t[this.observerProperty];e.target=null,e.disconnect()}getNodes(t){return"selector"in this.options?Array.from(t.querySelectorAll(this.options.selector)):Array.from(t.childNodes)}}St.define(br);function ca(o){return Et(o)&&(o={property:o}),new br(o)}const fr="boolean",mr="reflect",Mo=Object.freeze({locate:Gi()}),da={toView(o){return o?"true":"false"},fromView(o){return!(o==null||o==="false"||o===!1||o===0)}};function $r(o){if(o==null)return null;const t=o*1;return isNaN(t)?null:t}const ot={toView(o){const t=$r(o);return t&&t.toString()},fromView:$r};class _s{constructor(t,e,s=e.toLowerCase(),i=mr,r){this.guards=new Set,this.Owner=t,this.name=e,this.attribute=s,this.mode=i,this.converter=r,this.fieldName=`_${e}`,this.callbackName=`${e}Changed`,this.hasCallback=this.callbackName in t.prototype,i===fr&&r===void 0&&(this.converter=da)}setValue(t,e){const s=t[this.fieldName],i=this.converter;i!==void 0&&(e=i.fromView(e)),s!==e&&(t[this.fieldName]=e,this.tryReflectToAttribute(t),this.hasCallback&&t[this.callbackName](s,e),t.$fastController.notify(this.name))}getValue(t){return f.track(t,this.name),t[this.fieldName]}onAttributeChangedCallback(t,e){this.guards.has(t)||(this.guards.add(t),this.setValue(t,e),this.guards.delete(t))}tryReflectToAttribute(t){const e=this.mode,s=this.guards;s.has(t)||e==="fromView"||_t.enqueue(()=>{s.add(t);const i=t[this.fieldName];switch(e){case mr:const r=this.converter;ze.setAttribute(t,this.attribute,r!==void 0?r.toView(i):i);break;case fr:ze.setBooleanAttribute(t,this.attribute,i);break}s.delete(t)})}static collect(t,...e){const s=[];e.push(Mo.locate(t));for(let i=0,r=e.length;i<r;++i){const n=e[i];if(n!==void 0)for(let h=0,g=n.length;h<g;++h){const p=n[h];Et(p)?s.push(new _s(t,p)):s.push(new _s(t,p.property,p.attribute,p.mode,p.converter))}}return s}}function a(o,t){let e;function s(i,r){arguments.length>1&&(e.property=r),Mo.locate(i.constructor).push(e)}if(arguments.length>1){e={},s(o,t);return}return e=o===void 0?{}:o,s}const vr={mode:"open"},yr={},kr=new Set,Do=et.getById(ue.elementRegistry,()=>Ds());class Ot{constructor(t,e=t.definition){var s;this.platformDefined=!1,Et(e)&&(e={name:e}),this.type=t,this.name=e.name,this.template=e.template,this.registry=(s=e.registry)!==null&&s!==void 0?s:customElements;const i=t.prototype,r=_s.collect(t,e.attributes),n=new Array(r.length),h={},g={};for(let p=0,d=r.length;p<d;++p){const m=r[p];n[p]=m.attribute,h[m.name]=m,g[m.attribute]=m,f.defineProperty(i,m)}Reflect.defineProperty(t,"observedAttributes",{value:n,enumerable:!0}),this.attributes=r,this.propertyLookup=h,this.attributeLookup=g,this.shadowOptions=e.shadowOptions===void 0?vr:e.shadowOptions===null?void 0:Object.assign(Object.assign({},vr),e.shadowOptions),this.elementOptions=e.elementOptions===void 0?yr:Object.assign(Object.assign({},yr),e.elementOptions),this.styles=mt.normalize(e.styles),Do.register(this)}get isDefined(){return this.platformDefined}define(t=this.registry){const e=this.type;return t.get(this.name)||(this.platformDefined=!0,t.define(this.name,e,this.elementOptions)),this}static compose(t,e){return kr.has(t)||Do.getByType(t)?new Ot(class extends t{},e):new Ot(t,e)}static registerBaseType(t){kr.add(t)}}Ot.getByType=Do.getByType,Ot.getForInstance=Do.getForInstance;const ha={bubbles:!0,composed:!0,cancelable:!0},Ys="isConnected",xr=new WeakMap;function Lo(o){var t,e;return(e=(t=o.shadowRoot)!==null&&t!==void 0?t:xr.get(o))!==null&&e!==void 0?e:null}let wr;class Vo extends Ui{constructor(t,e){super(t),this.boundObservables=null,this.needsInitialization=!0,this.hasExistingShadowRoot=!1,this._template=null,this.stage=3,this.guardBehaviorConnection=!1,this.behaviors=null,this._mainStyles=null,this.$fastController=this,this.view=null,this.source=t,this.definition=e;const s=e.shadowOptions;if(s!==void 0){let r=t.shadowRoot;r?this.hasExistingShadowRoot=!0:(r=t.attachShadow(s),s.mode==="closed"&&xr.set(t,r))}const i=f.getAccessors(t);if(i.length>0){const r=this.boundObservables=Object.create(null);for(let n=0,h=i.length;n<h;++n){const g=i[n].name,p=t[g];p!==void 0&&(delete t[g],r[g]=p)}}}get isConnected(){return f.track(this,Ys),this.stage===1}get context(){var t,e;return(e=(t=this.view)===null||t===void 0?void 0:t.context)!==null&&e!==void 0?e:Qe.default}get isBound(){var t,e;return(e=(t=this.view)===null||t===void 0?void 0:t.isBound)!==null&&e!==void 0?e:!1}get sourceLifetime(){var t;return(t=this.view)===null||t===void 0?void 0:t.sourceLifetime}get template(){var t;if(this._template===null){const e=this.definition;this.source.resolveTemplate?this._template=this.source.resolveTemplate():e.template&&(this._template=(t=e.template)!==null&&t!==void 0?t:null)}return this._template}set template(t){this._template!==t&&(this._template=t,this.needsInitialization||this.renderTemplate(t))}get mainStyles(){var t;if(this._mainStyles===null){const e=this.definition;this.source.resolveStyles?this._mainStyles=this.source.resolveStyles():e.styles&&(this._mainStyles=(t=e.styles)!==null&&t!==void 0?t:null)}return this._mainStyles}set mainStyles(t){this._mainStyles!==t&&(this._mainStyles!==null&&this.removeStyles(this._mainStyles),this._mainStyles=t,this.needsInitialization||this.addStyles(t))}onUnbind(t){var e;(e=this.view)===null||e===void 0||e.onUnbind(t)}addBehavior(t){var e,s;const i=(e=this.behaviors)!==null&&e!==void 0?e:this.behaviors=new Map,r=(s=i.get(t))!==null&&s!==void 0?s:0;r===0?(i.set(t,1),t.addedCallback&&t.addedCallback(this),t.connectedCallback&&!this.guardBehaviorConnection&&(this.stage===1||this.stage===0)&&t.connectedCallback(this)):i.set(t,r+1)}removeBehavior(t,e=!1){const s=this.behaviors;if(s===null)return;const i=s.get(t);i!==void 0&&(i===1||e?(s.delete(t),t.disconnectedCallback&&this.stage!==3&&t.disconnectedCallback(this),t.removedCallback&&t.removedCallback(this)):s.set(t,i-1))}addStyles(t){var e;if(!t)return;const s=this.source;if(t instanceof HTMLElement)((e=Lo(s))!==null&&e!==void 0?e:this.source).append(t);else if(!t.isAttachedTo(s)){const i=t.behaviors;if(t.addStylesTo(s),i!==null)for(let r=0,n=i.length;r<n;++r)this.addBehavior(i[r])}}removeStyles(t){var e;if(!t)return;const s=this.source;if(t instanceof HTMLElement)((e=Lo(s))!==null&&e!==void 0?e:s).removeChild(t);else if(t.isAttachedTo(s)){const i=t.behaviors;if(t.removeStylesFrom(s),i!==null)for(let r=0,n=i.length;r<n;++r)this.removeBehavior(i[r])}}connect(){if(this.stage!==3)return;if(this.stage=0,this.boundObservables!==null){const e=this.source,s=this.boundObservables,i=Object.keys(s);for(let r=0,n=i.length;r<n;++r){const h=i[r];e[h]=s[h]}this.boundObservables=null}const t=this.behaviors;if(t!==null){this.guardBehaviorConnection=!0;for(const e of t.keys())e.connectedCallback&&e.connectedCallback(this);this.guardBehaviorConnection=!1}this.needsInitialization?(this.renderTemplate(this.template),this.addStyles(this.mainStyles),this.needsInitialization=!1):this.view!==null&&this.view.bind(this.source),this.stage=1,f.notify(this,Ys)}disconnect(){if(this.stage!==1)return;this.stage=2,f.notify(this,Ys),this.view!==null&&this.view.unbind();const t=this.behaviors;if(t!==null)for(const e of t.keys())e.disconnectedCallback&&e.disconnectedCallback(this);this.stage=3}onAttributeChangedCallback(t,e,s){const i=this.definition.attributeLookup[t];i!==void 0&&i.onAttributeChangedCallback(this.source,s)}emit(t,e,s){return this.stage===1?this.source.dispatchEvent(new CustomEvent(t,Object.assign(Object.assign({detail:e},ha),s))):!1}renderTemplate(t){var e;const s=this.source,i=(e=Lo(s))!==null&&e!==void 0?e:s;if(this.view!==null)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let r=i.firstChild;r!==null;r=i.firstChild)i.removeChild(r)}t&&(this.view=t.render(s,i,s),this.view.sourceLifetime=Vs.coupled)}static forCustomElement(t){const e=t.$fastController;if(e!==void 0)return e;const s=Ot.getForInstance(t);if(s===void 0)throw et.error(1401);return t.$fastController=new wr(t,s)}static setStrategy(t){wr=t}}Se(Vo),Vo.setStrategy(Vo);function Ho(o){var t;return"adoptedStyleSheets"in o?o:(t=Lo(o))!==null&&t!==void 0?t:o.getRootNode()}class Ns{constructor(t){const e=Ns.styleSheetCache;this.sheets=t.map(s=>{if(s instanceof CSSStyleSheet)return s;let i=e.get(s);return i===void 0&&(i=new CSSStyleSheet,i.replaceSync(s),e.set(s,i)),i})}addStylesTo(t){Ir(Ho(t),this.sheets)}removeStylesFrom(t){Sr(Ho(t),this.sheets)}}Ns.styleSheetCache=new Map;let ua=0;const pa=()=>`fast-${++ua}`;function Cr(o){return o===document?document.body:o}class ga{constructor(t){this.styles=t,this.styleClass=pa()}addStylesTo(t){t=Cr(Ho(t));const e=this.styles,s=this.styleClass;for(let i=0;i<e.length;i++){const r=document.createElement("style");r.innerHTML=e[i],r.className=s,t.append(r)}}removeStylesFrom(t){t=Cr(Ho(t));const e=t.querySelectorAll(`.${this.styleClass}`);for(let s=0,i=e.length;s<i;++s)t.removeChild(e[s])}}let Ir=(o,t)=>{o.adoptedStyleSheets=[...o.adoptedStyleSheets,...t]},Sr=(o,t)=>{o.adoptedStyleSheets=o.adoptedStyleSheets.filter(e=>t.indexOf(e)===-1)};if(mt.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),Ir=(o,t)=>{o.adoptedStyleSheets.push(...t)},Sr=(o,t)=>{for(const e of t){const s=o.adoptedStyleSheets.indexOf(e);s!==-1&&o.adoptedStyleSheets.splice(s,1)}}}catch{}mt.setDefaultStrategy(Ns)}else mt.setDefaultStrategy(ga);function zr(o){const t=class extends o{constructor(){super(),Vo.forCustomElement(this)}$emit(e,s,i){return this.$fastController.emit(e,s,i)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(e,s,i){this.$fastController.onAttributeChangedCallback(e,s,i)}};return Ot.registerBaseType(t),t}function ba(o,t){return Ie(o)?Ot.compose(o,t):Ot.compose(this,o)}function fa(o,t){return Ie(o)?Ot.compose(o,t).define().type:Ot.compose(this,o).define().type}function ma(o){return zr(o)}const x=Object.assign(zr(HTMLElement),{from:ma,define:fa,compose:ba}),$t={horizontal:"horizontal",vertical:"vertical"};function $a(o,t){let e=o.length;for(;e--;)if(t(o[e],e,o))return e;return-1}function Pr(...o){return o.every(t=>t instanceof HTMLElement)}const Ro="ArrowDown",jo="ArrowLeft",qo="ArrowRight",Go="ArrowUp",Wo="End",Uo="Enter",va="Escape",Xo="Home",Qs=" ",ya="Tab";var zt;(function(o){o.ltr="ltr",o.rtl="rtl"})(zt||(zt={}));function ka(o,t,e){return e<o?t:e>t?o:e}function Zs(o,t,e){return Math.min(Math.max(e,o),t)}let xa=0;function to(o=""){return`${o}${xa++}`}var wa=Object.defineProperty,Ca=Object.getOwnPropertyDescriptor,H=(o,t,e,s)=>{for(var i=s>1?void 0:s?Ca(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&wa(t,e,i),i};class R{}H([a({attribute:"aria-atomic"})],R.prototype,"ariaAtomic",2),H([a({attribute:"aria-busy"})],R.prototype,"ariaBusy",2),H([a({attribute:"aria-controls"})],R.prototype,"ariaControls",2),H([a({attribute:"aria-current"})],R.prototype,"ariaCurrent",2),H([a({attribute:"aria-describedby"})],R.prototype,"ariaDescribedby",2),H([a({attribute:"aria-details"})],R.prototype,"ariaDetails",2),H([a({attribute:"aria-disabled"})],R.prototype,"ariaDisabled",2),H([a({attribute:"aria-errormessage"})],R.prototype,"ariaErrormessage",2),H([a({attribute:"aria-flowto"})],R.prototype,"ariaFlowto",2),H([a({attribute:"aria-haspopup"})],R.prototype,"ariaHaspopup",2),H([a({attribute:"aria-hidden"})],R.prototype,"ariaHidden",2),H([a({attribute:"aria-invalid"})],R.prototype,"ariaInvalid",2),H([a({attribute:"aria-keyshortcuts"})],R.prototype,"ariaKeyshortcuts",2),H([a({attribute:"aria-label"})],R.prototype,"ariaLabel",2),H([a({attribute:"aria-labelledby"})],R.prototype,"ariaLabelledby",2),H([a({attribute:"aria-live"})],R.prototype,"ariaLive",2),H([a({attribute:"aria-owns"})],R.prototype,"ariaOwns",2),H([a({attribute:"aria-relevant"})],R.prototype,"ariaRelevant",2),H([a({attribute:"aria-roledescription"})],R.prototype,"ariaRoledescription",2);const Js={fromView(o){const t=parseFloat(o);return Number.isNaN(t)?"":t.toString()},toView(o){const t=parseFloat(o);return Number.isNaN(t)?void 0:t.toString()}},ti=o=>o.closest("[dir]")?.dir==="rtl"?zt.rtl:zt.ltr;function xt(o){return o?typeof o=="string"?new pe(o):"inline"in o?o.inline():o:pe.empty}const ei=o=>o.nodeType!==Node.TEXT_NODE||!!o.nodeValue?.trim().length,Ia=":host([hidden]){display:none}";function C(o){return`${Ia}:host{display:${o}}`}class Sa{constructor(t){this.listenerCache=new WeakMap,this.query=t}connectedCallback(t){const{query:e}=this;let s=this.listenerCache.get(t);s||(s=this.constructListener(t),this.listenerCache.set(t,s)),s.bind(e)(),e.addEventListener("change",s)}disconnectedCallback(t){const e=this.listenerCache.get(t);e&&this.query.removeEventListener("change",e)}}class Bo extends Sa{constructor(t,e){super(t),this.styles=e}static with(t){return e=>new Bo(t,e)}constructListener(t){let e=!1;const s=this.styles;return function(){const{matches:r}=this;r&&!e?(t.addStyles(s),e=r):!r&&e&&(t.removeStyles(s),e=r)}}removedCallback(t){t.removeStyles(this.styles)}}const Q=Bo.with(window.matchMedia("(forced-colors)"));Bo.with(window.matchMedia("(prefers-color-scheme: dark)")),Bo.with(window.matchMedia("(prefers-color-scheme: light)"));class Gt{}function ie(o){return b`<slot name="end" ${kt("end")}>${xt(o.end)}</slot>`.inline()}function Wt(o){return b`<slot name="start" ${kt("start")}>${xt(o.start)}</slot>`.inline()}function Ut(o,...t){const e=Mo.locate(o);t.forEach(s=>{Object.getOwnPropertyNames(s.prototype).forEach(r=>{r!=="constructor"&&Object.defineProperty(o.prototype,r,Object.getOwnPropertyDescriptor(s.prototype,r))}),Mo.locate(s).forEach(r=>e.push(r))})}const za=CSS.supports("selector(:state(g))");function c(o,t,e){if(!za){o.shadowRoot.host.toggleAttribute(`state--${t}`,e);return}if(e??!o.states.has(t)){o.states.add(t);return}o.states.delete(t)}var Pa=Object.defineProperty,Ta=Object.getOwnPropertyDescriptor,ge=(o,t,e,s)=>{for(var i=s>1?void 0:s?Ta(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Pa(t,e,i),i};class Xt extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=to("accordion-")}expandedChanged(t,e){c(this.elementInternals,"expanded",e)}disabledChanged(t,e){c(this.elementInternals,"disabled",e)}}ge([a({attribute:"heading-level",mode:"fromView",converter:ot})],Xt.prototype,"headinglevel",2),ge([a({mode:"boolean"})],Xt.prototype,"expanded",2),ge([a({mode:"boolean"})],Xt.prototype,"disabled",2),ge([a],Xt.prototype,"id",2);class eo extends Xt{constructor(){super(...arguments),this.block=!1}sizeChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}markerPositionChanged(t,e){t&&c(this.elementInternals,`align-${t}`,!1),e&&c(this.elementInternals,`align-${e}`,!0)}blockChanged(t,e){c(this.elementInternals,"block",e)}}ge([a],eo.prototype,"size",2),ge([a({attribute:"marker-position"})],eo.prototype,"markerPosition",2),ge([a({mode:"boolean"})],eo.prototype,"block",2),Ut(eo,Gt);const v=l.partial`:is([state--checked], :state(checked))`,E=l.partial`:is([state--disabled], :state(disabled))`,Te=l.partial`:is([state--filled-lighter], :state(filled-lighter))`,Be=l.partial`:is([state--filled-darker], :state(filled-darker))`,Kt=l.partial`:is([state--ghost], :state(ghost))`,Tr=l.partial`:is([state--inverted], :state(inverted))`,ht=l.partial`:is([state--primary], :state(primary))`,U=l.partial`:is([state--outline], :state(outline))`,oo=l.partial`:is([state--strong], :state(strong))`,S=l.partial`:is([state--subtle], :state(subtle))`,re=l.partial`:is([state--tint], :state(tint))`,so=l.partial`:is([state--underline], :state(underline))`,Z=l.partial`:is([state--transparent], :state(transparent))`,io=l.partial`:is([state--circular], :state(circular))`,Yt=l.partial`:is([state--rounded], :state(rounded))`,ro=l.partial`:is([state--square], :state(square))`,no=l.partial`:is([state--tiny], :state(tiny))`,ao=l.partial`:is([state--extra-small], :state(extra-small))`,z=l.partial`:is([state--small], :state(small))`;l.partial`:is([state--medium], :state(medium))`;const w=l.partial`:is([state--large], :state(large))`,Ko=l.partial`:is([state--extra-large], :state(extra-large))`,Ba=l.partial`:is([state--huge], :state(huge))`,Br=l.partial`:is([state--align-start], :state(align-start))`,Qt=l.partial`:is([state--align-end], :state(align-end))`,oi=l.partial`:is([state--inset], :state(inset))`,Ae=l.partial`:is([state--icon], :state(icon))`,O=l.partial`:is([state--pressed], :state(pressed))`,Zt=l.partial`:is([state--brand], :state(brand))`,si=l.partial`:is([state--error], :state(error))`,Yo=l.partial`:is([state--danger], :state(danger))`,Qo=l.partial`:is([state--important], :state(important))`,Zo=l.partial`:is([state--informative], :state(informative))`;l.partial`:is([state--marigold], :state(marigold))`;const Jo=l.partial`:is([state--neutral], :state(neutral))`,ts=l.partial`:is([state--severe], :state(severe))`,be=l.partial`:is([state--success], :state(success))`,fe=l.partial`:is([state--warning], :state(warning))`,I=l.partial`:is([state--vertical], :state(vertical))`;l.partial`:is([state--horizontal], :state(horizontal))`,l.partial`:is([state--singleline], :state(singleline))`;const lo=l.partial`:is([state--multiline], :state(multiline))`,me=l.partial`:is([state--expanded], :state(expanded))`,ii=l.partial`:is([state--block], :state(block))`;l.partial`:is([state--resize], :state(resize))`;const Aa=l.partial`:is([state--resize-horizontal], :state(resize-horizontal))`,Fa=l.partial`:is([state--resize-vertical], :state(resize-vertical))`,Oa=l.partial`:is([state--resize-both], :state(resize-both))`,Ar=l.partial`:is([state--auto-resize], :state(auto-resize))`,Fr=l.partial`:is([state--display-shadow], :state(display-shadow))`,Ea=l.partial`:is([state--user-invalid], :state(user-invalid))`;l.partial`:is([state--user-valid], :state(user-valid))`;const B="var(--colorNeutralForeground1)",ri="var(--colorNeutralForeground1Hover)",_a="var(--colorNeutralForeground1Pressed)",Mt="var(--colorNeutralForeground2)",es="var(--colorNeutralForeground2Hover)",os="var(--colorNeutralForeground2Pressed)",Na="var(--colorNeutralForeground2Selected)",ss="var(--colorNeutralForeground2BrandHover)",is="var(--colorNeutralForeground2BrandPressed)",Ma="var(--colorNeutralForeground2BrandSelected)",ut="var(--colorNeutralForeground3)",Da="var(--colorNeutralForeground3Hover)",La="var(--colorNeutralForeground3Pressed)",Or="var(--colorNeutralForeground4)",P="var(--colorNeutralForegroundDisabled)",Va="var(--colorBrandForegroundLink)",Ha="var(--colorBrandForegroundLinkHover)",Ra="var(--colorBrandForegroundLinkPressed)",ja="var(--colorNeutralForeground2Link)",qa="var(--colorNeutralForeground2LinkHover)",Ga="var(--colorNeutralForeground2LinkPressed)",Er="var(--colorCompoundBrandForeground1Hover)",Wa="var(--colorCompoundBrandForeground1Pressed)",Jt="var(--colorNeutralForegroundOnBrand)",Fe="var(--colorNeutralForegroundInverted)",Ua="var(--colorNeutralForegroundInvertedHover)",Xa="var(--colorNeutralForegroundInvertedPressed)",_r="var(--colorNeutralForegroundStaticInverted)",ni="var(--colorBrandForeground1)",Ka="var(--colorBrandForeground2)",Ya="var(--colorNeutralForeground1Static)",_="var(--colorNeutralBackground1)",ai="var(--colorNeutralBackground1Hover)",li="var(--colorNeutralBackground1Pressed)",Nr="var(--colorNeutralBackground1Selected)",rs="var(--colorNeutralBackground3)",Qa="var(--colorNeutralBackground4)",Za="var(--colorNeutralBackground5)",ns="var(--colorNeutralBackground6)",Mr="var(--colorNeutralBackgroundInverted)",Ja="var(--colorSubtleBackground)",as="var(--colorSubtleBackgroundHover)",Oe="var(--colorSubtleBackgroundPressed)",tl="var(--colorSubtleBackgroundSelected)",wt="var(--colorTransparentBackground)",ci="var(--colorTransparentBackgroundHover)",di="var(--colorTransparentBackgroundPressed)",el="var(--colorTransparentBackgroundSelected)",Ee="var(--colorNeutralBackgroundDisabled)",hi="var(--colorBackgroundOverlay)",ui="var(--colorBrandBackground)",Dr="var(--colorBrandBackgroundHover)",Lr="var(--colorBrandBackgroundPressed)",ol="var(--colorBrandBackgroundSelected)",_e="var(--colorCompoundBrandBackground)",co="var(--colorCompoundBrandBackgroundHover)",ho="var(--colorCompoundBrandBackgroundPressed)",Vr="var(--colorBrandBackgroundStatic)",sl="var(--colorBrandBackground2)",ne="var(--colorNeutralStrokeAccessible)",Ne="var(--colorNeutralStrokeAccessibleHover)",Me="var(--colorNeutralStrokeAccessiblePressed)",ae="var(--colorNeutralStroke1)",uo="var(--colorNeutralStroke1Hover)",ls="var(--colorNeutralStroke1Pressed)",po="var(--colorNeutralStroke2)",il="var(--colorNeutralStroke3)",rl="var(--colorNeutralStrokeOnBrand2)",Hr="var(--colorBrandStroke1)",pi="var(--colorBrandStroke2)",go="var(--colorCompoundBrandStroke)",nl="var(--colorCompoundBrandStrokeHover)",Rr="var(--colorCompoundBrandStrokePressed)",Pt="var(--colorNeutralStrokeDisabled)",pt="var(--colorTransparentStroke)",jr="var(--colorTransparentStrokeInteractive)",gi="var(--colorStrokeFocus1)",Dt="var(--colorStrokeFocus2)",qr="var(--colorPaletteRedBackground1)",al="var(--colorPaletteRedBackground2)",Gr="var(--colorPaletteRedBackground3)",Wr="var(--colorPaletteRedBorder1)",bi="var(--colorPaletteRedBorder2)",Ur="var(--colorPaletteRedForeground1)",ll="var(--colorPaletteRedForeground2)",Xr="var(--colorPaletteRedForeground3)",Kr="var(--colorPaletteGreenBackground1)",Yr="var(--colorPaletteGreenBackground3)",cl="var(--colorPaletteGreenBorder1)",dl="var(--colorPaletteGreenBorder2)",hl="var(--colorPaletteGreenForeground1)",ul="var(--colorPaletteGreenForeground2)",pl="var(--colorPaletteGreenForeground3)",Qr="var(--colorPaletteDarkOrangeBackground1)",Zr="var(--colorPaletteDarkOrangeBackground3)",Jr="var(--colorPaletteDarkOrangeBorder1)",gl="var(--colorPaletteDarkOrangeForeground1)",tn="var(--colorPaletteDarkOrangeForeground3)",bl="var(--colorPaletteYellowBackground1)",fl="var(--colorPaletteYellowBackground3)",ml="var(--colorPaletteYellowBorder1)",fi="var(--colorPaletteYellowForeground2)",en="var(--colorPaletteMarigoldBackground2)",$l="var(--colorPaletteMarigoldBackground3)",vl="var(--colorPaletteMarigoldForeground2)",yl="var(--colorPaletteAnchorBackground2)",kl="var(--colorPaletteAnchorForeground2)",xl="var(--colorPaletteBeigeBackground2)",wl="var(--colorPaletteBeigeForeground2)",Cl="var(--colorPaletteBlueBackground2)",Il="var(--colorPaletteBlueForeground2)",Sl="var(--colorPaletteBrassBackground2)",zl="var(--colorPaletteBrassForeground2)",Pl="var(--colorPaletteBrownBackground2)",Tl="var(--colorPaletteBrownForeground2)",Bl="var(--colorPaletteCornflowerBackground2)",Al="var(--colorPaletteCornflowerForeground2)",Fl="var(--colorPaletteCranberryBackground2)",Ol="var(--colorPaletteCranberryForeground2)",El="var(--colorPaletteDarkGreenBackground2)",_l="var(--colorPaletteDarkGreenForeground2)",Nl="var(--colorPaletteDarkRedBackground2)",Ml="var(--colorPaletteDarkRedForeground2)",Dl="var(--colorPaletteForestBackground2)",Ll="var(--colorPaletteForestForeground2)",Vl="var(--colorPaletteGoldBackground2)",Hl="var(--colorPaletteGoldForeground2)",Rl="var(--colorPaletteGrapeBackground2)",jl="var(--colorPaletteGrapeForeground2)",ql="var(--colorPaletteLavenderBackground2)",Gl="var(--colorPaletteLavenderForeground2)",Wl="var(--colorPaletteLightTealBackground2)",Ul="var(--colorPaletteLightTealForeground2)",Xl="var(--colorPaletteLilacBackground2)",Kl="var(--colorPaletteLilacForeground2)",Yl="var(--colorPaletteMagentaBackground2)",Ql="var(--colorPaletteMagentaForeground2)",Zl="var(--colorPaletteMinkBackground2)",Jl="var(--colorPaletteMinkForeground2)",tc="var(--colorPaletteNavyBackground2)",ec="var(--colorPaletteNavyForeground2)",oc="var(--colorPalettePeachBackground2)",sc="var(--colorPalettePeachForeground2)",ic="var(--colorPalettePinkBackground2)",rc="var(--colorPalettePinkForeground2)",nc="var(--colorPalettePlatinumBackground2)",ac="var(--colorPalettePlatinumForeground2)",lc="var(--colorPalettePlumBackground2)",cc="var(--colorPalettePlumForeground2)",dc="var(--colorPalettePumpkinBackground2)",hc="var(--colorPalettePumpkinForeground2)",uc="var(--colorPalettePurpleBackground2)",pc="var(--colorPalettePurpleForeground2)",gc="var(--colorPaletteRoyalBlueBackground2)",bc="var(--colorPaletteRoyalBlueForeground2)",fc="var(--colorPaletteSeafoamBackground2)",mc="var(--colorPaletteSeafoamForeground2)",$c="var(--colorPaletteSteelBackground2)",vc="var(--colorPaletteSteelForeground2)",yc="var(--colorPaletteTealBackground2)",kc="var(--colorPaletteTealForeground2)",mi="var(--borderRadiusNone)",Lt="var(--borderRadiusSmall)",T="var(--borderRadiusMedium)",on="var(--borderRadiusLarge)",sn="var(--borderRadiusXLarge)",gt="var(--borderRadiusCircular)",$="var(--fontFamilyBase)",xc="var(--fontFamilyMonospace)",wc="var(--fontFamilyNumeric)",bo="var(--fontSizeBase100)",j="var(--fontSizeBase200)",F="var(--fontSizeBase300)",ct="var(--fontSizeBase400)",De="var(--fontSizeBase500)",cs="var(--fontSizeBase600)",rn="var(--fontSizeHero700)",nn="var(--fontSizeHero800)",an="var(--fontSizeHero900)",ln="var(--fontSizeHero1000)",N="var(--fontWeightRegular)",Cc="var(--fontWeightMedium)",V="var(--fontWeightSemibold)",ds="var(--fontWeightBold)",hs="var(--lineHeightBase100)",st="var(--lineHeightBase200)",L="var(--lineHeightBase300)",vt="var(--lineHeightBase400)",us="var(--lineHeightBase500)",cn="var(--lineHeightBase600)",dn="var(--lineHeightHero700)",hn="var(--lineHeightHero800)",un="var(--lineHeightHero900)",pn="var(--lineHeightHero1000)",$i="var(--shadow2)",ps="var(--shadow4)",Ic="var(--shadow8)",gn="var(--shadow16)",Sc="var(--shadow28)",bn="var(--shadow64)",X="var(--strokeWidthThin)",Tt="var(--strokeWidthThick)",it="var(--strokeWidthThicker)",vi="var(--strokeWidthThickest)",dt="var(--spacingHorizontalXXS)",Vt="var(--spacingHorizontalXS)",yt="var(--spacingHorizontalSNudge)",te="var(--spacingHorizontalS)",bt="var(--spacingHorizontalMNudge)",ft="var(--spacingHorizontalM)",zc="var(--spacingHorizontalL)",Pc="var(--spacingHorizontalXL)",Tc="var(--spacingHorizontalXXL)",fo="var(--spacingVerticalXXS)",yi="var(--spacingVerticalXS)",le="var(--spacingVerticalSNudge)",rt="var(--spacingVerticalS)",Le="var(--spacingVerticalMNudge)",Bc="var(--spacingVerticalM)",gs="var(--spacingVerticalL)",mo="var(--spacingVerticalXXL)",fn="var(--durationUltraFast)",ki="var(--durationFaster)",xi="var(--durationNormal)",wi="var(--durationGentle)",mn="var(--durationSlow)",$n="var(--durationSlower)",bs="var(--durationUltraSlow)",Ac="var(--curveAccelerateMax)",Ve="var(--curveAccelerateMid)",Fc="var(--curveAccelerateMin)",Ci="var(--curveDecelerateMax)",He="var(--curveDecelerateMid)",Oc="var(--curveDecelerateMin)",Ec="var(--curveEasyEaseMax)",fs="var(--curveEasyEase)",Ii="var(--curveLinear)",_c=l`
|
|
2
2
|
${C("block")}
|
|
3
3
|
|
|
4
4
|
:host{max-width:fit-content;contain:content}.heading{height:44px;display:grid;position:relative;padding-inline:${ft} ${bt};border-radius:${T};font-family:${$};font-size:${F};font-weight:${N};line-height:${L};grid-template-columns:auto auto 1fr auto}.button{appearance:none;background:${wt};border:none;box-sizing:border-box;color:${B};cursor:pointer;font:inherit;grid-column:auto / span 2;grid-row:1;height:44px;outline:none;padding:0;text-align:start}.button::before{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${Lt}}:where(.default-marker-collapsed,.default-marker-expanded),::slotted(:is([slot='marker-collapsed'],[slot='marker-expanded'])){display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;height:100%;padding-inline-end:${te};grid-column:1 / span 1;grid-row:1}.content{margin:0 ${ft}}::slotted([slot='start']){display:flex;justify-content:center;align-items:center;padding-right:${te};grid-column:2 / span 1;grid-row:1}button:focus-visible::after{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${Lt};outline:none;border:2px solid ${gi};box-shadow:inset 0 0 0 1px ${Dt}}:host(${E}) .button{color:${P}}:host(${E}) svg{filter:invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg) brightness(88%) contrast(87%)}:host(${me}) .content{display:block}:host(${me}) .default-marker-collapsed,:host(${me}) ::slotted([slot='marker-collapsed']),:host(:not(${me})) :is(.default-marker-expanded,.content),:host(:not(${me})) ::slotted([slot='marker-expanded']){display:none}:host(${me}) ::slotted([slot='marker-expanded']),:host(:not(${me})) ::slotted([slot='marker-collapsed']){display:flex}.heading{font-size:${F};line-height:${L}}:host(${z}) .heading{font-size:${j};line-height:${st}}:host(${w}) .heading{font-size:${ct};line-height:${vt}}:host(${Ko}) .heading{font-size:${De};line-height:${us}}:host(${Qt}) :slotted([slot='start']){grid-column:1 / span 1}:host(${Qt}) :is(.default-marker-collapsed,.default-marker-expanded){grid-column:4 / span 1;padding-inline-start:${te};padding-inline-end:0}:host(${Qt}) .button{grid-column:2 / span 3}:host([block]){max-width:100%}:host(${Qt}) .heading{grid-template-columns:auto auto 28px;padding-inline:${ft}}:host(${Qt}:has([slot='start'])) .heading{padding-inline:${bt} ${ft}}:host(${ii}${Qt}) .heading{grid-template-columns:auto 1fr}:host(${Qt}) :is(.default-marker-collapsed,.default-marker-expanded){grid-column:5 / span 1}`,Nc=b.partial(`<svg
|
|
@@ -452,7 +452,7 @@ const u=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
452
452
|
:host(${E}),:host(${E}) ::slotted([slot='start']),:host(${E}) ::slotted([slot='end']){color:GrayText}`)),mu=b.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>'),$u=b.partial('<svg class="submenu-glyph" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.74 3.2a.75.75 0 00-.04 1.06L9.23 8 5.7 11.74a.75.75 0 101.1 1.02l4-4.25a.75.75 0 000-1.02l-4-4.25a.75.75 0 00-1.06-.04z" fill="currentColor"></path></svg>');function vu(o={}){return b`<template @keydown="${(t,e)=>t.handleMenuItemKeyDown(e.event)}" @click="${(t,e)=>t.handleMenuItemClick(e.event)}" @mouseover="${(t,e)=>t.handleMouseOver(e.event)}" @mouseout="${(t,e)=>t.handleMouseOut(e.event)}" @toggle="${(t,e)=>t.toggleHandler(e.event)}"><slot name="indicator">${xt(o.indicator)}</slot>${Wt(o)}<div part="content" class="content"><slot></slot></div>${ie(o)}<slot name="submenu-glyph">${xt(o.submenuGlyph)}</slot><slot name="submenu" ${lt({property:"slottedSubmenu",filter:bu()})}></slot></template>`}const yu=vu({indicator:mu,submenuGlyph:$u}),ku=At.compose({name:`${u.prefix}-menu-item`,template:yu,styles:fu});ku.define(u.registry);var xu=Object.defineProperty,wu=Object.getOwnPropertyDescriptor,Cu=(o,t,e,s)=>{for(var i=s>1?void 0:s?wu(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&xu(t,e,i),i};const Fi=class Vi extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.focusIndex=-1,this.isNestedMenu=()=>this.parentElement!==null&&Pr(this.parentElement)&&this.parentElement.getAttribute("role")==="menuitem",this.handleFocusOut=t=>{if(!this.contains(t.relatedTarget)&&this.menuItems!==void 0){const e=this.menuItems.findIndex(this.isFocusableElement);this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.menuItems[e].setAttribute("tabindex","0"),this.focusIndex=e}},this.handleItemFocus=t=>{const e=t.target;this.menuItems!==void 0&&e!==this.menuItems[this.focusIndex]&&(this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=this.menuItems.indexOf(e),e.setAttribute("tabindex","0"))},this.changedMenuItemHandler=t=>{if(this.menuItems===void 0)return;const e=t.target,s=this.menuItems.indexOf(e);if(s!==-1&&e.role==="menuitemradio"&&e.checked===!0){for(let r=s-1;r>=0;--r){const n=this.menuItems[r],h=n.getAttribute("role");if(h===J.menuitemradio&&(n.checked=!1),h==="separator")break}const i=this.menuItems.length-1;for(let r=s+1;r<=i;++r){const n=this.menuItems[r],h=n.getAttribute("role");if(h===J.menuitemradio&&(n.checked=!1),h==="separator")break}}},this.isMenuItemElement=t=>t instanceof At||Pr(t)&&t.getAttribute("role")in Vi.focusableElementRoles,this.isFocusableElement=t=>this.isMenuItemElement(t),this.elementInternals.role="menu"}itemsChanged(t,e){this.$fastController.isConnected&&this.menuItems!==void 0&&this.setItems()}connectedCallback(){super.connectedCallback(),_t.enqueue(()=>{this.setItems()}),this.addEventListener("change",this.changedMenuItemHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(),this.menuItems=void 0,this.removeEventListener("change",this.changedMenuItemHandler)}focus(){this.setFocus(0,1)}handleMenuKeyDown(t){if(!(t.defaultPrevented||this.menuItems===void 0))switch(t.key){case Ro:this.setFocus(this.focusIndex+1,1);return;case Go:this.setFocus(this.focusIndex-1,-1);return;case Wo:this.setFocus(this.menuItems.length-1,-1);return;case Xo:this.setFocus(0,1);return;default:return!0}}removeItemListeners(t=this.items){t.forEach(e=>{e.removeEventListener("focus",this.handleItemFocus),f.getNotifier(e).unsubscribe(this,"hidden")})}static elementIndent(t){const e=t.getAttribute("role"),s=t.querySelector("[slot=start]");return e&&e!==J.menuitem?s?2:1:s?1:0}setItems(){const t=Array.from(this.children);this.removeItemListeners(t),t.forEach(n=>f.getNotifier(n).subscribe(this,"hidden"));const e=t.filter(n=>!n.hasAttribute("hidden"));this.menuItems=e;const s=this.menuItems.filter(this.isMenuItemElement);s.length&&(this.focusIndex=0),s.forEach((n,h)=>{n.setAttribute("tabindex",h===0?"0":"-1"),n.addEventListener("focus",this.handleItemFocus)});const i=this.menuItems?.filter(this.isMenuItemElement),r=i?.reduce((n,h)=>{const g=Vi.elementIndent(h);return Math.max(n,g)},0);i?.forEach(n=>{n instanceof At&&n.setAttribute("data-indent",`${r}`)})}handleChange(t,e){e==="hidden"&&this.setItems()}setFocus(t,e){if(this.menuItems!==void 0)for(;t>=0&&t<this.menuItems.length;){const s=this.menuItems[t];if(this.isFocusableElement(s)){this.focusIndex>-1&&this.menuItems.length>=this.focusIndex-1&&this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=t,s.setAttribute("tabindex","0"),s.focus();break}t+=e}}};Fi.focusableElementRoles=J,Cu([k],Fi.prototype,"items",2);let Iu=Fi;const Su=l`
|
|
453
453
|
${C("flex")}
|
|
454
454
|
|
|
455
|
-
:host{flex-direction:column;height:fit-content;max-width:300px;min-width:160px;width:auto;background-color:${_};border:1px solid ${pt};border-radius:${T};box-shadow:${gn};padding:4px;row-gap:2px}`;function zu(){return b`<template slot="${o=>o.slot?o.slot:o.isNestedMenu()?"submenu":void 0}" @keydown="${(o,t)=>o.handleMenuKeyDown(t.event)}" @focusout="${(o,t)=>o.handleFocusOut(t.event)}"><slot ${lt("items")}></slot></template>`}const Pu=zu(),Tu=Iu.compose({name:`${u.prefix}-menu-list`,template:Pu,styles:Su});Tu.define(u.registry);var Bu=Object.defineProperty,Au=Object.getOwnPropertyDescriptor,Ue=(o,t,e,s)=>{for(var i=s>1?void 0:s?Au(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Bu(t,e,i),i};class ke extends x{constructor(){super(...arguments),this.openOnHover=!1,this.openOnContext=!1,this.closeOnScroll=!1,this.persistOnItemClick=!1,this.slottedMenuList=[],this.slottedTriggers=[],this._open=!1,this.toggleMenu=()=>{this._menuList?.togglePopover(!this._open)},this.closeMenu=t=>{t?.target instanceof At&&(t.target.getAttribute("role")===J.menuitemcheckbox||t.target.getAttribute("role")===J.menuitemradio)||(this._menuList?.togglePopover(!1),this.closeOnScroll&&document.removeEventListener("scroll",this.closeMenu))},this.openMenu=t=>{this._menuList?.togglePopover(!0),t&&this.openOnContext&&t.preventDefault(),this.closeOnScroll&&document.addEventListener("scroll",this.closeMenu)},this.toggleHandler=t=>{if(t
|
|
455
|
+
:host{flex-direction:column;height:fit-content;max-width:300px;min-width:160px;width:auto;background-color:${_};border:1px solid ${pt};border-radius:${T};box-shadow:${gn};padding:4px;row-gap:2px}`;function zu(){return b`<template slot="${o=>o.slot?o.slot:o.isNestedMenu()?"submenu":void 0}" @keydown="${(o,t)=>o.handleMenuKeyDown(t.event)}" @focusout="${(o,t)=>o.handleFocusOut(t.event)}"><slot ${lt("items")}></slot></template>`}const Pu=zu(),Tu=Iu.compose({name:`${u.prefix}-menu-list`,template:Pu,styles:Su});Tu.define(u.registry);var Bu=Object.defineProperty,Au=Object.getOwnPropertyDescriptor,Ue=(o,t,e,s)=>{for(var i=s>1?void 0:s?Au(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Bu(t,e,i),i};class ke extends x{constructor(){super(...arguments),this.openOnHover=!1,this.openOnContext=!1,this.closeOnScroll=!1,this.persistOnItemClick=!1,this.slottedMenuList=[],this.slottedTriggers=[],this._open=!1,this.toggleMenu=()=>{this._menuList?.togglePopover(!this._open)},this.closeMenu=t=>{t?.target instanceof At&&(t.target.getAttribute("role")===J.menuitemcheckbox||t.target.getAttribute("role")===J.menuitemradio)||(this._menuList?.togglePopover(!1),this.closeOnScroll&&document.removeEventListener("scroll",this.closeMenu))},this.openMenu=t=>{this._menuList?.togglePopover(!0),t&&this.openOnContext&&t.preventDefault(),this.closeOnScroll&&document.addEventListener("scroll",this.closeMenu)},this.toggleHandler=t=>{if(t.type==="toggle"&&t.newState){const e=t.newState==="open";this._trigger?.setAttribute("aria-expanded",`${e}`),this._open=e,this.focusMenuList()}},this.triggerKeydownHandler=t=>{if(t.defaultPrevented)return;switch(t.key){case Qs:case Uo:t.preventDefault(),this.toggleMenu();break;default:return!0}},this.documentClickHandler=t=>{t.composedPath().some(e=>e===this._trigger||e===this._menuList)||this.closeMenu()}}connectedCallback(){super.connectedCallback(),_t.enqueue(()=>this.setComponent())}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners()}setComponent(){this.$fastController.isConnected&&this.slottedMenuList.length&&this.slottedTriggers.length&&(this._trigger=this.slottedTriggers[0],this._menuList=this.slottedMenuList[0],this._trigger.setAttribute("aria-haspopup","true"),this._trigger.setAttribute("aria-expanded",`${this._open}`),this._menuList.setAttribute("popover",this.openOnContext?"manual":""),this.addListeners())}focusMenuList(){_t.enqueue(()=>{this._menuList.focus()})}focusTrigger(){_t.enqueue(()=>{this._trigger.focus()})}openOnHoverChanged(t,e){e?this._trigger?.addEventListener("mouseover",this.openMenu):this._trigger?.removeEventListener("mouseover",this.openMenu)}persistOnItemClickChanged(t,e){e?this._menuList?.removeEventListener("change",this.closeMenu):this._menuList?.addEventListener("change",this.closeMenu)}openOnContextChanged(t,e){e?this._trigger?.addEventListener("contextmenu",this.openMenu):this._trigger?.removeEventListener("contextmenu",this.openMenu)}closeOnScrollChanged(t,e){e?document.addEventListener("scroll",this.closeMenu):document.removeEventListener("scroll",this.closeMenu)}addListeners(){this._menuList?.addEventListener("toggle",this.toggleHandler),this._trigger?.addEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||this._menuList?.addEventListener("change",this.closeMenu),this.openOnHover?this._trigger?.addEventListener("mouseover",this.openMenu):this.openOnContext?(this._trigger?.addEventListener("contextmenu",this.openMenu),document.addEventListener("click",this.documentClickHandler)):this._trigger?.addEventListener("click",this.toggleMenu)}removeListeners(){this._menuList?.removeEventListener("toggle",this.toggleHandler),this._trigger?.removeEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||this._menuList?.removeEventListener("change",this.closeMenu),this.openOnHover&&this._trigger?.removeEventListener("mouseover",this.openMenu),this.openOnContext?(this._trigger?.removeEventListener("contextmenu",this.openMenu),document.removeEventListener("click",this.documentClickHandler)):this._trigger?.removeEventListener("click",this.toggleMenu)}menuKeydownHandler(t){if(t.defaultPrevented)return;switch(t.key){case va:t.preventDefault(),this._open&&(this.closeMenu(),this.focusTrigger());break;case ya:if(this._open&&this.closeMenu(),t.shiftKey&&t.composedPath()[0]!==this._trigger)this.focusTrigger();else if(t.shiftKey)return!0;default:return!0}}}Ue([a({attribute:"open-on-hover",mode:"boolean"})],ke.prototype,"openOnHover",2),Ue([a({attribute:"open-on-context",mode:"boolean"})],ke.prototype,"openOnContext",2),Ue([a({attribute:"close-on-scroll",mode:"boolean"})],ke.prototype,"closeOnScroll",2),Ue([a({attribute:"persist-on-item-click",mode:"boolean"})],ke.prototype,"persistOnItemClick",2),Ue([k],ke.prototype,"slottedMenuList",2),Ue([k],ke.prototype,"slottedTriggers",2);const Fu=l`
|
|
456
456
|
${C("inline-block")}
|
|
457
457
|
|
|
458
458
|
::slotted([slot='trigger']){anchor-name:--menu-trigger}::slotted([popover]){inset-area:block-end span-inline-end;margin:0;max-height:var(--menu-max-height,auto);position-anchor:--menu-trigger;position-try-options:flip-block;position:absolute;z-index:1}::slotted([popover]:popover-open){inset:unset}::slotted([popover]:not(:popover-open)){display:none}`;function Ou(){return b`<template ?open-on-hover="${o=>o.openOnHover}" ?open-on-context="${o=>o.openOnContext}" ?close-on-scroll="${o=>o.closeOnScroll}" ?persist-on-item-click="${o=>o.persistOnItemClick}" @keydown="${(o,t)=>o.menuKeydownHandler(t.event)}"><slot name="trigger" ${lt({property:"slottedTriggers",filter:Je()})}></slot><slot ${lt({property:"slottedMenuList",filter:Je()})}></slot></template>`}const Eu=Ou(),_u=ke.compose({name:`${u.prefix}-menu`,template:Eu,styles:Fu});_u.define(u.registry);var Nu=Object.defineProperty,Mu=Object.getOwnPropertyDescriptor,Oi=(o,t,e,s)=>{for(var i=s>1?void 0:s?Mu(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Nu(t,e,i),i};class Ss extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.dismissMessageBar=()=>{this.$emit("dismiss",{})},this.elementInternals.role="status"}shapeChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}layoutChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}intentChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}}Oi([a],Ss.prototype,"shape",2),Oi([a],Ss.prototype,"layout",2),Oi([a],Ss.prototype,"intent",2);const Du=l`
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/web-components",
|
|
3
3
|
"description": "A library of Fluent Web Components",
|
|
4
|
-
"version": "3.0.0-beta.
|
|
4
|
+
"version": "3.0.0-beta.58",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Microsoft",
|
|
7
7
|
"url": "https://discord.gg/FcSNfg4"
|
|
@@ -252,7 +252,6 @@
|
|
|
252
252
|
"devDependencies": {
|
|
253
253
|
"@microsoft/fast-element": "2.0.0-beta.26",
|
|
254
254
|
"@tensile-perf/web-components": "~0.2.0",
|
|
255
|
-
"@types/web": "^0.0.142",
|
|
256
255
|
"@storybook/html": "7.6.20",
|
|
257
256
|
"@storybook/html-webpack5": "7.6.20",
|
|
258
257
|
"chromedriver": "^125.0.0"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"set-theme.bench.js","sourceRoot":"","sources":["../../../src/theme/set-theme.bench.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAA2B,MAAM,8BAA8B,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEhG,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,KAAK,GAAuC;IAChD,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;QACxB,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAAC;QAE1D,YAAY,EAAE,CAAC;QAEf,mBAAmB;QACnB,QAAQ,CAAC,aAAa,CAAC,CAAC;QACxB,QAAQ,CAAC,YAAY,CAAC,CAAC;QACvB,QAAQ,CAAC,cAAc,CAAC,CAAC;QACzB,QAAQ,CAAC,eAAe,CAAC,CAAC;QAE1B,gBAAgB;QAChB,QAAQ,CAAC,aAAa,CAAC,CAAC;QACxB,QAAQ,CAAC,YAAY,CAAC,CAAC;QACvB,QAAQ,CAAC,cAAc,CAAC,CAAC;QACzB,QAAQ,CAAC,eAAe,CAAC,CAAC;QAE1B,UAAU,EAAE,CAAC;QAEb,UAAU,EAAE,CAAC;IACf,CAAC;CACF,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
File without changes
|