@brightspace-ui/labs 2.36.1 → 2.37.0

package/package.json

@@ -114,5 +114,5 @@
     "resize-observer-polyfill": "^1",
     "webvtt-parser": "^2.1.2"
   },
-  "version": "2.36.1"
+  "version": "2.37.0"
 }

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

@@ -1447,10 +1447,11 @@ class MediaPlayer extends LocalizeLabsElement(RtlMixin(LitElement)) {
 				</div>
 			`;
 
-		// format of the thumbnail is [url]/th<height>w<height>i<interval>-<hash>.[png|jpg]
-		const matches = this.thumbnails.match(/th(\d+)w(\d+)i(\d+)[^/]*$/i);
-		if (matches && matches.length !== 4) return; // no matches
-		const [ , thumbHeight, thumbWidth, interval] = matches;
+		// format of the thumbnail is either [url]/timelineThumbnails-h<height>w<height>i<interval>-<hash>.[png|jpg]
+		// or [url]/th<height>w<height>i<interval>-<hash>.[png|jpg]
+		const matches = this.thumbnails.match(/(timelineThumbnails-|t)h(\d+)w(\d+)i(\d+)[^/]*$/i);
+		if (matches && matches.length !== 5) return; // no matches
+		const [ , , thumbHeight, thumbWidth, interval] = matches;
 
 		const width = this._thumbnailsImage.width;
 		const height = this._thumbnailsImage.height;

package/src/utilities/router/router.js

@@ -13,8 +13,9 @@ export const _createReducedContext = pageContext => ({
 	hash: pageContext.hash,
 	route: pageContext.routePath,
 	title: pageContext.title,
+	loaderData: pageContext.loaderData,
 	options: {},
-	passedData
+	passedData,
 });
 
 const _storeCtx = () => {
@@ -51,7 +52,7 @@ const _handleRouteLoader = r => (context, next) => {
 	}
 
 	if (r.loader) {
-		r.loader().then(() => {
+		r.loader(context).then(() => {
 			_handleRouteView(context, next, r);
 		});
 	} else if (r.pattern && r.to) {