@brightspace-ui/labs 2.50.0 → 2.51.0

package/package.json

@@ -82,13 +82,13 @@
     "@web/dev-server": "^0.4",
     "@web/rollup-plugin-html": "^3",
     "eslint": "^9",
-    "eslint-config-brightspace": "^2",
+    "eslint-config-brightspace": "^3",
     "glob-all": "^3",
     "messageformat-validator": "^3.0.0-beta.5",
     "rollup": "^4",
     "rollup-plugin-copy": "^3",
     "rollup-plugin-delete": "^3",
-    "sinon": "^21",
+    "sinon": "^22",
     "stylelint": "^17"
   },
   "files": [
@@ -113,5 +113,5 @@
     "parse-srt": "^1.0.0-alpha",
     "webvtt-parser": "^2"
   },
-  "version": "2.50.0"
+  "version": "2.51.0"
 }

package/src/components/accordion/accordion-collapse.js

@@ -221,7 +221,7 @@ class LabsAccordionCollapse extends LitElement {
 	render() {
 		return html`
 			<div id="header-container">
-				<a href="javascript:void(0)" id="trigger" ?aria-expanded=${this.opened} class="header-grid-item" aria-controls="collapse" role="button" ?data-border="${this.headerBorder}" @blur=${this._triggerBlur} @click=${this.toggle} @focus=${this._triggerFocus}>
+				<a href="javascript:void(0)" id="trigger" aria-expanded=${this.opened ? 'true' : 'false'} class="header-grid-item" aria-controls="collapse" role="button" ?data-border="${this.headerBorder}" @blur=${this._triggerBlur} @click=${this.toggle} @focus=${this._triggerFocus}>
 					${!this.headerHasInteractiveContent ? html`
 						<div class="collapse-title" title="${this.label}">${this.title}${this.label}<slot name="header"></slot>
 						</div>
@@ -243,7 +243,7 @@ class LabsAccordionCollapse extends LitElement {
 				` : nothing}
 			</div>
 
-			<div class="content">
+			<div class="content" id="collapse">
 				<d2l-expand-collapse-content ?expanded=${this.opened} @d2l-expand-collapse-content-expand=${this._handleExpand} @d2l-expand-collapse-content-collapse=${this._handleCollapse}>
 					<slot></slot>
 				</d2l-expand-collapse-content>

package/src/components/media-player/media-player.js

@@ -1576,7 +1576,7 @@ class MediaPlayer extends LocalizeLabsElement(RtlMixin(LitElement)) {
 			this._updateCurrentTimeFromSeekbarProgress();
 
 			if (this._pausedForSeekDrag) {
-				this._media.play();
+				this._play();
 			}
 			this._dragging = false;
 		}
@@ -2030,6 +2030,12 @@ class MediaPlayer extends LocalizeLabsElement(RtlMixin(LitElement)) {
 		return quality;
 	}
 
+	// Calling play() returns a Promise. If pause() is called before that Promise resolves,
+	// the browser rejects it with an AbortError. This is benign, so we suppress it.
+	_play() {
+		return this._media.play().catch((e) => { if (e.name !== 'AbortError') throw e; });
+	}
+
 	_reloadSource() {
 		if (this._media) {
 			const oldSourceNode = this._media.getElementsByTagName('source')[0];
@@ -2243,7 +2249,7 @@ class MediaPlayer extends LocalizeLabsElement(RtlMixin(LitElement)) {
 				this._loadVisibilityObserver({ target: this._mediaContainer });
 			}
 			this._playRequested = true;
-			this._media.play();
+			this._play();
 		} else {
 			this._playRequested = false;
 			this._media.pause();