@fluentui/web-components 3.0.0-beta.115 → 3.0.0-beta.117
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/custom-elements.json +89 -0
- package/dist/esm/accordion/accordion.js +3 -5
- package/dist/esm/accordion/accordion.js.map +1 -1
- package/dist/esm/dialog/dialog.d.ts +3 -0
- package/dist/esm/dialog/dialog.js +22 -0
- package/dist/esm/dialog/dialog.js.map +1 -1
- package/dist/esm/dialog/dialog.template.js +0 -4
- package/dist/esm/dialog/dialog.template.js.map +1 -1
- package/dist/esm/divider/divider.options.d.ts +1 -4
- package/dist/esm/drawer/drawer.d.ts +14 -0
- package/dist/esm/drawer/drawer.js +50 -0
- package/dist/esm/drawer/drawer.js.map +1 -1
- package/dist/esm/drawer/drawer.template.js +1 -4
- package/dist/esm/drawer/drawer.template.js.map +1 -1
- package/dist/esm/field/field.base.d.ts +1 -0
- package/dist/esm/field/field.base.js +13 -4
- package/dist/esm/field/field.base.js.map +1 -1
- package/dist/esm/field/field.template.js +2 -10
- package/dist/esm/field/field.template.js.map +1 -1
- package/dist/esm/radio-group/radio-group.options.d.ts +1 -4
- package/dist/esm/slider/slider.template.js +0 -1
- package/dist/esm/slider/slider.template.js.map +1 -1
- package/dist/esm/tablist/tablist.options.d.ts +1 -4
- package/dist/esm/textarea/textarea.base.d.ts +1 -0
- package/dist/esm/textarea/textarea.base.js +14 -6
- package/dist/esm/textarea/textarea.base.js.map +1 -1
- package/dist/esm/textarea/textarea.template.js +2 -14
- package/dist/esm/textarea/textarea.template.js.map +1 -1
- package/dist/esm/utils/element-internals.js +0 -3
- package/dist/esm/utils/element-internals.js.map +1 -1
- package/dist/esm/utils/language.d.ts +1 -1
- package/dist/web-components.d.ts +22 -12
- package/dist/web-components.js +97 -32
- package/dist/web-components.min.js +103 -103
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,30 @@
|
|
|
1
1
|
# Change Log - @fluentui/web-components
|
|
2
2
|
|
|
3
|
-
This log was last generated on Mon,
|
|
3
|
+
This log was last generated on Mon, 25 Aug 2025 04:07:37 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [3.0.0-beta.117](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.117)
|
|
8
|
+
|
|
9
|
+
Mon, 25 Aug 2025 04:07:37 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.116..@fluentui/web-components_v3.0.0-beta.117)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- fix: remove unnecessary type check for better ssr compatibility ([PR #35073](https://github.com/microsoft/fluentui/pull/35073) by machi@microsoft.com)
|
|
15
|
+
|
|
16
|
+
## [3.0.0-beta.116](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.116)
|
|
17
|
+
|
|
18
|
+
Wed, 13 Aug 2025 04:08:18 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.115..@fluentui/web-components_v3.0.0-beta.116)
|
|
20
|
+
|
|
21
|
+
### Changes
|
|
22
|
+
|
|
23
|
+
- feat: make components ready for ssr support ([PR #34996](https://github.com/microsoft/fluentui/pull/34996) by machi@microsoft.com)
|
|
24
|
+
|
|
7
25
|
## [3.0.0-beta.115](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.115)
|
|
8
26
|
|
|
9
|
-
Mon, 04 Aug 2025 04:07:
|
|
27
|
+
Mon, 04 Aug 2025 04:07:50 GMT
|
|
10
28
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.114..@fluentui/web-components_v3.0.0-beta.115)
|
|
11
29
|
|
|
12
30
|
### Changes
|
package/custom-elements.json
CHANGED
|
@@ -13491,6 +13491,25 @@
|
|
|
13491
13491
|
"text": "'modal' | 'non-modal' | 'alert'"
|
|
13492
13492
|
}
|
|
13493
13493
|
},
|
|
13494
|
+
{
|
|
13495
|
+
"kind": "method",
|
|
13496
|
+
"name": "typeChanged",
|
|
13497
|
+
"privacy": "protected",
|
|
13498
|
+
"parameters": [
|
|
13499
|
+
{
|
|
13500
|
+
"name": "prev",
|
|
13501
|
+
"type": {
|
|
13502
|
+
"text": "DialogType | undefined"
|
|
13503
|
+
}
|
|
13504
|
+
},
|
|
13505
|
+
{
|
|
13506
|
+
"name": "next",
|
|
13507
|
+
"type": {
|
|
13508
|
+
"text": "DialogType | undefined"
|
|
13509
|
+
}
|
|
13510
|
+
}
|
|
13511
|
+
]
|
|
13512
|
+
},
|
|
13494
13513
|
{
|
|
13495
13514
|
"kind": "field",
|
|
13496
13515
|
"name": "emitBeforeToggle",
|
|
@@ -13828,6 +13847,14 @@
|
|
|
13828
13847
|
}
|
|
13829
13848
|
],
|
|
13830
13849
|
"members": [
|
|
13850
|
+
{
|
|
13851
|
+
"kind": "field",
|
|
13852
|
+
"name": "roleAttrObserver",
|
|
13853
|
+
"type": {
|
|
13854
|
+
"text": "MutationObserver"
|
|
13855
|
+
},
|
|
13856
|
+
"privacy": "protected"
|
|
13857
|
+
},
|
|
13831
13858
|
{
|
|
13832
13859
|
"kind": "field",
|
|
13833
13860
|
"name": "type",
|
|
@@ -13839,6 +13866,11 @@
|
|
|
13839
13866
|
"text": "'inline' | 'modal' | 'non-modal'"
|
|
13840
13867
|
}
|
|
13841
13868
|
},
|
|
13869
|
+
{
|
|
13870
|
+
"kind": "method",
|
|
13871
|
+
"name": "typeChanged",
|
|
13872
|
+
"privacy": "protected"
|
|
13873
|
+
},
|
|
13842
13874
|
{
|
|
13843
13875
|
"kind": "field",
|
|
13844
13876
|
"name": "ariaLabelledby",
|
|
@@ -13934,6 +13966,21 @@
|
|
|
13934
13966
|
"description": "The click event"
|
|
13935
13967
|
}
|
|
13936
13968
|
]
|
|
13969
|
+
},
|
|
13970
|
+
{
|
|
13971
|
+
"kind": "method",
|
|
13972
|
+
"name": "cancelHandler",
|
|
13973
|
+
"privacy": "public"
|
|
13974
|
+
},
|
|
13975
|
+
{
|
|
13976
|
+
"kind": "method",
|
|
13977
|
+
"name": "observeRoleAttr",
|
|
13978
|
+
"privacy": "protected"
|
|
13979
|
+
},
|
|
13980
|
+
{
|
|
13981
|
+
"kind": "method",
|
|
13982
|
+
"name": "updateDialogRole",
|
|
13983
|
+
"privacy": "protected"
|
|
13937
13984
|
}
|
|
13938
13985
|
],
|
|
13939
13986
|
"events": [
|
|
@@ -15928,6 +15975,14 @@
|
|
|
15928
15975
|
"description": "A Field Custom HTML Element.",
|
|
15929
15976
|
"name": "BaseField",
|
|
15930
15977
|
"members": [
|
|
15978
|
+
{
|
|
15979
|
+
"kind": "field",
|
|
15980
|
+
"name": "slottedInputObserver",
|
|
15981
|
+
"type": {
|
|
15982
|
+
"text": "MutationObserver"
|
|
15983
|
+
},
|
|
15984
|
+
"privacy": "private"
|
|
15985
|
+
},
|
|
15931
15986
|
{
|
|
15932
15987
|
"kind": "method",
|
|
15933
15988
|
"name": "labelSlotChanged",
|
|
@@ -16039,6 +16094,18 @@
|
|
|
16039
16094
|
"text": "'above' | 'after' | 'before'"
|
|
16040
16095
|
}
|
|
16041
16096
|
},
|
|
16097
|
+
{
|
|
16098
|
+
"kind": "field",
|
|
16099
|
+
"name": "slottedInputObserver",
|
|
16100
|
+
"type": {
|
|
16101
|
+
"text": "MutationObserver"
|
|
16102
|
+
},
|
|
16103
|
+
"privacy": "private",
|
|
16104
|
+
"inheritedFrom": {
|
|
16105
|
+
"name": "BaseField",
|
|
16106
|
+
"module": "src/field/field.base.ts"
|
|
16107
|
+
}
|
|
16108
|
+
},
|
|
16042
16109
|
{
|
|
16043
16110
|
"kind": "method",
|
|
16044
16111
|
"name": "labelSlotChanged",
|
|
@@ -22712,6 +22779,15 @@
|
|
|
22712
22779
|
"name": "defaultSlottedNodesChanged",
|
|
22713
22780
|
"privacy": "protected"
|
|
22714
22781
|
},
|
|
22782
|
+
{
|
|
22783
|
+
"kind": "field",
|
|
22784
|
+
"name": "filteredLabelSlottedNodes",
|
|
22785
|
+
"type": {
|
|
22786
|
+
"text": "Label[]"
|
|
22787
|
+
},
|
|
22788
|
+
"privacy": "private",
|
|
22789
|
+
"default": "[]"
|
|
22790
|
+
},
|
|
22715
22791
|
{
|
|
22716
22792
|
"kind": "method",
|
|
22717
22793
|
"name": "labelSlottedNodesChanged",
|
|
@@ -23338,6 +23414,19 @@
|
|
|
23338
23414
|
"module": "src/textarea/textarea.base.ts"
|
|
23339
23415
|
}
|
|
23340
23416
|
},
|
|
23417
|
+
{
|
|
23418
|
+
"kind": "field",
|
|
23419
|
+
"name": "filteredLabelSlottedNodes",
|
|
23420
|
+
"type": {
|
|
23421
|
+
"text": "Label[]"
|
|
23422
|
+
},
|
|
23423
|
+
"privacy": "private",
|
|
23424
|
+
"default": "[]",
|
|
23425
|
+
"inheritedFrom": {
|
|
23426
|
+
"name": "BaseTextArea",
|
|
23427
|
+
"module": "src/textarea/textarea.base.ts"
|
|
23428
|
+
}
|
|
23429
|
+
},
|
|
23341
23430
|
{
|
|
23342
23431
|
"kind": "field",
|
|
23343
23432
|
"name": "userInteracted",
|
|
@@ -44,11 +44,9 @@ export class Accordion extends FASTElement {
|
|
|
44
44
|
// Add event listeners to each non-disabled AccordionItem
|
|
45
45
|
this.accordionItems = children.filter(child => !child.hasAttribute('disabled'));
|
|
46
46
|
this.accordionItems.forEach((item, index) => {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
Observable.getNotifier(item).subscribe(this, 'expanded');
|
|
51
|
-
}
|
|
47
|
+
item.addEventListener('click', this.expandedChangedHandler);
|
|
48
|
+
// Subscribe to the expanded attribute of the item
|
|
49
|
+
Observable.getNotifier(item).subscribe(this, 'expanded');
|
|
52
50
|
});
|
|
53
51
|
if (this.isSingleExpandMode()) {
|
|
54
52
|
const expandedItem = this.findExpandedItem();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/accordion/accordion.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D;;;;;;;;;;GAUG;AACH,MAAM,OAAO,SAAU,SAAQ,WAAW;IAA1C;;QACE;;;;;;;WAOG;QAEI,eAAU,GAAwB,mBAAmB,CAAC,KAAK,CAAC;QAyD3D,oBAAe,GAAW,CAAC,CAAC;QAkBpC;;;;WAIG;QACK,aAAQ,GAAG,GAAS,EAAE;YAC5B,IAAI,IAAI,CAAC,qBAAqB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC5C,OAAO;YACT,CAAC;YAED,uDAAuD;YACvD,MAAM,QAAQ,GAAc,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACtD,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;YAEnC,0DAA0D;YAC1D,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAc,EAAE,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;YAEhG,yDAAyD;YACzD,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC;YAChF,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,IAAa,EAAE,KAAa,EAAE,EAAE;gBAC3D,IAAI,
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/accordion/accordion.ts"],"names":[],"mappings":"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"}
|
|
@@ -28,6 +28,9 @@ export declare class Dialog extends FASTElement {
|
|
|
28
28
|
* The type of the dialog modal
|
|
29
29
|
*/
|
|
30
30
|
type: DialogType;
|
|
31
|
+
protected typeChanged(prev: DialogType | undefined, next: DialogType | undefined): void;
|
|
32
|
+
/** @internal */
|
|
33
|
+
connectedCallback(): void;
|
|
31
34
|
/**
|
|
32
35
|
* @public
|
|
33
36
|
* Method to emit an event before the dialog's open state changes
|
|
@@ -39,6 +39,28 @@ export class Dialog extends FASTElement {
|
|
|
39
39
|
});
|
|
40
40
|
};
|
|
41
41
|
}
|
|
42
|
+
typeChanged(prev, next) {
|
|
43
|
+
if (!this.dialog) {
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
if (next === DialogType.alert) {
|
|
47
|
+
this.dialog.setAttribute('role', 'alertdialog');
|
|
48
|
+
}
|
|
49
|
+
else {
|
|
50
|
+
this.dialog.removeAttribute('role');
|
|
51
|
+
}
|
|
52
|
+
if (next !== DialogType.nonModal) {
|
|
53
|
+
this.dialog.setAttribute('aria-modal', 'true');
|
|
54
|
+
}
|
|
55
|
+
else {
|
|
56
|
+
this.dialog.removeAttribute('aria-modal');
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
/** @internal */
|
|
60
|
+
connectedCallback() {
|
|
61
|
+
super.connectedCallback();
|
|
62
|
+
this.typeChanged(undefined, this.type);
|
|
63
|
+
}
|
|
42
64
|
/**
|
|
43
65
|
* @public
|
|
44
66
|
* Method to show the dialog
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/dialog/dialog.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,OAAO,MAAO,SAAQ,WAAW;IAAvC;;QAsBE;;;WAGG;QAEI,SAAI,GAAe,UAAU,CAAC,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/dialog/dialog.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
import { html, ref } from '@microsoft/fast-element';
|
|
2
|
-
import { DialogType } from './dialog.options.js';
|
|
3
2
|
/**
|
|
4
3
|
* Template for the Dialog component
|
|
5
4
|
* @public
|
|
6
5
|
*/
|
|
7
6
|
export const template = html `
|
|
8
7
|
<dialog
|
|
9
|
-
role="${x => (x.type === DialogType.alert ? 'alertdialog' : 'dialog')}"
|
|
10
|
-
type="${x => x.type}"
|
|
11
8
|
class="dialog"
|
|
12
9
|
part="dialog"
|
|
13
|
-
aria-modal="${x => (x.type === DialogType.modal || x.type === DialogType.alert ? 'true' : void 0)}"
|
|
14
10
|
aria-describedby="${x => x.ariaDescribedby}"
|
|
15
11
|
aria-labelledby="${x => x.ariaLabelledby}"
|
|
16
12
|
aria-label="${x => x.ariaLabel}"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.template.js","sourceRoot":"","sources":["../../../src/dialog/dialog.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"dialog.template.js","sourceRoot":"","sources":["../../../src/dialog/dialog.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAI9E;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAgC,IAAI,CAAA;;;;wBAIjC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;uBACvB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;kBAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;cACpB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;eAC9C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE;MACtB,GAAG,CAAC,QAAQ,CAAC;;;;CAIlB,CAAC"}
|
|
@@ -23,10 +23,7 @@ export type DividerRole = ValuesOf<typeof DividerRole>;
|
|
|
23
23
|
* @public
|
|
24
24
|
*/
|
|
25
25
|
export declare const DividerOrientation: {
|
|
26
|
-
readonly horizontal: "horizontal";
|
|
27
|
-
* Divider roles
|
|
28
|
-
* @public
|
|
29
|
-
*/
|
|
26
|
+
readonly horizontal: "horizontal";
|
|
30
27
|
readonly vertical: "vertical";
|
|
31
28
|
};
|
|
32
29
|
/**
|
|
@@ -23,6 +23,7 @@ import { DrawerPosition, DrawerSize, DrawerType } from './drawer.options.js';
|
|
|
23
23
|
* @method show - Method to show the drawer.
|
|
24
24
|
* @method hide - Method to hide the drawer.
|
|
25
25
|
* @method clickHandler - Handles click events on the drawer.
|
|
26
|
+
* @method cancelHandler - Handles cancel events on the drawer.
|
|
26
27
|
* @method emitToggle - Emits an event after the dialog's open state changes.
|
|
27
28
|
* @method emitBeforeToggle - Emits an event before the dialog's open state changes.
|
|
28
29
|
*
|
|
@@ -31,12 +32,14 @@ import { DrawerPosition, DrawerSize, DrawerType } from './drawer.options.js';
|
|
|
31
32
|
* @tag fluent-drawer
|
|
32
33
|
*/
|
|
33
34
|
export declare class Drawer extends FASTElement {
|
|
35
|
+
protected roleAttrObserver: MutationObserver;
|
|
34
36
|
/**
|
|
35
37
|
* @public
|
|
36
38
|
* Determines whether the drawer should be displayed as modal or non-modal
|
|
37
39
|
* When rendered as a modal, an overlay is applied over the rest of the view.
|
|
38
40
|
*/
|
|
39
41
|
type: DrawerType;
|
|
42
|
+
protected typeChanged(): void;
|
|
40
43
|
/**
|
|
41
44
|
* @public
|
|
42
45
|
* The ID of the element that labels the drawer.
|
|
@@ -64,6 +67,10 @@ export declare class Drawer extends FASTElement {
|
|
|
64
67
|
* The dialog element.
|
|
65
68
|
*/
|
|
66
69
|
dialog: HTMLDialogElement;
|
|
70
|
+
/** @internal */
|
|
71
|
+
connectedCallback(): void;
|
|
72
|
+
/** @internal */
|
|
73
|
+
disconnectedCallback(): void;
|
|
67
74
|
/**
|
|
68
75
|
* @public
|
|
69
76
|
* Method to emit an event after the dialog's open state changes
|
|
@@ -93,4 +100,11 @@ export declare class Drawer extends FASTElement {
|
|
|
93
100
|
* Handles click events on the drawer.
|
|
94
101
|
*/
|
|
95
102
|
clickHandler(event: Event): boolean;
|
|
103
|
+
/**
|
|
104
|
+
* @public
|
|
105
|
+
* Handles cancel events on the drawer.
|
|
106
|
+
*/
|
|
107
|
+
cancelHandler(): void;
|
|
108
|
+
protected observeRoleAttr(): void;
|
|
109
|
+
protected updateDialogRole(): void;
|
|
96
110
|
}
|
|
@@ -24,6 +24,7 @@ import { DrawerPosition, DrawerSize, DrawerType } from './drawer.options.js';
|
|
|
24
24
|
* @method show - Method to show the drawer.
|
|
25
25
|
* @method hide - Method to hide the drawer.
|
|
26
26
|
* @method clickHandler - Handles click events on the drawer.
|
|
27
|
+
* @method cancelHandler - Handles cancel events on the drawer.
|
|
27
28
|
* @method emitToggle - Emits an event after the dialog's open state changes.
|
|
28
29
|
* @method emitBeforeToggle - Emits an event before the dialog's open state changes.
|
|
29
30
|
*
|
|
@@ -75,6 +76,29 @@ export class Drawer extends FASTElement {
|
|
|
75
76
|
});
|
|
76
77
|
};
|
|
77
78
|
}
|
|
79
|
+
typeChanged() {
|
|
80
|
+
if (!this.dialog) {
|
|
81
|
+
return;
|
|
82
|
+
}
|
|
83
|
+
this.updateDialogRole();
|
|
84
|
+
if (this.type === DrawerType.modal) {
|
|
85
|
+
this.dialog.setAttribute('aria-modal', 'true');
|
|
86
|
+
}
|
|
87
|
+
else {
|
|
88
|
+
this.dialog.removeAttribute('aria-modal');
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
/** @internal */
|
|
92
|
+
connectedCallback() {
|
|
93
|
+
super.connectedCallback();
|
|
94
|
+
this.typeChanged();
|
|
95
|
+
this.observeRoleAttr();
|
|
96
|
+
}
|
|
97
|
+
/** @internal */
|
|
98
|
+
disconnectedCallback() {
|
|
99
|
+
super.disconnectedCallback();
|
|
100
|
+
this.roleAttrObserver.disconnect();
|
|
101
|
+
}
|
|
78
102
|
/**
|
|
79
103
|
* @public
|
|
80
104
|
* Method to show the drawer
|
|
@@ -113,6 +137,32 @@ export class Drawer extends FASTElement {
|
|
|
113
137
|
}
|
|
114
138
|
return true;
|
|
115
139
|
}
|
|
140
|
+
/**
|
|
141
|
+
* @public
|
|
142
|
+
* Handles cancel events on the drawer.
|
|
143
|
+
*/
|
|
144
|
+
cancelHandler() {
|
|
145
|
+
this.hide();
|
|
146
|
+
}
|
|
147
|
+
observeRoleAttr() {
|
|
148
|
+
if (this.roleAttrObserver) {
|
|
149
|
+
return;
|
|
150
|
+
}
|
|
151
|
+
this.roleAttrObserver = new MutationObserver(() => {
|
|
152
|
+
this.updateDialogRole();
|
|
153
|
+
});
|
|
154
|
+
this.roleAttrObserver.observe(this, {
|
|
155
|
+
attributes: true,
|
|
156
|
+
attributeFilter: ['role'],
|
|
157
|
+
});
|
|
158
|
+
}
|
|
159
|
+
updateDialogRole() {
|
|
160
|
+
console.log(this.role);
|
|
161
|
+
if (!this.dialog) {
|
|
162
|
+
return;
|
|
163
|
+
}
|
|
164
|
+
this.dialog.role = this.type === DrawerType.modal ? 'dialog' : this.role;
|
|
165
|
+
}
|
|
116
166
|
}
|
|
117
167
|
__decorate([
|
|
118
168
|
attr
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/drawer/drawer.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE7E
|
|
1
|
+
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/drawer/drawer.ts"],"names":[],"mappings":"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"}
|
|
@@ -8,16 +8,13 @@ export function drawerTemplate() {
|
|
|
8
8
|
<dialog
|
|
9
9
|
class="dialog"
|
|
10
10
|
part="dialog"
|
|
11
|
-
role="${x => (x.type === 'modal' ? 'dialog' : x.role)}"
|
|
12
|
-
aria-modal="${x => (x.type === 'modal' ? 'true' : void 0)}"
|
|
13
11
|
aria-describedby="${x => x.ariaDescribedby}"
|
|
14
12
|
aria-labelledby="${x => x.ariaLabelledby}"
|
|
15
13
|
aria-label="${x => x.ariaLabel}"
|
|
16
14
|
size="${x => x.size}"
|
|
17
15
|
position="${x => x.position}"
|
|
18
|
-
type="${x => x.type}"
|
|
19
16
|
@click="${(x, c) => x.clickHandler(c.event)}"
|
|
20
|
-
@cancel="${
|
|
17
|
+
@cancel="${x => x.cancelHandler()}"
|
|
21
18
|
${ref('dialog')}
|
|
22
19
|
>
|
|
23
20
|
<slot></slot>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.template.js","sourceRoot":"","sources":["../../../src/drawer/drawer.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAG9E;;;GAGG;AACH,MAAM,UAAU,cAAc;IAC5B,OAAO,IAAI,CAAG;;;;
|
|
1
|
+
{"version":3,"file":"drawer.template.js","sourceRoot":"","sources":["../../../src/drawer/drawer.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAG9E;;;GAGG;AACH,MAAM,UAAU,cAAc;IAC5B,OAAO,IAAI,CAAG;;;;0BAIU,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;yBACvB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;oBAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;cACtB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;kBACP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;gBACjB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;iBAC9C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE;QAC/B,GAAG,CAAC,QAAQ,CAAC;;;;GAIlB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAgC,cAAc,EAAE,CAAC"}
|
|
@@ -39,9 +39,9 @@ export class BaseField extends FASTElement {
|
|
|
39
39
|
* @internal
|
|
40
40
|
*/
|
|
41
41
|
slottedInputsChanged(prev, next) {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
this.
|
|
42
|
+
const filtered = next?.filter(node => node.nodeType === Node.ELEMENT_NODE) ?? [];
|
|
43
|
+
if (filtered?.length) {
|
|
44
|
+
this.input = filtered?.[0];
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
/**
|
|
@@ -54,6 +54,11 @@ export class BaseField extends FASTElement {
|
|
|
54
54
|
if (next) {
|
|
55
55
|
this.setStates();
|
|
56
56
|
this.setLabelProperties();
|
|
57
|
+
this.slottedInputObserver.observe(this.input, {
|
|
58
|
+
attributes: true,
|
|
59
|
+
attributeFilter: ['disabled', 'required', 'readonly'],
|
|
60
|
+
subtree: true,
|
|
61
|
+
});
|
|
57
62
|
}
|
|
58
63
|
}
|
|
59
64
|
/**
|
|
@@ -98,8 +103,12 @@ export class BaseField extends FASTElement {
|
|
|
98
103
|
connectedCallback() {
|
|
99
104
|
super.connectedCallback();
|
|
100
105
|
this.addEventListener('invalid', this.invalidHandler, { capture: true });
|
|
106
|
+
this.slottedInputObserver = new MutationObserver(() => {
|
|
107
|
+
this.setStates();
|
|
108
|
+
});
|
|
101
109
|
}
|
|
102
110
|
disconnectedCallback() {
|
|
111
|
+
this.slottedInputObserver.disconnect();
|
|
103
112
|
this.removeEventListener('invalid', this.invalidHandler, { capture: true });
|
|
104
113
|
super.disconnectedCallback();
|
|
105
114
|
}
|
|
@@ -169,7 +178,7 @@ export class BaseField extends FASTElement {
|
|
|
169
178
|
}
|
|
170
179
|
}
|
|
171
180
|
setValidationStates() {
|
|
172
|
-
if (!this.input
|
|
181
|
+
if (!this.input?.validity) {
|
|
173
182
|
return;
|
|
174
183
|
}
|
|
175
184
|
for (const [flag, value] of Object.entries(ValidationFlags)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field.base.js","sourceRoot":"","sources":["../../../src/field/field.base.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAuB,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1E;;;;GAIG;AACH,MAAM,OAAO,SAAU,SAAQ,WAAW;
|
|
1
|
+
{"version":3,"file":"field.base.js","sourceRoot":"","sources":["../../../src/field/field.base.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAuB,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1E;;;;GAIG;AACH,MAAM,OAAO,SAAU,SAAQ,WAAW;IAWxC;;;;;OAKG;IACO,gBAAgB,CAAC,IAAY,EAAE,IAAY;QACnD,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1B,IAAI,CAAC,SAAS,EAAE,CAAC;QACnB,CAAC;IACH,CAAC;IAUD;;;;;;OAMG;IACI,kBAAkB,CAAC,IAAe,EAAE,IAAe;QACxD,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,aAAa,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACnE,CAAC;IAYD;;;;;;OAMG;IACI,oBAAoB,CAAC,IAAkC,EAAE,IAAkC;QAChG,MAAM,QAAQ,GAAG,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QAEjF,IAAI,QAAQ,EAAE,MAAM,EAAE,CAAC;YACrB,IAAI,CAAC,KAAK,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAmB,CAAC;QAC/C,CAAC;IACH,CAAC;IAiBD;;;;;OAKG;IACI,YAAY,CAAC,IAAgC,EAAE,IAAgC;QACpF,IAAI,IAAI,EAAE,CAAC;YACT,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1B,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE;gBAC5C,UAAU,EAAE,IAAI;gBAChB,eAAe,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;gBACrD,OAAO,EAAE,IAAI;aACd,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED;;;;;OAKG;IACI,aAAa,CAAC,CAAQ;QAC3B,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAE3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;;;;OAKG;IACI,YAAY,CAAC,CAAa;QAC/B,IAAI,IAAI,KAAK,CAAC,CAAC,MAAM,EAAE,CAAC;YACtB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACrB,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QA9HV;;;;WAIG;QAEI,cAAS,GAAW,EAAE,CAAC;QA2D9B;;;;WAIG;QACI,qBAAgB,GAAqB,IAAI,CAAC,eAAe,EAAE,CAAC;QAyDjE,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,cAAc,CAAC;IAC9C,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACzE,IAAI,CAAC,oBAAoB,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACpD,IAAI,CAAC,SAAS,EAAE,CAAC;QACnB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,oBAAoB,CAAC,UAAU,EAAE,CAAC;QACvC,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC5E,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;IAED;;;;;OAKG;IACI,cAAc,CAAC,CAAa;QACjC,IAAI,IAAI,CAAC,OAAO,CAAC,qCAAqC,CAAC,EAAE,CAAC;YACxD,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC;QAC5D,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;;;;OAKG;IACI,eAAe,CAAC,CAAa;QAClC,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,eAAe,EAAE,KAAK,CAAC,CAAC;QAC3D,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;;;;OAKG;IACI,cAAc,CAAC,CAAQ;QAC5B,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;YAC5B,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;QAED,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAED;;;;OAIG;IACK,kBAAkB;QACxB,IAAI,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;YACrC,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC;YAEnD,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE;gBAC9B,IAAI,KAAK,YAAY,gBAAgB,EAAE,CAAC;oBACtC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;oBAC/C,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;oBACjD,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;oBAC1C,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;gBACvD,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED;;;;OAIG;IACI,SAAS;QACd,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACxC,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YACtE,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YACtE,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YACtE,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACtE,CAAC;IACH,CAAC;IAEM,mBAAmB;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC;YAC1B,OAAO;QACT,CAAC;QAED,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,CAAC;YAC5D,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAA2B,CAAC,CAAC,CAAC;QAC9F,CAAC;IACH,CAAC;CACF;AA5NQ;IADN,UAAU;4CACmB;AAqBvB;IADN,UAAU;8CACoB;AAqBxB;IADN,UAAU;gDAC6B;AA8BjC;IADN,UAAU;wCACmB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { elements, html, slotted } from '@microsoft/fast-element';
|
|
2
2
|
/**
|
|
3
3
|
* Template for the Field component
|
|
4
4
|
* @public
|
|
@@ -9,17 +9,9 @@ export const template = html `
|
|
|
9
9
|
@change="${(x, c) => x.changeHandler(c.event)}"
|
|
10
10
|
@focusin="${(x, c) => x.focusinHandler(c.event)}"
|
|
11
11
|
@focusout="${(x, c) => x.focusoutHandler(c.event)}"
|
|
12
|
-
${children({
|
|
13
|
-
property: 'slottedInputs',
|
|
14
|
-
attributes: true,
|
|
15
|
-
attributeFilter: ['disabled', 'required', 'readonly'],
|
|
16
|
-
subtree: true,
|
|
17
|
-
selector: '[slot="input"]',
|
|
18
|
-
filter: elements(),
|
|
19
|
-
})}
|
|
20
12
|
>
|
|
21
13
|
<slot name="label" part="label" ${slotted('labelSlot')}></slot>
|
|
22
|
-
<slot name="input" part="input"></slot>
|
|
14
|
+
<slot name="input" part="input" ${slotted('slottedInputs')}></slot>
|
|
23
15
|
<slot name="message" part="message" ${slotted({ property: 'messageSlot', filter: elements('[flag]') })}></slot>
|
|
24
16
|
</template>
|
|
25
17
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field.template.js","sourceRoot":"","sources":["../../../src/field/field.template.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"field.template.js","sourceRoot":"","sources":["../../../src/field/field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,QAAQ,EAA4B,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGtG;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAwB,IAAI,CAAO;;cAE1C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;eAC9C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAmB,CAAC;gBAC/C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAmB,CAAC;iBAChD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAmB,CAAC;;sCAE7B,OAAO,CAAC,WAAW,CAAC;sCACpB,OAAO,CAAC,eAAe,CAAC;0CACpB,OAAO,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;;CAEzG,CAAC"}
|
|
@@ -4,10 +4,7 @@ import type { ValuesOf } from '../utils/index.js';
|
|
|
4
4
|
* @public
|
|
5
5
|
*/
|
|
6
6
|
export declare const RadioGroupOrientation: {
|
|
7
|
-
readonly horizontal: "horizontal";
|
|
8
|
-
* Radio Group orientation
|
|
9
|
-
* @public
|
|
10
|
-
*/
|
|
7
|
+
readonly horizontal: "horizontal";
|
|
11
8
|
readonly vertical: "vertical";
|
|
12
9
|
};
|
|
13
10
|
/**
|
|
@@ -3,7 +3,6 @@ import { staticallyCompose } from '../utils/template-helpers.js';
|
|
|
3
3
|
export function sliderTemplate(options = {}) {
|
|
4
4
|
return html `
|
|
5
5
|
<template
|
|
6
|
-
tabindex="${x => (x.disabled ? null : 0)}"
|
|
7
6
|
@pointerdown="${(x, c) => x.handlePointerDown(c.event)}"
|
|
8
7
|
@keydown="${(x, c) => x.handleKeydown(c.event)}"
|
|
9
8
|
>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.template.js","sourceRoot":"","sources":["../../../src/slider/slider.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAIjE,MAAM,UAAU,cAAc,CAAmB,UAAyB,EAAE;IAC1E,OAAO,IAAI,CAAG;;
|
|
1
|
+
{"version":3,"file":"slider.template.js","sourceRoot":"","sources":["../../../src/slider/slider.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAIjE,MAAM,UAAU,cAAc,CAAmB,UAAyB,EAAE;IAC1E,OAAO,IAAI,CAAG;;sBAEM,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAqB,CAAC;kBAC1D,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAsB,CAAC;;aAExD,GAAG,CAAC,OAAO,CAAC,gDAAgD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;UAE9E,GAAG,CAAC,OAAO,CAAC;;;iBAGL,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;wBACR,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,KAAqB,CAAC;;6BAEtD,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC;;;GAG1D,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAgC,cAAc,CAAC;IAClE,KAAK,EAAE,2BAA2B;CACnC,CAAC,CAAC"}
|
|
@@ -31,10 +31,7 @@ export type TablistSize = ValuesOf<typeof TablistSize>;
|
|
|
31
31
|
* @public
|
|
32
32
|
*/
|
|
33
33
|
export declare const TablistOrientation: {
|
|
34
|
-
readonly horizontal: "horizontal";
|
|
35
|
-
* The appearance of the component
|
|
36
|
-
* @public
|
|
37
|
-
*/
|
|
34
|
+
readonly horizontal: "horizontal";
|
|
38
35
|
readonly vertical: "vertical";
|
|
39
36
|
};
|
|
40
37
|
/**
|
|
@@ -49,6 +49,7 @@ export declare class BaseTextArea extends FASTElement {
|
|
|
49
49
|
*/
|
|
50
50
|
defaultSlottedNodes: Node[];
|
|
51
51
|
protected defaultSlottedNodesChanged(): void;
|
|
52
|
+
private filteredLabelSlottedNodes;
|
|
52
53
|
/**
|
|
53
54
|
* The list of nodes that are assigned to the `label` slot.
|
|
54
55
|
* @internal
|