@fluid-topics/ft-tree-list 1.3.20 → 1.3.21
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/build/ft-tree-list.light.js +115 -109
- package/build/ft-tree-list.min.js +101 -95
- package/build/ftds-tree-list.d.ts +1 -1
- package/build/ftds-tree-list.js +3 -3
- package/build/ftds-tree-list.styles.js +7 -1
- package/package.json +5 -5
|
@@ -15,7 +15,7 @@ export declare class FtdsTreeList extends FtLitElement implements FtdsTreeListPr
|
|
|
15
15
|
selectedNode?: FtTreeNode;
|
|
16
16
|
expandLabel: string;
|
|
17
17
|
collapseLabel: string;
|
|
18
|
-
|
|
18
|
+
loadMoreLabel: string;
|
|
19
19
|
expandParametrizedLabel: string;
|
|
20
20
|
collapseParametrizedLabel: string;
|
|
21
21
|
expandAllLabel: string;
|
package/build/ftds-tree-list.js
CHANGED
|
@@ -29,7 +29,7 @@ class FtdsTreeList extends FtLitElement {
|
|
|
29
29
|
this.pageSize = 10;
|
|
30
30
|
this.expandLabel = "Expand";
|
|
31
31
|
this.collapseLabel = "Collapse";
|
|
32
|
-
this.
|
|
32
|
+
this.loadMoreLabel = "Load more";
|
|
33
33
|
this.expandParametrizedLabel = "Expand {0}";
|
|
34
34
|
this.collapseParametrizedLabel = "Collapse {0}";
|
|
35
35
|
this.expandAllLabel = "Expand all";
|
|
@@ -184,7 +184,7 @@ class FtdsTreeList extends FtLitElement {
|
|
|
184
184
|
part="node-label"
|
|
185
185
|
variant="${FtTypographyVariants.body2medium}"
|
|
186
186
|
>
|
|
187
|
-
${this.
|
|
187
|
+
${this.loadMoreLabel}
|
|
188
188
|
</ft-typography>
|
|
189
189
|
</a>
|
|
190
190
|
</li>
|
|
@@ -467,7 +467,7 @@ __decorate([
|
|
|
467
467
|
], FtdsTreeList.prototype, "collapseLabel", void 0);
|
|
468
468
|
__decorate([
|
|
469
469
|
property()
|
|
470
|
-
], FtdsTreeList.prototype, "
|
|
470
|
+
], FtdsTreeList.prototype, "loadMoreLabel", void 0);
|
|
471
471
|
__decorate([
|
|
472
472
|
property()
|
|
473
473
|
], FtdsTreeList.prototype, "expandParametrizedLabel", void 0);
|
|
@@ -139,17 +139,23 @@ export const styles = css `
|
|
|
139
139
|
|
|
140
140
|
/* Buttons */
|
|
141
141
|
[part="node-expand"] {
|
|
142
|
-
${FtIconCssVariables.size.
|
|
142
|
+
${setVariable(FtIconCssVariables.size, treeList.nodeIconSize)};
|
|
143
143
|
color: ${treeList.nodeUnselectedIconColor};
|
|
144
144
|
}
|
|
145
145
|
|
|
146
146
|
/* Load more node */
|
|
147
|
+
[part="load-more"] {
|
|
148
|
+
padding-left: ${treeList.loadMorePaddingLeft};
|
|
149
|
+
}
|
|
150
|
+
|
|
147
151
|
[part="load-more"] [part="node-label"],
|
|
148
152
|
li > a[role="treeitem"][aria-selected=true] + ul a[part="load-more"] ft-typography[part="node-label"] {
|
|
149
153
|
color: ${treeList.loadMoreLabelColor};
|
|
154
|
+
margin-left: ${treeList.loadMoreLabelMarginLeft};
|
|
150
155
|
}
|
|
151
156
|
|
|
152
157
|
[part="load-more"] ft-icon {
|
|
158
|
+
${setVariable(FtIconCssVariables.size, treeList.loadMoreIconSize)};
|
|
153
159
|
color: ${treeList.loadMoreIconColor};
|
|
154
160
|
}
|
|
155
161
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-tree-list",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.21",
|
|
4
4
|
"description": "A tree list component",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -20,12 +20,12 @@
|
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@fluid-topics/design-system-variables": "2.52.1",
|
|
23
|
-
"@fluid-topics/ft-assets": "1.3.
|
|
24
|
-
"@fluid-topics/ft-wc-utils": "1.3.
|
|
23
|
+
"@fluid-topics/ft-assets": "1.3.21",
|
|
24
|
+
"@fluid-topics/ft-wc-utils": "1.3.21",
|
|
25
25
|
"lit": "3.1.0"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@fluid-topics/ft-wc-test-utils": "1.3.
|
|
28
|
+
"@fluid-topics/ft-wc-test-utils": "1.3.21"
|
|
29
29
|
},
|
|
30
|
-
"gitHead": "
|
|
30
|
+
"gitHead": "fd30595cd89395cbcac48ca8146aecef2e9b8673"
|
|
31
31
|
}
|