@viewlift/player-backup 2.0.299-backup → 2.0.300-backup

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/cjs/autoNextVideo-5bd449e1.js +1 -0
  2. package/cjs/bundle.css +302 -89
  3. package/cjs/caption-settings-5efc7591.js +1 -0
  4. package/cjs/captions-5f9611f1.js +1 -0
  5. package/cjs/features-12e05d18.js +1 -0
  6. package/cjs/generic-c66535a6.js +1 -0
  7. package/cjs/index-8a1caccc.js +1 -0
  8. package/cjs/index-b6608461.js +1 -0
  9. package/cjs/index-e8be489f.js +1 -0
  10. package/cjs/index.js +1 -1
  11. package/cjs/multicamv2-0834e44d.js +1 -0
  12. package/cjs/multicamv2-e6f27f98.js +1 -0
  13. package/cjs/nextEpisodeButton-74e8a0df.js +1 -0
  14. package/cjs/playlist-415e42ad.js +1 -0
  15. package/cjs/relatedVideosManager-eeeaf32c.js +1 -0
  16. package/cjs/renditions-6f165ef5.js +1 -0
  17. package/cjs/resolution-19103db5.js +1 -0
  18. package/cjs/series-5286e1c3.js +1 -0
  19. package/cjs/series-v2-8dabeb63.js +1 -0
  20. package/cjs/series-v2-bfaacb8c.js +1 -0
  21. package/cjs/settings-icon-43534947.js +1 -0
  22. package/cjs/skin-0ee0edad.js +1 -0
  23. package/cjs/skin-16ae23af.js +1 -0
  24. package/cjs/skin-1e1a7fb4.js +1 -0
  25. package/cjs/skin-227021f2.js +1 -0
  26. package/cjs/skin-3f5c6c6e.js +1 -0
  27. package/cjs/skin-475c6efe.js +1 -0
  28. package/cjs/skin-5cbcd61c.js +1 -0
  29. package/cjs/skin-94c8c63c.js +1 -0
  30. package/cjs/skin-ac3f9750.js +1 -0
  31. package/cjs/skin-fa783fc1.js +1 -0
  32. package/cjs/util-b4bf1579.js +1 -0
  33. package/cjs/videoSelector-23532d3c.js +1 -0
  34. package/cjs/videoSelector-4e9061bb.js +1 -0
  35. package/esm/autoNextVideo-66977b2f.js +1 -0
  36. package/esm/bundle.css +302 -89
  37. package/esm/caption-settings-cfb1368b.js +1 -0
  38. package/esm/captions-89897207.js +1 -0
  39. package/esm/components/auto-next-video/autoNextVideo.d.ts +1 -0
  40. package/esm/components/video-selector/videoSelector.d.ts +4 -0
  41. package/esm/components/video-selector_TEMP/videoSelector.d.ts +4 -0
  42. package/esm/components/watch-history/handleWatchHistory.d.ts +1 -0
  43. package/esm/features-f476e191.js +1 -0
  44. package/esm/generic-7f2d1f91.js +1 -0
  45. package/esm/helpers/skin.d.ts +1 -1
  46. package/esm/icons-262bef63.js +1 -0
  47. package/esm/index-68a708c9.js +1 -0
  48. package/esm/index-8d6239c3.js +1 -0
  49. package/esm/index-bb7166ff.js +1 -0
  50. package/esm/index.d.ts +6 -0
  51. package/esm/index.js +1 -1
  52. package/esm/multicamv2-15bfaa1d.js +1 -0
  53. package/esm/multicamv2-3812939e.js +1 -0
  54. package/esm/nextEpisodeButton-406f2d70.js +1 -0
  55. package/esm/playlist-5b825b06.js +1 -0
  56. package/esm/relatedVideosManager-8dd9aa24.js +1 -0
  57. package/esm/renditions-ee4e8582.js +1 -0
  58. package/esm/resolution-879fc9c0.js +1 -0
  59. package/esm/series-22cb40d1.js +1 -0
  60. package/esm/series-v2-59d533b4.js +1 -0
  61. package/esm/series-v2-64cfce61.js +1 -0
  62. package/esm/settings-icon-851014b6.js +1 -0
  63. package/esm/skin-0abde216.js +1 -0
  64. package/esm/skin-4b9ab1d9.js +1 -0
  65. package/esm/skin-55f1cc14.js +1 -0
  66. package/esm/skin-5dedeb72.js +1 -0
  67. package/esm/skin-8bcdb1ff.js +1 -0
  68. package/esm/skin-971b1051.js +1 -0
  69. package/esm/skin-b58c0902.js +1 -0
  70. package/esm/skin-c79a9a01.js +1 -0
  71. package/esm/skin-dcc8d218.js +1 -0
  72. package/esm/skin-e25c6ce2.js +1 -0
  73. package/esm/util-907fe226.js +1 -0
  74. package/esm/utilities/relatedVideosManager.d.ts +11 -0
  75. package/esm/videoSelector-11dff17a.js +1 -0
  76. package/esm/videoSelector-3df8173e.js +1 -0
  77. package/package.json +1 -1
  78. package/viewlift-player-backup-2.0.299-backup.tgz +0 -0
