@fluentui/web-components 3.0.0-beta.49 → 3.0.0-beta.50
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 +11 -2
- package/dist/dts/accordion-item/accordion-item.d.ts +23 -15
- package/dist/dts/accordion-item/index.d.ts +1 -1
- package/dist/dts/index.d.ts +1 -1
- package/dist/esm/accordion-item/accordion-item.js +47 -36
- package/dist/esm/accordion-item/accordion-item.js.map +1 -1
- package/dist/esm/accordion-item/index.js +1 -1
- package/dist/esm/accordion-item/index.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/web-components.d.ts +84 -75
- package/dist/web-components.js +30 -25
- package/dist/web-components.min.js +175 -175
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,21 @@
|
|
|
1
1
|
# Change Log - @fluentui/web-components
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 26 Jul 2024 04:08:17 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [3.0.0-beta.50](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.50)
|
|
8
|
+
|
|
9
|
+
Fri, 26 Jul 2024 04:08:17 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.49..@fluentui/web-components_v3.0.0-beta.50)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- [chore]: create base class for accordion item and remove style and layout specific api ([PR #32102](https://github.com/microsoft/fluentui/pull/32102) by jes@microsoft.com)
|
|
15
|
+
|
|
7
16
|
## [3.0.0-beta.49](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.49)
|
|
8
17
|
|
|
9
|
-
Thu, 25 Jul 2024 04:08:
|
|
18
|
+
Thu, 25 Jul 2024 04:08:33 GMT
|
|
10
19
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.48..@fluentui/web-components_v3.0.0-beta.49)
|
|
11
20
|
|
|
12
21
|
### Changes
|
|
@@ -24,7 +24,7 @@ export type AccordionItemOptions = StartEndOptions<AccordionItem> & {
|
|
|
24
24
|
*
|
|
25
25
|
* @public
|
|
26
26
|
*/
|
|
27
|
-
export declare class
|
|
27
|
+
export declare class BaseAccordionItem extends FASTElement {
|
|
28
28
|
/**
|
|
29
29
|
* The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
30
30
|
*
|
|
@@ -76,6 +76,18 @@ export declare class AccordionItem extends FASTElement {
|
|
|
76
76
|
* HTML Attribute: id
|
|
77
77
|
*/
|
|
78
78
|
id: string;
|
|
79
|
+
/**
|
|
80
|
+
* @internal
|
|
81
|
+
*/
|
|
82
|
+
expandbutton: HTMLElement;
|
|
83
|
+
}
|
|
84
|
+
/**
|
|
85
|
+
* An Accordion Item Custom HTML Element.
|
|
86
|
+
* Based on BaseAccordionItem and includes style and layout specific attributes
|
|
87
|
+
*
|
|
88
|
+
* @public
|
|
89
|
+
*/
|
|
90
|
+
export declare class AccordionItem extends BaseAccordionItem {
|
|
79
91
|
/**
|
|
80
92
|
* Defines accordion header font size.
|
|
81
93
|
*
|
|
@@ -91,37 +103,33 @@ export declare class AccordionItem extends FASTElement {
|
|
|
91
103
|
*/
|
|
92
104
|
sizeChanged(prev: AccordionItemSize, next: AccordionItemSize): void;
|
|
93
105
|
/**
|
|
94
|
-
* Sets
|
|
106
|
+
* Sets expand and collapsed icon position.
|
|
95
107
|
*
|
|
96
108
|
* @public
|
|
97
109
|
* @remarks
|
|
98
|
-
* HTML Attribute:
|
|
110
|
+
* HTML Attribute: marker-position
|
|
99
111
|
*/
|
|
100
|
-
|
|
112
|
+
markerPosition?: AccordionItemMarkerPosition;
|
|
101
113
|
/**
|
|
102
|
-
* Handles changes to
|
|
114
|
+
* Handles changes to marker-position attribute
|
|
103
115
|
* @param prev - previous value
|
|
104
116
|
* @param next - next value
|
|
105
117
|
*/
|
|
106
|
-
|
|
118
|
+
markerPositionChanged(prev: AccordionItemMarkerPosition, next: AccordionItemMarkerPosition): void;
|
|
107
119
|
/**
|
|
108
|
-
* Sets
|
|
120
|
+
* Sets the width of the focus state.
|
|
109
121
|
*
|
|
110
122
|
* @public
|
|
111
123
|
* @remarks
|
|
112
|
-
* HTML Attribute:
|
|
124
|
+
* HTML Attribute: block
|
|
113
125
|
*/
|
|
114
|
-
|
|
126
|
+
block: boolean;
|
|
115
127
|
/**
|
|
116
|
-
* Handles changes to
|
|
128
|
+
* Handles changes to block attribute
|
|
117
129
|
* @param prev - previous value
|
|
118
130
|
* @param next - next value
|
|
119
131
|
*/
|
|
120
|
-
|
|
121
|
-
/**
|
|
122
|
-
* @internal
|
|
123
|
-
*/
|
|
124
|
-
expandbutton: HTMLElement;
|
|
132
|
+
blockChanged(prev: boolean, next: boolean): void;
|
|
125
133
|
}
|
|
126
134
|
/**
|
|
127
135
|
* Mark internal because exporting class and interface of the same name
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { AccordionItem } from './accordion-item.js';
|
|
1
|
+
export { AccordionItem, BaseAccordionItem } from './accordion-item.js';
|
|
2
2
|
export type { AccordionItemOptions } from './accordion-item.js';
|
|
3
3
|
export { AccordionItemSize, AccordionItemMarkerPosition } from './accordion-item.options.js';
|
|
4
4
|
export { styles as accordionItemStyles } from './accordion-item.styles.js';
|
package/dist/dts/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { AccordionItem, accordionItemDefinition, AccordionItemMarkerPosition, AccordionItemSize, accordionItemStyles, accordionItemTemplate, } from './accordion-item/index.js';
|
|
1
|
+
export { AccordionItem, accordionItemDefinition, AccordionItemMarkerPosition, AccordionItemSize, accordionItemStyles, accordionItemTemplate, BaseAccordionItem, } from './accordion-item/index.js';
|
|
2
2
|
export type { AccordionItemOptions } from './accordion-item/index.js';
|
|
3
3
|
export { Accordion, accordionDefinition, AccordionExpandMode, accordionStyles, accordionTemplate, } from './accordion/index.js';
|
|
4
4
|
export { Link, LinkAppearance, LinkDefinition, LinkTemplate, LinkTarget } from './link/index.js';
|
|
@@ -17,7 +17,7 @@ import { toggleState } from '../utils/element-internals.js';
|
|
|
17
17
|
*
|
|
18
18
|
* @public
|
|
19
19
|
*/
|
|
20
|
-
export class
|
|
20
|
+
export class BaseAccordionItem extends FASTElement {
|
|
21
21
|
constructor() {
|
|
22
22
|
super(...arguments);
|
|
23
23
|
/**
|
|
@@ -59,14 +59,6 @@ export class AccordionItem extends FASTElement {
|
|
|
59
59
|
* HTML Attribute: id
|
|
60
60
|
*/
|
|
61
61
|
this.id = uniqueId('accordion-');
|
|
62
|
-
/**
|
|
63
|
-
* Sets the width of the focus state.
|
|
64
|
-
*
|
|
65
|
-
* @public
|
|
66
|
-
* @remarks
|
|
67
|
-
* HTML Attribute: block
|
|
68
|
-
*/
|
|
69
|
-
this.block = false;
|
|
70
62
|
}
|
|
71
63
|
/**
|
|
72
64
|
* Handles expanded changes
|
|
@@ -84,6 +76,41 @@ export class AccordionItem extends FASTElement {
|
|
|
84
76
|
disabledChanged(prev, next) {
|
|
85
77
|
toggleState(this.elementInternals, 'disabled', next);
|
|
86
78
|
}
|
|
79
|
+
}
|
|
80
|
+
__decorate([
|
|
81
|
+
attr({
|
|
82
|
+
attribute: 'heading-level',
|
|
83
|
+
mode: 'fromView',
|
|
84
|
+
converter: nullableNumberConverter,
|
|
85
|
+
})
|
|
86
|
+
], BaseAccordionItem.prototype, "headinglevel", void 0);
|
|
87
|
+
__decorate([
|
|
88
|
+
attr({ mode: 'boolean' })
|
|
89
|
+
], BaseAccordionItem.prototype, "expanded", void 0);
|
|
90
|
+
__decorate([
|
|
91
|
+
attr({ mode: 'boolean' })
|
|
92
|
+
], BaseAccordionItem.prototype, "disabled", void 0);
|
|
93
|
+
__decorate([
|
|
94
|
+
attr
|
|
95
|
+
], BaseAccordionItem.prototype, "id", void 0);
|
|
96
|
+
/**
|
|
97
|
+
* An Accordion Item Custom HTML Element.
|
|
98
|
+
* Based on BaseAccordionItem and includes style and layout specific attributes
|
|
99
|
+
*
|
|
100
|
+
* @public
|
|
101
|
+
*/
|
|
102
|
+
export class AccordionItem extends BaseAccordionItem {
|
|
103
|
+
constructor() {
|
|
104
|
+
super(...arguments);
|
|
105
|
+
/**
|
|
106
|
+
* Sets the width of the focus state.
|
|
107
|
+
*
|
|
108
|
+
* @public
|
|
109
|
+
* @remarks
|
|
110
|
+
* HTML Attribute: block
|
|
111
|
+
*/
|
|
112
|
+
this.block = false;
|
|
113
|
+
}
|
|
87
114
|
/**
|
|
88
115
|
* Handles changes to size attribute
|
|
89
116
|
* @param prev - previous value
|
|
@@ -97,14 +124,6 @@ export class AccordionItem extends FASTElement {
|
|
|
97
124
|
toggleState(this.elementInternals, next, true);
|
|
98
125
|
}
|
|
99
126
|
}
|
|
100
|
-
/**
|
|
101
|
-
* Handles changes to block attribute
|
|
102
|
-
* @param prev - previous value
|
|
103
|
-
* @param next - next value
|
|
104
|
-
*/
|
|
105
|
-
blockChanged(prev, next) {
|
|
106
|
-
toggleState(this.elementInternals, 'block', next);
|
|
107
|
-
}
|
|
108
127
|
/**
|
|
109
128
|
* Handles changes to marker-position attribute
|
|
110
129
|
* @param prev - previous value
|
|
@@ -118,31 +137,23 @@ export class AccordionItem extends FASTElement {
|
|
|
118
137
|
toggleState(this.elementInternals, `align-${next}`, true);
|
|
119
138
|
}
|
|
120
139
|
}
|
|
140
|
+
/**
|
|
141
|
+
* Handles changes to block attribute
|
|
142
|
+
* @param prev - previous value
|
|
143
|
+
* @param next - next value
|
|
144
|
+
*/
|
|
145
|
+
blockChanged(prev, next) {
|
|
146
|
+
toggleState(this.elementInternals, 'block', next);
|
|
147
|
+
}
|
|
121
148
|
}
|
|
122
|
-
__decorate([
|
|
123
|
-
attr({
|
|
124
|
-
attribute: 'heading-level',
|
|
125
|
-
mode: 'fromView',
|
|
126
|
-
converter: nullableNumberConverter,
|
|
127
|
-
})
|
|
128
|
-
], AccordionItem.prototype, "headinglevel", void 0);
|
|
129
|
-
__decorate([
|
|
130
|
-
attr({ mode: 'boolean' })
|
|
131
|
-
], AccordionItem.prototype, "expanded", void 0);
|
|
132
|
-
__decorate([
|
|
133
|
-
attr({ mode: 'boolean' })
|
|
134
|
-
], AccordionItem.prototype, "disabled", void 0);
|
|
135
|
-
__decorate([
|
|
136
|
-
attr
|
|
137
|
-
], AccordionItem.prototype, "id", void 0);
|
|
138
149
|
__decorate([
|
|
139
150
|
attr
|
|
140
151
|
], AccordionItem.prototype, "size", void 0);
|
|
141
|
-
__decorate([
|
|
142
|
-
attr({ mode: 'boolean' })
|
|
143
|
-
], AccordionItem.prototype, "block", void 0);
|
|
144
152
|
__decorate([
|
|
145
153
|
attr({ attribute: 'marker-position' })
|
|
146
154
|
], AccordionItem.prototype, "markerPosition", void 0);
|
|
155
|
+
__decorate([
|
|
156
|
+
attr({ mode: 'boolean' })
|
|
157
|
+
], AccordionItem.prototype, "block", void 0);
|
|
147
158
|
applyMixins(AccordionItem, StartEnd);
|
|
148
159
|
//# sourceMappingURL=accordion-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAY5D;;;;;;;;;;;;GAYG;AACH,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAY5D;;;;;;;;;;;;GAYG;AACH,MAAM,OAAO,iBAAkB,SAAQ,WAAW;IAAlD;;QACE;;;;WAIG;QACI,qBAAgB,GAAqB,IAAI,CAAC,eAAe,EAAE,CAAC;QAEnE;;;;;;;WAOG;QAMI,iBAAY,GAA0B,CAAC,CAAC;QAE/C;;;;;;WAMG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAWjC;;;;;;WAMG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAWjC;;;;;;WAMG;QAEI,OAAE,GAAW,QAAQ,CAAC,YAAY,CAAC,CAAC;IAM7C,CAAC;IA1CC;;;;OAIG;IACI,eAAe,CAAC,IAAa,EAAE,IAAa;QACjD,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;IACvD,CAAC;IAYD;;;;OAIG;IACI,eAAe,CAAC,IAAa,EAAE,IAAa;QACjD,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;IACvD,CAAC;CAgBF;AAtDQ;IALN,IAAI,CAAC;QACJ,SAAS,EAAE,eAAe;QAC1B,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,uBAAuB;KACnC,CAAC;uDAC6C;AAUxC;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;mDACO;AAmB1B;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;mDACO;AAmB1B;IADN,IAAI;6CACsC;AAQ7C;;;;;GAKG;AACH,MAAM,OAAO,aAAc,SAAQ,iBAAiB;IAApD;;QAiDE;;;;;;WAMG;QAEI,UAAK,GAAY,KAAK,CAAC;IAUhC,CAAC;IAxDC;;;;OAIG;IACI,WAAW,CAAC,IAAuB,EAAE,IAAuB;QACjE,IAAI,IAAI,EAAE;YACR,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;SACjD;QACD,IAAI,IAAI,EAAE;YACR,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;SAChD;IACH,CAAC;IAYD;;;;OAIG;IACI,qBAAqB,CAAC,IAAiC,EAAE,IAAiC;QAC/F,IAAI,IAAI,EAAE;YACR,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,SAAS,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;SAC5D;QACD,IAAI,IAAI,EAAE;YACR,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,SAAS,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC;SAC3D;IACH,CAAC;IAYD;;;;OAIG;IACI,YAAY,CAAC,IAAa,EAAE,IAAa;QAC9C,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IACpD,CAAC;CACF;AA1DQ;IADN,IAAI;2CAC2B;AAwBzB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;qDACa;AAwB7C;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;4CACI;AAoBhC,WAAW,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { AccordionItem } from './accordion-item.js';
|
|
1
|
+
export { AccordionItem, BaseAccordionItem } from './accordion-item.js';
|
|
2
2
|
export { AccordionItemSize, AccordionItemMarkerPosition } from './accordion-item.options.js';
|
|
3
3
|
export { styles as accordionItemStyles } from './accordion-item.styles.js';
|
|
4
4
|
export { definition as accordionItemDefinition } from './accordion-item.definition.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/accordion-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/accordion-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAEvE,OAAO,EAAE,iBAAiB,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC7F,OAAO,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACvF,OAAO,EAAE,QAAQ,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC"}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { AccordionItem, accordionItemDefinition, AccordionItemMarkerPosition, AccordionItemSize, accordionItemStyles, accordionItemTemplate, } from './accordion-item/index.js';
|
|
1
|
+
export { AccordionItem, accordionItemDefinition, AccordionItemMarkerPosition, AccordionItemSize, accordionItemStyles, accordionItemTemplate, BaseAccordionItem, } from './accordion-item/index.js';
|
|
2
2
|
export { Accordion, accordionDefinition, AccordionExpandMode, accordionStyles, accordionTemplate, } from './accordion/index.js';
|
|
3
3
|
export { Link, LinkAppearance, LinkDefinition, LinkTemplate, LinkTarget } from './link/index.js';
|
|
4
4
|
export { Avatar, AvatarActive, AvatarAppearance, AvatarColor, AvatarDefinition, AvatarNamedColor, AvatarShape, AvatarSize, AvatarStyles, AvatarTemplate, BaseAvatar, } from './avatar/index.js';
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,uBAAuB,EACvB,2BAA2B,EAC3B,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/web-components.d.ts
CHANGED
|
@@ -109,70 +109,12 @@ export declare const AccordionExpandMode: {
|
|
|
109
109
|
export declare type AccordionExpandMode = ValuesOf<typeof AccordionExpandMode>;
|
|
110
110
|
|
|
111
111
|
/**
|
|
112
|
-
*
|
|
113
|
-
*
|
|
114
|
-
* @slot heading - Content which serves as the accordion item heading and text of the expand button
|
|
115
|
-
* @slot - The default slot for accordion item content
|
|
116
|
-
* @slot marker-expanded - The expanded icon
|
|
117
|
-
* @slot marker-collapsed - The collapsed icon
|
|
118
|
-
* @csspart heading - Wraps the button
|
|
119
|
-
* @csspart button - The button which serves to invoke the item
|
|
120
|
-
* @csspart content - The wrapper for the accordion item content
|
|
112
|
+
* An Accordion Item Custom HTML Element.
|
|
113
|
+
* Based on BaseAccordionItem and includes style and layout specific attributes
|
|
121
114
|
*
|
|
122
115
|
* @public
|
|
123
116
|
*/
|
|
124
|
-
export declare class AccordionItem extends
|
|
125
|
-
/**
|
|
126
|
-
* The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
127
|
-
*
|
|
128
|
-
* @internal
|
|
129
|
-
*/
|
|
130
|
-
elementInternals: ElementInternals;
|
|
131
|
-
/**
|
|
132
|
-
* Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the
|
|
133
|
-
* heading element.
|
|
134
|
-
*
|
|
135
|
-
* @public
|
|
136
|
-
* @remarks
|
|
137
|
-
* HTML attribute: heading-level
|
|
138
|
-
*/
|
|
139
|
-
headinglevel: 1 | 2 | 3 | 4 | 5 | 6;
|
|
140
|
-
/**
|
|
141
|
-
* Expands or collapses the item.
|
|
142
|
-
*
|
|
143
|
-
* @public
|
|
144
|
-
* @remarks
|
|
145
|
-
* HTML attribute: expanded
|
|
146
|
-
*/
|
|
147
|
-
expanded: boolean;
|
|
148
|
-
/**
|
|
149
|
-
* Handles expanded changes
|
|
150
|
-
* @param prev - previous value
|
|
151
|
-
* @param next - next value
|
|
152
|
-
*/
|
|
153
|
-
expandedChanged(prev: boolean, next: boolean): void;
|
|
154
|
-
/**
|
|
155
|
-
* Disables an accordion item
|
|
156
|
-
*
|
|
157
|
-
* @public
|
|
158
|
-
* @remarks
|
|
159
|
-
* HTML attribute: disabled
|
|
160
|
-
*/
|
|
161
|
-
disabled: boolean;
|
|
162
|
-
/**
|
|
163
|
-
* Handles disabled changes
|
|
164
|
-
* @param prev - previous value
|
|
165
|
-
* @param next - next value
|
|
166
|
-
*/
|
|
167
|
-
disabledChanged(prev: boolean, next: boolean): void;
|
|
168
|
-
/**
|
|
169
|
-
* The item ID
|
|
170
|
-
*
|
|
171
|
-
* @public
|
|
172
|
-
* @remarks
|
|
173
|
-
* HTML Attribute: id
|
|
174
|
-
*/
|
|
175
|
-
id: string;
|
|
117
|
+
export declare class AccordionItem extends BaseAccordionItem {
|
|
176
118
|
/**
|
|
177
119
|
* Defines accordion header font size.
|
|
178
120
|
*
|
|
@@ -188,37 +130,33 @@ export declare class AccordionItem extends FASTElement {
|
|
|
188
130
|
*/
|
|
189
131
|
sizeChanged(prev: AccordionItemSize, next: AccordionItemSize): void;
|
|
190
132
|
/**
|
|
191
|
-
* Sets
|
|
133
|
+
* Sets expand and collapsed icon position.
|
|
192
134
|
*
|
|
193
135
|
* @public
|
|
194
136
|
* @remarks
|
|
195
|
-
* HTML Attribute:
|
|
137
|
+
* HTML Attribute: marker-position
|
|
196
138
|
*/
|
|
197
|
-
|
|
139
|
+
markerPosition?: AccordionItemMarkerPosition;
|
|
198
140
|
/**
|
|
199
|
-
* Handles changes to
|
|
141
|
+
* Handles changes to marker-position attribute
|
|
200
142
|
* @param prev - previous value
|
|
201
143
|
* @param next - next value
|
|
202
144
|
*/
|
|
203
|
-
|
|
145
|
+
markerPositionChanged(prev: AccordionItemMarkerPosition, next: AccordionItemMarkerPosition): void;
|
|
204
146
|
/**
|
|
205
|
-
* Sets
|
|
147
|
+
* Sets the width of the focus state.
|
|
206
148
|
*
|
|
207
149
|
* @public
|
|
208
150
|
* @remarks
|
|
209
|
-
* HTML Attribute:
|
|
151
|
+
* HTML Attribute: block
|
|
210
152
|
*/
|
|
211
|
-
|
|
153
|
+
block: boolean;
|
|
212
154
|
/**
|
|
213
|
-
* Handles changes to
|
|
155
|
+
* Handles changes to block attribute
|
|
214
156
|
* @param prev - previous value
|
|
215
157
|
* @param next - next value
|
|
216
158
|
*/
|
|
217
|
-
|
|
218
|
-
/**
|
|
219
|
-
* @internal
|
|
220
|
-
*/
|
|
221
|
-
expandbutton: HTMLElement;
|
|
159
|
+
blockChanged(prev: boolean, next: boolean): void;
|
|
222
160
|
}
|
|
223
161
|
|
|
224
162
|
/**
|
|
@@ -804,6 +742,77 @@ export declare const BadgeStyles: ElementStyles;
|
|
|
804
742
|
|
|
805
743
|
export declare const BadgeTemplate: ElementViewTemplate<Badge>;
|
|
806
744
|
|
|
745
|
+
/**
|
|
746
|
+
*
|
|
747
|
+
* @slot start - Content positioned before heading in the collapsed state
|
|
748
|
+
* @slot heading - Content which serves as the accordion item heading and text of the expand button
|
|
749
|
+
* @slot - The default slot for accordion item content
|
|
750
|
+
* @slot marker-expanded - The expanded icon
|
|
751
|
+
* @slot marker-collapsed - The collapsed icon
|
|
752
|
+
* @csspart heading - Wraps the button
|
|
753
|
+
* @csspart button - The button which serves to invoke the item
|
|
754
|
+
* @csspart content - The wrapper for the accordion item content
|
|
755
|
+
*
|
|
756
|
+
* @public
|
|
757
|
+
*/
|
|
758
|
+
export declare class BaseAccordionItem extends FASTElement {
|
|
759
|
+
/**
|
|
760
|
+
* The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
761
|
+
*
|
|
762
|
+
* @internal
|
|
763
|
+
*/
|
|
764
|
+
elementInternals: ElementInternals;
|
|
765
|
+
/**
|
|
766
|
+
* Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the
|
|
767
|
+
* heading element.
|
|
768
|
+
*
|
|
769
|
+
* @public
|
|
770
|
+
* @remarks
|
|
771
|
+
* HTML attribute: heading-level
|
|
772
|
+
*/
|
|
773
|
+
headinglevel: 1 | 2 | 3 | 4 | 5 | 6;
|
|
774
|
+
/**
|
|
775
|
+
* Expands or collapses the item.
|
|
776
|
+
*
|
|
777
|
+
* @public
|
|
778
|
+
* @remarks
|
|
779
|
+
* HTML attribute: expanded
|
|
780
|
+
*/
|
|
781
|
+
expanded: boolean;
|
|
782
|
+
/**
|
|
783
|
+
* Handles expanded changes
|
|
784
|
+
* @param prev - previous value
|
|
785
|
+
* @param next - next value
|
|
786
|
+
*/
|
|
787
|
+
expandedChanged(prev: boolean, next: boolean): void;
|
|
788
|
+
/**
|
|
789
|
+
* Disables an accordion item
|
|
790
|
+
*
|
|
791
|
+
* @public
|
|
792
|
+
* @remarks
|
|
793
|
+
* HTML attribute: disabled
|
|
794
|
+
*/
|
|
795
|
+
disabled: boolean;
|
|
796
|
+
/**
|
|
797
|
+
* Handles disabled changes
|
|
798
|
+
* @param prev - previous value
|
|
799
|
+
* @param next - next value
|
|
800
|
+
*/
|
|
801
|
+
disabledChanged(prev: boolean, next: boolean): void;
|
|
802
|
+
/**
|
|
803
|
+
* The item ID
|
|
804
|
+
*
|
|
805
|
+
* @public
|
|
806
|
+
* @remarks
|
|
807
|
+
* HTML Attribute: id
|
|
808
|
+
*/
|
|
809
|
+
id: string;
|
|
810
|
+
/**
|
|
811
|
+
* @internal
|
|
812
|
+
*/
|
|
813
|
+
expandbutton: HTMLElement;
|
|
814
|
+
}
|
|
815
|
+
|
|
807
816
|
/**
|
|
808
817
|
* An Anchor Custom HTML Element.
|
|
809
818
|
* Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element }.
|
package/dist/web-components.js
CHANGED
|
@@ -3648,7 +3648,7 @@ var __decorateClass$t = (decorators, target, key, kind) => {
|
|
|
3648
3648
|
if (kind && result) __defProp$t(target, key, result);
|
|
3649
3649
|
return result;
|
|
3650
3650
|
};
|
|
3651
|
-
class
|
|
3651
|
+
class BaseAccordionItem extends FASTElement {
|
|
3652
3652
|
constructor() {
|
|
3653
3653
|
super(...arguments);
|
|
3654
3654
|
/**
|
|
@@ -3661,7 +3661,6 @@ class AccordionItem extends FASTElement {
|
|
|
3661
3661
|
this.expanded = false;
|
|
3662
3662
|
this.disabled = false;
|
|
3663
3663
|
this.id = uniqueId("accordion-");
|
|
3664
|
-
this.block = false;
|
|
3665
3664
|
}
|
|
3666
3665
|
/**
|
|
3667
3666
|
* Handles expanded changes
|
|
@@ -3679,6 +3678,24 @@ class AccordionItem extends FASTElement {
|
|
|
3679
3678
|
disabledChanged(prev, next) {
|
|
3680
3679
|
toggleState(this.elementInternals, "disabled", next);
|
|
3681
3680
|
}
|
|
3681
|
+
}
|
|
3682
|
+
__decorateClass$t([attr({
|
|
3683
|
+
attribute: "heading-level",
|
|
3684
|
+
mode: "fromView",
|
|
3685
|
+
converter: nullableNumberConverter
|
|
3686
|
+
})], BaseAccordionItem.prototype, "headinglevel", 2);
|
|
3687
|
+
__decorateClass$t([attr({
|
|
3688
|
+
mode: "boolean"
|
|
3689
|
+
})], BaseAccordionItem.prototype, "expanded", 2);
|
|
3690
|
+
__decorateClass$t([attr({
|
|
3691
|
+
mode: "boolean"
|
|
3692
|
+
})], BaseAccordionItem.prototype, "disabled", 2);
|
|
3693
|
+
__decorateClass$t([attr], BaseAccordionItem.prototype, "id", 2);
|
|
3694
|
+
class AccordionItem extends BaseAccordionItem {
|
|
3695
|
+
constructor() {
|
|
3696
|
+
super(...arguments);
|
|
3697
|
+
this.block = false;
|
|
3698
|
+
}
|
|
3682
3699
|
/**
|
|
3683
3700
|
* Handles changes to size attribute
|
|
3684
3701
|
* @param prev - previous value
|
|
@@ -3692,14 +3709,6 @@ class AccordionItem extends FASTElement {
|
|
|
3692
3709
|
toggleState(this.elementInternals, next, true);
|
|
3693
3710
|
}
|
|
3694
3711
|
}
|
|
3695
|
-
/**
|
|
3696
|
-
* Handles changes to block attribute
|
|
3697
|
-
* @param prev - previous value
|
|
3698
|
-
* @param next - next value
|
|
3699
|
-
*/
|
|
3700
|
-
blockChanged(prev, next) {
|
|
3701
|
-
toggleState(this.elementInternals, "block", next);
|
|
3702
|
-
}
|
|
3703
3712
|
/**
|
|
3704
3713
|
* Handles changes to marker-position attribute
|
|
3705
3714
|
* @param prev - previous value
|
|
@@ -3713,26 +3722,22 @@ class AccordionItem extends FASTElement {
|
|
|
3713
3722
|
toggleState(this.elementInternals, `align-${next}`, true);
|
|
3714
3723
|
}
|
|
3715
3724
|
}
|
|
3725
|
+
/**
|
|
3726
|
+
* Handles changes to block attribute
|
|
3727
|
+
* @param prev - previous value
|
|
3728
|
+
* @param next - next value
|
|
3729
|
+
*/
|
|
3730
|
+
blockChanged(prev, next) {
|
|
3731
|
+
toggleState(this.elementInternals, "block", next);
|
|
3732
|
+
}
|
|
3716
3733
|
}
|
|
3717
|
-
__decorateClass$t([attr({
|
|
3718
|
-
attribute: "heading-level",
|
|
3719
|
-
mode: "fromView",
|
|
3720
|
-
converter: nullableNumberConverter
|
|
3721
|
-
})], AccordionItem.prototype, "headinglevel", 2);
|
|
3722
|
-
__decorateClass$t([attr({
|
|
3723
|
-
mode: "boolean"
|
|
3724
|
-
})], AccordionItem.prototype, "expanded", 2);
|
|
3725
|
-
__decorateClass$t([attr({
|
|
3726
|
-
mode: "boolean"
|
|
3727
|
-
})], AccordionItem.prototype, "disabled", 2);
|
|
3728
|
-
__decorateClass$t([attr], AccordionItem.prototype, "id", 2);
|
|
3729
3734
|
__decorateClass$t([attr], AccordionItem.prototype, "size", 2);
|
|
3730
|
-
__decorateClass$t([attr({
|
|
3731
|
-
mode: "boolean"
|
|
3732
|
-
})], AccordionItem.prototype, "block", 2);
|
|
3733
3735
|
__decorateClass$t([attr({
|
|
3734
3736
|
attribute: "marker-position"
|
|
3735
3737
|
})], AccordionItem.prototype, "markerPosition", 2);
|
|
3738
|
+
__decorateClass$t([attr({
|
|
3739
|
+
mode: "boolean"
|
|
3740
|
+
})], AccordionItem.prototype, "block", 2);
|
|
3736
3741
|
applyMixins(AccordionItem, StartEnd);
|
|
3737
3742
|
|
|
3738
3743
|
const checkedState = css.partial`:is([state--checked], :state(checked))`;
|