@viewlift/player-backup 0.0.18 → 0.0.19

package/cjs/caption-settings-e1a564af.js

@@ -1 +0,0 @@
-"use strict";exports.default="input[type='radio'] {\n    -moz-appearance:initial;\n}\n.caption-selection {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.caption-selector-icon {\n    cursor: pointer;\n}\n\n.selection-container {\n    position: absolute;\n    width: 300px;\n    bottom: 0px;\n    right: -350px;\n    background: #00000080 !important;\n    z-index: -1;\n    transition: right 300ms ease-out;\n}\n\n.caption-container {\n    display: flex;\n    flex-direction: column;\n}\n\n\n\n\ninput[type='radio']:after {\n    width: 12px;\n    height: 12px;\n    border-radius: 15px;\n    top: 3px;\n    left: 0px;\n    position: relative;\n    background-color: transparent;\n    content: '';\n    display: inline-block;\n    visibility: visible;\n    border: 2px solid white;\n}\n\n\ninput[type='radio']:checked:after {\n    width: 12px;\n    height: 12px;\n    border-radius: 15px;\n    top: 3px;\n    left: 0px;\n    position: relative;\n    background-color: #fff;\n    content: '';\n    display: inline-block;\n    visibility: visible;\n    border: 2px solid transparent;\n}\n\n.caption-selection.open {\n    background: rgba(255, 255, 255, 0.20) !important;\n}\n\n.caption-selector-head {\n    display: flex;\n    align-items: center;\n    padding-top: 18px;\n    padding-left: 20px;\n    margin-bottom: 30px;\n}\n\n.caption-selector-title {\n    font-size: 18px;\n    font-weight: 600;\n    margin-left: 25px;\n    user-select: none;\n}\n\n.caption-selector-cross-icon {\n    cursor: pointer;\n}\n\n.caption-selector-content {\n    padding: 0 18px;\n    height: 74%;\n    overflow: scroll;\n}\n\n.caption-selector-content::-webkit-scrollbar {\n    display: none;\n}\n\n/* Hide scrollbar for IE, Edge and Firefox */\n.caption-selector-content {\n    -ms-overflow-style: none;\n    /* IE and Edge */\n    scrollbar-width: none;\n    /* Firefox */\n}\n\n.caption-selector-content-video {\n    height: 300px;\n    margin-bottom: 30px;\n}\n\n.recommended {\n    height: 175px;\n    width: 309px;\n    background-repeat: no-repeat;\n    background-size: contain;\n}\n\n.related-thumbnail-image {\n    width: 100%;\n    height: 100%;\n}\n\n\n/* Caption Language CSS ***********************************************************************************************************/\n.caption-language-container-title {\n    margin-left: 10px;\n    font-size: 16px;\n    text-align: left;\n    font-weight: 600;\n    margin-bottom: 10px;\n}\n\n.caption-language-container {\n    width: 100%;\n    margin-bottom: 30px;\n}\n\n.caption-language-holder {\n    display: flex;\n    width: 90%;\n    height: 2.5rem;\n    padding: 10px 10px;\n    margin-bottom: 10px;\n    margin-left: 6px;\n}\n\n.caption-language-holder>input {\n    margin: 1px 4px;\n    visibility: hidden;\n}\n\n.caption-language-holder>input[type='radio']:checked {\n    background: black;\n}\n\n.caption-language-selected {\n    background: rgba(255, 255, 255, 0.2);\n}\n\n.caption-language-holder:hover {\n    cursor: pointer;\n}\n.caption {\n    display: flex;\n    align-items: center;\n    font-size: 14px;\n    margin-left: 4px;\n}\n/* END ********************************************************************************************************************************/\n\n\n\n/* Caption Font Size Container */\n.caption-font-container {\n    width: 100%;\n}\n\n.caption-font-container-title {\n    font-size: 16px;\n    text-align: left;\n    font-weight: 600;\n    margin-bottom: 10px;\n    margin-left: 10px;\n}\n\n.caption-font-holder>input {\n    margin: 1px 4px;\n    visibility: hidden;\n}\n\n.caption-font-holder {\n    display: flex;\n    width: 90%;\n    height: 2.5rem;\n    padding: 10px 10px;\n    margin-bottom: 10px;\n    margin-left: 6px;\n}\n\n.caption-font-size-selected {\n    background: rgba(255, 255, 255, 0.2);\n}\n\n.caption-font-holder:hover {\n    cursor: pointer;\n}\n.fontsize {\n    display: flex;\n    align-items: center;\n    font-size: 14px;\n    margin-left: 4px;\n}\n/* END ********************************************************************************************************************************/\n\n\n\n\n\n.parent {\n    margin: 21px 52px 23px 34px;\n\n}\n\n.recommended:hover {\n    cursor: pointer;\n}\n\n.info {\n    font-size: 13px;\n    padding: 7px 22px;\n}\n\n label:has(> :checked) {\n    background: rgba(255, 255, 255, 0.2);\n}\n\n@media (max-width:600px) {\n    .caption-language-container-title{\n        margin-bottom: 10px;\n    }\n    .caption-language-container{\n        margin-bottom: 8px;\n    }\n    .caption-font-container-title {\n        font-size: 12px;\n    }\n    .caption{\n        font-size: 12px;\n    }\n    .fontsize {\n        display: flex;\n        align-items: center;\n        font-size: 11px;\n        margin-left: 2px;\n    }\n    .caption-font-holder {\n        display: flex;\n        align-items: center;\n        width: 90%;\n        height: 1.5rem;\n        padding: 10px 10px;\n        margin-bottom: 10px;\n        margin-left: 6px;\n    }\n    input[type='radio']:checked:after {\n        width: 10px;\n        height: 10px;\n        border-radius: 15px;\n        top: 0px;\n        left: 0px;\n        position: relative;\n        background-color: #fff;\n        content: '';\n        display: inline-block;\n        visibility: visible;\n        border: 2px solid transparent;\n    }\n    input[type='radio']:after {\n        width: 10px;\n        height: 10px;\n        border-radius: 15px;\n        border-radius: 15px;\n        top: 0px;\n        left: 0px;\n        position: relative;\n        background-color: transparent;\n        content: '';\n        display: inline-block;\n        visibility: visible;\n        border: 2px solid white;\n    }\n    .caption-selector-head{\n        margin-bottom: 12px;\n    }\n    .caption-selector-cross-icon>svg {\n        height: 12px;\n    }\n    .caption-language-holder {\n        display: flex;\n        width: 90%;\n        height: 1.5rem;\n        padding: 6px 7px;\n        margin-bottom: 9px;\n        margin-left: 6px;\n        align-items: center;\n    }\n    .caption-language-container-title {\n        margin-left: 10px;\n        font-size: 12px;\n        text-align: left;\n        font-weight: 600;\n        margin-bottom: 6px;\n    }\n    .caption-selector-title {\n        font-size: 14px;\n    }\n\n    .caption-selector-content {\n        height: 52%;\n    }\n\n    .selection-container {\n        width: 200px;\n    }\n\n    .recommended {\n        height: 90px !important;\n        width: 154px !important;\n    }\n\n    .info {\n        font-size: 9px !important;\n    }\n\n    .caption-selector-title {\n        margin-left: 13px;\n    }\n}";

