@brightspace-ui/labs 2.46.0 → 2.46.2

package/package.json

@@ -111,8 +111,7 @@
     "lodash-es": "^4",
     "mobx": "^5",
     "parse-srt": "^1.0.0-alpha",
-    "resize-observer-polyfill": "^1",
     "webvtt-parser": "^2"
   },
-  "version": "2.46.0"
+  "version": "2.46.2"
 }

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

@@ -1,5 +1,4 @@
 import { css, html, LitElement } from 'lit';
-import ResizeObserver from 'resize-observer-polyfill';
 import { styleMap } from 'lit/directives/style-map.js';
 
 const AUDIO_BARS_GRADIENTS = [

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

@@ -23,7 +23,6 @@ import { ifDefined } from 'lit/directives/if-defined.js';
 import { labelStyles } from '@brightspace-ui/core/components/typography/styles.js';
 import { LocalizeLabsElement } from '../localize-labs-element.js';
 import parseSRT from 'parse-srt/src/parse-srt.js';
-import ResizeObserver from 'resize-observer-polyfill';
 import { RtlMixin } from '@brightspace-ui/core/mixins/rtl-mixin.js';
 import { styleMap } from 'lit/directives/style-map.js';
 
@@ -525,16 +524,6 @@ class MediaPlayer extends LocalizeLabsElement(RtlMixin(LitElement)) {
 				color: white;
 			}
 
-			#d2l-labs-media-player-settings-menu {
-				bottom: calc(1.8rem + 18px);
-				left: calc(0.2rem + 14px);
-			}
-
-			[dir="rtl"] #d2l-labs-media-player-settings-menu {
-				left: 0;
-				right: -0.8rem;
-			}
-
 			.d2l-labs-media-player-full-area-centered {
 				align-items: center;
 				display: flex;
@@ -938,7 +927,7 @@ class MediaPlayer extends LocalizeLabsElement(RtlMixin(LitElement)) {
 					</div>
 					<d2l-dropdown>
 						<d2l-button-icon class="d2l-dropdown-opener" icon="tier1:gear" text="${this.localize('components:mediaPlayer:settings')}" theme="${ifDefined(theme)}"></d2l-button-icon>
-						<d2l-dropdown-menu id="d2l-labs-media-player-settings-menu" no-pointer theme="${ifDefined(theme)}">
+						<d2l-dropdown-menu id="d2l-labs-media-player-settings-menu" class="vdiff-target" no-pointer theme="${ifDefined(theme)}">
 							<d2l-menu label="${this.localize('components:mediaPlayer:settings')}" theme="${ifDefined(theme)}">
 								<d2l-menu-item id="d2l-labs-media-player-playback-speeds" text="${this.localize('components:mediaPlayer:playbackSpeed')}">
 									<div slot="supporting">${this._selectedSpeed}</div>

package/src/components/navigation/navigation-immersive.js

@@ -5,7 +5,6 @@ import { css, html, LitElement } from 'lit';
 import { bodyCompactStyles } from '@brightspace-ui/core/components/typography/styles.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { navigationSharedStyle } from './navigation-shared-styles.js';
-import ResizeObserver from 'resize-observer-polyfill/dist/ResizeObserver.es.js';
 import { styleMap } from 'lit/directives/style-map.js';
 
 const mediaQueryList = window.matchMedia('(max-width: 615px)');