@brightspace-ui/core 2.60.0 → 2.61.0

package/components/selection/selection-observer-mixin.js

@@ -87,10 +87,12 @@ export const SelectionObserverMixin = superclass => class extends superclass {
 	}
 
 	_handleSelectionObserverSubscribe(e) {
-		if (e.target !== this && this._provider) {
+		if (this._provider) {
+			const target = e.composedPath()[0];
+			if (target === this) return;
+
 			e.stopPropagation();
 			e.detail.provider = this._provider;
-			const target = e.composedPath()[0];
 			this._provider.subscribeObserver(target);
 		}
 	}

package/custom-elements.json

@@ -10126,7 +10126,30 @@
     },
     {
       "name": "d2l-test-selection-observer-shadow",
-      "path": "./components/selection/test/selection-component.js"
+      "path": "./components/selection/test/selection-component.js",
+      "attributes": [
+        {
+          "name": "selection-for",
+          "description": "Id of the `SelectionMixin` component this component wants to observe (if not located within that component)",
+          "type": "string"
+        }
+      ],
+      "properties": [
+        {
+          "name": "selectionFor",
+          "attribute": "selection-for",
+          "description": "Id of the `SelectionMixin` component this component wants to observe (if not located within that component)",
+          "type": "string"
+        },
+        {
+          "name": "selectionInfo"
+        }
+      ],
+      "events": [
+        {
+          "name": "d2l-selection-observer-subscribe"
+        }
+      ]
     },
     {
       "name": "d2l-test-skeleton-box",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "2.60.0",
+  "version": "2.61.0",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",

package/tools/dom-test-helpers.js

@@ -1,3 +1,4 @@
+import { getComposedChildren } from '../helpers/dom.js';
 
 export function keyDown(element, keycode) {
 	const event = new CustomEvent('keydown', {
@@ -10,3 +11,18 @@ export function keyDown(element, keycode) {
 	event.code = keycode;
 	element.dispatchEvent(event);
 }
+
+export async function getUpdateCompleteAll(node) {
+
+	if (!node || (node.nodeType !== Node.ELEMENT_NODE && node.nodeType !== Node.DOCUMENT_NODE && node.nodeType !== Node.DOCUMENT_FRAGMENT_NODE)) {
+		throw new TypeError('Invalid node. Must be nodeType document, element or document fragment');
+	}
+
+	const getUpdateComplete = async elem => {
+		if (elem.updateComplete) await elem.updateComplete;
+		const childElements = getComposedChildren(elem);
+		await Promise.all(childElements.map(childElement => getUpdateComplete(childElement)));
+	};
+
+	return getUpdateComplete(node);
+}