@brightspace-ui/core 3.262.0 → 3.262.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.
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import { addResizeNoopEventListener, findComposedAncestor, getComposedParent, isComposedAncestor, removeResizeNoopEventListener } from '../../helpers/dom.js';
|
|
2
2
|
import { getNextFocusable, getPreviousFocusable } from '../../helpers/focus.js';
|
|
3
3
|
import { css } from 'lit';
|
|
4
|
-
import { getFlag } from '../../helpers/flags.js';
|
|
5
|
-
|
|
6
|
-
const ignoreNoopResizeEventsFlag = getFlag('GAUD-9520-ignore-no-op-resize-events', true);
|
|
7
4
|
|
|
8
5
|
const reduceMotion = matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
9
6
|
const __nativeFocus = document.createElement('div').focus;
|
|
@@ -144,11 +141,7 @@ export const HierarchicalViewMixin = superclass => class extends superclass {
|
|
|
144
141
|
this.addEventListener('focus', this.__focusCapture, true);
|
|
145
142
|
this.addEventListener('focusout', this.__focusOutCapture, true);
|
|
146
143
|
this.__onWindowResize = this.__onWindowResize.bind(this);
|
|
147
|
-
|
|
148
|
-
addResizeNoopEventListener(this.__onWindowResize);
|
|
149
|
-
} else {
|
|
150
|
-
window.addEventListener('resize', this.__onWindowResize);
|
|
151
|
-
}
|
|
144
|
+
addResizeNoopEventListener(this.__onWindowResize);
|
|
152
145
|
}
|
|
153
146
|
});
|
|
154
147
|
}
|
|
@@ -158,11 +151,7 @@ export const HierarchicalViewMixin = superclass => class extends superclass {
|
|
|
158
151
|
|
|
159
152
|
this.removeEventListener('focus', this.__focusCapture);
|
|
160
153
|
this.removeEventListener('focusout', this.__focusOutCapture);
|
|
161
|
-
|
|
162
|
-
removeResizeNoopEventListener(this.__onWindowResize);
|
|
163
|
-
} else {
|
|
164
|
-
window.removeEventListener('resize', this.__onWindowResize);
|
|
165
|
-
}
|
|
154
|
+
removeResizeNoopEventListener(this.__onWindowResize);
|
|
166
155
|
|
|
167
156
|
if (this.__intersectionObserver) {
|
|
168
157
|
this.__intersectionObserver.disconnect();
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object property lists are simple dot-separated lists of text, displayed sequentially on a single line. They are used to convey additional information or metadata about an object.
|
|
4
4
|
|
|
5
|
-
<!-- docs: demo -->
|
|
5
|
+
<!-- docs: demo align:start autoSize:false size:small -->
|
|
6
6
|
```html
|
|
7
7
|
<script type="module">
|
|
8
8
|
import '@brightspace-ui/core/components/object-property-list/object-property-list.js';
|
|
@@ -40,7 +40,7 @@ Object property lists are simple dot-separated lists of text, displayed sequenti
|
|
|
40
40
|
|
|
41
41
|
An object property list can be defined using `d2l-object-property-list` and a combination of items (e.g., `d2l-object-property-list-item`, `d2l-object-property-list-item-link`).
|
|
42
42
|
|
|
43
|
-
<!-- docs: demo code properties name:d2l-object-property-list sandboxTitle:'Object Property List' -->
|
|
43
|
+
<!-- docs: demo code properties name:d2l-object-property-list sandboxTitle:'Object Property List' align:start autoSize:false size:small -->
|
|
44
44
|
```html
|
|
45
45
|
<script type="module">
|
|
46
46
|
import '@brightspace-ui/core/components/object-property-list/object-property-list.js';
|
|
@@ -142,7 +142,7 @@ The `d2l-object-property-list-item-link` component is a link item for the object
|
|
|
142
142
|
|
|
143
143
|
The `d2l-object-property-list-item-tooltip-help` component is an item for the object property list which is used to also display additional information for users. It displays text as a help tooltip, with an optional leading icon.
|
|
144
144
|
|
|
145
|
-
<!-- docs: demo code properties name:d2l-object-property-list-item-tooltip-help sandboxTitle:'Object Property List Help Tooltip Item' -->
|
|
145
|
+
<!-- docs: demo code properties name:d2l-object-property-list-item-tooltip-help sandboxTitle:'Object Property List Help Tooltip Item' align:start autoSize:false size:small -->
|
|
146
146
|
```html
|
|
147
147
|
<script type="module">
|
|
148
148
|
import '@brightspace-ui/core/components/object-property-list/object-property-list.js';
|
|
@@ -8,12 +8,9 @@ import { css, html, nothing } from 'lit';
|
|
|
8
8
|
import { getComposedActiveElement, getFirstFocusableDescendant, getPreviousFocusableAncestor } from '../../helpers/focus.js';
|
|
9
9
|
import { _offscreenStyleDeclarations } from '../offscreen/offscreen.js';
|
|
10
10
|
import { classMap } from 'lit/directives/class-map.js';
|
|
11
|
-
import { getFlag } from '../../helpers/flags.js';
|
|
12
11
|
import { styleMap } from 'lit/directives/style-map.js';
|
|
13
12
|
import { tryGetIfrauBackdropService } from '../../helpers/ifrauBackdropService.js';
|
|
14
13
|
|
|
15
|
-
const ignoreNoopResizeEventsFlag = getFlag('GAUD-9520-ignore-no-op-resize-events', true);
|
|
16
|
-
|
|
17
14
|
export const positionLocations = Object.freeze({
|
|
18
15
|
blockEnd: 'block-end',
|
|
19
16
|
blockStart: 'block-start',
|
|
@@ -625,12 +622,7 @@ export const PopoverMixin = superclass => class extends superclass {
|
|
|
625
622
|
|
|
626
623
|
this.#removeRepositionHandlers();
|
|
627
624
|
this.#ancestorMutations = new Map();
|
|
628
|
-
|
|
629
|
-
if (ignoreNoopResizeEventsFlag) {
|
|
630
|
-
addResizeNoopEventListener(this.#handleResizeBound);
|
|
631
|
-
} else {
|
|
632
|
-
window.addEventListener('resize', this.#handleResizeBound);
|
|
633
|
-
}
|
|
625
|
+
addResizeNoopEventListener(this.#handleResizeBound);
|
|
634
626
|
|
|
635
627
|
this._ancestorMutationObserver ??= new MutationObserver(this.#handleAncestorMutationBound);
|
|
636
628
|
const mutationConfig = { attributes: true, childList: true, subtree: true };
|
|
@@ -1204,11 +1196,7 @@ export const PopoverMixin = superclass => class extends superclass {
|
|
|
1204
1196
|
});
|
|
1205
1197
|
this._scrollablesObserved = null;
|
|
1206
1198
|
this._ancestorMutationObserver?.disconnect();
|
|
1207
|
-
|
|
1208
|
-
removeResizeNoopEventListener(this.#handleResizeBound);
|
|
1209
|
-
} else {
|
|
1210
|
-
window.removeEventListener('resize', this.#handleResizeBound);
|
|
1211
|
-
}
|
|
1199
|
+
removeResizeNoopEventListener(this.#handleResizeBound);
|
|
1212
1200
|
}
|
|
1213
1201
|
|
|
1214
1202
|
#reposition() {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "3.262.
|
|
3
|
+
"version": "3.262.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",
|