@brightspace-ui/core 3.28.0 → 3.28.2
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.
|
@@ -25,25 +25,16 @@ class MeterLinear extends MeterMixin(RtlMixin(LitElement)) {
|
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
:host > div {
|
|
28
|
-
display:
|
|
28
|
+
display: flex;
|
|
29
|
+
flex-direction: column;
|
|
30
|
+
gap: 0.45rem;
|
|
29
31
|
}
|
|
30
32
|
|
|
31
33
|
:host([text-inline]) > div {
|
|
32
34
|
align-items: center;
|
|
33
|
-
display: flex;
|
|
34
35
|
flex-direction: row;
|
|
35
36
|
}
|
|
36
37
|
|
|
37
|
-
:host([text-inline]) .d2l-meter-linear-full-bar {
|
|
38
|
-
margin-bottom: 0;
|
|
39
|
-
margin-left: 0;
|
|
40
|
-
margin-right: 0.45rem;
|
|
41
|
-
}
|
|
42
|
-
:host([dir="rtl"][text-inline]) .d2l-meter-linear-full-bar {
|
|
43
|
-
margin-left: 0.45rem;
|
|
44
|
-
margin-right: 0;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
38
|
.d2l-meter-linear-full-bar,
|
|
48
39
|
.d2l-meter-linear-inner-bar {
|
|
49
40
|
border-radius: 0.225rem;
|
|
@@ -54,7 +45,6 @@ class MeterLinear extends MeterMixin(RtlMixin(LitElement)) {
|
|
|
54
45
|
|
|
55
46
|
.d2l-meter-linear-full-bar {
|
|
56
47
|
background-color: var(--d2l-color-gypsum);
|
|
57
|
-
margin-bottom: 0.45rem;
|
|
58
48
|
position: relative;
|
|
59
49
|
}
|
|
60
50
|
|
|
@@ -64,14 +54,11 @@ class MeterLinear extends MeterMixin(RtlMixin(LitElement)) {
|
|
|
64
54
|
|
|
65
55
|
.d2l-meter-linear-inner-bar {
|
|
66
56
|
background-color: var(--d2l-color-celestine);
|
|
67
|
-
|
|
57
|
+
inset-inline-start: 0;
|
|
68
58
|
max-width: 100%;
|
|
69
59
|
position: absolute;
|
|
70
60
|
top: 0;
|
|
71
61
|
}
|
|
72
|
-
:host([dir="rtl"]) .d2l-meter-linear-inner-bar {
|
|
73
|
-
right: 0;
|
|
74
|
-
}
|
|
75
62
|
:host([foreground-light]) .d2l-meter-linear-inner-bar {
|
|
76
63
|
background-color: white;
|
|
77
64
|
}
|
|
@@ -80,11 +67,16 @@ class MeterLinear extends MeterMixin(RtlMixin(LitElement)) {
|
|
|
80
67
|
color: var(--d2l-color-ferrite);
|
|
81
68
|
display: flex;
|
|
82
69
|
flex-direction: row;
|
|
70
|
+
gap: 0.45rem;
|
|
83
71
|
line-height: 1em;
|
|
72
|
+
width: 100%;
|
|
84
73
|
}
|
|
85
74
|
:host([foreground-light]) .d2l-meter-linear-text {
|
|
86
75
|
color: white;
|
|
87
76
|
}
|
|
77
|
+
:host([text-inline]) .d2l-meter-linear-text {
|
|
78
|
+
width: auto;
|
|
79
|
+
}
|
|
88
80
|
|
|
89
81
|
.d2l-meter-linear-text-space-between {
|
|
90
82
|
justify-content: space-between;
|
|
@@ -133,7 +125,7 @@ class MeterLinear extends MeterMixin(RtlMixin(LitElement)) {
|
|
|
133
125
|
<div class="d2l-meter-linear-inner-bar" style="width:${percentage}%;"></div>
|
|
134
126
|
</div>
|
|
135
127
|
<div class=${classMap(textClasses)}>
|
|
136
|
-
<div class=${classMap(primaryTextClasses)}>${primary}
|
|
128
|
+
<div class=${classMap(primaryTextClasses)}>${primary}</div>
|
|
137
129
|
${secondaryTextElement}
|
|
138
130
|
</div>
|
|
139
131
|
</div>
|
|
@@ -453,6 +453,9 @@ export class TableWrapper extends RtlMixin(PageableMixin(SelectionMixin(LitEleme
|
|
|
453
453
|
r.classList.toggle('d2l-table-row-first', r === firstRow);
|
|
454
454
|
r.classList.toggle('d2l-table-row-last', r === lastRow);
|
|
455
455
|
r.classList.toggle('d2l-table-selected-first', firstNonHeaderRow && isSelected);
|
|
456
|
+
if (r === lastRow) {
|
|
457
|
+
r.classList.remove('d2l-table-selected-previous');
|
|
458
|
+
}
|
|
456
459
|
|
|
457
460
|
Array.from(r.cells).forEach((c, index) => {
|
|
458
461
|
if (isHeader && !CSS.supports('selector(:has(a, b))')) this._checkSiblingSortableCells(c);
|
|
@@ -539,7 +542,6 @@ export class TableWrapper extends RtlMixin(PageableMixin(SelectionMixin(LitEleme
|
|
|
539
542
|
// observes mutations to <table>'s direct children and also
|
|
540
543
|
// its subtree (rows or cells added/removed to any descendant)
|
|
541
544
|
this._registerMutationObserver('_tableMutationObserver', this._handleTableChange.bind(this), this._table, {
|
|
542
|
-
attributes: true, /* required for legacy-Edge, otherwise attributeFilter throws a syntax error */
|
|
543
545
|
attributeFilter: ['selected'],
|
|
544
546
|
childList: true,
|
|
545
547
|
subtree: true
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "3.28.
|
|
3
|
+
"version": "3.28.2",
|
|
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",
|