@brightspace-ui/core 3.11.0 → 3.12.0
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/components/filter/filter.js +23 -3
- package/package.json +1 -1
|
@@ -8,6 +8,7 @@ import '../dropdown/dropdown-menu.js';
|
|
|
8
8
|
import '../empty-state/empty-state-action-button.js';
|
|
9
9
|
import '../empty-state/empty-state-action-link.js';
|
|
10
10
|
import '../empty-state/empty-state-simple.js';
|
|
11
|
+
import '../expand-collapse/expand-collapse-content.js';
|
|
11
12
|
import '../hierarchical-view/hierarchical-view.js';
|
|
12
13
|
import '../inputs/input-search.js';
|
|
13
14
|
import '../list/list.js';
|
|
@@ -132,12 +133,20 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
|
|
|
132
133
|
}
|
|
133
134
|
|
|
134
135
|
.d2l-filter-dimension-set-value {
|
|
136
|
+
align-items: center;
|
|
135
137
|
color: var(--d2l-color-ferrite);
|
|
136
138
|
display: flex;
|
|
137
139
|
gap: 0.45rem;
|
|
138
140
|
line-height: unset;
|
|
139
141
|
overflow: hidden;
|
|
140
142
|
}
|
|
143
|
+
.d2l-filter-dimension-set-value d2l-icon {
|
|
144
|
+
flex-shrink: 0;
|
|
145
|
+
}
|
|
146
|
+
d2l-expand-collapse-content[expanded] {
|
|
147
|
+
padding-block: 0.5rem;
|
|
148
|
+
padding-inline: 0.2rem;
|
|
149
|
+
}
|
|
141
150
|
|
|
142
151
|
.d2l-filter-dimension-set-value-text {
|
|
143
152
|
-webkit-box-orient: vertical;
|
|
@@ -577,11 +586,22 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
|
|
|
577
586
|
?hidden="${item.hidden}"
|
|
578
587
|
key="${item.key}"
|
|
579
588
|
label="${item.text}"
|
|
589
|
+
?no-primary-action="${item.additionalContent && item.selected}"
|
|
580
590
|
selectable
|
|
581
591
|
?selected="${item.selected}">
|
|
582
|
-
<div
|
|
583
|
-
<div class="d2l-filter-dimension-set-value-
|
|
584
|
-
|
|
592
|
+
<div>
|
|
593
|
+
<div class="d2l-filter-dimension-set-value d2l-body-compact">
|
|
594
|
+
<div class="d2l-filter-dimension-set-value-text">${item.text}</div>
|
|
595
|
+
${item.count !== undefined ? html`<div class="d2l-body-small">(${formatNumber(item.count)})</div>` : nothing}
|
|
596
|
+
${item.additionalContent
|
|
597
|
+
? html`<d2l-icon icon="${item.selected ? 'tier1:arrow-collapse-small' : 'tier1:arrow-expand-small'}"></d2l-icon>`
|
|
598
|
+
: nothing}
|
|
599
|
+
</div>
|
|
600
|
+
${item.additionalContent ? html`
|
|
601
|
+
<d2l-expand-collapse-content ?expanded="${item.selected}">
|
|
602
|
+
${item.additionalContent()}
|
|
603
|
+
</d2l-expand-collapse-content>
|
|
604
|
+
` : nothing}
|
|
585
605
|
</div>
|
|
586
606
|
</d2l-list-item>
|
|
587
607
|
`;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.12.0",
|
|
4
4
|
"description": "A collection of accessible, free, open-source web components for building Brightspace applications",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": "https://github.com/BrightspaceUI/core.git",
|