package/cjs/videoSelector-869e0413.js

@@ -1 +0,0 @@
-"use strict";exports.default=".video-selection {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.video-selector-icon {\n    cursor: pointer;\n}\n\n.selection-container {\n    position: absolute;\n    width: 350px;\n    bottom: 0px;\n    right: -350px;\n    background: #00000080 !important;\n    z-index: -1;\n    transition: right 300ms ease-out;\n}\n\n.video-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n}\n\n.video-selection.open {\n    background: rgba(255, 255, 255, 0.20) !important;\n}\n\n.video-selector-head {\n    display: flex;\n    align-items: center;\n    padding-top: 18px;\n    padding-left: 20px;\n    margin-bottom: 20px;\n}\n\n.video-selector-title {\n    font-size: 18px;\n    font-weight: 600;\n    margin-left: 25px;\n    user-select: none;\n}\n\n.video-selector-cross-icon {\n    cursor: pointer;\n}\n\n.video-selector-content {\n    height: 74%;\n    overflow: scroll;\n}\n\n.video-selector-content::-webkit-scrollbar {\n    display: none;\n}\n\n/* Hide scrollbar for IE, Edge and Firefox */\n.video-selector-content {\n    -ms-overflow-style: none;\n    /* IE and Edge */\n    scrollbar-width: none;\n    /* Firefox */\n}\n\n.video-selector-content-video {\n    height: 300px;\n    margin-bottom: 30px;\n}\n\n.recommended {\n    height: 175px;\n    width: 309px;\n    background-repeat: no-repeat;\n    background-size: contain;\n}\n.related-thumbnail-image{\n    width: 100%;\n    height: 100%;\n}\n.video {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-bottom: 12px;\n}\n\n.parent {\n    margin: 21px 52px 23px 34px;\n\n}\n\n.recommended:hover {\n    cursor: pointer;\n}\n\n.info {\n    font-size: 13px;\n    padding: 7px 22px;\n}\n\n@media (max-width:600px){\n    .video-selector-cross-icon>svg{\n        height: 12px;\n    }\n    .video-selector-title{\n        font-size: 14px;\n    }\n    .video-selector-content{\n        height: 52%;\n    }\n    .selection-container{\n        width: 200px;\n    }\n    .recommended{\n        height: 90px !important;\n        width: 154px !important;\n    }\n    .info {\n        font-size: 9px !important;\n    }\n    .video-selector-title{\n        margin-left: 13px;\n    }\n}";

