@fluentui/web-components 3.0.0-beta.36 → 3.0.0-beta.37
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 +15 -2
- package/dist/dts/index-rollup.d.ts +2 -0
- package/dist/dts/index.d.ts +1 -0
- package/dist/dts/message-bar/define.d.ts +1 -0
- package/dist/dts/message-bar/index.d.ts +5 -0
- package/dist/dts/message-bar/message-bar.bench.d.ts +3 -0
- package/dist/dts/message-bar/message-bar.d.ts +66 -0
- package/dist/dts/message-bar/message-bar.definition.d.ts +9 -0
- package/dist/dts/message-bar/message-bar.options.d.ts +30 -0
- package/dist/dts/message-bar/message-bar.styles.d.ts +7 -0
- package/dist/dts/message-bar/message-bar.template.d.ts +14 -0
- package/dist/dts/rating-display/define.d.ts +1 -0
- package/dist/dts/rating-display/index.d.ts +5 -0
- package/dist/dts/rating-display/rating-display.d.ts +94 -0
- package/dist/dts/rating-display/rating-display.definition.d.ts +9 -0
- package/dist/dts/rating-display/rating-display.options.d.ts +29 -0
- package/dist/dts/rating-display/rating-display.styles.d.ts +6 -0
- package/dist/dts/rating-display/rating-display.template.d.ts +14 -0
- package/dist/dts/styles/states/index.d.ts +20 -0
- package/dist/dts/theme/set-theme.bench.d.ts +3 -0
- package/dist/esm/index-rollup.js +2 -0
- package/dist/esm/index-rollup.js.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/menu/menu.js +5 -1
- package/dist/esm/menu/menu.js.map +1 -1
- package/dist/esm/message-bar/define.js +4 -0
- package/dist/esm/message-bar/define.js.map +1 -0
- package/dist/esm/message-bar/index.js +6 -0
- package/dist/esm/message-bar/index.js.map +1 -0
- package/dist/esm/message-bar/message-bar.bench.js +56 -0
- package/dist/esm/message-bar/message-bar.bench.js.map +1 -0
- package/dist/esm/message-bar/message-bar.definition.js +20 -0
- package/dist/esm/message-bar/message-bar.definition.js.map +1 -0
- package/dist/esm/message-bar/message-bar.js +79 -0
- package/dist/esm/message-bar/message-bar.js.map +1 -0
- package/dist/esm/message-bar/message-bar.options.js +27 -0
- package/dist/esm/message-bar/message-bar.options.js.map +1 -0
- package/dist/esm/message-bar/message-bar.styles.js +108 -0
- package/dist/esm/message-bar/message-bar.styles.js.map +1 -0
- package/dist/esm/message-bar/message-bar.template.js +25 -0
- package/dist/esm/message-bar/message-bar.template.js.map +1 -0
- package/dist/esm/rating-display/define.js +4 -0
- package/dist/esm/rating-display/define.js.map +1 -0
- package/dist/esm/rating-display/index.js +6 -0
- package/dist/esm/rating-display/index.js.map +1 -0
- package/dist/esm/rating-display/rating-display.definition.js +17 -0
- package/dist/esm/rating-display/rating-display.definition.js.map +1 -0
- package/dist/esm/rating-display/rating-display.js +97 -0
- package/dist/esm/rating-display/rating-display.js.map +1 -0
- package/dist/esm/rating-display/rating-display.options.js +19 -0
- package/dist/esm/rating-display/rating-display.options.js.map +1 -0
- package/dist/esm/rating-display/rating-display.styles.js +120 -0
- package/dist/esm/rating-display/rating-display.styles.js.map +1 -0
- package/dist/esm/rating-display/rating-display.template.js +32 -0
- package/dist/esm/rating-display/rating-display.template.js.map +1 -0
- package/dist/esm/styles/partials/badge.partials.js +4 -5
- package/dist/esm/styles/partials/badge.partials.js.map +1 -1
- package/dist/esm/styles/states/index.js +20 -0
- package/dist/esm/styles/states/index.js.map +1 -1
- package/dist/esm/theme/set-theme.bench.js +23 -0
- package/dist/esm/theme/set-theme.bench.js.map +1 -0
- package/dist/esm/theme/set-theme.js +35 -19
- package/dist/esm/theme/set-theme.js.map +1 -1
- package/dist/web-components.d.ts +148 -0
- package/dist/web-components.js +609 -411
- package/dist/web-components.min.js +249 -243
- package/package.json +12 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,25 @@
|
|
|
1
1
|
# Change Log - @fluentui/web-components
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 28 Jun 2024 04:07:05 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [3.0.0-beta.37](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.37)
|
|
8
|
+
|
|
9
|
+
Fri, 28 Jun 2024 04:07:05 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.36..@fluentui/web-components_v3.0.0-beta.37)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- refactor setTheme() to use adoptedStyleSheets ([PR #31713](https://github.com/microsoft/fluentui/pull/31713) by machi@microsoft.com)
|
|
15
|
+
- Add rating-display component ([PR #31625](https://github.com/microsoft/fluentui/pull/31625) by email not defined)
|
|
16
|
+
- Adds MessageBar component to Fluent Web Components ([PR #31708](https://github.com/microsoft/fluentui/pull/31708) by ryan@ryanmerrill.net)
|
|
17
|
+
- chore: use tokens directly in css for badge partial ([PR #31847](https://github.com/microsoft/fluentui/pull/31847) by mmansour@microsoft.com)
|
|
18
|
+
- fix: ensure menu keydown logic allows shift+tab to navigate as expected ([PR #31849](https://github.com/microsoft/fluentui/pull/31849) by 13071055+chrisdholt@users.noreply.github.com)
|
|
19
|
+
|
|
7
20
|
## [3.0.0-beta.36](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.36)
|
|
8
21
|
|
|
9
|
-
Wed, 26 Jun 2024 04:07:
|
|
22
|
+
Wed, 26 Jun 2024 04:07:58 GMT
|
|
10
23
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.35..@fluentui/web-components_v3.0.0-beta.36)
|
|
11
24
|
|
|
12
25
|
### Changes
|
|
@@ -19,9 +19,11 @@ import './menu-button/define.js';
|
|
|
19
19
|
import './menu-item/define.js';
|
|
20
20
|
import './menu-list/define.js';
|
|
21
21
|
import './menu/define.js';
|
|
22
|
+
import './message-bar/define.js';
|
|
22
23
|
import './progress-bar/define.js';
|
|
23
24
|
import './radio-group/define.js';
|
|
24
25
|
import './radio/define.js';
|
|
26
|
+
import './rating-display/define.js';
|
|
25
27
|
import './slider/define.js';
|
|
26
28
|
import './spinner/define.js';
|
|
27
29
|
import './switch/define.js';
|
package/dist/dts/index.d.ts
CHANGED
|
@@ -30,6 +30,7 @@ export { ProgressBar, ProgressBarDefinition, ProgressBarShape, ProgressBarStyles
|
|
|
30
30
|
export { RadioGroup, RadioGroupDefinition, RadioGroupOrientation, RadioGroupStyles, RadioGroupTemplate, } from './radio-group/index.js';
|
|
31
31
|
export { Radio, RadioDefinition, RadioStyles, RadioTemplate } from './radio/index.js';
|
|
32
32
|
export type { RadioControl, RadioOptions } from './radio/index.js';
|
|
33
|
+
export { RatingDisplay, RatingDisplayColor, RatingDisplayDefinition, RatingDisplaySize, RatingDisplayStyles, RatingDisplayTemplate, } from './rating-display/index.js';
|
|
33
34
|
export { Slider, SliderDefinition, SliderMode, SliderOrientation, SliderSize, SliderStyles, SliderTemplate, } from './slider/index.js';
|
|
34
35
|
export type { SliderConfiguration, SliderOptions } from './slider/index.js';
|
|
35
36
|
export { Spinner, SpinnerAppearance, SpinnerDefinition, SpinnerSize, SpinnerStyles, SpinnerTemplate, } from './spinner/index.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { definition as MessageBarDefinition } from './message-bar.definition.js';
|
|
2
|
+
export { MessageBar } from './message-bar.js';
|
|
3
|
+
export { MessageBarIntent, MessageBarLayout, MessageBarShape } from './message-bar.options.js';
|
|
4
|
+
export { styles as MessageBarStyles } from './message-bar.styles.js';
|
|
5
|
+
export { template as MessageBarTemplate } from './message-bar.template.js';
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { FASTElement } from '@microsoft/fast-element';
|
|
2
|
+
import { MessageBarIntent, MessageBarLayout, MessageBarShape } from './message-bar.options.js';
|
|
3
|
+
/**
|
|
4
|
+
* A Message Bar Custom HTML Element.
|
|
5
|
+
*
|
|
6
|
+
* @slot actions - Content that can be provided for the actions
|
|
7
|
+
* @slot dismiss - Content that can be provided for the dismiss button
|
|
8
|
+
* @slot - The default slot for the content
|
|
9
|
+
* @public
|
|
10
|
+
*/
|
|
11
|
+
export declare class MessageBar extends FASTElement {
|
|
12
|
+
/**
|
|
13
|
+
* The internal {@link https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
14
|
+
*
|
|
15
|
+
* @internal
|
|
16
|
+
*/
|
|
17
|
+
elementInternals: ElementInternals;
|
|
18
|
+
constructor();
|
|
19
|
+
/**
|
|
20
|
+
* Sets the shape of the Message Bar.
|
|
21
|
+
*
|
|
22
|
+
* @public
|
|
23
|
+
* @remarks
|
|
24
|
+
* HTML Attribute: `shape`
|
|
25
|
+
*/
|
|
26
|
+
shape?: MessageBarShape;
|
|
27
|
+
/**
|
|
28
|
+
* Handles changes to shape attribute custom states
|
|
29
|
+
* @param prev - the previous state
|
|
30
|
+
* @param next - the next state
|
|
31
|
+
*/
|
|
32
|
+
shapeChanged(prev: MessageBarShape | undefined, next: MessageBarShape | undefined): void;
|
|
33
|
+
/**
|
|
34
|
+
* Sets the layout of the control.
|
|
35
|
+
*
|
|
36
|
+
* @public
|
|
37
|
+
* @remarks
|
|
38
|
+
* HTML Attribute: `layout`
|
|
39
|
+
*/
|
|
40
|
+
layout?: MessageBarLayout;
|
|
41
|
+
/**
|
|
42
|
+
* Handles changes to the layout attribute custom states
|
|
43
|
+
* @param prev - the previous state
|
|
44
|
+
* @param next - the next state
|
|
45
|
+
*/
|
|
46
|
+
layoutChanged(prev: MessageBarLayout | undefined, next: MessageBarLayout | undefined): void;
|
|
47
|
+
/**
|
|
48
|
+
* Sets the intent of the control.
|
|
49
|
+
*
|
|
50
|
+
* @public
|
|
51
|
+
* @remarks
|
|
52
|
+
* HTML Attribute: `intent`
|
|
53
|
+
*/
|
|
54
|
+
intent?: MessageBarIntent;
|
|
55
|
+
/**
|
|
56
|
+
* Handles changes to the intent attribute custom states
|
|
57
|
+
* @param prev - the previous state
|
|
58
|
+
* @param next - the next state
|
|
59
|
+
*/
|
|
60
|
+
intentChanged(prev: MessageBarIntent | undefined, next: MessageBarIntent | undefined): void;
|
|
61
|
+
/**
|
|
62
|
+
* @public
|
|
63
|
+
* Method to emit a `dismiss` event when the message bar is dismissed
|
|
64
|
+
*/
|
|
65
|
+
dismissMessageBar: () => void;
|
|
66
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { MessageBar } from './message-bar.js';
|
|
2
|
+
/**
|
|
3
|
+
* The Fluent MessageBar Element definition.
|
|
4
|
+
*
|
|
5
|
+
* @public
|
|
6
|
+
* @remarks
|
|
7
|
+
* HTML Element: `<fluent-message-bar>`
|
|
8
|
+
*/
|
|
9
|
+
export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof MessageBar>;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { ValuesOf } from '../utils/typings.js';
|
|
2
|
+
/**
|
|
3
|
+
* @public
|
|
4
|
+
* The `layout` variations for the MessageBar component.
|
|
5
|
+
*/
|
|
6
|
+
export declare const MessageBarLayout: {
|
|
7
|
+
readonly multiline: "multiline";
|
|
8
|
+
readonly singleline: "singleline";
|
|
9
|
+
};
|
|
10
|
+
export type MessageBarLayout = ValuesOf<typeof MessageBarLayout>;
|
|
11
|
+
/**
|
|
12
|
+
* @public
|
|
13
|
+
* The `shape` variations for the MessageBar component.
|
|
14
|
+
*/
|
|
15
|
+
export declare const MessageBarShape: {
|
|
16
|
+
readonly rounded: "rounded";
|
|
17
|
+
readonly square: "square";
|
|
18
|
+
};
|
|
19
|
+
export type MessageBarShape = ValuesOf<typeof MessageBarShape>;
|
|
20
|
+
/**
|
|
21
|
+
* @public
|
|
22
|
+
* The `intent` variations for the MessageBar component.
|
|
23
|
+
*/
|
|
24
|
+
export declare const MessageBarIntent: {
|
|
25
|
+
readonly success: "success";
|
|
26
|
+
readonly warning: "warning";
|
|
27
|
+
readonly error: "error";
|
|
28
|
+
readonly info: "info";
|
|
29
|
+
};
|
|
30
|
+
export type MessageBarIntent = ValuesOf<typeof MessageBarIntent>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ElementViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { MessageBar } from './message-bar.js';
|
|
3
|
+
/**
|
|
4
|
+
* Generates a template for the MessageBar component.
|
|
5
|
+
* @public
|
|
6
|
+
* @param {MessageBar} T - The type of the MessageBar.
|
|
7
|
+
* @returns {ElementViewTemplate<T>} - The template for the MessageBar component.
|
|
8
|
+
*/
|
|
9
|
+
export declare function messageBarTemplate<T extends MessageBar>(): ElementViewTemplate<T>;
|
|
10
|
+
/**
|
|
11
|
+
* The template for the MessageBar component.
|
|
12
|
+
* @type {ElementViewTemplate<MessageBar>}
|
|
13
|
+
*/
|
|
14
|
+
export declare const template: ElementViewTemplate<MessageBar>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { RatingDisplay } from './rating-display.js';
|
|
2
|
+
export { RatingDisplayColor, RatingDisplaySize } from './rating-display.options.js';
|
|
3
|
+
export { template as RatingDisplayTemplate } from './rating-display.template.js';
|
|
4
|
+
export { styles as RatingDisplayStyles } from './rating-display.styles.js';
|
|
5
|
+
export { definition as RatingDisplayDefinition } from './rating-display.definition.js';
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { FASTElement } from '@microsoft/fast-element';
|
|
2
|
+
import { RatingDisplayColor, RatingDisplaySize } from './rating-display.options.js';
|
|
3
|
+
/**
|
|
4
|
+
* The base class used for constructing a fluent-rating-display custom element
|
|
5
|
+
* @public
|
|
6
|
+
*/
|
|
7
|
+
export declare class RatingDisplay extends FASTElement {
|
|
8
|
+
/**
|
|
9
|
+
* The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
10
|
+
*
|
|
11
|
+
* @internal
|
|
12
|
+
*/
|
|
13
|
+
elementInternals: ElementInternals;
|
|
14
|
+
/**
|
|
15
|
+
* The color of the rating display icons.
|
|
16
|
+
*
|
|
17
|
+
* @public
|
|
18
|
+
* @default `marigold`
|
|
19
|
+
* @remarks
|
|
20
|
+
* HTML Attribute: `color`
|
|
21
|
+
*/
|
|
22
|
+
color?: RatingDisplayColor;
|
|
23
|
+
/**
|
|
24
|
+
* Handles changes to the color attribute.
|
|
25
|
+
*
|
|
26
|
+
* @param prev - The previous state
|
|
27
|
+
* @param next - The next state
|
|
28
|
+
*/
|
|
29
|
+
colorChanged(prev: RatingDisplayColor | undefined, next: RatingDisplayColor | undefined): void;
|
|
30
|
+
/**
|
|
31
|
+
* Renders a single filled icon with a label next to it.
|
|
32
|
+
*
|
|
33
|
+
* @public
|
|
34
|
+
* @remarks
|
|
35
|
+
* HTML Attribute: `compact`
|
|
36
|
+
*/
|
|
37
|
+
compact: boolean;
|
|
38
|
+
/**
|
|
39
|
+
* The number of ratings.
|
|
40
|
+
*
|
|
41
|
+
* @public
|
|
42
|
+
* @remarks
|
|
43
|
+
* HTML Attribute: `count`
|
|
44
|
+
*/
|
|
45
|
+
count?: number;
|
|
46
|
+
/**
|
|
47
|
+
* The maximum possible value of the rating.
|
|
48
|
+
* This attribute determines the number of icons displayed.
|
|
49
|
+
* Must be a whole number greater than 1.
|
|
50
|
+
*
|
|
51
|
+
* @public
|
|
52
|
+
* @remarks
|
|
53
|
+
* HTML Attribute: `max`
|
|
54
|
+
*/
|
|
55
|
+
max?: number;
|
|
56
|
+
/**
|
|
57
|
+
* The size of the component.
|
|
58
|
+
*
|
|
59
|
+
* @public
|
|
60
|
+
* @default 'medium'
|
|
61
|
+
* @remarks
|
|
62
|
+
* HTML Attribute: `size`
|
|
63
|
+
*/
|
|
64
|
+
size?: RatingDisplaySize;
|
|
65
|
+
/**
|
|
66
|
+
* Handles changes to the size attribute.
|
|
67
|
+
*
|
|
68
|
+
* @param prev - The previous state
|
|
69
|
+
* @param next - The next state
|
|
70
|
+
*/
|
|
71
|
+
sizeChanged(prev: RatingDisplaySize | undefined, next: RatingDisplaySize | undefined): void;
|
|
72
|
+
/**
|
|
73
|
+
* The value of the rating.
|
|
74
|
+
*
|
|
75
|
+
* @public
|
|
76
|
+
* @remarks
|
|
77
|
+
* HTML Attribute: `value`
|
|
78
|
+
*/
|
|
79
|
+
value?: number;
|
|
80
|
+
private intlNumberFormatter;
|
|
81
|
+
constructor();
|
|
82
|
+
/**
|
|
83
|
+
* Returns "count" as string, formatted according to the locale.
|
|
84
|
+
*
|
|
85
|
+
* @internal
|
|
86
|
+
*/
|
|
87
|
+
get formattedCount(): string;
|
|
88
|
+
/**
|
|
89
|
+
* Generates the icon SVG elements based on the "max" attribute.
|
|
90
|
+
*
|
|
91
|
+
* @internal
|
|
92
|
+
*/
|
|
93
|
+
generateIcons(): string;
|
|
94
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { RatingDisplay } from './rating-display.js';
|
|
2
|
+
/**
|
|
3
|
+
* The definition for the Fluent Rating Display component.
|
|
4
|
+
*
|
|
5
|
+
* @public
|
|
6
|
+
* @remarks
|
|
7
|
+
* HTML Element: `<fluent-rating-display>`
|
|
8
|
+
*/
|
|
9
|
+
export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof RatingDisplay>;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import type { ValuesOf } from '../utils/index.js';
|
|
2
|
+
/**
|
|
3
|
+
* The color of the Rating Display items can be `neutral`, `brand`, or `marigold`.
|
|
4
|
+
* @public
|
|
5
|
+
*/
|
|
6
|
+
export declare const RatingDisplayColor: {
|
|
7
|
+
readonly neutral: "neutral";
|
|
8
|
+
readonly brand: "brand";
|
|
9
|
+
readonly marigold: "marigold";
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* The size of a Rating Display can be `small`, `medium`, or `large`.
|
|
13
|
+
* @public
|
|
14
|
+
*/
|
|
15
|
+
export declare const RatingDisplaySize: {
|
|
16
|
+
readonly small: "small";
|
|
17
|
+
readonly medium: "medium";
|
|
18
|
+
readonly large: "large";
|
|
19
|
+
};
|
|
20
|
+
/**
|
|
21
|
+
* The Rating Display items can be one of several colors.
|
|
22
|
+
* @public
|
|
23
|
+
*/
|
|
24
|
+
export type RatingDisplayColor = ValuesOf<typeof RatingDisplayColor>;
|
|
25
|
+
/**
|
|
26
|
+
* A Rating Display can be one of several preset sizes.
|
|
27
|
+
* @public
|
|
28
|
+
*/
|
|
29
|
+
export type RatingDisplaySize = ValuesOf<typeof RatingDisplaySize>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ElementViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { RatingDisplay } from './rating-display.js';
|
|
3
|
+
/**
|
|
4
|
+
* Generates a template for the Rating Display component.
|
|
5
|
+
*
|
|
6
|
+
* @public
|
|
7
|
+
*/
|
|
8
|
+
export declare function ratingDisplayTemplate<T extends RatingDisplay>(): ElementViewTemplate<T>;
|
|
9
|
+
/**
|
|
10
|
+
* The template for the Rating Display component.
|
|
11
|
+
*
|
|
12
|
+
* @public
|
|
13
|
+
*/
|
|
14
|
+
export declare const template: ElementViewTemplate<RatingDisplay>;
|
|
@@ -148,6 +148,16 @@ export declare const importantState: import("@microsoft/fast-element").CSSDirect
|
|
|
148
148
|
* @public
|
|
149
149
|
*/
|
|
150
150
|
export declare const informativeState: import("@microsoft/fast-element").CSSDirective;
|
|
151
|
+
/**
|
|
152
|
+
* Selector for the `marigold` state.
|
|
153
|
+
* @public
|
|
154
|
+
*/
|
|
155
|
+
export declare const marigoldState: import("@microsoft/fast-element").CSSDirective;
|
|
156
|
+
/**
|
|
157
|
+
* Selector for the `neutral` state.
|
|
158
|
+
* @public
|
|
159
|
+
*/
|
|
160
|
+
export declare const neutralState: import("@microsoft/fast-element").CSSDirective;
|
|
151
161
|
/**
|
|
152
162
|
* Selector for the `severe` state.
|
|
153
163
|
* @public
|
|
@@ -173,3 +183,13 @@ export declare const verticalState: import("@microsoft/fast-element").CSSDirecti
|
|
|
173
183
|
* @public
|
|
174
184
|
*/
|
|
175
185
|
export declare const horizontalState: import("@microsoft/fast-element").CSSDirective;
|
|
186
|
+
/**
|
|
187
|
+
* Selector for the `singleline` state.
|
|
188
|
+
* @public
|
|
189
|
+
*/
|
|
190
|
+
export declare const singleLineState: import("@microsoft/fast-element").CSSDirective;
|
|
191
|
+
/**
|
|
192
|
+
* Selector for the `multiline` state.
|
|
193
|
+
* @public
|
|
194
|
+
*/
|
|
195
|
+
export declare const multiLineState: import("@microsoft/fast-element").CSSDirective;
|
package/dist/esm/index-rollup.js
CHANGED
|
@@ -19,9 +19,11 @@ import './menu-button/define.js';
|
|
|
19
19
|
import './menu-item/define.js';
|
|
20
20
|
import './menu-list/define.js';
|
|
21
21
|
import './menu/define.js';
|
|
22
|
+
import './message-bar/define.js';
|
|
22
23
|
import './progress-bar/define.js';
|
|
23
24
|
import './radio-group/define.js';
|
|
24
25
|
import './radio/define.js';
|
|
26
|
+
import './rating-display/define.js';
|
|
25
27
|
import './slider/define.js';
|
|
26
28
|
import './spinner/define.js';
|
|
27
29
|
import './switch/define.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-rollup.js","sourceRoot":"","sources":["../../src/index-rollup.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,2BAA2B,CAAC;AACnC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,6BAA6B,CAAC;AACrC,OAAO,2BAA2B,CAAC;AACnC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,yBAAyB,CAAC;AACjC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,yBAAyB,CAAC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,0BAA0B,CAAC;AAClC,OAAO,yBAAyB,CAAC;AACjC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,iBAAiB,CAAC;AACzB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,wBAAwB,CAAC;AAChC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,2BAA2B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index-rollup.js","sourceRoot":"","sources":["../../src/index-rollup.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,2BAA2B,CAAC;AACnC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,6BAA6B,CAAC;AACrC,OAAO,2BAA2B,CAAC;AACnC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,yBAAyB,CAAC;AACjC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,yBAAyB,CAAC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,yBAAyB,CAAC;AACjC,OAAO,0BAA0B,CAAC;AAClC,OAAO,yBAAyB,CAAC;AACjC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,4BAA4B,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,iBAAiB,CAAC;AACzB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,wBAAwB,CAAC;AAChC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,2BAA2B,CAAC"}
|
package/dist/esm/index.js
CHANGED
|
@@ -23,6 +23,7 @@ export { Menu, MenuDefinition, MenuStyles, MenuTemplate } from './menu/index.js'
|
|
|
23
23
|
export { ProgressBar, ProgressBarDefinition, ProgressBarShape, ProgressBarStyles, ProgressBarTemplate, ProgressBarThickness, ProgressBarValidationState, } from './progress-bar/index.js';
|
|
24
24
|
export { RadioGroup, RadioGroupDefinition, RadioGroupOrientation, RadioGroupStyles, RadioGroupTemplate, } from './radio-group/index.js';
|
|
25
25
|
export { Radio, RadioDefinition, RadioStyles, RadioTemplate } from './radio/index.js';
|
|
26
|
+
export { RatingDisplay, RatingDisplayColor, RatingDisplayDefinition, RatingDisplaySize, RatingDisplayStyles, RatingDisplayTemplate, } from './rating-display/index.js';
|
|
26
27
|
export { Slider, SliderDefinition, SliderMode, SliderOrientation, SliderSize, SliderStyles, SliderTemplate, } from './slider/index.js';
|
|
27
28
|
export { Spinner, SpinnerAppearance, SpinnerDefinition, SpinnerSize, SpinnerStyles, SpinnerTemplate, } from './spinner/index.js';
|
|
28
29
|
export { typographyBody1StrongerStyles, typographyBody1StrongStyles, typographyBody1Styles, typographyBody2Styles, typographyCaption1StrongerStyles, typographyCaption1StrongStyles, typographyCaption1Styles, typographyCaption2StrongStyles, typographyCaption2Styles, typographyDisplayStyles, typographyLargeTitleStyles, typographySubtitle1Styles, typographySubtitle2StrongerStyles, typographySubtitle2Styles, typographyTitle1Styles, typographyTitle2Styles, typographyTitle3Styles, } from './styles/partials/typography.partials.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
|
@@ -349,8 +349,12 @@ export class Menu extends FASTElement {
|
|
|
349
349
|
case keyTab:
|
|
350
350
|
if (this._open)
|
|
351
351
|
this.closeMenu();
|
|
352
|
-
if (e.shiftKey)
|
|
352
|
+
if (e.shiftKey && e.composedPath()[0] !== this._trigger) {
|
|
353
353
|
this.focusTrigger();
|
|
354
|
+
}
|
|
355
|
+
else if (e.shiftKey) {
|
|
356
|
+
return true;
|
|
357
|
+
}
|
|
354
358
|
default:
|
|
355
359
|
return true;
|
|
356
360
|
}
|
|
@@ -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;AAGtF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,MAAM,OAAO,IAAK,SAAQ,WAAW;IAArC;;QACE;;;WAGG;QAGI,gBAAW,GAAa,KAAK,CAAC;QAErC;;;WAGG;QAGI,kBAAa,GAAa,KAAK,CAAC;QAEvC;;;WAGG;QAGI,kBAAa,GAAa,KAAK,CAAC;QAEvC;;;WAGG;QAGI,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,GAAG,EAAE;;YACtB,MAAA,IAAI,CAAC,SAAS,0CAAE,aAAa,CAAC,KAAK,CAAC,CAAC;YAErC,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;aACxD;QACH,CAAC,CAAC;QAEF;;;WAGG;QACI,aAAQ,GAAG,CAAC,CAAS,EAAE,EAAE;;YAC9B,MAAA,IAAI,CAAC,SAAS,0CAAE,aAAa,CAAC,IAAI,CAAC,CAAC;YAEpC,IAAI,CAAC,IAAI,IAAI,CAAC,aAAa,EAAE;gBAC3B,CAAC,CAAC,cAAc,EAAE,CAAC;aACpB;YAED,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;aACrD;QACH,CAAC,CAAC;QAsBF;;;;;WAKG;QACI,kBAAa,GAAG,CAAC,CAAsB,EAAQ,EAAE;;YACtD,IAAI,CAAC,YAAY,WAAW,EAAE;gBAC5B,MAAM,QAAQ,GAAG,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;gBACtD,MAAA,IAAI,CAAC,QAAQ,0CAAE,YAAY,CAAC,eAAe,EAAE,GAAG,QAAQ,EAAE,CAAC,CAAC;gBAC5D,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;gBACtB,IAAI,CAAC,aAAa,EAAE,CAAC;aACtB;QACH,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/message-bar/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { definition as MessageBarDefinition } from './message-bar.definition.js';
|
|
2
|
+
export { MessageBar } from './message-bar.js';
|
|
3
|
+
export { MessageBarIntent, MessageBarLayout, MessageBarShape } from './message-bar.options.js';
|
|
4
|
+
export { styles as MessageBarStyles } from './message-bar.styles.js';
|
|
5
|
+
export { template as MessageBarTemplate } from './message-bar.template.js';
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/message-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC/F,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { FluentDesignSystem } from '../fluent-design-system.js';
|
|
2
|
+
import { definition as buttonDefinition } from '../button/button.definition.js';
|
|
3
|
+
import { definition } from './message-bar.definition.js';
|
|
4
|
+
definition.define(FluentDesignSystem.registry);
|
|
5
|
+
buttonDefinition.define(FluentDesignSystem.registry);
|
|
6
|
+
const dismissed20Regular = `
|
|
7
|
+
<svg
|
|
8
|
+
fill="currentColor"
|
|
9
|
+
aria-hidden="true"
|
|
10
|
+
width="20"
|
|
11
|
+
height="20"
|
|
12
|
+
viewBox="0 0 20 20"
|
|
13
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
14
|
+
>
|
|
15
|
+
<path
|
|
16
|
+
d="m4.09 4.22.06-.07a.5.5 0 0 1 .63-.06l.07.06L10 9.29l5.15-5.14a.5.5 0 0 1 .63-.06l.07.06c.18.17.2.44.06.63l-.06.07L10.71 10l5.14 5.15c.18.17.2.44.06.63l-.06.07a.5.5 0 0 1-.63.06l-.07-.06L10 10.71l-5.15 5.14a.5.5 0 0 1-.63.06l-.07-.06a.5.5 0 0 1-.06-.63l.06-.07L9.29 10 4.15 4.85a.5.5 0 0 1-.06-.63l.06-.07-.06.07Z"
|
|
17
|
+
fill="currentColor"
|
|
18
|
+
></path>
|
|
19
|
+
</svg>
|
|
20
|
+
`;
|
|
21
|
+
const infoIcon = `
|
|
22
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
23
|
+
<path
|
|
24
|
+
d="M18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18C14.4183 18 18 14.4183 18 10ZM9.50806 8.91012C9.55039 8.67687 9.75454 8.49999 10 8.49999C10.2455 8.49999 10.4496 8.67687 10.4919 8.91012L10.5 8.99999V13.5021L10.4919 13.592C10.4496 13.8253 10.2455 14.0021 10 14.0021C9.75454 14.0021 9.55039 13.8253 9.50806 13.592L9.5 13.5021V8.99999L9.50806 8.91012ZM9.25 6.74999C9.25 6.33578 9.58579 5.99999 10 5.99999C10.4142 5.99999 10.75 6.33578 10.75 6.74999C10.75 7.16421 10.4142 7.49999 10 7.49999C9.58579 7.49999 9.25 7.16421 9.25 6.74999Z"
|
|
25
|
+
fill="#616161"
|
|
26
|
+
/>
|
|
27
|
+
</svg>
|
|
28
|
+
`;
|
|
29
|
+
const itemRenderer = () => {
|
|
30
|
+
const messageBar = document.createElement('fluent-message-bar');
|
|
31
|
+
messageBar.appendChild(document.createTextNode('message-bar'));
|
|
32
|
+
// Create and append icon slot
|
|
33
|
+
const icon = document.createElement('span');
|
|
34
|
+
icon.setAttribute('slot', 'icon');
|
|
35
|
+
icon.innerHTML = infoIcon;
|
|
36
|
+
messageBar.appendChild(icon);
|
|
37
|
+
// Create and append content slot
|
|
38
|
+
const content = document.createElement('span');
|
|
39
|
+
content.setAttribute('slot', 'content');
|
|
40
|
+
content.appendChild(document.createTextNode('Accordion item'));
|
|
41
|
+
messageBar.appendChild(content);
|
|
42
|
+
// Create and append dismiss slot
|
|
43
|
+
const dismiss = document.createElement('span');
|
|
44
|
+
dismiss.setAttribute('slot', 'dismiss');
|
|
45
|
+
dismiss.innerHTML = dismissed20Regular; // replace with your SVG content
|
|
46
|
+
messageBar.appendChild(dismiss);
|
|
47
|
+
// Create and append actions slot
|
|
48
|
+
const actions = document.createElement('fluent-button');
|
|
49
|
+
actions.setAttribute('slot', 'actions');
|
|
50
|
+
actions.appendChild(document.createTextNode('Button'));
|
|
51
|
+
messageBar.appendChild(actions);
|
|
52
|
+
return messageBar;
|
|
53
|
+
};
|
|
54
|
+
export default itemRenderer;
|
|
55
|
+
export { tests } from '../utils/benchmark-wrapper.js';
|
|
56
|
+
//# sourceMappingURL=message-bar.bench.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message-bar.bench.js","sourceRoot":"","sources":["../../../src/message-bar/message-bar.bench.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAC/C,gBAAgB,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAErD,MAAM,kBAAkB,GAAG;;;;;;;;;;;;;;CAc1B,CAAC;AAEF,MAAM,QAAQ,GAAG;;;;;;;CAOhB,CAAC;AAEF,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAChE,UAAU,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC;IAE/D,8BAA8B;IAC9B,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5C,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;IAC1B,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAE7B,iCAAiC;IACjC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC/C,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACxC,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC/D,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAEhC,iCAAiC;IACjC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC/C,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACxC,OAAO,CAAC,SAAS,GAAG,kBAAkB,CAAC,CAAC,gCAAgC;IACxE,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAEhC,iCAAiC;IACjC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IACxD,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACxC,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;IACvD,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAEhC,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { FluentDesignSystem } from '../fluent-design-system.js';
|
|
2
|
+
import { MessageBar } from './message-bar.js';
|
|
3
|
+
import { styles } from './message-bar.styles.js';
|
|
4
|
+
import { template } from './message-bar.template.js';
|
|
5
|
+
/**
|
|
6
|
+
* The Fluent MessageBar Element definition.
|
|
7
|
+
*
|
|
8
|
+
* @public
|
|
9
|
+
* @remarks
|
|
10
|
+
* HTML Element: `<fluent-message-bar>`
|
|
11
|
+
*/
|
|
12
|
+
export const definition = MessageBar.compose({
|
|
13
|
+
name: `${FluentDesignSystem.prefix}-message-bar`,
|
|
14
|
+
template,
|
|
15
|
+
styles,
|
|
16
|
+
shadowOptions: {
|
|
17
|
+
mode: FluentDesignSystem.shadowRootMode,
|
|
18
|
+
},
|
|
19
|
+
});
|
|
20
|
+
//# sourceMappingURL=message-bar.definition.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message-bar.definition.js","sourceRoot":"","sources":["../../../src/message-bar/message-bar.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,cAAc;IAChD,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,kBAAkB,CAAC,cAAc;KACxC;CACF,CAAC,CAAC"}
|