@brightspace-ui/core 3.81.0 → 3.82.0
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
import './filter-load-more-demo.js';
|
|
17
17
|
</script>
|
|
18
18
|
<script>
|
|
19
|
-
window.D2L = { LP: { Web: { UI: { Flags: { Flag: () => true } } } } };
|
|
19
|
+
window.D2L = { LP: { Web: { UI: { Flags: { Flag: () => true } } } } }; // TODO: remove with GAUD-131-dropdown-fixed-positioning flag clean up
|
|
20
20
|
</script>
|
|
21
21
|
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1.0">
|
|
22
22
|
<meta charset="UTF-8">
|
|
@@ -8,6 +8,9 @@
|
|
|
8
8
|
import '../../demo/demo-page.js';
|
|
9
9
|
import './table-test.js';
|
|
10
10
|
</script>
|
|
11
|
+
<script>
|
|
12
|
+
window.D2L = { LP: { Web: { UI: { Flags: { Flag: () => true } } } } }; // TODO: remove with GAUD-131-dropdown-fixed-positioning flag clean up
|
|
13
|
+
</script>
|
|
11
14
|
</head>
|
|
12
15
|
<body unresolved>
|
|
13
16
|
|
|
@@ -184,9 +184,9 @@ export class TableColSortButton extends LocalizeCoreElement(FocusMixin(LitElemen
|
|
|
184
184
|
<slot></slot>${iconView}
|
|
185
185
|
</button><span id="${this._describedById}" hidden>${buttonDescription}</span>${sortedView}`;
|
|
186
186
|
if (this._hasDropdownItems) {
|
|
187
|
-
return html`<d2l-dropdown>
|
|
187
|
+
return html`<d2l-dropdown prefer-fixed-positioning>
|
|
188
188
|
${button}
|
|
189
|
-
<d2l-dropdown-menu no-pointer align="start" vertical-offset="0">
|
|
189
|
+
<d2l-dropdown-menu no-pointer align="start" vertical-offset="0" prefer-fixed-positioning>
|
|
190
190
|
<d2l-menu @d2l-table-col-sort-button-item-change="${this._handleTablColSortButtonItemChange}">
|
|
191
191
|
<slot name="items" @slotchange="${this._handleSlotChange}"></slot>
|
|
192
192
|
</d2l-menu>
|
|
@@ -29,12 +29,13 @@ const contentBorderSize = 1;
|
|
|
29
29
|
const contentHorizontalPadding = 15;
|
|
30
30
|
const outlineSize = 1;
|
|
31
31
|
|
|
32
|
-
/* once a user
|
|
32
|
+
/* once a user closes a tooltip, ignore delay if they hover adjacent target within this timeout */
|
|
33
33
|
let delayTimeoutId;
|
|
34
34
|
const resetDelayTimeout = () => {
|
|
35
35
|
if (delayTimeoutId) clearTimeout(delayTimeoutId);
|
|
36
36
|
delayTimeoutId = setTimeout(() => delayTimeoutId = null, 1000);
|
|
37
37
|
};
|
|
38
|
+
/* ignore delay if user hovers adjacent target when a tooltip is already open */
|
|
38
39
|
const getDelay = delay => {
|
|
39
40
|
if (delayTimeoutId) return 0;
|
|
40
41
|
else return delay;
|
|
@@ -847,7 +848,6 @@ class Tooltip extends RtlMixin(LitElement) {
|
|
|
847
848
|
if (!this._truncating) return;
|
|
848
849
|
}
|
|
849
850
|
|
|
850
|
-
resetDelayTimeout();
|
|
851
851
|
this._isHovering = true;
|
|
852
852
|
this._updateShowing();
|
|
853
853
|
}, getDelay(this.delay));
|
|
@@ -925,6 +925,7 @@ class Tooltip extends RtlMixin(LitElement) {
|
|
|
925
925
|
this._dismissibleId = null;
|
|
926
926
|
}
|
|
927
927
|
if (dispatch) {
|
|
928
|
+
resetDelayTimeout();
|
|
928
929
|
this.dispatchEvent(new CustomEvent(
|
|
929
930
|
'd2l-tooltip-hide', { bubbles: true, composed: true }
|
|
930
931
|
));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.82.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",
|