@gcorevideo/player 2.22.13 → 2.22.14

package/assets/bottom-gear/gear.scss

@@ -16,11 +16,6 @@
       .gear-options-list {
         padding: 8px 0;
 
-        svg {
-          float: left;
-          margin-right: 10px;
-        }
-
         .gear-option {
           margin: 0;
           text-align: left;
@@ -28,19 +23,31 @@
           padding: 5px 14px;
           width: 250px;
           font-size: 12px;
+          display: flex;
+          align-items: center;
+          justify-content: flex-start;
+          gap: 8px;
+
+          &_icon {
+            flex: 24px 0 0;
+            height: 24px;
+            &.hidden {
+              visibility: hidden;
+              display: inline-block;
+            }
+          }
 
-          .gear-option_arrow-right-icon {
-            float: right;
-            margin-right: -14px;
+          &_label {
+            flex: 0 1 100%;
           }
 
-          .gear-option_value {
-            float: right;
-            margin-right: 8px;
+          &_arrow-right-icon {
+            flex: 0 0 14px;
+            height: 24px;
           }
 
-          svg {
-            height: 20px;
+          &_value {
+            flex: 1 0 auto;
           }
         }
       }

package/assets/clappr-nerd-stats/button.ejs

@@ -1,4 +1,4 @@
 <button class='nerd-button gplayer-lite-btn gcore-skin-text-color gear-option' id="nerd-stats-button">
-    <span class="stats-icon"><%= icon %></span>
-    <span><%= i18n.t('statistics') %></span>
+    <span class="gear-option_icon"><%= icon %></span>
+    <span class="gear-option_label"><%= i18n.t('statistics') %></span>
 </button>

package/assets/clappr-nerd-stats/clappr-nerd-stats.scss

@@ -223,49 +223,6 @@
   padding: 0;
 }
 
-.settings-options-list {
-  position: absolute;
-  right: 16px;
-  bottom: 52px;
-  background: var(--primary-background-color);
-  width: 250px;
-  height: 48px;
-  z-index: 9999;
-  border-radius: 4px;
-
-  svg {
-    float: left;
-    margin-right: 10px;
-  }
-
-  .settings-speedtest-option {
-    color: var(--primary-text-color);
-    margin: 0;
-    text-align: left;
-    height: 24px;
-    line-height: 22px;
-    padding: 14px;
-    width: 250px;
-    font-size: 12px;
-
-    &:hover {
-      color: var(--hover-text-color);
-
-      svg {
-        path {
-          fill: var(--hover-text-color);
-        }
-      }
-    }
-
-    svg {
-      path {
-        fill: var(--primary-text-color);
-      }
-    }
-  }
-}
-
 .speedtest-summary {
   width: 100%;
   border-top: 1px solid var(--secondary-background-color) !important;

package/assets/level-selector/button.ejs

@@ -1,6 +1,6 @@
 <button class='gplayer-lite-btn gcore-skin-text-color gear-option' aria-haspopup="menu">
-    <span class="gear-option_hd-icon<%= isHd ? '' : ' hidden' %>"><%= hdIcon %></span>
-    <span><%= i18n.t('quality') %></span>
-    <span class="gear-option_arrow-right-icon"><%= arrowRightIcon %></span>
+    <span class="gear-option_icon<%= isHd ? '' : ' hidden' %>"><%= hdIcon %></span>
+    <span class="gear-option_label"><%= i18n.t('quality') %></span>
     <span class='gear-option_value'><%= currentText %></span>
+    <span class="gear-option_arrow-right-icon"><%= arrowRightIcon %></span>
 </button>

package/assets/level-selector/style.scss

@@ -1,8 +1,3 @@
-.gear-option_hd-icon {
-    &.hidden {
-        display: none;
-    }
-}
 .quality-levels li {
     &.disabled {
         opacity: 0.5;

package/assets/playback-rate/button.ejs

@@ -1,6 +1,6 @@
 <button class='gplayer-lite-btn gcore-skin-text-color gear-option' id="playback-rate-button">
-    <span class="gear-option_speed-icon"><%= speedIcon %></span>
+    <span class="gear-option_speed-icon gear-option_icon"><%= speedIcon %></span>
     <span class="gear-option_label"><%= i18n.t('playback_rate') %></span>
-    <span class="gear-option_arrow-right-icon"><%= arrowRightIcon %></span>
     <span class='gear-option_value'><%= title %></span>
+    <span class="gear-option_arrow-right-icon"><%= arrowRightIcon %></span>
 </button>

package/dist/core.js

@@ -42133,6 +42133,16 @@ class HlsPlayback extends BasePlayback {
         this.seek(seekTo);
     }
     seek(time) {
+        // trace(`${T} seek`, {
+        //   time,
+        //   duration: this._duration,
+        //   startTime: this._startTime,
+        //   currentTimestamp: this.currentTimestamp,
+        //   playbackType: this.getPlaybackType(),
+        //   dvrEnabled: this.dvrEnabled,
+        //   durationExcludesAfterLiveSyncPoint: this._durationExcludesAfterLiveSyncPoint,
+        //   minDvrSize: this._minDvrSize,
+        //  })
         if (time < 0) {
             Log.warn('Attempt to seek to a negative time. Resetting to live point. Use seekToLivePoint() to seek to the live point.');
             time = this.getDuration();
@@ -42284,6 +42294,11 @@ class HlsPlayback extends BasePlayback {
             return;
         }
         this._lastTimeUpdate = update;
+        // trace(`${T} _onTimeUpdate`, {
+        //   current: update.current,
+        //   total: update.total,
+        //   firstFragDateTime: update.firstFragDateTime,
+        // })
         this.trigger(Events$1.PLAYBACK_TIMEUPDATE, update, this.name);
     }
     _onDurationChange() {
@@ -42554,6 +42569,12 @@ class HlsPlayback extends BasePlayback {
         this.trigger(Events$1.PLAYBACK_LEVEL_SWITCH_END);
     }
     get dvrEnabled() {
+        // trace(`${T} dvrEnabled`, {
+        //   durationExcludesAfterLiveSyncPoint: this._durationExcludesAfterLiveSyncPoint,
+        //   duration: this._duration,
+        //   minDvrSize: this._minDvrSize,
+        //   playbackType: this.getPlaybackType(),
+        // })
         // enabled when:
         // - the duration does not include content after hlsjs's live sync point
         // - the playable region duration is longer than the configured duration to enable dvr after
@@ -43218,7 +43239,7 @@ class Player {
     }
 }
 
-var version$1 = "2.22.13";
+var version$1 = "2.22.14";
 
 var packages = {
 	"node_modules/@clappr/core": {