bitmovin-player-ui 3.52.0 → 3.52.2

package/dist/js/framework/components/seekbar.js

@@ -189,7 +189,7 @@ var SeekBar = exports.SeekBar = /** @class */ (function (_super) {
             // At the same time when the user is scrubbing, we also move the position of the seekbar to display a preview during scrubbing.
             // When the user is scrubbing we do not record this as a user seek operation, as the user has yet to finish their seek,
             // but we should not move the playback position to not create a jumping behaviour.
-            if (scrubbing && event.type === player.exports.PlayerEvent.SegmentRequestFinished && playbackPositionPercentage !== _this.playbackPositionPercentage) {
+            if (scrubbing && event && event.type === player.exports.PlayerEvent.SegmentRequestFinished && playbackPositionPercentage !== _this.playbackPositionPercentage) {
                 playbackPositionPercentage = _this.playbackPositionPercentage;
             }
             if (player.isLive()) {

package/dist/js/framework/main.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VolumeControlButton = exports.TitleBar = exports.SubtitleSelectBox = exports.SubtitleOverlay = exports.SeekBarLabel = exports.RecommendationOverlay = exports.ErrorMessageOverlay = exports.Component = exports.CastToggleButton = exports.CastStatusOverlay = exports.AudioTrackSelectBox = exports.AudioQualitySelectBox = exports.Label = exports.Container = exports.UIContainer = exports.Watermark = exports.VRToggleButton = exports.VolumeToggleButton = exports.VideoQualitySelectBox = exports.ToggleButton = exports.SettingsToggleButton = exports.SettingsPanel = exports.ItemSelectionList = exports.SelectBox = exports.SeekBar = exports.PlaybackToggleButton = exports.PlaybackTimeLabelMode = exports.PlaybackTimeLabel = exports.HugePlaybackToggleButton = exports.FullscreenToggleButton = exports.ControlBar = exports.Button = exports.ListOrientation = exports.ListNavigationGroup = exports.RootNavigationGroup = exports.NavigationGroup = exports.SpatialNavigation = exports.i18n = exports.ErrorUtils = exports.StorageUtils = exports.BrowserUtils = exports.UIUtils = exports.PlayerUtils = exports.StringUtils = exports.ArrayUtils = exports.DemoFactory = exports.UIFactory = exports.UIInstanceManager = exports.UIManager = exports.version = void 0;
 exports.ReplayButton = exports.SettingsPanelItem = exports.SubtitleSettingsPanelPage = exports.SettingsPanelPageOpenButton = exports.SettingsPanelPageBackButton = exports.SettingsPanelPage = exports.AudioTrackListBox = exports.SubtitleListBox = exports.ListBox = exports.SubtitleSettingsResetButton = exports.WindowOpacitySelectBox = exports.WindowColorSelectBox = exports.SubtitleSettingsLabel = exports.SubtitleSettingSelectBox = exports.FontSizeSelectBox = exports.FontOpacitySelectBox = exports.FontFamilySelectBox = exports.FontColorSelectBox = exports.CharacterEdgeSelectBox = exports.BackgroundOpacitySelectBox = exports.BackgroundColorSelectBox = exports.Spacer = exports.PictureInPictureToggleButton = exports.VolumeSlider = exports.AirPlayToggleButton = exports.MetadataLabelContent = exports.MetadataLabel = exports.CloseButton = exports.PlaybackToggleOverlay = exports.CastUIContainer = exports.BufferingOverlay = exports.HugeReplayButton = exports.PlaybackSpeedSelectBox = exports.AdClickOverlay = exports.AdMessageLabel = exports.AdSkipButton = exports.ClickOverlay = void 0;
-exports.version = '3.52.0';
+exports.version = '3.52.2';
 // Management
 var uimanager_1 = require("./uimanager");
 Object.defineProperty(exports, "UIManager", { enumerable: true, get: function () { return uimanager_1.UIManager; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bitmovin-player-ui",
-  "version": "3.52.0",
+  "version": "3.52.2",
   "description": "Bitmovin Player UI Framework",
   "main": "./dist/js/framework/main.js",
   "types": "./dist/js/framework/main.d.ts",

package/src/scss/skin-modern/components/_bufferingoverlay.scss

@@ -38,7 +38,7 @@
     $buffering-animation-duration: 2s;
     $buffering-animation-delay: $buffering-animation-duration * .1;
 
-    @keyframes fancy {
+    @keyframes #{$prefix}-fancy {
       0% {
         opacity: 0;
         transform: scale(1);
@@ -63,7 +63,7 @@
       }
     }
 
-    animation: fancy $buffering-animation-duration ease-in infinite;
+    animation: #{$prefix}-fancy $buffering-animation-duration ease-in infinite;
     background: url('../../assets/skin-modern/images/loader.svg') no-repeat center;
     display: inline-block;
     height: 2em;

package/src/scss/skin-modern/components/_closebutton.scss

@@ -4,7 +4,7 @@
 .#{$prefix}-ui-closebutton {
   @extend %ui-button;
 
-  @keyframes pulsate {
+  @keyframes #{$prefix}-pulsate {
     20% {
       transform: scale(1.1);
     }
@@ -27,6 +27,6 @@
   &:hover {
     @include svg-icon-shadow;
 
-    animation: pulsate 1s;
+    animation: #{$prefix}-pulsate 1s;
   }
 }

package/src/scss/skin-modern/components/_hugeplaybacktogglebutton.scss

@@ -3,7 +3,7 @@
 .#{$prefix}-ui-hugeplaybacktogglebutton {
   @extend %ui-button;
 
-  @keyframes fade-out {
+  @keyframes #{$prefix}-fade-out {
     from {
       opacity: 1;
       visibility: visible;
@@ -16,7 +16,7 @@
     }
   }
 
-  @keyframes fade-in {
+  @keyframes #{$prefix}-fade-in {
     from {
       opacity: 0;
       transform: scale(2);
@@ -28,7 +28,7 @@
     }
   }
 
-  @keyframes breathe {
+  @keyframes #{$prefix}-breathe {
     30% {
       transform: scale(1.1);
     }
@@ -53,13 +53,13 @@
     width: 100%;
 
     &:hover {
-      animation: breathe 3s ease-in-out infinite;
+      animation:  #{$prefix}-breathe 3s ease-in-out infinite;
     }
   }
 
   &.#{$prefix}-on {
     .#{$prefix}-image {
-      animation: fade-out $animation-duration cubic-bezier(.55, .055, .675, .19); // http://easings.net/de#easeInCubic
+      animation: #{$prefix}-fade-out $animation-duration cubic-bezier(.55, .055, .675, .19); // http://easings.net/de#easeInCubic
       transition: visibility 0s $animation-duration;
       visibility: hidden;
     }
@@ -67,7 +67,7 @@
 
   &.#{$prefix}-off {
     .#{$prefix}-image {
-      animation: fade-in $animation-duration cubic-bezier(.55, .055, .675, .19); // http://easings.net/de#easeInCubic
+      animation:  #{$prefix}-fade-in $animation-duration cubic-bezier(.55, .055, .675, .19); // http://easings.net/de#easeInCubic
       visibility: visible;
     }
   }

package/src/scss/skin-modern/components/_hugereplaybutton.scss

@@ -16,7 +16,7 @@
     height: 100%;
     width: 100%;
 
-    @keyframes spin {
+    @keyframes #{$prefix}-spin {
       50% {
         transform: rotate(180deg) scale(1.1);
       }
@@ -27,7 +27,7 @@
     }
 
     &:hover {
-      animation: spin .5s ease-in;
+      animation: #{$prefix}-spin .5s ease-in;
     }
   }
 }

package/src/ts/components/seekbar.ts

@@ -254,7 +254,7 @@ export class SeekBar extends Component<SeekBarConfig> {
       // At the same time when the user is scrubbing, we also move the position of the seekbar to display a preview during scrubbing.
       // When the user is scrubbing we do not record this as a user seek operation, as the user has yet to finish their seek,
       // but we should not move the playback position to not create a jumping behaviour.
-      if (scrubbing && event.type === player.exports.PlayerEvent.SegmentRequestFinished && playbackPositionPercentage !== this.playbackPositionPercentage) {
+      if (scrubbing && event && event.type === player.exports.PlayerEvent.SegmentRequestFinished && playbackPositionPercentage !== this.playbackPositionPercentage) {
         playbackPositionPercentage = this.playbackPositionPercentage;
       }