package/cjs/videoSelector-980b7bc5.js

@@ -1 +0,0 @@
-"use strict";var e=require("@babel/runtime/helpers/classCallCheck"),t=require("@babel/runtime/helpers/createClass"),n=require("@babel/runtime/helpers/inherits"),o=require("@babel/runtime/helpers/possibleConstructorReturn"),r=require("@babel/runtime/helpers/getPrototypeOf"),i=require("video.js"),a=require("./icons-b3a2a460.js"),l=require("./index-c5d94496.js"),c=require("./autoNextVideo-b4bc2419.js");function s(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,i=r(e);if(t){var a=r(this).constructor;n=Reflect.construct(i,arguments,a)}else n=i.apply(this,arguments);return o(this,n)}}require("video.js/dist/video-js.min.css"),require("@babel/runtime/helpers/defineProperty"),require("axios"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("@babel/runtime/helpers/toConsumableArray"),require("@babel/runtime/helpers/assertThisInitialized");var d=i.getComponent("Component"),u=function(o){n(u,d);var r=s(u);function u(t){var n,o,i,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e(this,u),(i=r.call(this,t,a)).playerId=a.playerId,i.seriesData=a.sres,i.videos=a.related.content,i.cb=(null==a||null===(n=a.related)||void 0===n?void 0:n.cb)||null,i.autoNext=(null==a||null===(o=a.related)||void 0===o?void 0:o.autoNext)||!1,i.currentVideoData=a.res,i.initialiseStructure(),i.loadCSS(),i.autoNext&&c.autoPlayNext({playerId:i.playerId,content:i.videos,cb:i.cb}),i}return t(u,[{key:"createEl",value:function(){var e=i.dom.createEl("div",{className:"video-selection vjs-control vjs-button"});e.style.position="unset";var t=i.dom.createEl("div",{className:"video-selector-icon",innerHTML:"".concat(a.EpisodesSvg())});return i.dom.appendContent(e,t),e}},{key:"loadCSS",value:function(){Promise.resolve().then((function(){return require("./videoSelector-869e0413.js")})).then((function(e){var t=document.createElement("style");t.id="video-selecton",t.append("".concat(e.default)),document.head.appendChild(t)}))}},{key:"initialiseStructure",value:function(){var e=this.el(),t=i.dom.createEl("div",{className:"selection-container hidden"});i.dom.$(".video-selector-icon",this.el()).onclick=function(){var n;null!==(n=t.classList)&&void 0!==n&&n.contains("hidden")?(t.classList.remove("hidden"),e.classList.add("open"),t.style.right="0px"):(t.classList.add("hidden"),e.classList.remove("open"),t.style.right="-350px")};var n=window.getComputedStyle(document.getElementById(this.playerId),null).getPropertyValue("height").slice(0,-2);t.style.height="".concat(n,"px"),i.dom.appendContent(e,t),document.getElementById(this.playerId).style.overflow="hidden",this.addFunctionality(t)}},{key:"toggleOpenClose",value:function(){}},{key:"addFunctionality",value:function(e){var t=this,n=this.el(),o=i.dom.createEl("div",{className:"video-selector-head"}),r=i.dom.createEl("div",{className:"video-selector-cross-icon",innerHTML:"".concat(a.crossIconSvg())});r.onclick=function(){e.classList.add("hidden"),n.classList.remove("open"),e.style.right="-350px"};for(var c=i.dom.createEl("div",{className:"video-selector-title",innerHTML:"Recommended"}),s=i.dom.createEl("div",{className:"video-selector-content"}),d=i.dom.createEl("div",{className:"video-container"}),u=function(e){var n,o=i.dom.createEl("div",{className:"video -".concat(e)}),r=i.dom.createEl("div",{className:"recommended -".concat(e)});r.setAttribute("video-idx",e),r.onclick=function(){l.setVideoIdx(e+1);for(var n=i.dom.$$(".recommended"),o=0;o<n.length;o++)n[o].style.border="none";l.highlightVideo(e),l.load(t.playerId,t.videos[e].id,sessionStorage.getItem("token")).then((function(e){t.cb&&t.cb(e)})).catch((function(e){t.cb&&t.cb(e)}))};var a=document.createElement("img");a.className="related-thumbnail-image",a.src="".concat(t.videos[e].img),a.alt="No Thumbnail Available",r.append(a);var c=i.dom.createEl("div",{className:"info -".concat(e),innerHTML:"".concat((null==t||null===(n=t.videos[e])||void 0===n?void 0:n.title)||"")});i.dom.appendContent(o,r),i.dom.appendContent(o,c),i.dom.appendContent(d,o),i.dom.appendContent(s,d)},m=0;m<this.videos.length;m++)u(m);i.dom.appendContent(o,r),i.dom.appendContent(o,c),i.dom.appendContent(e,o),i.dom.appendContent(e,s),l.getPlayer(this.playerId).on("fullscreenchange",(function(){var n=window.getComputedStyle(document.getElementById(t.playerId),null).getPropertyValue("height").slice(0,-2);e.style.height="".concat(n,"px")}))}}]),u}();exports.default=u;

package/esm/caption-settings-19d5cde0.js

@@ -1 +0,0 @@
-var n="input[type='radio'] {\n    -moz-appearance:initial;\n}\n.caption-selection {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.caption-selector-icon {\n    cursor: pointer;\n}\n\n.selection-container {\n    position: absolute;\n    width: 300px;\n    bottom: 0px;\n    right: -350px;\n    background: #00000080 !important;\n    z-index: -1;\n    transition: right 300ms ease-out;\n}\n\n.caption-container {\n    display: flex;\n    flex-direction: column;\n}\n\n\n\n\ninput[type='radio']:after {\n    width: 12px;\n    height: 12px;\n    border-radius: 15px;\n    top: 3px;\n    left: 0px;\n    position: relative;\n    background-color: transparent;\n    content: '';\n    display: inline-block;\n    visibility: visible;\n    border: 2px solid white;\n}\n\n\ninput[type='radio']:checked:after {\n    width: 12px;\n    height: 12px;\n    border-radius: 15px;\n    top: 3px;\n    left: 0px;\n    position: relative;\n    background-color: #fff;\n    content: '';\n    display: inline-block;\n    visibility: visible;\n    border: 2px solid transparent;\n}\n\n.caption-selection.open {\n    background: rgba(255, 255, 255, 0.20) !important;\n}\n\n.caption-selector-head {\n    display: flex;\n    align-items: center;\n    padding-top: 18px;\n    padding-left: 20px;\n    margin-bottom: 30px;\n}\n\n.caption-selector-title {\n    font-size: 18px;\n    font-weight: 600;\n    margin-left: 25px;\n    user-select: none;\n}\n\n.caption-selector-cross-icon {\n    cursor: pointer;\n}\n\n.caption-selector-content {\n    padding: 0 18px;\n    height: 74%;\n    overflow: scroll;\n}\n\n.caption-selector-content::-webkit-scrollbar {\n    display: none;\n}\n\n/* Hide scrollbar for IE, Edge and Firefox */\n.caption-selector-content {\n    -ms-overflow-style: none;\n    /* IE and Edge */\n    scrollbar-width: none;\n    /* Firefox */\n}\n\n.caption-selector-content-video {\n    height: 300px;\n    margin-bottom: 30px;\n}\n\n.recommended {\n    height: 175px;\n    width: 309px;\n    background-repeat: no-repeat;\n    background-size: contain;\n}\n\n.related-thumbnail-image {\n    width: 100%;\n    height: 100%;\n}\n\n\n/* Caption Language CSS ***********************************************************************************************************/\n.caption-language-container-title {\n    margin-left: 10px;\n    font-size: 16px;\n    text-align: left;\n    font-weight: 600;\n    margin-bottom: 10px;\n}\n\n.caption-language-container {\n    width: 100%;\n    margin-bottom: 30px;\n}\n\n.caption-language-holder {\n    display: flex;\n    width: 90%;\n    height: 2.5rem;\n    padding: 10px 10px;\n    margin-bottom: 10px;\n    margin-left: 6px;\n}\n\n.caption-language-holder>input {\n    margin: 1px 4px;\n    visibility: hidden;\n}\n\n.caption-language-holder>input[type='radio']:checked {\n    background: black;\n}\n\n.caption-language-selected {\n    background: rgba(255, 255, 255, 0.2);\n}\n\n.caption-language-holder:hover {\n    cursor: pointer;\n}\n.caption {\n    display: flex;\n    align-items: center;\n    font-size: 14px;\n    margin-left: 4px;\n}\n/* END ********************************************************************************************************************************/\n\n\n\n/* Caption Font Size Container */\n.caption-font-container {\n    width: 100%;\n}\n\n.caption-font-container-title {\n    font-size: 16px;\n    text-align: left;\n    font-weight: 600;\n    margin-bottom: 10px;\n    margin-left: 10px;\n}\n\n.caption-font-holder>input {\n    margin: 1px 4px;\n    visibility: hidden;\n}\n\n.caption-font-holder {\n    display: flex;\n    width: 90%;\n    height: 2.5rem;\n    padding: 10px 10px;\n    margin-bottom: 10px;\n    margin-left: 6px;\n}\n\n.caption-font-size-selected {\n    background: rgba(255, 255, 255, 0.2);\n}\n\n.caption-font-holder:hover {\n    cursor: pointer;\n}\n.fontsize {\n    display: flex;\n    align-items: center;\n    font-size: 14px;\n    margin-left: 4px;\n}\n/* END ********************************************************************************************************************************/\n\n\n\n\n\n.parent {\n    margin: 21px 52px 23px 34px;\n\n}\n\n.recommended:hover {\n    cursor: pointer;\n}\n\n.info {\n    font-size: 13px;\n    padding: 7px 22px;\n}\n\n label:has(> :checked) {\n    background: rgba(255, 255, 255, 0.2);\n}\n\n@media (max-width:600px) {\n    .caption-language-container-title{\n        margin-bottom: 10px;\n    }\n    .caption-language-container{\n        margin-bottom: 8px;\n    }\n    .caption-font-container-title {\n        font-size: 12px;\n    }\n    .caption{\n        font-size: 12px;\n    }\n    .fontsize {\n        display: flex;\n        align-items: center;\n        font-size: 11px;\n        margin-left: 2px;\n    }\n    .caption-font-holder {\n        display: flex;\n        align-items: center;\n        width: 90%;\n        height: 1.5rem;\n        padding: 10px 10px;\n        margin-bottom: 10px;\n        margin-left: 6px;\n    }\n    input[type='radio']:checked:after {\n        width: 10px;\n        height: 10px;\n        border-radius: 15px;\n        top: 0px;\n        left: 0px;\n        position: relative;\n        background-color: #fff;\n        content: '';\n        display: inline-block;\n        visibility: visible;\n        border: 2px solid transparent;\n    }\n    input[type='radio']:after {\n        width: 10px;\n        height: 10px;\n        border-radius: 15px;\n        border-radius: 15px;\n        top: 0px;\n        left: 0px;\n        position: relative;\n        background-color: transparent;\n        content: '';\n        display: inline-block;\n        visibility: visible;\n        border: 2px solid white;\n    }\n    .caption-selector-head{\n        margin-bottom: 12px;\n    }\n    .caption-selector-cross-icon>svg {\n        height: 12px;\n    }\n    .caption-language-holder {\n        display: flex;\n        width: 90%;\n        height: 1.5rem;\n        padding: 6px 7px;\n        margin-bottom: 9px;\n        margin-left: 6px;\n        align-items: center;\n    }\n    .caption-language-container-title {\n        margin-left: 10px;\n        font-size: 12px;\n        text-align: left;\n        font-weight: 600;\n        margin-bottom: 6px;\n    }\n    .caption-selector-title {\n        font-size: 14px;\n    }\n\n    .caption-selector-content {\n        height: 52%;\n    }\n\n    .selection-container {\n        width: 200px;\n    }\n\n    .recommended {\n        height: 90px !important;\n        width: 154px !important;\n    }\n\n    .info {\n        font-size: 9px !important;\n    }\n\n    .caption-selector-title {\n        margin-left: 13px;\n    }\n}";export{n as default};

package/esm/caption-settings-dbbfec46.js

@@ -1 +0,0 @@
-import e from"@babel/runtime/helpers/typeof";import t from"@babel/runtime/helpers/classCallCheck";import n from"@babel/runtime/helpers/createClass";import a from"@babel/runtime/helpers/inherits";import o from"@babel/runtime/helpers/possibleConstructorReturn";import r from"@babel/runtime/helpers/getPrototypeOf";import i from"video.js";import{C as c,r as s}from"./icons-b4aeb820.js";import{g as l,m as d,n as p,q as m}from"./index-f2244fa8.js";import"video.js/dist/video-js.min.css";import"@babel/runtime/helpers/defineProperty";import"axios";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"@babel/runtime/helpers/toConsumableArray";import"@babel/runtime/helpers/assertThisInitialized";function u(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=r(e);if(t){var i=r(this).constructor;n=Reflect.construct(a,arguments,i)}else n=a.apply(this,arguments);return o(this,n)}}var f=i.getComponent("Component"),v=function(o){a(v,f);var r=u(v);function v(e){var n,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return t(this,v),(n=r.call(this,e,a)).playerId=a.playerId,n.seriesData=a.sres,n.currentVideoData=a.res,n.initialiseStructure(),n.loadCSS(),n}return n(v,[{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(c())});return i.dom.appendContent(e,t),e}},{key:"loadCSS",value:function(){import("./caption-settings-19d5cde0.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.el(),t=i.dom.createEl("div",{className:"selection-container hidden"});i.dom.$(".caption-selector-icon",this.el()).onclick=function(){var n;null!==(n=t.classList)&&void 0!==n&&n.contains("hidden")?(t.classList.remove("hidden"),e.classList.add("open"),t.style.right="0px"):(t.classList.add("hidden"),e.classList.remove("open"),t.style.right="-350px")};var n=window.getComputedStyle(document.getElementById(this.playerId),null).getPropertyValue("height").slice(0,-2);t.style.height="".concat(n,"px"),i.dom.appendContent(e,t),document.getElementById(this.playerId).style.overflow="hidden",this.addFunctionality(t)}},{key:"addFunctionality",value:function(e){var t=this,n=this.el(),a=i.dom.createEl("div",{className:"caption-selector-head"}),o=i.dom.createEl("div",{className:"caption-selector-cross-icon",innerHTML:"".concat(s())});o.onclick=function(){e.classList.add("hidden"),n.classList.remove("open"),e.style.right="-350px"};var r=i.dom.createEl("div",{className:"caption-selector-title",innerHTML:"Captions"}),c=i.dom.createEl("div",{className:"caption-selector-content"}),d=i.dom.createEl("div",{className:"caption-container"}),p=this.createLanguageContanier();i.dom.appendContent(d,p);var m=this.createFontSizeContainer();i.dom.appendContent(d,m),i.dom.appendContent(a,o),i.dom.appendContent(a,r),i.dom.appendContent(e,a),i.dom.appendContent(e,c),i.dom.appendContent(c,d),l(this.playerId).on("fullscreenchange",(function(){var n=window.getComputedStyle(document.getElementById(t.playerId),null).getPropertyValue("height").slice(0,-2);e.style.height="".concat(n,"px")}))}},{key:"createLanguageContanier",value:function(){var t=this,n=i.dom.createEl("div",{className:"caption-language-container"}),a=i.dom.createEl("div",{className:"caption-language-container-title",innerHTML:"Language"});i.dom.appendContent(n,a);var o=document.createElement("label");o.setAttribute("for","radio-off"),o.className="caption-language-holder";var r=document.createElement("div");r.className="caption",r.innerHTML="Off";var c=i.dom.createEl("input",{className:"radio - off",id:"radio-off",name:"language-radio",checked:"true"});c.setAttribute("type","radio"),c.onchange=function(e){d(t.playerId).map((function(e){return p(t.playerId,e.id)}))},i.dom.appendContent(o,c),i.dom.appendContent(o,r),i.dom.appendContent(n,o);for(var s=d(this.playerId),l=function(e){var a=document.createElement("label");a.className="caption-language-holder",a.setAttribute("for","language-radio-".concat(e));var o=document.createElement("div");o.className="caption - ".concat(e),o.innerHTML=s[e].label;var r=i.dom.createEl("input",{className:"radio -  ".concat(e),id:"language-radio-".concat(e),name:"language-radio"});return r.onchange=function(n){m(t.playerId,s[e].id)},r.setAttribute("type","radio"),i.dom.appendContent(a,r),i.dom.appendContent(a,o),i.dom.appendContent(n,a),{v:n}},u=0;u<s.length;u++){var f=l(u);if("object"===e(f))return f.v}}},{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=document.createElement("label");o.className="caption-font-holder",o.setAttribute("for","font".concat(a));var r=document.createElement("div");r.className="fontsize - ".concat(a),r.innerHTML=n[a].size+"pt";var c=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)});c.setAttribute("type","radio"),c.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(o,c),i.dom.appendContent(o,r),i.dom.appendContent(e,o)}return e}}]),v}();export{v as default};

package/esm/videoSelector-18079fce.js

@@ -1 +0,0 @@
-import e from"@babel/runtime/helpers/classCallCheck";import t from"@babel/runtime/helpers/createClass";import o from"@babel/runtime/helpers/inherits";import n from"@babel/runtime/helpers/possibleConstructorReturn";import i from"@babel/runtime/helpers/getPrototypeOf";import r from"video.js";import{E as a,r as l}from"./icons-b4aeb820.js";import{g as c,i as s,l as d,j as m}from"./index-f2244fa8.js";import{a as u}from"./autoNextVideo-e28a7e99.js";import"video.js/dist/video-js.min.css";import"@babel/runtime/helpers/defineProperty";import"axios";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"@babel/runtime/helpers/toConsumableArray";import"@babel/runtime/helpers/assertThisInitialized";function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,r=i(e);if(t){var a=i(this).constructor;o=Reflect.construct(r,arguments,a)}else o=r.apply(this,arguments);return n(this,o)}}var v=r.getComponent("Component"),h=function(n){o(h,v);var i=p(h);function h(t){var o,n,r,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e(this,h),(r=i.call(this,t,a)).playerId=a.playerId,r.seriesData=a.sres,r.videos=a.related.content,r.cb=(null==a||null===(o=a.related)||void 0===o?void 0:o.cb)||null,r.autoNext=(null==a||null===(n=a.related)||void 0===n?void 0:n.autoNext)||!1,r.currentVideoData=a.res,r.initialiseStructure(),r.loadCSS(),r.autoNext&&u({playerId:r.playerId,content:r.videos,cb:r.cb}),r}return t(h,[{key:"createEl",value:function(){var e=r.dom.createEl("div",{className:"video-selection vjs-control vjs-button"});e.style.position="unset";var t=r.dom.createEl("div",{className:"video-selector-icon",innerHTML:"".concat(a())});return r.dom.appendContent(e,t),e}},{key:"loadCSS",value:function(){import("./videoSelector-646174c1.js").then((function(e){var t=document.createElement("style");t.id="video-selecton",t.append("".concat(e.default)),document.head.appendChild(t)}))}},{key:"initialiseStructure",value:function(){var e=this.el(),t=r.dom.createEl("div",{className:"selection-container hidden"});r.dom.$(".video-selector-icon",this.el()).onclick=function(){var o;null!==(o=t.classList)&&void 0!==o&&o.contains("hidden")?(t.classList.remove("hidden"),e.classList.add("open"),t.style.right="0px"):(t.classList.add("hidden"),e.classList.remove("open"),t.style.right="-350px")};var o=window.getComputedStyle(document.getElementById(this.playerId),null).getPropertyValue("height").slice(0,-2);t.style.height="".concat(o,"px"),r.dom.appendContent(e,t),document.getElementById(this.playerId).style.overflow="hidden",this.addFunctionality(t)}},{key:"toggleOpenClose",value:function(){}},{key:"addFunctionality",value:function(e){var t=this,o=this.el(),n=r.dom.createEl("div",{className:"video-selector-head"}),i=r.dom.createEl("div",{className:"video-selector-cross-icon",innerHTML:"".concat(l())});i.onclick=function(){e.classList.add("hidden"),o.classList.remove("open"),e.style.right="-350px"};for(var a=r.dom.createEl("div",{className:"video-selector-title",innerHTML:"Recommended"}),u=r.dom.createEl("div",{className:"video-selector-content"}),p=r.dom.createEl("div",{className:"video-container"}),v=function(e){var o,n=r.dom.createEl("div",{className:"video -".concat(e)}),i=r.dom.createEl("div",{className:"recommended -".concat(e)});i.setAttribute("video-idx",e),i.onclick=function(){m(e+1);for(var o=r.dom.$$(".recommended"),n=0;n<o.length;n++)o[n].style.border="none";s(e),d(t.playerId,t.videos[e].id,sessionStorage.getItem("token")).then((function(e){t.cb&&t.cb(e)})).catch((function(e){t.cb&&t.cb(e)}))};var a=document.createElement("img");a.className="related-thumbnail-image",a.src="".concat(t.videos[e].img),a.alt="No Thumbnail Available",i.append(a);var l=r.dom.createEl("div",{className:"info -".concat(e),innerHTML:"".concat((null==t||null===(o=t.videos[e])||void 0===o?void 0:o.title)||"")});r.dom.appendContent(n,i),r.dom.appendContent(n,l),r.dom.appendContent(p,n),r.dom.appendContent(u,p)},h=0;h<this.videos.length;h++)v(h);r.dom.appendContent(n,i),r.dom.appendContent(n,a),r.dom.appendContent(e,n),r.dom.appendContent(e,u),c(this.playerId).on("fullscreenchange",(function(){var o=window.getComputedStyle(document.getElementById(t.playerId),null).getPropertyValue("height").slice(0,-2);e.style.height="".concat(o,"px")}))}}]),h}();export{h as default};

package/esm/videoSelector-646174c1.js

@@ -1 +0,0 @@
-var n=".video-selection {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.video-selector-icon {\n    cursor: pointer;\n}\n\n.selection-container {\n    position: absolute;\n    width: 350px;\n    bottom: 0px;\n    right: -350px;\n    background: #00000080 !important;\n    z-index: -1;\n    transition: right 300ms ease-out;\n}\n\n.video-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n}\n\n.video-selection.open {\n    background: rgba(255, 255, 255, 0.20) !important;\n}\n\n.video-selector-head {\n    display: flex;\n    align-items: center;\n    padding-top: 18px;\n    padding-left: 20px;\n    margin-bottom: 20px;\n}\n\n.video-selector-title {\n    font-size: 18px;\n    font-weight: 600;\n    margin-left: 25px;\n    user-select: none;\n}\n\n.video-selector-cross-icon {\n    cursor: pointer;\n}\n\n.video-selector-content {\n    height: 74%;\n    overflow: scroll;\n}\n\n.video-selector-content::-webkit-scrollbar {\n    display: none;\n}\n\n/* Hide scrollbar for IE, Edge and Firefox */\n.video-selector-content {\n    -ms-overflow-style: none;\n    /* IE and Edge */\n    scrollbar-width: none;\n    /* Firefox */\n}\n\n.video-selector-content-video {\n    height: 300px;\n    margin-bottom: 30px;\n}\n\n.recommended {\n    height: 175px;\n    width: 309px;\n    background-repeat: no-repeat;\n    background-size: contain;\n}\n.related-thumbnail-image{\n    width: 100%;\n    height: 100%;\n}\n.video {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-bottom: 12px;\n}\n\n.parent {\n    margin: 21px 52px 23px 34px;\n\n}\n\n.recommended:hover {\n    cursor: pointer;\n}\n\n.info {\n    font-size: 13px;\n    padding: 7px 22px;\n}\n\n@media (max-width:600px){\n    .video-selector-cross-icon>svg{\n        height: 12px;\n    }\n    .video-selector-title{\n        font-size: 14px;\n    }\n    .video-selector-content{\n        height: 52%;\n    }\n    .selection-container{\n        width: 200px;\n    }\n    .recommended{\n        height: 90px !important;\n        width: 154px !important;\n    }\n    .info {\n        font-size: 9px !important;\n    }\n    .video-selector-title{\n        margin-left: 13px;\n    }\n}";export{n as default};