@viewlift/player-backup 2.0.302-backup → 2.0.304-backup

package/esm/bundle.css

@@ -190,15 +190,16 @@
 }
 
 .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
-    display: none;
+    /* display: none; */
 }
 
 .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
-    display: none;
+    /* display: none; */
 }
 }
   
 
+
 .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
   font-size: 2.2em;
   line-height: 2.6;
@@ -668,16 +669,16 @@
   }
 
   .video-js.skin_news .vjs-text-track-display-ttml span {
-    color: white !important;
-    font-size: 13px !important;
-    background-color: black !important;
+    color: white;
+    font-size: 13px;
+    background-color: black;
   }
 }
 
 .video-js.skin_news .vjs-text-track-display-ttml span {
-  color: white !important;
-  font-size: 16px !important;
-  background-color: black !important;
+  color: white;
+  font-size: 16px;
+  background-color: black;
 }
 
 .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
@@ -1229,7 +1230,6 @@
 
 
 
-
 .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
   font-size: 2.2em;
   line-height: 2.6;
@@ -1699,6 +1699,339 @@
 }
 
 
+
+.video-js.skin_cn_news .vjs-control-bar {
+  z-index: 1 !important;
+  height: auto !important; 
+  padding: 0.8em 30px 0.6em;
+  background: transparent !important; 
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  column-gap: 10px; 
+}
+
+
+.video-js.skin_cn_news .vjs-control-bar::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: -3em;
+  background: linear-gradient(
+    to top,
+    rgba(0, 0, 0, 0.85) 0%,
+    rgba(0, 0, 0, 0.7) 40%,
+    rgba(0, 0, 0, 0.55) 70%,
+    rgba(0, 0, 0, 0.38) 86%,
+    transparent 100%
+  );
+  pointer-events: none;
+  z-index: -1;
+}
+
+.video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
+  order: -1;
+  flex: 0 0 100%;
+  width: 80%;
+  margin: 0 0 5em; 
+  position: relative;
+}
+
+.video-js.skin_cn_news .vjs-control-bar > .vjs-control,
+.video-js.skin_cn_news .vjs-control-bar > .vjs-button {
+  width: auto;
+  min-width: 0;
+}
+.video-js.skin_cn_news .vjs-control-bar .vjs-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 7em; 
+  padding: 0 10px;
+  color: #fff;
+}
+
+.video-js.skin_cn_news .vjs-svg-icon::before {
+  content: none !important;
+}
+
+
+.video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
+.video-js.skin_cn_news .vjs-rewind-button svg {
+  width: 24px;
+  height: 24px;
+  display: block;
+}
+
+
+
+.video-js.skin_cn_news .vjs-subs-caps-button {
+  opacity: 1;
+}
+
+
+
+.video-js.skin_cn_news .vjs-volume-panel {
+  margin: 0;
+  display: inline-flex;
+  align-items: center;
+  align-self: center;
+  height: 2.2em;
+  min-width: 7em;
+  transition: none;
+}
+.video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
+  width: 0;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  opacity: 0;
+  transition: width 0.15s ease, opacity 0.15s ease;
+}
+.video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
+.video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
+.video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
+.video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
+  width: 5em;
+  opacity: 1;
+}
+
+.video-js.skin_cn_news .vjs-volume-bar {
+  width: 4em;
+  height: 0.3em;
+  margin: 0 0.45em;
+}
+
+
+.video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
+  display: none !important;
+}
+
+.video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
+  width: 0 !important;
+}
+
+
+.video-js.skin_cn_news .vjs-custom-control-spacer {
+  display: block !important;
+  flex: 1 1 auto;
+}
+
+
+.video-js.skin_cn_news .vjs-big-play-button {
+  display: none;
+}
+.video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
+  position: relative !important;
+  display: flex;
+  left: 0;
+  top: -1px;
+}
+.video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: auto;
+  width: 80px;
+  height: 80px;
+  border: none;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.55);
+  font-size: 5em;
+  line-height: 1.3em;
+  transform: none !important;
+}
+
+
+.video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
+  height: 4px !important; 
+  margin: 0;
+  border-radius: 20px;
+  background-color: #393944; 
+}
+
+.video-js.skin_cn_news .vjs-play-progress {
+  background-color: #ffffff; 
+  border-radius: 20px;
+}
+
+.video-js.skin_cn_news .vjs-load-progress,
+.video-js.skin_cn_news .vjs-load-progress div {
+  background: rgba(255, 255, 255, 0.15);
+  border-radius: 20px;
+}
+
+
+.video-js.skin_cn_news .vjs-play-progress:before {
+  content: '';
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: #ffffff; 
+  border: 2px solid rgba(0, 0, 0, 0.6); 
+  box-sizing: border-box; 
+  box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45); 
+  top: -6px; 
+  right: -8px;
+  position: absolute;
+}
+.video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
+  display: none !important;
+}
+
+.video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
+  background: #ffffff;
+  color: #0a0e17;
+  font-weight: 700;
+  border-radius: 3px;
+}
+
+.video-js.skin_cn_news .vjs-live-control {
+  display: none !important; 
+}
+.video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
+  display: inline-flex;
+  align-items: center;
+  align-self: center;
+  height: 2.2em;
+  gap: 5px;
+  width: auto;
+  padding: 0 10px;
+  border: 1px solid rgba(255, 255, 255, 0.45);
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
+  display: none;
+}
+.video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
+  display: inline-flex;
+  align-items: center;
+}
+.video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
+  content: '';
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #ff2d2d; /* red live dot */
+}
+.video-js.skin_cn_news .vjs-seek-to-live-text {
+  color: #ffffff;
+  font-weight: 700;
+  font-size: 12px;
+  letter-spacing: 0.03em;
+}
+
+.video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
+  border-color: transparent;
+}
+.video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
+  color: #ff2d2d;
+}
+
+/* ---- time controls ---- */
+.video-js.skin_cn_news .vjs-current-time,
+.video-js.skin_cn_news .vjs-duration,
+.video-js.skin_cn_news .vjs-time-divider {
+  display: none !important;
+}
+.video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
+  display: none; 
+  align-items: center;
+  justify-content: center;
+  font-size: 11px;
+  font-weight: 700;
+  color: #fff;
+  padding: 0 6px;
+  user-select: none;
+}
+
+
+.video-js.skin_cn_news .vjs-chapter-marker {
+  z-index: 2;
+  width: var(--vl-chapter-size, 8px);
+  height: var(--vl-chapter-size, 8px);
+  top: 50%;
+  bottom: auto;
+  background: var(--vl-chapter-color, #ffffff);
+  opacity: var(--vl-chapter-opacity, 1);
+  border-radius: 50%;
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
+  transform: translate(-50%, -50%) scale(1);
+  transition: background-color 0.12s ease;
+}
+.video-js.skin_cn_news .vjs-chapter-marker:hover {
+  background: var(--vl-chapter-hover, #0a5cff); 
+}
+.video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
+  background: var(--vl-chapter-active, #0a5cff);
+}
+
+
+.video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
+  width: 16px;
+  height: 16px;
+  bottom: 160%;
+  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
+}
+
+
+.video-js.skin_cn_news .vjs-chapter-preview {
+  background: var(--vl-chapter-tooltip, #0a5cff);
+  border-radius: 6px;
+  padding: 8px 10px;
+  width: max-content;
+  max-width: 300px;
+  text-align: left;
+  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
+}
+.video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
+  color: #ffffff;
+  font-size: 13px;
+  font-weight: 400;
+  margin-bottom: 2px;
+}
+.video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
+  color: #ffffff;
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 1.3;
+  white-space: normal;
+  text-align: left;
+}
+.video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
+  border-top-color: var(--vl-chapter-tooltip, #0a5cff);
+}
+
+/* ---- responsive ---- */
+@media (max-width: 576px) {
+  .video-js.skin_cn_news .vjs-control-bar {
+    height: 3.2em !important;
+    padding: 0 8px;
+  }
+  .video-js.skin_cn_news .vjs-control-bar .vjs-button {
+    padding: 0 6px;
+  }
+  .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
+    display: none !important;
+  }
+}
+
 /* CSS for videojs-dvr-seekbar */
 
 .video-js.vjs-dvr-seekbar {
@@ -1880,7 +2213,6 @@
 
 
 
-
 .video-js .multicamera-parent.default{
     height: 345px;
     position: absolute;
@@ -2010,6 +2342,7 @@
 }
 
 
+
 /* nextep — up-next card (centered in player, scales with player size) */
 .video-js:has(.next-ep-preview),
 .video-js:has(.next-ep-preview-player-thumb) {
@@ -2251,10 +2584,16 @@
 .next-ep-network-logo--empty {
     display: none;
 }
-@media (max-width:480px){
-    .next-ep-preview{
-        width: 50% !important;
-        padding: 10px !important;
+
+/* Narrow card: stack meta and network logo */
+@container next-ep-preview (max-width: 220px) {
+    .next-ep-meta-with-logo {
+        flex-direction: column;
+        align-items: flex-start;
+    }
+
+    .next-ep-network-logo {
+        align-self: flex-end;
     }
 }
 
@@ -2976,4 +3315,101 @@ div:has(> .error-container){
   
   .error-timer-message{
     margin-left: 5px;
-  }
+  }
+/* Chapter markers on the seek bar.
+ * Uses a dedicated class (NOT .vjs-seekbar-marker) so chapter markers and SSAI
+ * ad markers coexist without clobbering each other's clear-and-rerender. */
+
+.vjs-chapter-marker {
+  position: absolute;
+  bottom: 0;
+  top: 0;
+  width: 2px;
+  background-color: red;
+  transform: translateX(-50%);
+  pointer-events: auto; /* clickable (ad markers use none) */
+  cursor: pointer;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.vjs-chapter-marker.vjs-chapter-marker--active {
+  z-index: 3;
+}
+
+.vjs-chapter-marker .vjs-chapter-marker__icon {
+  position: absolute;
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+}
+
+.vjs-chapter-marker .vjs-chapter-marker__icon svg,
+.vjs-chapter-marker .vjs-chapter-marker__icon img {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+/* Hover/scrub preview tooltip. */
+.vjs-chapter-preview {
+  position: absolute;
+  bottom: 100%;
+  margin-bottom: 12px;
+  transform: translateX(-50%);
+  background: rgba(0, 0, 0, 0.85);
+  color: #fff;
+  border-radius: 4px;
+  padding: 6px 8px;
+  width: max-content;
+  max-width: 300px;
+  text-align: left;
+  pointer-events: none;
+  z-index: 5;
+  display: none;
+  font-size: 12px;
+  line-height: 1.3;
+}
+
+.vjs-chapter-preview.vjs-chapter-preview--visible {
+  display: block;
+}
+
+.vjs-chapter-preview__label {
+  font-weight: 400;
+  text-align: left;
+  white-space: normal;
+}
+
+
+.vlp-chapter-preview-open .vjs-mouse-display {
+  display: none !important;
+}
+
+.vjs-chapter-preview__pointer {
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 0;
+  height: 0;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-top: 6px solid #000;
+}
+
+/* Time line (negative-from-live for DVR, plain timestamp for VOD) above the label.
+ * Skins (e.g. CN_NEWS) theme the colors/size. */
+.vjs-chapter-preview__time {
+  font-weight: 400;
+  text-align: left;
+  margin-bottom: 4px;
+}

package/esm/{caption-settings-a9b6581e.js → caption-settings-7e20f930.js}

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/classCallCheck";import t from"@babel/runtime/helpers/createClass";import n from"@babel/runtime/helpers/inherits";import a from"@babel/runtime/helpers/possibleConstructorReturn";import o from"@babel/runtime/helpers/getPrototypeOf";import i from"video.js";import{C as r,g as c}from"./icons-262bef63.js";import{g as l,d as s,e as d}from"./captions-9659ee8f.js";import{j as p,s as m,k as u,l as v}from"./skin-e2592aa4.js";import"@babel/runtime/helpers/toConsumableArray";function f(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(f=function(){return!!e})()}var h=i.getComponent("Component"),y=function(){n(E,h);var y,g,C=(y=E,g=f(),function(){var e,t=o(y);if(g){var n=o(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return a(this,e)});function E(t){var n,a,o,i,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e(this,E),(i=C.call(this,t,r)).playerId=r.playerId,i.seriesData=r.sres,i.currentVideoData=r.res,i.initialiseStructure(),i.loadCSS(),null===(n=document.getElementsByClassName("vjs-text-track-display-ttml"))||void 0===n||null===(a=n[0])||void 0===a||null===(o=a.style)||void 0===o||o.setProperty("display","none","important"),i}return t(E,[{key:"createEl",value:function(){var e=i.dom.createEl("div",{className:"caption-selection vjs-control vjs-button"});e.style.position="unset";var t=i.dom.createEl("div",{className:"caption-selector-icon",innerHTML:"".concat(r())});return i.dom.appendContent(e,t),e}},{key:"loadCSS",value:function(){import("./caption-settings-cb47408f.js").then(function(e){var t=document.createElement("style");t.id="video-captions",t.append("".concat(e.default)),document.head.appendChild(t)})}},{key:"initialiseStructure",value:function(){var e=this,t=l(this.playerId);null==t||t.map(function(t){return s(e.playerId,t.id)});var n=this.el(),a=i.dom.createEl("div",{className:"caption-selection-container hidden"});i.dom.$(".caption-selector-icon",this.el()).onclick=function(){var t;null!==(t=a.classList)&&void 0!==t&&t.contains("hidden")?(p(),a.classList.remove("hidden"),n.classList.add("open"),a.style.right="0px",m(e.playerId,a)):(a.classList.add("hidden"),n.classList.remove("open"),a.style.right="-350px")};var o=document.getElementById(this.playerId);if(o){var r=window.getComputedStyle(o,null).getPropertyValue("height");a.style.height="".concat(r),i.dom.appendContent(n,a),o.style.overflow="hidden",this.addFunctionality(a),u(this.playerId,a)}}},{key:"addFunctionality",value:function(e){var t=this.el(),n=i.dom.createEl("div",{className:"caption-selector-head"}),a=i.dom.createEl("div",{className:"caption-selector-cross-icon",innerHTML:"".concat(c())});a.onclick=function(){e.classList.add("hidden"),t.classList.remove("open"),e.style.right="-350px"};var o=i.dom.createEl("div",{className:"caption-selector-title",innerHTML:"Captions"}),r=i.dom.createEl("div",{className:"caption-selector-content"}),l=i.dom.createEl("div",{className:"caption-container"}),s=this.createLanguageContanier();i.dom.appendContent(l,s),i.dom.appendContent(n,a),i.dom.appendContent(n,o),i.dom.appendContent(e,n),i.dom.appendContent(e,r),i.dom.appendContent(r,l),v(this.playerId,e)}},{key:"createLanguageContanier",value:function(){var e=this,t=i.dom.createEl("div",{className:"caption-language-container"}),n=i.dom.createEl("div",{className:"caption-language-container-title",innerHTML:"Language"});i.dom.appendContent(t,n);var a=document.createElement("label");a.setAttribute("for","radio-off"),a.className="caption-language-holder";var o=document.createElement("div");o.className="caption",o.innerHTML="Off";var r=i.dom.createEl("input",{className:"radio - off",id:"radio-off",name:"language-radio",checked:"true"});r.setAttribute("type","radio"),r.onchange=function(t){var n,a,o;document.getElementsByClassName("vjs-text-track-display-ttml")&&(null===(n=document.getElementsByClassName("vjs-text-track-display-ttml"))||void 0===n||null===(a=n[0])||void 0===a||null===(o=a.style)||void 0===o||o.setProperty("display","none","important")),l(e.playerId).map(function(t){return s(e.playerId,t.id)})},i.dom.appendContent(a,r),i.dom.appendContent(a,o),i.dom.appendContent(t,a);for(var c=l(this.playerId),p=function(n){var a,o=document.createElement("label");o.className="caption-language-holder",o.setAttribute("for","language-radio-".concat(n));var r=document.createElement("div");r.className="caption - ".concat(n),r.textContent=null==c||null===(a=c[n])||void 0===a?void 0:a.label;var l=i.dom.createEl("input",{className:"radio -  ".concat(n),id:"language-radio-".concat(n),name:"language-radio"});l.onchange=function(t){d(e.playerId,c[n].id)},l.setAttribute("type","radio"),i.dom.appendContent(o,l),i.dom.appendContent(o,r),i.dom.appendContent(t,o)},m=0;m<c.length;m++)p(m);return t}},{key:"createFontSizeContainer",value:function(){var e=i.dom.createEl("div",{className:"caption-font-container"}),t=i.dom.createEl("div",{className:"caption-font-container-title",innerHTML:"Font Size"});i.dom.appendContent(e,t);for(var n=[{size:14},{size:18},{size:24}],a=0;a<n.length;a++){var o,r=document.createElement("label");r.className="caption-font-holder",r.setAttribute("for","font".concat(a));var c=document.createElement("div");c.className="fontsize - ".concat(a),c.textContent=(null==n||null===(o=n[a])||void 0===o?void 0:o.size)+"pt";var l=i.dom.createEl("input",{className:"radio -  ".concat(a),id:"font".concat(a),name:"font-size-radio",size:"".concat(n[a].size),checked:"".concat(a==n.length-1)});l.setAttribute("type","radio"),l.onchange=function(e){var t=e.target.size;if(document.getElementById("caption-size")){document.getElementById("caption-size").textContent=".vjs-text-track-cue{font-size:".concat(t,"px !important}")}else{var n=document.createElement("style");n.textContent=".vjs-text-track-cue{font-size:".concat(t,"px !important}"),n.id="caption-size",document.head.append(n)}},i.dom.appendContent(r,l),i.dom.appendContent(r,c),i.dom.appendContent(e,r)}return e}}]),E}();export{y as default};
+import e from"@babel/runtime/helpers/classCallCheck";import t from"@babel/runtime/helpers/createClass";import n from"@babel/runtime/helpers/inherits";import a from"@babel/runtime/helpers/possibleConstructorReturn";import o from"@babel/runtime/helpers/getPrototypeOf";import i from"video.js";import{C as r,g as c}from"./icons-262bef63.js";import{g as l,d as s,e as d}from"./captions-7e8712e5.js";import{j as p,s as m,k as u,l as v}from"./skin-3653c5b3.js";import"@babel/runtime/helpers/toConsumableArray";function f(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(f=function(){return!!e})()}var h=i.getComponent("Component"),y=function(){n(E,h);var y,g,C=(y=E,g=f(),function(){var e,t=o(y);if(g){var n=o(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return a(this,e)});function E(t){var n,a,o,i,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e(this,E),(i=C.call(this,t,r)).playerId=r.playerId,i.seriesData=r.sres,i.currentVideoData=r.res,i.initialiseStructure(),i.loadCSS(),null===(n=document.getElementsByClassName("vjs-text-track-display-ttml"))||void 0===n||null===(a=n[0])||void 0===a||null===(o=a.style)||void 0===o||o.setProperty("display","none","important"),i}return t(E,[{key:"createEl",value:function(){var e=i.dom.createEl("div",{className:"caption-selection vjs-control vjs-button"});e.style.position="unset";var t=i.dom.createEl("div",{className:"caption-selector-icon",innerHTML:"".concat(r())});return i.dom.appendContent(e,t),e}},{key:"loadCSS",value:function(){import("./caption-settings-cb47408f.js").then(function(e){var t=document.createElement("style");t.id="video-captions",t.append("".concat(e.default)),document.head.appendChild(t)})}},{key:"initialiseStructure",value:function(){var e=this,t=l(this.playerId);null==t||t.map(function(t){return s(e.playerId,t.id)});var n=this.el(),a=i.dom.createEl("div",{className:"caption-selection-container hidden"});i.dom.$(".caption-selector-icon",this.el()).onclick=function(){var t;null!==(t=a.classList)&&void 0!==t&&t.contains("hidden")?(p(),a.classList.remove("hidden"),n.classList.add("open"),a.style.right="0px",m(e.playerId,a)):(a.classList.add("hidden"),n.classList.remove("open"),a.style.right="-350px")};var o=document.getElementById(this.playerId);if(o){var r=window.getComputedStyle(o,null).getPropertyValue("height");a.style.height="".concat(r),i.dom.appendContent(n,a),o.style.overflow="hidden",this.addFunctionality(a),u(this.playerId,a)}}},{key:"addFunctionality",value:function(e){var t=this.el(),n=i.dom.createEl("div",{className:"caption-selector-head"}),a=i.dom.createEl("div",{className:"caption-selector-cross-icon",innerHTML:"".concat(c())});a.onclick=function(){e.classList.add("hidden"),t.classList.remove("open"),e.style.right="-350px"};var o=i.dom.createEl("div",{className:"caption-selector-title",innerHTML:"Captions"}),r=i.dom.createEl("div",{className:"caption-selector-content"}),l=i.dom.createEl("div",{className:"caption-container"}),s=this.createLanguageContanier();i.dom.appendContent(l,s),i.dom.appendContent(n,a),i.dom.appendContent(n,o),i.dom.appendContent(e,n),i.dom.appendContent(e,r),i.dom.appendContent(r,l),v(this.playerId,e)}},{key:"createLanguageContanier",value:function(){var e=this,t=i.dom.createEl("div",{className:"caption-language-container"}),n=i.dom.createEl("div",{className:"caption-language-container-title",innerHTML:"Language"});i.dom.appendContent(t,n);var a=document.createElement("label");a.setAttribute("for","radio-off"),a.className="caption-language-holder";var o=document.createElement("div");o.className="caption",o.innerHTML="Off";var r=i.dom.createEl("input",{className:"radio - off",id:"radio-off",name:"language-radio",checked:"true"});r.setAttribute("type","radio"),r.onchange=function(t){var n,a,o;document.getElementsByClassName("vjs-text-track-display-ttml")&&(null===(n=document.getElementsByClassName("vjs-text-track-display-ttml"))||void 0===n||null===(a=n[0])||void 0===a||null===(o=a.style)||void 0===o||o.setProperty("display","none","important")),l(e.playerId).map(function(t){return s(e.playerId,t.id)})},i.dom.appendContent(a,r),i.dom.appendContent(a,o),i.dom.appendContent(t,a);for(var c=l(this.playerId),p=function(n){var a,o=document.createElement("label");o.className="caption-language-holder",o.setAttribute("for","language-radio-".concat(n));var r=document.createElement("div");r.className="caption - ".concat(n),r.textContent=null==c||null===(a=c[n])||void 0===a?void 0:a.label;var l=i.dom.createEl("input",{className:"radio -  ".concat(n),id:"language-radio-".concat(n),name:"language-radio"});l.onchange=function(t){d(e.playerId,c[n].id)},l.setAttribute("type","radio"),i.dom.appendContent(o,l),i.dom.appendContent(o,r),i.dom.appendContent(t,o)},m=0;m<c.length;m++)p(m);return t}},{key:"createFontSizeContainer",value:function(){var e=i.dom.createEl("div",{className:"caption-font-container"}),t=i.dom.createEl("div",{className:"caption-font-container-title",innerHTML:"Font Size"});i.dom.appendContent(e,t);for(var n=[{size:14},{size:18},{size:24}],a=0;a<n.length;a++){var o,r=document.createElement("label");r.className="caption-font-holder",r.setAttribute("for","font".concat(a));var c=document.createElement("div");c.className="fontsize - ".concat(a),c.textContent=(null==n||null===(o=n[a])||void 0===o?void 0:o.size)+"pt";var l=i.dom.createEl("input",{className:"radio -  ".concat(a),id:"font".concat(a),name:"font-size-radio",size:"".concat(n[a].size),checked:"".concat(a==n.length-1)});l.setAttribute("type","radio"),l.onchange=function(e){var t=e.target.size;if(document.getElementById("caption-size")){document.getElementById("caption-size").textContent=".vjs-text-track-cue{font-size:".concat(t,"px !important}")}else{var n=document.createElement("style");n.textContent=".vjs-text-track-cue{font-size:".concat(t,"px !important}"),n.id="caption-size",document.head.append(n)}},i.dom.appendContent(r,l),i.dom.appendContent(r,c),i.dom.appendContent(e,r)}return e}}]),E}();export{y as default};

package/esm/{captions-9659ee8f.js → captions-7e8712e5.js}

@@ -1 +1 @@
-import{g as t}from"./skin-e2592aa4.js";var e=function(e,n){var a,s,r;document.getElementsByClassName("vjs-text-track-display-ttml")&&(null===(a=document.getElementsByClassName("vjs-text-track-display-ttml"))||void 0===a||null===(s=a[0])||void 0===s||null===(r=s.style)||void 0===r||r.setProperty("display","flex"));for(var l=t(e).textTracks(),i=0;i<l.length;i++){var o=l[i];"subtitles"!==o.kind&&"captions"!==o.kind||o.id!=n||(o.mode="showing")}},n=function(e,n){for(var a=t(e).textTracks(),s=0;s<a.length;s++){var r=a[s];"subtitles"!==r.kind&&"captions"!==r.kind||r.id!==n||(r.mode="hidden")}},a=function(e){var n,a=t(e);return(null==a||null===(n=a.textTracks())||void 0===n?void 0:n.tracks_.filter(function(t){return"subtitles"==t.kind||"captions"===t.kind}))||[]},s=function(e){var n=t(e);n.remoteTextTracks().tracks_.map(function(t){"subtitles"==(null==t?void 0:t.kind)||null==t||t.kind,n.removeRemoteTextTrack(t)})},r=function(e,n){var a=t(e);a.remoteTextTracks().tracks_.map(function(t){a.removeRemoteTextTrack(t)}),n.map(function(t){a.addRemoteTextTrack({src:t.url,srclang:t.srclang,label:t.label||(null==t?void 0:t.language)})})};export{r as a,n as d,e,a as g,s as r};
+import{g as t}from"./skin-3653c5b3.js";var e=function(e,n){var a,s,r;document.getElementsByClassName("vjs-text-track-display-ttml")&&(null===(a=document.getElementsByClassName("vjs-text-track-display-ttml"))||void 0===a||null===(s=a[0])||void 0===s||null===(r=s.style)||void 0===r||r.setProperty("display","flex"));for(var l=t(e).textTracks(),i=0;i<l.length;i++){var o=l[i];"subtitles"!==o.kind&&"captions"!==o.kind||o.id!=n||(o.mode="showing")}},n=function(e,n){for(var a=t(e).textTracks(),s=0;s<a.length;s++){var r=a[s];"subtitles"!==r.kind&&"captions"!==r.kind||r.id!==n||(r.mode="hidden")}},a=function(e){var n,a=t(e);return(null==a||null===(n=a.textTracks())||void 0===n?void 0:n.tracks_.filter(function(t){return"subtitles"==t.kind||"captions"===t.kind}))||[]},s=function(e){var n=t(e);n.remoteTextTracks().tracks_.map(function(t){"subtitles"==(null==t?void 0:t.kind)||null==t||t.kind,n.removeRemoteTextTrack(t)})},r=function(e,n){var a=t(e);a.remoteTextTracks().tracks_.map(function(t){a.removeRemoteTextTrack(t)}),n.map(function(t){a.addRemoteTextTrack({src:t.url,srclang:t.srclang,label:t.label||(null==t?void 0:t.language)})})};export{r as a,n as d,e,a as g,s as r};

package/esm/components/chapters/events.d.ts

@@ -0,0 +1,15 @@
+export namespace CHAPTER_EVENTS {
+    const CHANGE: string;
+    const CLICK: string;
+    const UPDATED: string;
+}
+export function triggerChapterEvent(playerId: any, eventName: any, data?: {}): void;
+export function getChapterEvents(playerId: any): {
+    onChapterChange?: undefined;
+    onChapterClick?: undefined;
+    onChaptersUpdated?: undefined;
+} | {
+    onChapterChange: (cb: any) => () => any;
+    onChapterClick: (cb: any) => () => any;
+    onChaptersUpdated: (cb: any) => () => any;
+};

package/esm/components/chapters/index.d.ts

@@ -0,0 +1,13 @@
+export function initChapters(playerId: any, { chapters, timeMode, res, chaptersConfig }?: {
+    chapters?: any[];
+    timeMode?: string;
+    res: any;
+    chaptersConfig?: {};
+}): boolean;
+export function setChapters(playerId: any, chapters?: any[]): boolean;
+export function getChapters(playerId: any): any;
+export function clearChapters(playerId: any): boolean;
+export function seekToChapter(playerId: any, segmentId: any): boolean;
+export function disposeChapters(playerId: any): void;
+import { getChapterEvents } from "./events";
+export { getChapterEvents };

package/esm/components/chapters/markers.d.ts

@@ -0,0 +1,16 @@
+export function mountMarkers(playerId: any, { store, mapper, chaptersConfig, seek }: {
+    store: any;
+    mapper: any;
+    chaptersConfig?: {};
+    seek: any;
+}): {
+    render(): void;
+    reposition(): void;
+    destroy(): void;
+    setActiveBySegment?: undefined;
+} | {
+    render: () => void;
+    reposition: () => void;
+    destroy: () => void;
+    setActiveBySegment: (segmentId: any) => void;
+};

package/esm/components/chapters/store.d.ts

@@ -0,0 +1,5 @@
+export namespace chaptersStore {
+    function set(playerId: any, chapters?: any[]): any[];
+    function get(playerId: any): any;
+    function remove(playerId: any): void;
+}

package/esm/components/chapters/timelineMapper.d.ts

@@ -0,0 +1,35 @@
+export function createTimelineMapper(playerId: any, { timeMode }?: {
+    timeMode: any;
+}): {
+    chapterToPlayerTime: (c: any) => number;
+    chapterStartPercent: (c: any) => number;
+    playerTimeToChapterIndex: (t: any, chapters: any) => number;
+    windowBounds: () => {
+        start: number;
+        end: any;
+    };
+    refreshAnchor: () => void;
+    anchorInfo: () => {
+        source: string;
+    };
+} | {
+    refreshAnchor: () => void;
+    anchorInfo: () => {
+        start: any;
+        end: any;
+        anchorPdtSec: any;
+        anchorPlayerT: any;
+        source: string;
+    };
+    chapterToPlayerTime: (c: any) => any;
+    chapterStartPercent: (c: any) => number;
+    playerTimeToChapterIndex: (t: any, chapters: any) => number;
+    windowBounds: () => {
+        start: any;
+        end: any;
+    };
+};
+export function chapterUtcBounds(chapter: any): {
+    start: number;
+    end: number;
+};

package/esm/components/watch-history/handleWatchHistory.d.ts

@@ -1,2 +1,3 @@
 export function getWatchHistoryByIdFromStorage(profileId: any, videoId: any, site: any): any[];
 export function initiateWatchHistoryHandling(playerId: any, config: any, id: any): void;
+export function initiateWatchHistoryHandlingExternal(player: any, config: any): void;