@viewlift/player-backup 1.0.122-backup → 1.0.123-backup

package/esm/bundle.css

@@ -1,137 +1,269 @@
 
 
 
+.vjs-control-bar .vjs-progress-control.vjs-control {
+    height: 0.7em;
+    position: absolute;
+    top: -0.7em;
+    width: 100%;
+}
 
+.vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
+    height: 100%;
+}
 
+.video-js .vjs-play-progress:before {
+    display: none !important;
+}
 
+.video-js .vjs-progress-control>.vjs-progress-holder.vjs-slider {
+    margin: 0 !important;
 
+}
 
+.video-js .vjs-play-progress {
+  background: rgb(1, 230, 255);
+}
 
+.video-js .vjs-custom-control-spacer {
+    display: block;
+    flex: 1 1 auto;
+}
 
 
+.video-js .vjs-control-bar {
+    height: 40px;
+}
 
-.widget-selection{
-    display: flex;
-    align-items: center;
-    justify-content: center;
+.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
+.vjs-button>.vjs-icon-placeholder:before {
+    position: relative;
 }
 
-.widget-selector-icon{
-    cursor: pointer;
+.vjs-button>.vjs-icon-placeholder:before {
+    font-size: 2em;
 }
 
-.widget-container{
-    position: absolute;
-    /* height: 528px; */
-    width: 350px;
-    right: -350px;
-    bottom: 0px;
-    /* background: #626262; */
+.video-js .vjs-control {
+    width: 4.3em;
+}
 
-    /* background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%) !important; */
-    background: #00000080 !important;
-    z-index: -1;
-    transition: right 300ms ease-out;
+.vjs-menu-button-popup .vjs-menu {
+    bottom: 10px
 }
 
-.widget-container.hidden{
-    visibility: hidden;
+
+.vjs-control-bar .vjs-progress-control.vjs-control:hover {
+    height: 1.3em;
+    position: absolute;
+    top: -1.3em;
+    transition: height 0.3s, top 0.3s;
 }
 
-.widget-selection.open{
-    background: rgba(255, 255, 255, 0.20) !important;
+
+.video-js.vjs-live .vjs-time-control{
+    display: none !important;
 }
 
-.widget-selector-head{
-    display: flex;
-    align-items: self-start;
-    padding-top: 18px;
-    padding-left: 20px;
-    margin-bottom: 25px;
+.video-js .vjs-time-control {
+    display: block;
 }
-.widget-selector-title-container{
-    display: flex;
-    padding-bottom: 6px;
-    border-bottom: 2px solid #838996;
-    margin-left: 25px;
-    width: 80%;
-    margin-top: -1px;
+.video-js .vjs-remaining-time {
+    display: none;
 }
-.widget-selector-title{
-    font-size: 14px;
-    user-select: none;
+
+.vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
+    line-height: 3.5em;
+    font-size: 1.1em;
+    min-width: 4em;
 }
-.widget-selector-title:not(:first-child){
-    margin-left: 35px;
+
+.vjs-time-control {
+    line-height: 3.5em !important;
+    font-size: 1.1em !important;
+    width: min-content !important;
+    padding: 0 !important;
 }
 
+.vjs-current-time.vjs-time-control.vjs-control {
+    margin-left: 20px !important;
+}
 
-.widget-selector-title:hover{
-    cursor: pointer;
+.tvProviderImage {
+    position: absolute;
+    right: 1rem;
+    top: 1rem;
+    max-height: 100px;
+    max-width: 100px;
 }
 
-.widget-selector-cross-icon{
-    cursor: pointer;
+.tvProviderImage>img {
+    height: 100%;
+    width: 100%;
 }
-.widget-selector-content{
-    height: 74%;
-    overflow: scroll;
+
+.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
+    top: 4px;
 }
 
-.widget-selector-content::-webkit-scrollbar {
-    display: none;
-  }
-  
-  /* Hide scrollbar for IE, Edge and Firefox */
-  .widget-selector-content {
-    -ms-overflow-style: none;  /* IE and Edge */
-    scrollbar-width: none;  /* Firefox */
-  }
 
-.widget-selector-content-video{
-    height: 300px;
-    margin-bottom: 30px;
-    /* background: red; */
-}
 
-.selected-tab{
-    text-decoration: underline;
-    text-underline-offset: 8px;
-    text-decoration-thickness: 2px
+
+.video-js.vjs-quality-menu {
+    display: block;
+}
+.video-js.vjs-quality-menu .vjs-quality-menu-button {
+    position: relative;
+}
+.video-js.vjs-quality-menu .vjs-quality-menu-button li {
+    text-transform: none;
+}
+.video-js.vjs-quality-menu .vjs-quality-menu-button.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+    max-height: 25em;
+    width: 10em;
+    left: 0;
+}
+.video-js.vjs-quality-menu .vjs-menu-item .vjs-control-text {
+    position: absolute;
+}
+.video-js.vjs-quality-menu .vjs-quality-menu-wrapper {
+    position: relative;
+}
+.video-js.vjs-quality-menu .vjs-quality-menu-wrapper li {
+    text-transform: none;
+}
+.video-js.vjs-quality-menu .vjs-quality-menu-wrapper.vjs-menu-wrapper-popup .vjs-menu .vjs-menu-content {
+    max-height: 25em;
+    width: 10em;
+    left: 0;
+}
+.video-js.vjs-quality-menu .vjs-quality-menu-item-sub-label {
+    font-size: 75%;
+    font-weight: bold;
+    position: absolute;
+    right: 0;
+    text-align: center;
+    width: 4em;
+}
+.video-js.vjs-quality-menu .vjs-quality-menu-button-use-resolution .vjs-quality-menu-item-sub-label {
+    position: absolute;
+    right: 0;
+    text-align: center;
+    width: 4em;
+}
+.video-js.vjs-quality-menu .vjs-quality-menu-button-4K-flag:after, .video-js.vjs-quality-menu .vjs-quality-menu-button-HD-flag:after {
+    background-color: #2b333f;
+    color: inherit;
+    content: "";
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-size: 0.7em;
+    font-weight: 300;
+    height: 2.2em;
+    line-height: 2.2em;
+    padding: 0;
+    position: absolute;
+    right: 0;
+    text-align: center;
+    top: 0.5em;
+    width: 2.2em;
+    border-radius: 2em;
+    letter-spacing: 0.1em;
+}
+.video-js.vjs-quality-menu .vjs-quality-menu-button-HD-flag:after {
+    content: "HD";
+}
+.video-js.vjs-quality-menu .vjs-quality-menu-button-4K-flag:after {
+    content: "4K";
+}
+.video-js.vjs-quality-menu .vjs-quality-menu-button-waiting:before {
+    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
+    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
 }
 
-.highlights{
-    height: 175px;
-    width: 309px;
-    margin: 0 auto !important;
-    background-repeat: no-repeat;
-    background-size: contain;
+
+
+
+
+
+
+.video-js .multicamera-parent.default{
+    height: 345px;
+    position: absolute;
+    right: 0;
+    bottom: 6rem;
+    width: 200px;
+    right: 13px;
+    opacity: 1;
+    overflow: scroll;
+    display: grid;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
 }
 
-.parent{
+.video-js .tile{
+    height: 103px;
+    width: 171px;
+    margin-bottom: 1rem;
+    background-size: cover !important;
+    background-repeat: no-repeat;
+    border-radius: 5px;
 }
 
-.highlights:hover{
+.video-js .tile:hover{
     cursor: pointer;
 }
 
-.info{
-    font-size: 15px;
-    padding: 7px;
+.video-js .multicamera-parent:hover{
+    opacity: 1 !important;
+    background: none;
 }
 
-.highlights-container{
-    display: flex;
-    justify-self: center;
-    align-items: center;
-    flex-direction: column;
+
+.video-js .multicamera-parent {
+    -ms-overflow-style: none;  /* Internet Explorer 10+ */
+    scrollbar-width: none;  /* Firefox */
+}
+.video-js .multicamera-parent::-webkit-scrollbar { 
+    display: none;  /* Safari and Chrome */
 }
 
-.widget-selector-content #sr-widget{
-    padding: 0 18px;
+@media (max-width: 600px) {
+    .video-js .multicamera-parent.live{
+        display: none !important;
+    }
+    .video-js .multicamera-parent.default{
+        display: none !important;
+    }
+  }
+
+
+@media (min-width:601px) and (max-width:900px) {
+    .video-js .tile{
+        height: 85px;
+        width: 150px;
+    } 
+    .video-js .multicamera-parent.live{
+        justify-content: center ;
+    }
 }
 
 
+.video-js .multicamera-parent.live{
+    position: absolute;
+    right: 0;
+    width: 200px;
+    right: 13px;
+    opacity: 1;
+    overflow: scroll;
+    display: grid;
+    flex-direction: column;
+    align-items: center;
+    position: relative;
+    right: 0;
+    align-content: baseline;
+}
+
 
 
 
@@ -257,7 +389,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  border-radius: 50%;
+  border: none;
   position: absolute;
   top: 0;
   left: 0;
@@ -266,153 +398,24 @@
   margin: auto;
   font-size: 6em;
   line-height: 1.3em;
-}
-
-@media(max-width:600px){
-button.vjs-big-play-button {
-  width: 50px !important;
-  height: 50px !important;
-  font-size: 2.1rem !important;
-}
-}
-
-/* Chromecast */
-.video-js .vjs-chromecast-button .vjs-icon-placeholder {
-    background: url('https://player.viewlift.com/images/ic_cast_white_24dp.png') center center no-repeat;
-    background-size: contain;
-    display: inline-block;
-    width: 16px;
-    height: 16px;
-}
-
-.video-js .vjs-chromecast-button:hover {
-    cursor: pointer;
-}
-
-.video-js .vjs-chromecast-button:hover .vjs-icon-placeholder {
-    background-image: url('https://player.viewlift.com/images/ic_cast_white_24dp.png');
-}
-
-.video-js .vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder {
-    background-image: url('https://player.viewlift.com/images/ic_cast_connected_white_24dp.png');
-}
-
-.video-js .vjs-chromecast-button.vjs-chromecast-casting-state:hover .vjs-icon-placeholder {
-    background-image: url('https://player.viewlift.com/images/ic_cast_connected_white_24dp.png');
-}
-.video-js .vjs-chromecast-button >.vjs-chromecast-button-label{
-    display: none !important;
-}
-
-.video-js .vjs-tech-chromecast {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    overflow: hidden;
-}
 
-.video-js .vjs-tech-chromecast .vjs-tech-chromecast-poster::after {
-    content: ' ';
-    display: block;
-    height: 2px;
-    width: 100px;
-    background-color: #cccccc;
-    position: absolute;
-    left: calc(50% - 50px);
 }
 
-.video-js .vjs-tech-chromecast .vjs-tech-chromecast-poster-img {
-    max-height: 180px;
-    width: auto;
-    border: 2px solid #cccccc;
+.video-js .vjs-big-play-button .vjs-icon-placeholder:before{
+  color: rgb(1, 230, 255);
 }
 
-.video-js .vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty {
-    width: 160px;
-    height: 90px;
-}
 
-.video-js .vjs-tech-chromecast .vjs-tech-chromecast-title-container {
-    position: absolute;
-    bottom: 50%;
-    margin-bottom: 100px;
-    color: #cccccc;
-    text-align: center;
-}
-
-.video-js .vjs-tech-chromecast .vjs-tech-chromecast-title {
-    font-size: 22px;
-}
-
-.video-js .vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty {
-    display: none;
-}
 
-.video-js .vjs-tech-chromecast .vjs-tech-chromecast-subtitle {
-    font-size: 18px;
-    padding-top: 0.5em;
-}
-
-.video-js .vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty {
-    display: none;
-}
-
-.video-js .vjs-tech-chromecast {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    overflow: hidden;
-}
-
-.video-js .vjs-tech-chromecast .vjs-tech-chromecast-poster::after {
-    content: ' ';
-    display: block;
-    height: 2px;
-    width: 100px;
-    background-color: #ccc;
-    position: absolute;
-    left: calc(50% - 50px);
-}
-
-.video-js .vjs-tech-chromecast .vjs-tech-chromecast-poster-img {
-    max-height: 180px;
-    width: auto;
-    border: 2px solid #ccc;
-}
-
-.video-js .vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty {
-    width: 160px;
-    height: 90px;
-}
-
-.video-js .vjs-tech-chromecast .vjs-tech-chromecast-title-container {
-    position: absolute;
-    bottom: 50%;
-    margin-bottom: 100px;
-    color: #ccc;
-    text-align: center;
-}
-
-.video-js .vjs-tech-chromecast .vjs-tech-chromecast-title {
-    font-size: 22px;
-}
-
-.video-js .vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty {
-    display: none;
+@media(max-width:600px){
+button.vjs-big-play-button {
+  width: 50px !important;
+  height: 50px !important;
+  font-size: 2.1rem !important;
 }
-
-.video-js .vjs-tech-chromecast .vjs-tech-chromecast-subtitle {
-    font-size: 18px;
-    padding-top: 0.5em;
 }
 
-.video-js .vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty {
-    display: none;
-}
 
-/* Chromecast End */
 
 /* ADs */
 .ima-ad-container {
@@ -568,6 +571,143 @@ button.vjs-big-play-button {
 .video-js.vjs-playing .bumpable-ima-ad-container {
     margin-top: -4em;
 }
+/* Chromecast */
+.video-js .vjs-chromecast-button .vjs-icon-placeholder {
+    background: url('https://player.viewlift.com/images/ic_cast_white_24dp.png') center center no-repeat;
+    background-size: contain;
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+}
+
+.video-js .vjs-chromecast-button:hover {
+    cursor: pointer;
+}
+
+.video-js .vjs-chromecast-button:hover .vjs-icon-placeholder {
+    background-image: url('https://player.viewlift.com/images/ic_cast_white_24dp.png');
+}
+
+.video-js .vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder {
+    background-image: url('https://player.viewlift.com/images/ic_cast_connected_white_24dp.png');
+}
+
+.video-js .vjs-chromecast-button.vjs-chromecast-casting-state:hover .vjs-icon-placeholder {
+    background-image: url('https://player.viewlift.com/images/ic_cast_connected_white_24dp.png');
+}
+.video-js .vjs-chromecast-button >.vjs-chromecast-button-label{
+    display: none !important;
+}
+
+.video-js .vjs-tech-chromecast {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden;
+}
+
+.video-js .vjs-tech-chromecast .vjs-tech-chromecast-poster::after {
+    content: ' ';
+    display: block;
+    height: 2px;
+    width: 100px;
+    background-color: #cccccc;
+    position: absolute;
+    left: calc(50% - 50px);
+}
+
+.video-js .vjs-tech-chromecast .vjs-tech-chromecast-poster-img {
+    max-height: 180px;
+    width: auto;
+    border: 2px solid #cccccc;
+}
+
+.video-js .vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty {
+    width: 160px;
+    height: 90px;
+}
+
+.video-js .vjs-tech-chromecast .vjs-tech-chromecast-title-container {
+    position: absolute;
+    bottom: 50%;
+    margin-bottom: 100px;
+    color: #cccccc;
+    text-align: center;
+}
+
+.video-js .vjs-tech-chromecast .vjs-tech-chromecast-title {
+    font-size: 22px;
+}
+
+.video-js .vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty {
+    display: none;
+}
+
+.video-js .vjs-tech-chromecast .vjs-tech-chromecast-subtitle {
+    font-size: 18px;
+    padding-top: 0.5em;
+}
+
+.video-js .vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty {
+    display: none;
+}
+
+.video-js .vjs-tech-chromecast {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden;
+}
+
+.video-js .vjs-tech-chromecast .vjs-tech-chromecast-poster::after {
+    content: ' ';
+    display: block;
+    height: 2px;
+    width: 100px;
+    background-color: #ccc;
+    position: absolute;
+    left: calc(50% - 50px);
+}
+
+.video-js .vjs-tech-chromecast .vjs-tech-chromecast-poster-img {
+    max-height: 180px;
+    width: auto;
+    border: 2px solid #ccc;
+}
+
+.video-js .vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty {
+    width: 160px;
+    height: 90px;
+}
+
+.video-js .vjs-tech-chromecast .vjs-tech-chromecast-title-container {
+    position: absolute;
+    bottom: 50%;
+    margin-bottom: 100px;
+    color: #ccc;
+    text-align: center;
+}
+
+.video-js .vjs-tech-chromecast .vjs-tech-chromecast-title {
+    font-size: 22px;
+}
+
+.video-js .vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty {
+    display: none;
+}
+
+.video-js .vjs-tech-chromecast .vjs-tech-chromecast-subtitle {
+    font-size: 18px;
+    padding-top: 0.5em;
+}
+
+.video-js .vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty {
+    display: none;
+}
+
+/* Chromecast End */
  /* Resolution Module */
 
  .video-js .container {
@@ -629,9 +769,9 @@ button.vjs-big-play-button {
  }
 
  .video-js .hidden {
-     opacity: 0;
-     visibility: hidden;
-     transition: visibility 300ms, opacity 300ms;
+     /* opacity: 0; */
+     /* visibility: hidden; */
+     /* transition: visibility 300ms, opacity 300ms; */
  }
 
  .video-js .rendition {

package/esm/caption-settings-1e57446a.js

@@ -0,0 +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,f as c}from"./icons-79ad4d7d.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import{x as l,w as s,$ as d,a0 as p,a1 as m,a2 as u,v}from"./beacon-053a96a3.js";import"axios";import"js-cookie";import"ua-parser-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(b,h);var y,g,C=(y=b,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 b(t){var n,a,o,i,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e(this,b),(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(b,[{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")?(d(),a.classList.remove("hidden"),n.classList.add("open"),a.style.right="0px",p(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),m(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),u(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),d=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){v(e.playerId,c[n].id)},l.setAttribute("type","radio"),i.dom.appendContent(o,l),i.dom.appendContent(o,r),i.dom.appendContent(t,o)},p=0;p<c.length;p++)d(p);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}}]),b}();export{y as default};