@fluentui/web-components 3.0.0-beta.118 → 3.0.0-beta.119
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/custom-elements.json +19 -5
- package/dist/esm/tree/tree.base.d.ts +1 -1
- package/dist/esm/tree/tree.base.js +3 -0
- package/dist/esm/tree/tree.base.js.map +1 -1
- package/dist/esm/tree/tree.d.ts +4 -4
- package/dist/esm/tree/tree.js +2 -2
- package/dist/esm/tree/tree.js.map +1 -1
- package/dist/esm/tree/tree.styles.js +2 -1
- package/dist/esm/tree/tree.styles.js.map +1 -1
- package/dist/esm/tree/tree.template.js +7 -6
- package/dist/esm/tree/tree.template.js.map +1 -1
- package/dist/esm/tree-item/tree-item.base.d.ts +3 -1
- package/dist/esm/tree-item/tree-item.base.js +10 -0
- package/dist/esm/tree-item/tree-item.base.js.map +1 -1
- package/dist/esm/tree-item/tree-item.d.ts +3 -3
- package/dist/esm/tree-item/tree-item.js +1 -1
- package/dist/esm/tree-item/tree-item.js.map +1 -1
- package/dist/esm/tree-item/tree-item.styles.js +5 -0
- package/dist/esm/tree-item/tree-item.styles.js.map +1 -1
- package/dist/esm/tree-item/tree-item.template.js +12 -13
- package/dist/esm/tree-item/tree-item.template.js.map +1 -1
- package/dist/web-components.d.ts +7 -5
- package/dist/web-components.js +22 -76
- package/dist/web-components.min.js +187 -186
- 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 Wed, 27 Aug 2025 04:06:31 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [3.0.0-beta.119](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.119)
|
|
8
|
+
|
|
9
|
+
Wed, 27 Aug 2025 04:06:31 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.118..@fluentui/web-components_v3.0.0-beta.119)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- feat: make tree and tree-item SSR compatible ([PR #35091](https://github.com/microsoft/fluentui/pull/35091) by machi@microsoft.com)
|
|
15
|
+
|
|
7
16
|
## [3.0.0-beta.118](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.118)
|
|
8
17
|
|
|
9
|
-
Tue, 26 Aug 2025 04:07:
|
|
18
|
+
Tue, 26 Aug 2025 04:07:19 GMT
|
|
10
19
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.117..@fluentui/web-components_v3.0.0-beta.118)
|
|
11
20
|
|
|
12
21
|
### Changes
|
package/custom-elements.json
CHANGED
|
@@ -26554,7 +26554,7 @@
|
|
|
26554
26554
|
{
|
|
26555
26555
|
"kind": "method",
|
|
26556
26556
|
"name": "dataIndentChanged",
|
|
26557
|
-
"privacy": "
|
|
26557
|
+
"privacy": "protected",
|
|
26558
26558
|
"parameters": [
|
|
26559
26559
|
{
|
|
26560
26560
|
"name": "prev",
|
|
@@ -26616,6 +26616,11 @@
|
|
|
26616
26616
|
"privacy": "public",
|
|
26617
26617
|
"description": "Toggle the expansion state of the tree item"
|
|
26618
26618
|
},
|
|
26619
|
+
{
|
|
26620
|
+
"kind": "method",
|
|
26621
|
+
"name": "updateTabindexBySelected",
|
|
26622
|
+
"privacy": "protected"
|
|
26623
|
+
},
|
|
26619
26624
|
{
|
|
26620
26625
|
"kind": "field",
|
|
26621
26626
|
"name": "role",
|
|
@@ -26819,7 +26824,7 @@
|
|
|
26819
26824
|
{
|
|
26820
26825
|
"kind": "method",
|
|
26821
26826
|
"name": "dataIndentChanged",
|
|
26822
|
-
"privacy": "
|
|
26827
|
+
"privacy": "protected",
|
|
26823
26828
|
"parameters": [
|
|
26824
26829
|
{
|
|
26825
26830
|
"name": "prev",
|
|
@@ -26905,6 +26910,15 @@
|
|
|
26905
26910
|
"module": "src/tree-item/tree-item.base.ts"
|
|
26906
26911
|
}
|
|
26907
26912
|
},
|
|
26913
|
+
{
|
|
26914
|
+
"kind": "method",
|
|
26915
|
+
"name": "updateTabindexBySelected",
|
|
26916
|
+
"privacy": "protected",
|
|
26917
|
+
"inheritedFrom": {
|
|
26918
|
+
"name": "BaseTreeItem",
|
|
26919
|
+
"module": "src/tree-item/tree-item.base.ts"
|
|
26920
|
+
}
|
|
26921
|
+
},
|
|
26908
26922
|
{
|
|
26909
26923
|
"kind": "field",
|
|
26910
26924
|
"name": "role",
|
|
@@ -27102,7 +27116,7 @@
|
|
|
27102
27116
|
{
|
|
27103
27117
|
"kind": "method",
|
|
27104
27118
|
"name": "sizeChanged",
|
|
27105
|
-
"privacy": "
|
|
27119
|
+
"privacy": "protected"
|
|
27106
27120
|
},
|
|
27107
27121
|
{
|
|
27108
27122
|
"kind": "field",
|
|
@@ -27119,7 +27133,7 @@
|
|
|
27119
27133
|
{
|
|
27120
27134
|
"kind": "method",
|
|
27121
27135
|
"name": "appearanceChanged",
|
|
27122
|
-
"privacy": "
|
|
27136
|
+
"privacy": "protected"
|
|
27123
27137
|
},
|
|
27124
27138
|
{
|
|
27125
27139
|
"kind": "method",
|
|
@@ -27241,7 +27255,7 @@
|
|
|
27241
27255
|
"attributes": [],
|
|
27242
27256
|
"superclass": {
|
|
27243
27257
|
"name": "BaseTree",
|
|
27244
|
-
"module": "/src/tree/tree.base"
|
|
27258
|
+
"module": "/src/tree/tree.base.js"
|
|
27245
27259
|
},
|
|
27246
27260
|
"tagName": "fluent-tree",
|
|
27247
27261
|
"customElement": true,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FASTElement } from '@microsoft/fast-element';
|
|
2
|
-
import { BaseTreeItem } from '../tree-item/tree-item.base';
|
|
2
|
+
import type { BaseTreeItem } from '../tree-item/tree-item.base';
|
|
3
3
|
export declare class BaseTree extends FASTElement {
|
|
4
4
|
/**
|
|
5
5
|
* The currently selected tree item
|
|
@@ -122,6 +122,9 @@ export class BaseTree extends FASTElement {
|
|
|
122
122
|
}
|
|
123
123
|
if (e.target === this) {
|
|
124
124
|
this.currentFocused = this.getValidFocusableItem();
|
|
125
|
+
if (this.currentFocused && this.currentFocused.tabIndex < 0) {
|
|
126
|
+
this.currentFocused.tabIndex = 0;
|
|
127
|
+
}
|
|
125
128
|
this.currentFocused?.focus();
|
|
126
129
|
return;
|
|
127
130
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree.base.js","sourceRoot":"","sources":["../../../src/tree/tree.base.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EACL,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,UAAU,EACV,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"tree.base.js","sourceRoot":"","sources":["../../../src/tree/tree.base.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/tree/tree.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { TreeItemAppearance, TreeItemSize } from '../tree-item/tree-item.options';
|
|
2
|
-
import { BaseTree } from './tree.base';
|
|
1
|
+
import { TreeItemAppearance, TreeItemSize } from '../tree-item/tree-item.options.js';
|
|
2
|
+
import { BaseTree } from './tree.base.js';
|
|
3
3
|
/**
|
|
4
4
|
* The Fluent Tree Element. Implements {@link @microsoft/fast-foundation#BaseTree}.
|
|
5
5
|
*
|
|
@@ -13,14 +13,14 @@ export declare class Tree extends BaseTree {
|
|
|
13
13
|
* HTML Attribute: size
|
|
14
14
|
*/
|
|
15
15
|
size: TreeItemSize;
|
|
16
|
-
|
|
16
|
+
protected sizeChanged(): void;
|
|
17
17
|
/**
|
|
18
18
|
* The appearance variants of the tree item element
|
|
19
19
|
* @public
|
|
20
20
|
* HTML Attribute: appearance
|
|
21
21
|
*/
|
|
22
22
|
appearance: TreeItemAppearance;
|
|
23
|
-
|
|
23
|
+
protected appearanceChanged(): void;
|
|
24
24
|
/**
|
|
25
25
|
* child tree items supered change event
|
|
26
26
|
* @internal
|
package/dist/esm/tree/tree.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { attr } from '@microsoft/fast-element';
|
|
3
|
-
import { TreeItemAppearance, TreeItemSize } from '../tree-item/tree-item.options';
|
|
4
|
-
import { BaseTree } from './tree.base';
|
|
3
|
+
import { TreeItemAppearance, TreeItemSize } from '../tree-item/tree-item.options.js';
|
|
4
|
+
import { BaseTree } from './tree.base.js';
|
|
5
5
|
/**
|
|
6
6
|
* The Fluent Tree Element. Implements {@link @microsoft/fast-foundation#BaseTree}.
|
|
7
7
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree.js","sourceRoot":"","sources":["../../../src/tree/tree.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"tree.js","sourceRoot":"","sources":["../../../src/tree/tree.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C;;;;;GAKG;AACH,MAAM,OAAO,IAAK,SAAQ,QAAQ;IAAlC;;QACE;;;;WAIG;QAEI,SAAI,GAAiB,YAAY,CAAC,KAAK,CAAC;QAK/C;;;;WAIG;QAEI,eAAU,GAAuB,kBAAkB,CAAC,MAAM,CAAC;IA4BpE,CAAC;IAtCW,WAAW;QACnB,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IASS,iBAAiB;QACzB,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAED;;;OAGG;IACI,qBAAqB;QAC1B,KAAK,CAAC,qBAAqB,EAAE,CAAC;QAC9B,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAED;;;OAGG;IACI,uBAAuB;QAC5B,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,EAAE,CAAC;YACjC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAChC,IAAiB,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACnC,IAAiB,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QAClD,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AAvCQ;IADN,IAAI;kCAC0C;AAWxC;IADN,IAAI;wCAC6D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree.styles.js","sourceRoot":"","sources":["../../../src/tree/tree.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"tree.styles.js","sourceRoot":"","sources":["../../../src/tree/tree.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;;CAKnB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { elements, html, slotted } from '@microsoft/fast-element';
|
|
2
|
+
import { FluentDesignSystem } from '../fluent-design-system.js';
|
|
3
3
|
export const template = html `
|
|
4
4
|
<template
|
|
5
5
|
tabindex="0"
|
|
@@ -8,12 +8,13 @@ export const template = html `
|
|
|
8
8
|
@focusout="${(x, c) => x.blurHandler(c.event)}"
|
|
9
9
|
@keydown="${(x, c) => x.keydownHandler(c.event)}"
|
|
10
10
|
@change="${(x, c) => x.changeHandler(c.event)}"
|
|
11
|
-
|
|
11
|
+
>
|
|
12
|
+
<slot
|
|
13
|
+
${slotted({
|
|
12
14
|
property: 'childTreeItems',
|
|
13
|
-
filter:
|
|
15
|
+
filter: elements(`${FluentDesignSystem.prefix}-tree-item`),
|
|
14
16
|
})}
|
|
15
|
-
|
|
16
|
-
<slot></slot>
|
|
17
|
+
></slot>
|
|
17
18
|
</template>
|
|
18
19
|
`;
|
|
19
20
|
//# sourceMappingURL=tree.template.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree.template.js","sourceRoot":"","sources":["../../../src/tree/tree.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"tree.template.js","sourceRoot":"","sources":["../../../src/tree/tree.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGhE,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAM;;;cAGpB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC;gBAC/B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;iBAC9C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAmB,CAAC;gBAC/C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAsB,CAAC;eACrD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;;;QAGzC,OAAO,CAAC;IACR,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,QAAQ,CAAC,GAAG,kBAAkB,CAAC,MAAM,YAAY,CAAC;CAC3D,CAAC;;;CAGP,CAAC"}
|
|
@@ -49,7 +49,7 @@ export declare class BaseTreeItem extends FASTElement {
|
|
|
49
49
|
* @public
|
|
50
50
|
*/
|
|
51
51
|
dataIndent: number | undefined;
|
|
52
|
-
|
|
52
|
+
protected dataIndentChanged(prev: number, next: number): void;
|
|
53
53
|
childTreeItems: BaseTreeItem[] | undefined;
|
|
54
54
|
/**
|
|
55
55
|
* Handles changes to the child tree items
|
|
@@ -57,6 +57,7 @@ export declare class BaseTreeItem extends FASTElement {
|
|
|
57
57
|
* @public
|
|
58
58
|
*/
|
|
59
59
|
childTreeItemsChanged(): void;
|
|
60
|
+
connectedCallback(): void;
|
|
60
61
|
/**
|
|
61
62
|
* Updates the childrens indent
|
|
62
63
|
*
|
|
@@ -78,4 +79,5 @@ export declare class BaseTreeItem extends FASTElement {
|
|
|
78
79
|
* @internal
|
|
79
80
|
*/
|
|
80
81
|
get isNestedItem(): boolean;
|
|
82
|
+
protected updateTabindexBySelected(): void;
|
|
81
83
|
}
|
|
@@ -58,6 +58,7 @@ export class BaseTreeItem extends FASTElement {
|
|
|
58
58
|
* @internal
|
|
59
59
|
*/
|
|
60
60
|
selectedChanged(prev, next) {
|
|
61
|
+
this.updateTabindexBySelected();
|
|
61
62
|
this.$emit('change');
|
|
62
63
|
toggleState(this.elementInternals, 'selected', next);
|
|
63
64
|
this.elementInternals.ariaSelected = next ? 'true' : 'false';
|
|
@@ -82,6 +83,10 @@ export class BaseTreeItem extends FASTElement {
|
|
|
82
83
|
this.empty = this.childTreeItems?.length === 0;
|
|
83
84
|
this.updateChildTreeItems();
|
|
84
85
|
}
|
|
86
|
+
connectedCallback() {
|
|
87
|
+
super.connectedCallback();
|
|
88
|
+
this.updateTabindexBySelected();
|
|
89
|
+
}
|
|
85
90
|
/**
|
|
86
91
|
* Updates the childrens indent
|
|
87
92
|
*
|
|
@@ -123,6 +128,11 @@ export class BaseTreeItem extends FASTElement {
|
|
|
123
128
|
get isNestedItem() {
|
|
124
129
|
return isTreeItem(this.parentElement);
|
|
125
130
|
}
|
|
131
|
+
updateTabindexBySelected() {
|
|
132
|
+
if (this.$fastController.isConnected) {
|
|
133
|
+
this.tabIndex = this.selected ? 0 : -1;
|
|
134
|
+
}
|
|
135
|
+
}
|
|
126
136
|
}
|
|
127
137
|
__decorate([
|
|
128
138
|
attr({ mode: 'boolean' })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-item.base.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.base.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAiB,WAAW,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC5F,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,OAAO,YAAa,SAAQ,WAAW;IAQ3C;QACE,KAAK,EAAE,CAAC;QARV;;;;WAIG;QACI,qBAAgB,GAAqB,IAAI,CAAC,eAAe,EAAE,CAAC;QAOnE;;;;WAIG;QAEH,aAAQ,GAAY,KAAK,CAAC;QAoB1B;;;;;WAKG;QAEH,aAAQ,GAAY,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"tree-item.base.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.base.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAiB,WAAW,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC5F,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,OAAO,YAAa,SAAQ,WAAW;IAQ3C;QACE,KAAK,EAAE,CAAC;QARV;;;;WAIG;QACI,qBAAgB,GAAqB,IAAI,CAAC,eAAe,EAAE,CAAC;QAOnE;;;;WAIG;QAEH,aAAQ,GAAY,KAAK,CAAC;QAoB1B;;;;;WAKG;QAEH,aAAQ,GAAY,KAAK,CAAC;QAgB1B;;;;WAIG;QAEI,UAAK,GAAY,KAAK,CAAC;QA2BvB,mBAAc,GAA+B,EAAE,CAAC;QArFrD,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,UAAU,CAAC;IAC1C,CAAC;IAUD;;;;;;OAMG;IACI,eAAe,CAAC,IAAa,EAAE,IAAa;QACjD,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACnB,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;YAClC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;SACnC,CAAC,CAAC;QACH,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;QACrD,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC1D,IAAI,CAAC,gBAAgB,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QAC/D,CAAC;IACH,CAAC;IAWD;;;;;;OAMG;IACO,eAAe,CAAC,IAAa,EAAE,IAAa;QACpD,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAChC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACrB,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;QACrD,IAAI,CAAC,gBAAgB,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAC/D,CAAC;IAoBS,iBAAiB,CAAC,IAAY,EAAE,IAAY;QACpD,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;YAC9B,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACjD,CAAC;QAED,IAAI,CAAC,MAAM,GAAG,GAAG,CAAA;;oBAED,IAAW;;KAE1B,CAAC;QAEF,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9C,CAAC;IAKD;;;;OAIG;IACI,qBAAqB;QAC1B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,KAAK,CAAC,CAAC;QAC/C,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,wBAAwB,EAAE,CAAC;IAClC,CAAC;IAED;;;;OAIG;IACI,oBAAoB;QACzB,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,EAAE,CAAC;YACjC,OAAO;QACT,CAAC;QAED,8GAA8G;QAC9G,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;QAC7F,CAAC;QAED,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACjC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACK,SAAS,CAAC,IAAkB;QAClC,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC;QACpC,IAAI,CAAC,UAAU,GAAG,MAAM,GAAG,CAAC,CAAC;IAC/B,CAAC;IAED;;;;OAIG;IACI,eAAe;QACpB,IAAI,IAAI,CAAC,cAAc,EAAE,MAAM,EAAE,CAAC;YAChC,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QACjC,CAAC;IACH,CAAC;IAED;;;OAGG;IACH,IAAI,YAAY;QACd,OAAO,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IACxC,CAAC;IAES,wBAAwB;QAChC,IAAI,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;YACrC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACzC,CAAC;IACH,CAAC;CACF;AAjJC;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;8CACA;AA2B1B;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;8CACA;AAsBnB;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;2CACI;AAUvB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;gDACI;AAiBhC;IADN,UAAU;oDAC4C"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { TreeItemAppearance, TreeItemSize } from './tree-item.options.js';
|
|
2
1
|
import { BaseTreeItem } from './tree-item.base.js';
|
|
2
|
+
import { TreeItemAppearance, TreeItemSize } from './tree-item.options.js';
|
|
3
3
|
/**
|
|
4
4
|
* The Fluent Tree Item Element. Implements {@link @microsoft/fast-foundation#BaseTreeItem}.
|
|
5
5
|
*
|
|
@@ -17,7 +17,7 @@ export declare class TreeItem extends BaseTreeItem {
|
|
|
17
17
|
* we update the child tree items' size based on the size
|
|
18
18
|
* @internal
|
|
19
19
|
*/
|
|
20
|
-
|
|
20
|
+
protected sizeChanged(): void;
|
|
21
21
|
/**
|
|
22
22
|
* The size of the tree item element
|
|
23
23
|
* @public
|
|
@@ -28,7 +28,7 @@ export declare class TreeItem extends BaseTreeItem {
|
|
|
28
28
|
*
|
|
29
29
|
* @internal
|
|
30
30
|
*/
|
|
31
|
-
|
|
31
|
+
protected appearanceChanged(): void;
|
|
32
32
|
/**
|
|
33
33
|
* child tree items supered change event
|
|
34
34
|
* @internal
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { attr } from '@microsoft/fast-element';
|
|
3
|
-
import { TreeItemAppearance, TreeItemSize } from './tree-item.options.js';
|
|
4
3
|
import { BaseTreeItem } from './tree-item.base.js';
|
|
4
|
+
import { TreeItemAppearance, TreeItemSize } from './tree-item.options.js';
|
|
5
5
|
/**
|
|
6
6
|
* The Fluent Tree Item Element. Implements {@link @microsoft/fast-foundation#BaseTreeItem}.
|
|
7
7
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-item.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"tree-item.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE1E;;;;;GAKG;AACH,MAAM,OAAO,QAAS,SAAQ,YAAY;IAA1C;;QACE;;;WAGG;QAEI,SAAI,GAAiB,YAAY,CAAC,KAAK,CAAC;QAW/C;;;WAGG;QAEI,eAAU,GAAuB,kBAAkB,CAAC,MAAM,CAAC;IAoCpE,CAAC;IAlDC;;;;OAIG;IACO,WAAW;QACnB,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IASD;;;;OAIG;IACO,iBAAiB;QACzB,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAED;;;OAGG;IACI,qBAAqB;QAC1B,KAAK,CAAC,qBAAqB,EAAE,CAAC;QAC9B,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAED;;;;;OAKG;IACI,uBAAuB;QAC5B,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,EAAE,CAAC;YACjC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAChC,IAAiB,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACnC,IAAiB,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QAClD,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AApDQ;IADN,IAAI;sCAC0C;AAgBxC;IADN,IAAI;4CAC6D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-item.styles.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,+BAA+B,EAC/B,+BAA+B,EAC/B,iBAAiB,EACjB,qBAAqB,EACrB,0BAA0B,EAC1B,oCAAoC,EACpC,sCAAsC,EACtC,uCAAuC,EACvC,4BAA4B,EAC5B,6BAA6B,EAC7B,0BAA0B,EAC1B,+BAA+B,EAC/B,iCAAiC,EACjC,kCAAkC,EAClC,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;iBAIH,eAAe;mBACb,iBAAiB;;;;kBAIlB,mBAAmB,IAAI,mBAAmB,IAAI,mBAAmB,IAAI,kBAAkB;QACjG,iBAAiB;;;;;;;;;;;;;cAaX,mBAAmB;iDACgB,oBAAoB;0BAC3C,gBAAgB;qBACrB,kBAAkB;wBACf,qBAAqB;aAChC,uBAAuB;WACzB,mBAAmB;;;;;2BAKH,iBAAiB;;;;;;;WAOjC,mBAAmB;;;;;;;;aAQjB,oBAAoB;cACnB,kBAAkB;4BACJ,cAAc,IAAI,gBAAgB
|
|
1
|
+
{"version":3,"file":"tree-item.styles.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,+BAA+B,EAC/B,+BAA+B,EAC/B,iBAAiB,EACjB,qBAAqB,EACrB,0BAA0B,EAC1B,oCAAoC,EACpC,sCAAsC,EACtC,uCAAuC,EACvC,4BAA4B,EAC5B,6BAA6B,EAC7B,0BAA0B,EAC1B,+BAA+B,EAC/B,iCAAiC,EACjC,kCAAkC,EAClC,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;iBAIH,eAAe;mBACb,iBAAiB;;;;kBAIlB,mBAAmB,IAAI,mBAAmB,IAAI,mBAAmB,IAAI,kBAAkB;QACjG,iBAAiB;;;;;;;;;;;;;cAaX,mBAAmB;iDACgB,oBAAoB;0BAC3C,gBAAgB;qBACrB,kBAAkB;wBACf,qBAAqB;aAChC,uBAAuB;WACzB,mBAAmB;;;;;2BAKH,iBAAiB;;;;;;;WAOjC,mBAAmB;;;;;;;;aAQjB,oBAAoB;cACnB,kBAAkB;4BACJ,cAAc,IAAI,gBAAgB;;;;;;;;;;;;;;;;;;;wBAmBtC,0BAA0B;aACrC,4BAA4B;;;;wBAIjB,4BAA4B;aACvC,8BAA8B;;;;;;;;;;;;;;;;sBAgBrB,oBAAoB;;;;;;;;;;;;;;;;;wBAiBlB,6BAA6B;aACxC,+BAA+B;;;;;aAK/B,+BAA+B;;;;cAI9B,kBAAkB;iDACiB,kBAAkB;;;;wBAI3C,oCAAoC;;;;wBAIpC,sCAAsC;;;;wBAItC,uCAAuC;aAClD,+BAA+B;;;;wBAIpB,0BAA0B;;;;wBAI1B,+BAA+B;;;;wBAI/B,iCAAiC;;;;wBAIjC,kCAAkC;aAC7C,+BAA+B;;;;;;CAM3C,CAAC"}
|
|
@@ -1,24 +1,17 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { elements, html, slotted } from '@microsoft/fast-element';
|
|
2
|
+
import { FluentDesignSystem } from '../fluent-design-system.js';
|
|
3
3
|
const chevronIcon = html `
|
|
4
|
-
<svg
|
|
4
|
+
<svg viewBox="0 0 12 12" fill="currentColor">
|
|
5
5
|
<path
|
|
6
6
|
d="M4.65 2.15a.5.5 0 000 .7L7.79 6 4.65 9.15a.5.5 0 10.7.7l3.5-3.5a.5.5 0 000-.7l-3.5-3.5a.5.5 0 00-.7 0z"
|
|
7
7
|
></path>
|
|
8
8
|
</svg>
|
|
9
9
|
`;
|
|
10
10
|
export const template = html `
|
|
11
|
-
<template
|
|
12
|
-
tabindex="${x => (x.selected ? 0 : -1)}"
|
|
13
|
-
slot="${x => (x.isNestedItem ? 'item' : void 0)}"
|
|
14
|
-
${children({
|
|
15
|
-
property: 'childTreeItems',
|
|
16
|
-
filter: node => isTreeItem(node),
|
|
17
|
-
})}
|
|
18
|
-
>
|
|
11
|
+
<template slot="${x => (x.isNestedItem ? 'item' : void 0)}">
|
|
19
12
|
<div class="positioning-region" part="positioning-region">
|
|
20
13
|
<div class="content" part="content">
|
|
21
|
-
<span class="chevron" part="chevron">
|
|
14
|
+
<span class="chevron" part="chevron" aria-hidden="true">
|
|
22
15
|
<slot name="chevron">${chevronIcon}</slot>
|
|
23
16
|
</span>
|
|
24
17
|
<slot name="start"></slot>
|
|
@@ -30,7 +23,13 @@ export const template = html `
|
|
|
30
23
|
</div>
|
|
31
24
|
</div>
|
|
32
25
|
<div role="group" class="items" part="items">
|
|
33
|
-
<slot
|
|
26
|
+
<slot
|
|
27
|
+
name="item"
|
|
28
|
+
${slotted({
|
|
29
|
+
property: 'childTreeItems',
|
|
30
|
+
filter: elements(`${FluentDesignSystem.prefix}-tree-item`),
|
|
31
|
+
})}
|
|
32
|
+
></slot>
|
|
34
33
|
</div>
|
|
35
34
|
</template>
|
|
36
35
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-item.template.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"tree-item.template.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGhE,MAAM,WAAW,GAAG,IAAI,CAAA;;;;;;CAMvB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAU;oBAClB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;;;;iCAI1B,WAAW;;;;;;;;;;;;;UAalC,OAAO,CAAC;IACR,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,QAAQ,CAAC,GAAG,kBAAkB,CAAC,MAAM,YAAY,CAAC;CAC3D,CAAC;;;;CAIT,CAAC"}
|
package/dist/web-components.d.ts
CHANGED
|
@@ -3431,7 +3431,7 @@ declare class BaseTreeItem extends FASTElement {
|
|
|
3431
3431
|
* @public
|
|
3432
3432
|
*/
|
|
3433
3433
|
dataIndent: number | undefined;
|
|
3434
|
-
|
|
3434
|
+
protected dataIndentChanged(prev: number, next: number): void;
|
|
3435
3435
|
childTreeItems: BaseTreeItem[] | undefined;
|
|
3436
3436
|
/**
|
|
3437
3437
|
* Handles changes to the child tree items
|
|
@@ -3439,6 +3439,7 @@ declare class BaseTreeItem extends FASTElement {
|
|
|
3439
3439
|
* @public
|
|
3440
3440
|
*/
|
|
3441
3441
|
childTreeItemsChanged(): void;
|
|
3442
|
+
connectedCallback(): void;
|
|
3442
3443
|
/**
|
|
3443
3444
|
* Updates the childrens indent
|
|
3444
3445
|
*
|
|
@@ -3460,6 +3461,7 @@ declare class BaseTreeItem extends FASTElement {
|
|
|
3460
3461
|
* @internal
|
|
3461
3462
|
*/
|
|
3462
3463
|
get isNestedItem(): boolean;
|
|
3464
|
+
protected updateTabindexBySelected(): void;
|
|
3463
3465
|
}
|
|
3464
3466
|
|
|
3465
3467
|
/**
|
|
@@ -11199,14 +11201,14 @@ export declare class Tree extends BaseTree {
|
|
|
11199
11201
|
* HTML Attribute: size
|
|
11200
11202
|
*/
|
|
11201
11203
|
size: TreeItemSize;
|
|
11202
|
-
|
|
11204
|
+
protected sizeChanged(): void;
|
|
11203
11205
|
/**
|
|
11204
11206
|
* The appearance variants of the tree item element
|
|
11205
11207
|
* @public
|
|
11206
11208
|
* HTML Attribute: appearance
|
|
11207
11209
|
*/
|
|
11208
11210
|
appearance: TreeItemAppearance;
|
|
11209
|
-
|
|
11211
|
+
protected appearanceChanged(): void;
|
|
11210
11212
|
/**
|
|
11211
11213
|
* child tree items supered change event
|
|
11212
11214
|
* @internal
|
|
@@ -11244,7 +11246,7 @@ export declare class TreeItem extends BaseTreeItem {
|
|
|
11244
11246
|
* we update the child tree items' size based on the size
|
|
11245
11247
|
* @internal
|
|
11246
11248
|
*/
|
|
11247
|
-
|
|
11249
|
+
protected sizeChanged(): void;
|
|
11248
11250
|
/**
|
|
11249
11251
|
* The size of the tree item element
|
|
11250
11252
|
* @public
|
|
@@ -11255,7 +11257,7 @@ export declare class TreeItem extends BaseTreeItem {
|
|
|
11255
11257
|
*
|
|
11256
11258
|
* @internal
|
|
11257
11259
|
*/
|
|
11258
|
-
|
|
11260
|
+
protected appearanceChanged(): void;
|
|
11259
11261
|
/**
|
|
11260
11262
|
* child tree items supered change event
|
|
11261
11263
|
* @internal
|