@gcorevideo/player 2.22.15 → 2.22.16

package/assets/clips/clips.ejs

@@ -0,0 +1 @@
+<div class="media-clip-text" id="clips-text"></div>

package/assets/clips/clips.scss

@@ -1,3 +1,23 @@
-    .clips.bar-container[data-seekbar] {
-        clip-path: url("#myClip");
-    }
+.media-control-clips {
+  display: flex;
+  gap: 6px;
+  .media-clip-text {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    display: inline-block;
+    text-overflow: ellipsis;
+    color: white;
+    cursor: default;
+    line-height: var(--bottom-panel);
+    position: relative;
+
+    &::before {
+      content: '•';
+      padding-right: 6px;
+    }
+  }
+  .media-clip-text {
+    max-width: 100px;
+  }
+}

package/assets/level-selector/list.ejs

@@ -5,7 +5,13 @@
 <ul class="gear-sub-menu quality-levels" id="level-selector-menu" role="menu">
     <% if (!removeAuto) { %>
         <li>
-            <a href="#" class='gear-sub-menu_btn gcore-skin-text-color' data-id="-1" id="level_selector_auto">
+            <a href="#"
+                class="gear-sub-menu_btn gcore-skin-text-color"
+                data-id="-1"
+                id="level_selector_auto"
+               aria-checked="<%= current === -1 %>"
+               role="menuitemradio"
+            >
                 <span class="check-icon"><%= checkIcon %></span>
                 <%= i18n.t('auto') %>
             </a>
@@ -19,8 +25,8 @@
             <a href="#"
                 class="gear-sub-menu_btn gcore-skin-text-color<%= checked ? ' gcore-skin-active' : '' %>"
                 data-id="<%= item.level %>"
-                data-disabled="<%= disabled %>"
-                data-checked="<%= checked %>"
+                aria-disabled="<%= disabled %>"
+                aria-checked="<%= checked %>"
                 role="menuitemradio"
                 id="level_selector_<%= item.width > item.height ? item.height : item.width %>"
             >

package/assets/media-control/media-control.ejs

@@ -45,12 +45,6 @@
     <% var renderMultiCamera = function(name) { %>
         <div class="media-control-multicamera" data-<%= name %>></div>
     <% }; %>
-    <% var renderClipsText = function(name) { %>
-        <div class="media-clip-container gcore-skin-text-color" data-<%= name %>>
-            <div class="media-clip-point gcore-skin-text-color" data-<%= name %>>•</div>
-            <div class="media-clip-text gcore-skin-text-color" data-<%= name %>></div>
-        </div>
-    <% }; %>
     <% var renderVR = function(name) { %>
         <div class="media-control-vr" data-<%= name %>></div>
     <% }; %>
@@ -72,7 +66,7 @@
                 renderDrawer(setting, settings.volumeBarTemplate ? templates[settings.volumeBarTemplate] : function (name) {
                     return renderSegmentedBar(name);
                 });
-            } else if (setting === "duration" || setting === "position") {
+            } else if (setting === "duration" || setting === "position" || setting === "clips") {
                 renderIndicator(setting);
             } else if (setting === "quality") {
                 renderQuality(setting)
@@ -82,8 +76,6 @@
                 renderMultiCamera(setting)
             } else if (setting === "vr") {
                 renderVR(setting)
-            } else if (setting === "clipsText") {
-                renderClipsText(setting)
             } else if (["playpause", "playstop", "fullscreen"].includes(setting)) {
                 renderButton(setting);
             }

package/assets/media-control/media-control.scss

@@ -178,31 +178,6 @@
       }
     }
 
-    .media-clip-container {
-      display: none;
-
-      .media-clip-text,
-      .media-clip-point {
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        overflow: hidden;
-        display: inline-block;
-        float: left;
-        color: white;
-        cursor: default;
-        line-height: var(--bottom-panel);
-        position: relative;
-      }
-
-      .media-clip-point {
-        margin-right: 6px;
-      }
-
-      .media-clip-text {
-        max-width: calc(80% - 240px);
-      }
-    }
-
     .bar-container[data-seekbar] {
       position: absolute;
       top: -11px;

package/assets/media-control/width370.scss

@@ -146,16 +146,16 @@
       }
     }
 
-    .media-clip-container {
+    .media-clip-container,
+    .media-control-clips {
 
-      .media-clip-text,
-      .media-clip-point {
+      .media-clip-text {
         line-height: 33px;
         font-size: 11px;
       }
 
       .media-clip-text {
-        max-width: calc(80% - 210px);
+        max-width: 50px;
       }
     }
 

package/dist/core.js

@@ -43221,7 +43221,7 @@ class Player {
     }
 }
 
-var version$1 = "2.22.15";
+var version$1 = "2.22.16";
 
 var packages = {
 	"node_modules/@clappr/core": {