package/esm/bundle.css CHANGED
@@ -197,8 +197,6 @@
197
197
  }
198
198
 
199
199
 
200
-
201
-
202
200
  .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
203
201
  font-size: 2.2em;
204
202
  line-height: 2.6;
@@ -1197,6 +1195,8 @@
1197
1195
 
1198
1196
 
1199
1197
 
1198
+
1199
+
1200
1200
  .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1201
1201
  font-size: 2.2em;
1202
1202
  line-height: 2.6;
@@ -1879,6 +1879,10 @@
1879
1879
 
1880
1880
 
1881
1881
 
1882
+
1883
+
1884
+
1885
+
1882
1886
  .video-js .multicamera-parent.default{
1883
1887
  height: 345px;
1884
1888
  position: absolute;
@@ -1958,10 +1962,6 @@
1958
1962
  }
1959
1963
 
1960
1964
 
1961
-
1962
-
1963
-
1964
-
1965
1965
  .vjs-custom-big-mute.vjs-control{
1966
1966
  position: absolute;
1967
1967
  align-items: center;
@@ -2010,81 +2010,326 @@
2010
2010
  width: 22px;
2011
2011
  }
2012
2012
 
2013
- /* nextep */
2014
- .next-ep-preview{
2013
+ /* nextep — up-next card (centered in player, scales with player size) */
2014
+ .video-js:has(.next-ep-preview),
2015
+ .video-js:has(.next-ep-preview-player-thumb) {
2016
+ position: relative;
2017
+ }
2018
+
2019
+ .next-ep-preview {
2020
+ container-type: inline-size;
2021
+ container-name: next-ep-preview;
2022
+
2015
2023
  position: absolute;
2016
- height: min-content;
2017
- width: 300px;
2018
- bottom: 16%;
2019
- right: 1.5%;
2020
- padding: 13px;
2024
+ top: 50%;
2025
+ left: 50%;
2026
+ right: auto;
2027
+ bottom: auto;
2028
+ transform: translate(-50%, -50%);
2029
+ z-index: 15;
2030
+
2031
+ box-sizing: border-box;
2032
+ width: min(92%, 16rem);
2033
+ max-width: calc(100% - 1.5rem);
2034
+ max-height: min(90%, 100%);
2035
+ overflow: auto;
2036
+ overscroll-behavior: contain;
2037
+
2038
+ padding: clamp(0.625rem, 3.5cqi, 1rem) clamp(0.75rem, 4cqi, 1rem);
2039
+ border-radius: clamp(0.5rem, 2cqi, 0.75rem);
2040
+
2041
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
2042
+ color: #fff;
2043
+ }
2044
+
2045
+ .next-heading-wrapper {
2046
+ display: flex;
2047
+ flex-direction: row;
2048
+ justify-content: space-between;
2049
+ align-items: flex-start;
2050
+ gap: clamp(0.375rem, 2cqi, 0.5rem);
2051
+ margin-bottom: clamp(0.375rem, 2.5cqi, 0.5rem);
2052
+ }
2053
+
2054
+ .next-ep-header {
2055
+ display: flex;
2056
+ flex-direction: row;
2057
+ flex-wrap: wrap;
2058
+ align-items: baseline;
2059
+ gap: 0.35em;
2060
+ flex: 1;
2061
+ min-width: 0;
2062
+ text-align: left;
2063
+ font-weight: 600;
2064
+ font-size: clamp(0.5625rem, 3.2cqi, 0.6875rem);
2065
+ color: rgba(255, 255, 255, 0.95);
2066
+ margin: 0;
2067
+ }
2068
+
2069
+ .next-ep-header-text {
2070
+ flex-shrink: 0;
2071
+ }
2072
+
2073
+ .next-ep-header .next-ep-duration {
2074
+ flex-shrink: 0;
2075
+ font-weight: 700;
2076
+ color: #fff;
2077
+ }
2078
+
2079
+ .next-ep-close {
2080
+ display: flex;
2081
+ align-items: center;
2082
+ justify-content: center;
2083
+ flex-shrink: 0;
2084
+ padding: clamp(0.125rem, 1cqi, 0.25rem) clamp(0.25rem, 1.5cqi, 0.25rem);
2085
+ margin: 0;
2021
2086
  border-radius: 4px;
2022
- background: rgba(0, 0, 0, 0.75);
2087
+ cursor: pointer;
2088
+ color: rgba(255, 255, 255, 0.85);
2089
+ line-height: 0;
2090
+ opacity: 0.9;
2023
2091
  }
2024
- .next-ep-img{
2025
- width: 185px;
2026
- height: 95px;
2027
-
2092
+
2093
+ .next-ep-close:hover {
2094
+ opacity: 1;
2095
+ }
2096
+
2097
+ .next-ep-close svg {
2098
+ width: clamp(0.75rem, 4cqi, 1rem);
2099
+ height: clamp(0.75rem, 4cqi, 1rem);
2100
+ }
2101
+
2102
+ .next-ep-content {
2103
+ display: flex;
2104
+ flex-direction: column;
2105
+ align-items: stretch;
2106
+ gap: clamp(0.5rem, 3cqi, 0.75rem);
2107
+ cursor: pointer;
2108
+ min-width: 0;
2028
2109
  }
2029
- .next-ep-img-container{
2110
+
2111
+ .next-ep-content:hover {
2112
+ opacity: 0.98;
2113
+ }
2114
+
2115
+ .next-ep-thumb-wrap {
2116
+ position: relative;
2117
+ width: 100%;
2118
+ aspect-ratio: 16 / 9;
2119
+ border-radius: clamp(0.375rem, 2cqi, 0.5rem);
2120
+ overflow: hidden;
2121
+ background: #1a1a1a;
2122
+ }
2123
+
2124
+ .next-ep-img {
2030
2125
  width: 100%;
2031
2126
  height: 100%;
2127
+ object-fit: cover;
2128
+ display: block;
2032
2129
  }
2033
- .next-ep-header{
2034
- text-align: left;
2035
- font-weight: bold;
2036
- font-size: 18px;
2037
- margin-bottom: 8px;
2130
+
2131
+ .next-ep-thumb-runtime {
2132
+ position: absolute;
2133
+ left: clamp(0.375rem, 2.5cqi, 0.625rem);
2134
+ bottom: clamp(0.375rem, 2.5cqi, 0.625rem);
2135
+ padding: clamp(0.125rem, 1cqi, 0.1875rem) clamp(0.375rem, 2cqi, 0.5rem);
2136
+ border-radius: 999px;
2137
+ font-size: clamp(0.5625rem, 2.8cqi, 0.6875rem);
2138
+ font-weight: 600;
2139
+ color: #fff;
2140
+ background: rgba(0, 0, 0, 0.65);
2141
+ letter-spacing: 0.02em;
2142
+ }
2143
+
2144
+ .next-ep-thumb-runtime--empty {
2145
+ display: none;
2038
2146
  }
2039
2147
 
2040
- .next-ep-title{
2041
- font-size: 15px;
2042
- margin-left: 8px;
2148
+ .next-ep-meta-with-logo {
2149
+ display: flex;
2150
+ flex-direction: row;
2151
+ align-items: flex-start;
2152
+ gap: clamp(0.375rem, 2.5cqi, 0.625rem);
2153
+ min-width: 0;
2154
+ }
2043
2155
 
2156
+ .next-ep-meta-with-logo > .next-ep-meta {
2157
+ flex: 1;
2158
+ min-width: 0;
2044
2159
  }
2045
2160
 
2046
- .next-ep-content{
2161
+ .next-ep-meta {
2047
2162
  display: flex;
2048
- align-items: center;
2163
+ flex-direction: column;
2164
+ gap: 0;
2165
+ min-width: 0;
2049
2166
  }
2050
- .next-ep-content:hover{
2051
- cursor: pointer;
2167
+
2168
+ .next-ep-title {
2169
+ font-size: clamp(0.75rem, 4.5cqi, 0.875rem);
2170
+ font-weight: 700;
2171
+ line-height: 1.25;
2172
+ color: #fff;
2173
+ margin: 0;
2174
+ min-width: 0;
2175
+ white-space: nowrap;
2176
+ overflow: hidden;
2177
+ text-overflow: ellipsis;
2052
2178
  }
2053
- .next-heading-wrapper{
2179
+
2180
+ .next-ep-desc {
2181
+ font-size: clamp(0.6875rem, 3.8cqi, 0.75rem);
2182
+ font-weight: 400;
2183
+ line-height: 1.35;
2184
+ color: rgba(255, 255, 255, 0.82);
2185
+ margin: 0;
2186
+ margin-top: 3px;
2187
+ min-width: 0;
2188
+ white-space: nowrap;
2189
+ overflow: hidden;
2190
+ text-overflow: ellipsis;
2191
+ }
2192
+
2193
+ .next-ep-desc--empty {
2194
+ display: none;
2195
+ }
2196
+
2197
+ .next-ep-meta-row {
2054
2198
  display: flex;
2055
- flex-direction: unset;
2056
- justify-content: space-between;
2199
+ flex-direction: row;
2057
2200
  align-items: center;
2201
+ justify-content: flex-start;
2202
+ gap: clamp(0.375rem, 2.5cqi, 0.625rem);
2203
+ margin-top: 2px;
2204
+ min-width: 0;
2058
2205
  }
2059
- .next-ep-close{
2060
- align-items: right;
2061
- font-weight: bold;
2062
- font-size: 18px;
2063
- margin-bottom: 8px;
2064
- font-size: 20px;
2206
+
2207
+ .next-ep-meta-row-left {
2208
+ display: flex;
2209
+ flex-direction: row;
2210
+ align-items: center;
2211
+ gap: clamp(0.375rem, 2cqi, 0.5rem);
2212
+ min-width: 0;
2213
+ flex: 1;
2214
+ }
2215
+
2216
+ .next-ep-badge {
2217
+ flex-shrink: 0;
2218
+ font-size: clamp(0.5rem, 2.6cqi, 0.625rem);
2219
+ font-weight: 600;
2220
+ letter-spacing: 0.08em;
2221
+ text-transform: uppercase;
2222
+ padding: clamp(0.0625rem, 0.8cqi, 0.125rem) clamp(0.1875rem, 1.6cqi, 0.25rem);
2223
+ border: 1px solid rgba(255, 255, 255, 0.75);
2065
2224
  border-radius: 3px;
2066
- cursor: pointer;
2225
+ color: rgba(255, 255, 255, 0.95);
2067
2226
  }
2068
2227
 
2069
- @media (max-width:600px){
2070
- .next-ep-preview{
2071
- width: 170px;
2072
- right: 2.5%;
2073
- padding: 6px;
2074
- bottom: 56px;
2075
- }
2076
- .next-ep-header{
2077
- font-size: 12px;
2078
- }
2079
- .next-ep-img {
2080
- width: 100px;
2081
- height: 60px;
2228
+ .next-ep-badge--empty {
2229
+ display: none;
2230
+ }
2231
+
2232
+ .next-ep-episode {
2233
+ font-size: clamp(0.6875rem, 3.6cqi, 0.75rem);
2234
+ color: rgba(255, 255, 255, 0.88);
2235
+ white-space: nowrap;
2236
+ overflow: hidden;
2237
+ text-overflow: ellipsis;
2238
+ min-width: 0;
2239
+ }
2240
+
2241
+ .next-ep-network-logo {
2242
+ flex-shrink: 0;
2243
+ max-height: clamp(0.875rem, 5cqi, 1.375rem);
2244
+ max-width: clamp(2.5rem, 14cqi, 3.5rem);
2245
+ width: auto;
2246
+ height: auto;
2247
+ object-fit: contain;
2248
+ opacity: 0.98;
2249
+ }
2250
+
2251
+ .next-ep-network-logo--empty {
2252
+ display: none;
2253
+ }
2254
+
2255
+ /* Narrow card: stack meta and network logo */
2256
+ @container next-ep-preview (max-width: 220px) {
2257
+ .next-ep-meta-with-logo {
2258
+ flex-direction: column;
2259
+ align-items: flex-start;
2082
2260
  }
2083
- .next-ep-title {
2084
- font-size: 9px;
2085
- margin-left: 8px;
2261
+
2262
+ .next-ep-network-logo {
2263
+ align-self: flex-end;
2086
2264
  }
2087
2265
  }
2266
+
2267
+ /* Full-player thumbnail while the next episode asset loads */
2268
+ .video-js.next-ep-load-pending {
2269
+ position: relative;
2270
+ }
2271
+
2272
+ .next-ep-preview-player-thumb {
2273
+ position: absolute;
2274
+ inset: 0;
2275
+ z-index: 5;
2276
+ overflow: hidden;
2277
+ background: #000;
2278
+ pointer-events: none;
2279
+ }
2280
+
2281
+ .next-ep-load-overlay {
2282
+ position: absolute;
2283
+ inset: 0;
2284
+ z-index: 10;
2285
+ overflow: hidden;
2286
+ background: #000;
2287
+ pointer-events: none;
2288
+ }
2289
+
2290
+ .next-ep-load-overlay-img {
2291
+ width: 100%;
2292
+ height: 100%;
2293
+ object-fit: cover;
2294
+ display: block;
2295
+ }
2296
+
2297
+ .video-js.next-ep-load-pending .vjs-loading-spinner {
2298
+ z-index: 30 !important;
2299
+ }
2300
+
2301
+ /* a wrapper element that tracks the mouse vertically */
2302
+ .vjs-thumbnail-holder {
2303
+ position: absolute;
2304
+ left: -1000px;
2305
+ }
2306
+
2307
+ /* the thumbnail image itself */
2308
+ .vjs-thumbnail {
2309
+ position: absolute;
2310
+ left: 0;
2311
+ bottom: 1.3em;
2312
+ opacity: 0;
2313
+ transition: opacity .2s ease;
2314
+ -webkit-transition: opacity .2s ease;
2315
+ -moz-transition: opacity .2s ease;
2316
+ -mz-transition: opacity .2s ease;
2317
+ }
2318
+
2319
+ /* fade in the thumbnail when hovering over the progress bar */
2320
+ /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2321
+ .vjs-progress-control:hover .vjs-thumbnail,
2322
+ .vjs-progress-control.fake-active .vjs-thumbnail,
2323
+ .vjs-progress-control:active .vjs-thumbnail {
2324
+ opacity: 1;
2325
+ }
2326
+
2327
+ /* ... but hide the thumbnail when hovering directly over it */
2328
+ .vjs-progress-control:hover .vjs-thumbnail:hover,
2329
+ .vjs-progress-control:active .vjs-thumbnail:active {
2330
+ opacity: 0;
2331
+ }
2332
+
2088
2333
  .video-js.vjs-quality-menu {
2089
2334
  display: block;
2090
2335
  }
@@ -2155,38 +2400,6 @@
2155
2400
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2156
2401
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2157
2402
  }
2158
- /* a wrapper element that tracks the mouse vertically */
2159
- .vjs-thumbnail-holder {
2160
- position: absolute;
2161
- left: -1000px;
2162
- }
2163
-
2164
- /* the thumbnail image itself */
2165
- .vjs-thumbnail {
2166
- position: absolute;
2167
- left: 0;
2168
- bottom: 1.3em;
2169
- opacity: 0;
2170
- transition: opacity .2s ease;
2171
- -webkit-transition: opacity .2s ease;
2172
- -moz-transition: opacity .2s ease;
2173
- -mz-transition: opacity .2s ease;
2174
- }
2175
-
2176
- /* fade in the thumbnail when hovering over the progress bar */
2177
- /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2178
- .vjs-progress-control:hover .vjs-thumbnail,
2179
- .vjs-progress-control.fake-active .vjs-thumbnail,
2180
- .vjs-progress-control:active .vjs-thumbnail {
2181
- opacity: 1;
2182
- }
2183
-
2184
- /* ... but hide the thumbnail when hovering directly over it */
2185
- .vjs-progress-control:hover .vjs-thumbnail:hover,
2186
- .vjs-progress-control:active .vjs-thumbnail:active {
2187
- opacity: 0;
2188
- }
2189
-
2190
2403
  .vjs-poster {
2191
2404
  display: inline-block;
2192
2405
  vertical-align: middle;
@@ -0,0 +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-89897207.js";import{j as p,s as m,k as u,l as v}from"./skin-0abde216.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};
@@ -0,0 +1 @@
1
+ import{g as t}from"./skin-0abde216.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};
@@ -1,2 +1,3 @@
1
1
  export function autoPlayNext(config: any): void;
2
2
  export function switchToNext(idx: any, playerId: any, content: any, cb: any): void;
3
+ export function updateContent(newContent: any): void;
@@ -8,6 +8,10 @@ declare class videoSelector extends videoSelector_base {
8
8
  cb: any;
9
9
  autoNext: any;
10
10
  currentVideoData: any;
11
+ _unsubRelated: () => void;
12
+ _buildVideoItem(i: any): Element;
13
+ _refreshList(): void;
14
+ dispose(): void;
11
15
  createEl(): Element;
12
16
  loadCSS(): void;
13
17
  initialiseStructure(): void;
@@ -8,6 +8,10 @@ declare class videoSelector extends videoSelector_base {
8
8
  cb: any;
9
9
  autoNext: any;
10
10
  currentVideoData: any;
11
+ _unsubRelated: () => void;
12
+ _buildVideoItem(i: any): Element;
13
+ _refreshList(): void;
14
+ dispose(): void;
11
15
  createEl(): Element;
12
16
  loadCSS(): void;
13
17
  initialiseStructure(): void;
@@ -1,2 +1,3 @@
1
1
  export function getWatchHistoryByIdFromStorage(profileId: any, videoId: any, site: any): any[];
2
2
  export function initiateWatchHistoryHandling(playerId: any, config: any, id: any): void;
3
+ export function initiateWatchHistoryHandlingExternal(player: any, config: any): void;
@@ -0,0 +1 @@
1
+ import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/classCallCheck";import n from"@babel/runtime/helpers/createClass";import r from"@babel/runtime/helpers/inherits";import o from"@babel/runtime/helpers/possibleConstructorReturn";import l from"@babel/runtime/helpers/getPrototypeOf";import i from"video.js";import{R as a,O as s}from"./generic-7f2d1f91.js";import{g as c}from"./renditions-ee4e8582.js";import{g as d,p as u}from"./skin-0abde216.js";import{g as p}from"./localisation-0bf399a1.js";function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function h(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?m(Object(r),!0).forEach(function(n){e(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}function f(e){var t=v();return function(){var n,r=l(e);if(t){var i=l(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return o(this,n)}}function v(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(v=function(){return!!e})()}var g=function(e){var o=function(e){r(i,e);var o=f(i);function i(e,n){var r;t(this,i);var l=(r=o.call(this,e,n)).el_;return l.classList.add("vjs-slowmo-button"),l.textContent=p("slowMoText")||"Slow Mo",r}return n(i,[{key:"handleClick",value:function(){1==l.playbackRate()?(l.playbackRate(.5),this.el().style.background="darkgray"):(l.playbackRate(1),this.el().style.background="none")}}]),i}(i.getComponent("Button"));i.registerComponent("MyButton",o);var l=i(e);l.getChild("controlBar").addChild("myButton",{},2)},C=function(e,o,l){var s=function(o){r(s,o);var i=f(s);function s(e,n){var r;t(this,s);var o=(r=i.call(this,e,n)).el_;o.classList.add("vjs-rewind-button");var a=u(l);return o.append(a),r}return n(s,[{key:"handleClick",value:function(){a(e,10)}}]),s}(i.getComponent("Button"));i.registerComponent("MyButton",s),i(e).getChild("controlBar").addChild("myButton",{},1)},y=function(e,o,l){var a=function(o){r(a,o);var i=f(a);function a(e,n){var r;t(this,a);var o=(r=i.call(this,e,n)).el_;o.classList.add("vjs-skip-button");var s=u(l);return o.append(s),r}return n(a,[{key:"handleClick",value:function(){s(e,10)}}]),a}(i.getComponent("Button"));i.registerComponent("MyButton",a),i(e).getChild("controlBar").addChild("myButton",{},1)},B=function(e,t,n){import("./resolution-879fc9c0.js").then(function(r){var o=r.default;document.getElementById(e).getElementsByClassName("container")[0]&&document.getElementById(e).getElementsByClassName("container")[0].remove();var l=d(e),a=c(e);(null==a?void 0:a.length)>0&&(i.registerComponent("resolutionModule",o),l.getChild("controlBar").addChild("resolutionModule",{playerId:e,skin:t,icon:n,renditions:a},l.controlBar.children().length-4))})},b=function(e,t,n){import("./nextEpisodeButton-406f2d70.js").then(function(r){var o=r.default,l=d(n);i.registerComponent("nextEpisodeButtonModule",o),l.getChild("controlBar").addChild("nextEpisodeButtonModule",{playerId:n,sres:e,res:t},l.controlBar.children().length-5)})},j=function(e,t,n){import("./series-22cb40d1.js").then(function(r){var o=r.seriesModule,l=d(e);i.registerComponent("seriesModule",o),l.getChild("controlBar").addChild("seriesModule",{playerId:e,seriesData:t},l.controlBar.children().length-4);for(var a=document.querySelectorAll(".season-title-sdk"),s=function(e){a[e].addEventListener("click",function(){t[e]&&r.handleSeasonChange(t[e],e,l,n)})},c=0;c<a.length;c++)s(c)})},k=function(e,t){import("./videoSelector-11dff17a.js").then(function(n){var r=n.default,o=d(e);i.registerComponent("videoSelector",r),o.getChild("controlBar").addChild("videoSelector",{playerId:e,related:t},o.controlBar.children().length-3)})},S=function(e,t){import("./caption-settings-cfb1368b.js").then(function(n){var r,o,l,a,s=n.default,c=d(e);i.registerComponent("captionSelector",s),null===(r=document)||void 0===r||null===(o=r.getElementById(e))||void 0===o||null===(l=o.getElementsByClassName("caption-selection vjs-control vjs-button"))||void 0===l||null===(a=l[0])||void 0===a||a.remove(),c&&c.getChild("controlBar").addChild("captionSelector",{playerId:e,options:t},c.controlBar.children().length-3)})},O=function(e,t){import("./settings-icon-851014b6.js").then(function(n){var r,o,l,a,s=n.default,c=d(e);i.registerComponent("settingsSelector",s),null===(r=document)||void 0===r||null===(o=r.getElementById(e))||void 0===o||null===(l=o.getElementsByClassName("settings-selection vjs-control vjs-button"))||void 0===l||null===(a=l[0])||void 0===a||a.remove(),c&&c.getChild("controlBar").addChild("settingsSelector",{playerId:e,options:t},c.controlBar.children().length-3)})},E=function(e,t){import("./playlist-5b825b06.js").then(function(n){var r=n.default,o=d(e);i.registerComponent("playlistSelector",r),o.getChild("controlBar").addChild("playlistSelector",{playerId:e,playlist:t},o.controlBar.children().length-3)})},I=function(e,t){import("./series-v2-64cfce61.js").then(function(n){var r=n.default,o=d(e);i.registerComponent("seriesV2",r),o.getChild("controlBar").addChild("seriesV2",h({playerId:e},t),o.controlBar.children().length-3)})},w=function(e,t){import("./multicamv2-15bfaa1d.js").then(function(n){var r=n.default,o=d(e);i.registerComponent("streamSelector",r),o.getChild("controlBar").addChild("streamSelector",{playerId:e,streams:t},o.controlBar.children().length-4)})},M=function(e,t){var n=d(e).el(),r=i.dom.createEl("div",{className:"output-overlay",innerHTML:'<iframe frameBorder="0" src='.concat(t,"></iframe>")});n.append(r)},P=function(e){var t=d(e).el(),n=0,r=d(e);r.addChild("fullscreenToggle");var o=function(){var e,n=null==t||null===(e=t.getElementsByClassName("vjs-fullscreen-control"))||void 0===e?void 0:e[0];n&&n.click()};r.el().addEventListener("dblclick",o),window._multiplayer_dbClickHandler=o;r.el().addEventListener("touchend",function(){var e=(new Date).getTime(),r=e-n;if(r<300&&r>0){var o,l=null==t||null===(o=t.getElementsByClassName("vjs-fullscreen-control"))||void 0===o?void 0:o[0];l&&l.click()}n=e}),window._multiplayer_dbTapHandler=o},x=function(e,t){import("./videoSelector-3df8173e.js").then(function(n){var r=n.default,o=d(e);i.registerComponent("videoSelector",r),o.getChild("controlBar").addChild("videoSelector",{playerId:e,related:t},o.controlBar.children().length-3)})},L=function(e,t){import("./series-v2-59d533b4.js").then(function(n){var r=n.default,o=d(e);i.registerComponent("seriesV2",r),o.getChild("controlBar").addChild("seriesV2",h({playerId:e},t),o.controlBar.children().length-3)})},N=function(e,t){import("./multicamv2-3812939e.js").then(function(n){var r=n.default,o=d(e);i.registerComponent("streamSelector",r),o.getChild("controlBar").addChild("streamSelector",{playerId:e,streams:t},o.controlBar.children().length-4)})},R=function(e,t){import("./index-bb7166ff.js").then(function(n){var r=n.default,o=d(e);i.registerComponent("MuteButton",r),o.addChild("MuteButton",h({playerId:e},t))})};export{B as a,j as b,b as c,y as d,C as e,O as f,S as g,M as h,g as i,x as j,N as k,E as l,L as m,P as n,k as o,I as p,w as q,R as r};