@brightspace-ui/core 2.140.0 → 2.141.1

package/README.md

@@ -93,7 +93,7 @@ Start a [@web/dev-server](https://modern-web.dev/docs/dev-server/overview/) that
 npm start
 ```
 
-D2L employees can also view the latest main-branch demos at https://brightspace-ui-core.d2l.dev/.
+D2L employees can also view the latest main-branch demos at https://live.d2l.dev/BrightspaceUI/core/.
 
 ### Linting
 

package/components/alert/alert-toast.js

@@ -144,7 +144,7 @@ class AlertToast extends LitElement {
 	render() {
 		return html`
 			<div
-				class="d2l-alert-toast-container"
+				class="d2l-alert-toast-container vdiff-target"
 				data-state="${this._state}"
 				@transitionend=${this._onTransitionEnd}>
 				<d2l-alert

package/components/dialog/dialog-mixin.js

@@ -468,6 +468,7 @@ export const DialogMixin = superclass => class extends RtlMixin(superclass) {
 		}
 
 		const dialogOuterClasses = {
+			'vdiff-target': true,
 			'd2l-dialog-outer': true,
 			'd2l-dialog-outer-full-height': this._autoSize && this._isFullHeight,
 			'd2l-dialog-outer-overflow-bottom': this._overflowBottom,

package/components/filter/filter.js

@@ -743,7 +743,8 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 				value: dimension.searchValue,
 				loadMoreCompleteCallback: (options) => {
 					applySearch(options);
-					this.shadowRoot.querySelector('d2l-dropdown-menu').addEventListener('d2l-dropdown-position', e.detail.complete, { once: true });
+					const menu = this.shadowRoot.querySelector('d2l-dropdown-menu');
+					menu ? menu.addEventListener('d2l-dropdown-position', e.detail.complete, { once: true }) : e.detail.complete();
 				}
 			},
 			bubbles: true,

package/mixins/async-container/demo/async-item.js

@@ -8,6 +8,7 @@ class AsyncItem extends LitElement {
 		return {
 			delay: { type: Number },
 			key: { type: String },
+			manual: { type: Boolean },
 			throwError: { type: Boolean, attribute: 'throw-error' }
 		};
 	}
@@ -34,6 +35,7 @@ class AsyncItem extends LitElement {
 		super();
 		this.delay = 4000;
 		this.key = null;
+		this.manual = false;
 	}
 
 	render() {
@@ -45,18 +47,30 @@ class AsyncItem extends LitElement {
 		})}`;
 	}
 
+	reject() {
+		setTimeout(() => this._reject('error'), 0);
+	}
+
+	resolve() {
+		setTimeout(() => this._resolve(html`<div>${this.key}</div>`), 0);
+	}
+
 	_getContent(key) {
 		return new Promise((resolve, reject) => {
 			if (!key) {
 				throw new InitialStateError();
 			} else {
-				setTimeout(() => {
-					if (this.throwError) {
-						reject('an error occurred');
-					} else {
-						resolve(html`<div>${this.key}</div>`);
-					}
-				}, this.delay);
+				this._resolve = resolve;
+				this._reject = reject;
+				if (!this.manual) {
+					setTimeout(() => {
+						if (this.throwError) {
+							this.reject();
+						} else {
+							this.resolve();
+						}
+					}, this.delay);
+				}
 			}
 		});
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "2.140.0",
+  "version": "2.141.1",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",
@@ -22,7 +22,8 @@
     "test:axe": "d2l-test-runner aXe",
     "test:headless": "d2l-test-runner",
     "test:headless:watch": "d2l-test-runner --watch",
-    "test:translations": "mfv -e -s en -p ./lang/ -i untranslated"
+    "test:translations": "mfv -e -s en -p ./lang/ -i untranslated",
+    "test:vdiff": "d2l-test-runner vdiff"
   },
   "files": [
     "custom-elements.json",
@@ -45,7 +46,7 @@
   "devDependencies": {
     "@babel/eslint-parser": "^7",
     "@brightspace-ui/stylelint-config": "^0.8",
-    "@brightspace-ui/testing": "^0.18",
+    "@brightspace-ui/testing": "^0.30",
     "@open-wc/semantic-dom-diff": "^0.20",
     "@rollup/plugin-dynamic-import-vars": "^2",
     "@rollup/plugin-node-resolve": "^15",