@gcorevideo/player 2.28.13 → 2.28.14

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.
package/dist/core.js CHANGED
@@ -48632,7 +48632,7 @@ Hls.defaultConfig = void 0;
48632
48632
 
48633
48633
  // assert(process.env.CLAPPR_VERSION, 'CLAPPR_VERSION is required');
48634
48634
  // export const CLAPPR_VERSION: string = process.env.CLAPPR_VERSION || '0.11.3';
48635
- const CLAPPR_VERSION = '0.11.3';
48635
+ const CLAPPR_VERSION = '0.13.0';
48636
48636
 
48637
48637
  // Copyright 2014 Globo.com Player authors. All rights reserved.
48638
48638
  // Use of this source code is governed by a BSD-style
@@ -50090,7 +50090,7 @@ class Player {
50090
50090
  }
50091
50091
  }
50092
50092
 
50093
- var version$1 = "2.28.13";
50093
+ var version$1 = "2.28.14";
50094
50094
 
50095
50095
  var packages = {
50096
50096
  "node_modules/@clappr/core": {
package/dist/index.css CHANGED
@@ -122,55 +122,64 @@
122
122
  .gplayer-lite-btn::-moz-focus-inner {
123
123
  border: 0;
124
124
  padding: 0;
125
- }.big-mute-icon-wrapper[data-big-mute] {
126
- position: absolute;
127
- z-index: 9998;
128
- background-color: transparent;
129
- display: flex;
130
- justify-content: center;
125
+ }*, :focus, :visited {
126
+ outline: none !important;
127
+ }
128
+
129
+ .gear-wrapper .go-back {
130
+ font-weight: 600;
131
+ font-size: 14px;
132
+ line-height: 20px;
131
133
  width: 100%;
132
- height: calc(100% - 50px);
133
- margin: 0 auto;
134
- opacity: 0.75;
135
- transition: opacity 0.1s ease;
136
- pointer-events: auto;
134
+ text-align: left;
135
+ padding: 12px;
137
136
  }
138
- .big-mute-icon-wrapper[data-big-mute].hide {
139
- display: none;
137
+ .gear-wrapper .go-back .arrow-left-icon {
138
+ float: left;
139
+ padding-top: 2px;
140
+ padding-right: 2px;
140
141
  }
141
- .big-mute-icon-wrapper[data-big-mute]:hover {
142
- cursor: pointer;
142
+ .gear-wrapper .go-back .arrow-left-icon svg {
143
+ height: 16px;
143
144
  }
144
-
145
- .big-mute-icon[data-big-mute-icon] {
146
- display: flex;
147
- align-items: center;
148
- justify-content: center;
149
- align-self: center;
150
- width: 120px;
151
- height: 120px;
152
- border: 2px solid white;
153
- border-radius: 50%;
154
- filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
155
- filter: alpha(opacity=60);
156
- opacity: 1;
157
- box-shadow: 0 0 1px 0 white;
158
- background: rgba(240, 243, 247, 0.9411764706);
159
- z-index: 10000;
145
+ .gear-wrapper ul.gear-sub-menu {
146
+ width: 100%;
147
+ list-style-type: none;
148
+ min-width: 60px;
149
+ border-top: 2px solid rgb(36, 36, 36);
150
+ overflow-y: auto;
160
151
  }
161
- .big-mute-icon[data-big-mute-icon] svg {
162
- margin-left: 5px;
163
- width: 80px;
164
- height: 80px;
152
+ .gear-wrapper ul.gear-sub-menu li {
153
+ font-size: 12px;
154
+ text-align: left;
165
155
  }
166
- .big-mute-icon[data-big-mute-icon] svg path {
167
- fill: #1f1e1e !important;
156
+ .gear-wrapper ul.gear-sub-menu li a {
157
+ display: block;
158
+ text-decoration: none;
159
+ height: 30px;
160
+ padding: 5px 10px;
161
+ line-height: 22px;
162
+ color: var(--gplayer-mc-text-dim-color);
168
163
  }
169
- .big-mute-icon[data-big-mute-icon]:hover {
170
- background: rgba(240, 243, 247, 0.8784313725);
164
+ .gear-wrapper ul.gear-sub-menu li a:hover {
165
+ color: var(--gplayer-mc-text-color);
166
+ background-color: rgba(0, 0, 0, 0.4);
171
167
  }
172
- .big-mute-icon[data-big-mute-icon]:hover svg path {
173
- fill: #151515 !important;
168
+ .gear-wrapper ul.gear-sub-menu li a:hover a {
169
+ color: var(--gplayer-mc-text-color);
170
+ text-decoration: none;
171
+ }
172
+ .gear-wrapper ul.gear-sub-menu li a .check-icon {
173
+ width: 30px;
174
+ height: 20px;
175
+ float: left;
176
+ display: block;
177
+ }
178
+ .gear-wrapper ul.gear-sub-menu li a .check-icon svg {
179
+ display: none;
180
+ }
181
+ .gear-wrapper ul.gear-sub-menu li.current a .check-icon svg {
182
+ display: inline;
174
183
  }.media-control-skin-1 .media-control-item.media-control-gear {
175
184
  order: 99;
176
185
  }
@@ -216,64 +225,55 @@
216
225
  }
217
226
  .media-control-skin-1 .media-control-item.media-control-gear .gear-option_value {
218
227
  flex: 1 0 auto;
219
- }*, :focus, :visited {
220
- outline: none !important;
221
- }
222
-
223
- .gear-wrapper .go-back {
224
- font-weight: 600;
225
- font-size: 14px;
226
- line-height: 20px;
227
- width: 100%;
228
- text-align: left;
229
- padding: 12px;
230
- }
231
- .gear-wrapper .go-back .arrow-left-icon {
232
- float: left;
233
- padding-top: 2px;
234
- padding-right: 2px;
235
- }
236
- .gear-wrapper .go-back .arrow-left-icon svg {
237
- height: 16px;
238
- }
239
- .gear-wrapper ul.gear-sub-menu {
228
+ }.big-mute-icon-wrapper[data-big-mute] {
229
+ position: absolute;
230
+ z-index: 9998;
231
+ background-color: transparent;
232
+ display: flex;
233
+ justify-content: center;
240
234
  width: 100%;
241
- list-style-type: none;
242
- min-width: 60px;
243
- border-top: 2px solid rgb(36, 36, 36);
244
- overflow-y: auto;
235
+ height: calc(100% - 50px);
236
+ margin: 0 auto;
237
+ opacity: 0.75;
238
+ transition: opacity 0.1s ease;
239
+ pointer-events: auto;
245
240
  }
246
- .gear-wrapper ul.gear-sub-menu li {
247
- font-size: 12px;
248
- text-align: left;
241
+ .big-mute-icon-wrapper[data-big-mute].hide {
242
+ display: none;
249
243
  }
250
- .gear-wrapper ul.gear-sub-menu li a {
251
- display: block;
252
- text-decoration: none;
253
- height: 30px;
254
- padding: 5px 10px;
255
- line-height: 22px;
256
- color: var(--gplayer-mc-text-dim-color);
244
+ .big-mute-icon-wrapper[data-big-mute]:hover {
245
+ cursor: pointer;
257
246
  }
258
- .gear-wrapper ul.gear-sub-menu li a:hover {
259
- color: var(--gplayer-mc-text-color);
260
- background-color: rgba(0, 0, 0, 0.4);
247
+
248
+ .big-mute-icon[data-big-mute-icon] {
249
+ display: flex;
250
+ align-items: center;
251
+ justify-content: center;
252
+ align-self: center;
253
+ width: 120px;
254
+ height: 120px;
255
+ border: 2px solid white;
256
+ border-radius: 50%;
257
+ filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
258
+ filter: alpha(opacity=60);
259
+ opacity: 1;
260
+ box-shadow: 0 0 1px 0 white;
261
+ background: rgba(240, 243, 247, 0.9411764706);
262
+ z-index: 10000;
261
263
  }
262
- .gear-wrapper ul.gear-sub-menu li a:hover a {
263
- color: var(--gplayer-mc-text-color);
264
- text-decoration: none;
264
+ .big-mute-icon[data-big-mute-icon] svg {
265
+ margin-left: 5px;
266
+ width: 80px;
267
+ height: 80px;
265
268
  }
266
- .gear-wrapper ul.gear-sub-menu li a .check-icon {
267
- width: 30px;
268
- height: 20px;
269
- float: left;
270
- display: block;
269
+ .big-mute-icon[data-big-mute-icon] svg path {
270
+ fill: #1f1e1e !important;
271
271
  }
272
- .gear-wrapper ul.gear-sub-menu li a .check-icon svg {
273
- display: none;
272
+ .big-mute-icon[data-big-mute-icon]:hover {
273
+ background: rgba(240, 243, 247, 0.8784313725);
274
274
  }
275
- .gear-wrapper ul.gear-sub-menu li.current a .check-icon svg {
276
- display: inline;
275
+ .big-mute-icon[data-big-mute-icon]:hover svg path {
276
+ fill: #151515 !important;
277
277
  }:root {
278
278
  --primary-background-color: #000;
279
279
  --secondary-background-color: #262626;
@@ -661,42 +661,6 @@
661
661
  }
662
662
  .gplayer-mc-clips .gplayer-mc-clips-text.compact {
663
663
  max-width: 100px;
664
- }.context-menu {
665
- z-index: 999;
666
- position: absolute;
667
- top: 0;
668
- left: 0;
669
- text-align: center;
670
- }
671
- .context-menu .context-menu-list {
672
- font-family: "Proxima Nova", sans-serif;
673
- font-size: 12px;
674
- line-height: 12px;
675
- list-style-type: none;
676
- text-align: left;
677
- padding: 5px;
678
- margin-left: auto;
679
- margin-right: auto;
680
- background-color: rgba(0, 0, 0, 0.75);
681
- border: 1px solid #666;
682
- border-radius: 4px;
683
- }
684
- .context-menu .context-menu-list-item button {
685
- border: none;
686
- background-color: transparent;
687
- padding: 0;
688
- color: white;
689
- display: flex;
690
- gap: 8px;
691
- align-items: center;
692
- justify-content: center;
693
- cursor: pointer;
694
- padding: 5px;
695
- width: 100%;
696
- }
697
- .context-menu .context-menu-list-item_icon {
698
- width: 20px;
699
- height: 20px;
700
664
  }.dvr-controls {
701
665
  --disabled-opacity: 0.3;
702
666
  --circle-radius: 5px;
@@ -754,6 +718,42 @@
754
718
  .dvr-controls .live-button:hover {
755
719
  opacity: 1;
756
720
  text-shadow: rgba(255, 255, 255, 0.75) 0 0 5px;
721
+ }.context-menu {
722
+ z-index: 999;
723
+ position: absolute;
724
+ top: 0;
725
+ left: 0;
726
+ text-align: center;
727
+ }
728
+ .context-menu .context-menu-list {
729
+ font-family: "Proxima Nova", sans-serif;
730
+ font-size: 12px;
731
+ line-height: 12px;
732
+ list-style-type: none;
733
+ text-align: left;
734
+ padding: 5px;
735
+ margin-left: auto;
736
+ margin-right: auto;
737
+ background-color: rgba(0, 0, 0, 0.75);
738
+ border: 1px solid #666;
739
+ border-radius: 4px;
740
+ }
741
+ .context-menu .context-menu-list-item button {
742
+ border: none;
743
+ background-color: transparent;
744
+ padding: 0;
745
+ color: white;
746
+ display: flex;
747
+ gap: 8px;
748
+ align-items: center;
749
+ justify-content: center;
750
+ cursor: pointer;
751
+ padding: 5px;
752
+ width: 100%;
753
+ }
754
+ .context-menu .context-menu-list-item_icon {
755
+ width: 20px;
756
+ height: 20px;
757
757
  }div.player-error-screen, [data-player] div.player-error-screen {
758
758
  color: #CCCACA;
759
759
  position: absolute;
@@ -788,6 +788,14 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
788
788
  cursor: pointer;
789
789
  width: 30px;
790
790
  margin: 15px auto 0;
791
+ }.media-control-skin-1 .media-control-item.media-control-pip {
792
+ order: 95;
793
+ }
794
+ .media-control-skin-1 .media-control-item.media-control-pip button {
795
+ height: 20px;
796
+ }
797
+ .media-control-skin-1 .media-control-item.media-control-pip button svg {
798
+ height: 20px;
791
799
  }[data-player] {
792
800
  --bottom-panel: 40px;
793
801
  }
@@ -1409,14 +1417,6 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
1409
1417
  100% {
1410
1418
  color: #B80000;
1411
1419
  }
1412
- }.media-control-skin-1 .media-control-item.media-control-pip {
1413
- order: 95;
1414
- }
1415
- .media-control-skin-1 .media-control-item.media-control-pip button {
1416
- height: 20px;
1417
- }
1418
- .media-control-skin-1 .media-control-item.media-control-pip button svg {
1419
- height: 20px;
1420
1420
  }*,
1421
1421
  :focus,
1422
1422
  :visited {
@@ -48563,7 +48563,7 @@ Hls.defaultConfig = void 0;
48563
48563
 
48564
48564
  // assert(process.env.CLAPPR_VERSION, 'CLAPPR_VERSION is required');
48565
48565
  // export const CLAPPR_VERSION: string = process.env.CLAPPR_VERSION || '0.11.3';
48566
- const CLAPPR_VERSION$1 = '0.11.3';
48566
+ const CLAPPR_VERSION$1 = '0.13.0';
48567
48567
 
48568
48568
  // Copyright 2014 Globo.com Player authors. All rights reserved.
48569
48569
  // Use of this source code is governed by a BSD-style
@@ -52322,7 +52322,7 @@ class CmcdConfig extends CorePlugin {
52322
52322
  constructor(core) {
52323
52323
  super(core);
52324
52324
  this.sid = this.options.cmcd?.sessionId ?? generateSessionId();
52325
- this.setContentId();
52325
+ // this.setContentId()
52326
52326
  }
52327
52327
  /**
52328
52328
  * @internal
@@ -52376,7 +52376,11 @@ class CmcdConfig extends CorePlugin {
52376
52376
  }
52377
52377
  }
52378
52378
  generateContentId() {
52379
- return new URL(this.core.options.source ?? this.core.options.sources[0].source).pathname.slice(0, 64);
52379
+ const src = this.core.options.source ??
52380
+ (typeof this.core.options.sources[0] == 'string'
52381
+ ? this.core.options.sources[0]
52382
+ : this.core.options.sources[0].source);
52383
+ return new URL(src).pathname.slice(0, 64);
52380
52384
  }
52381
52385
  setContentId() {
52382
52386
  this.cid = this.options.cmcd?.contentId ?? this.generateContentId();
package/dist/index.js CHANGED
@@ -48722,7 +48722,7 @@ Hls.defaultConfig = void 0;
48722
48722
 
48723
48723
  // assert(process.env.CLAPPR_VERSION, 'CLAPPR_VERSION is required');
48724
48724
  // export const CLAPPR_VERSION: string = process.env.CLAPPR_VERSION || '0.11.3';
48725
- const CLAPPR_VERSION$1 = '0.11.3';
48725
+ const CLAPPR_VERSION$1 = '0.13.0';
48726
48726
 
48727
48727
  // Copyright 2014 Globo.com Player authors. All rights reserved.
48728
48728
  // Use of this source code is governed by a BSD-style
@@ -50180,7 +50180,7 @@ class Player {
50180
50180
  }
50181
50181
  }
50182
50182
 
50183
- var version$1 = "2.28.13";
50183
+ var version$1 = "2.28.14";
50184
50184
 
50185
50185
  var packages = {
50186
50186
  "node_modules/@clappr/core": {
@@ -52759,7 +52759,7 @@ class CmcdConfig extends CorePlugin {
52759
52759
  constructor(core) {
52760
52760
  super(core);
52761
52761
  this.sid = this.options.cmcd?.sessionId ?? generateSessionId();
52762
- this.setContentId();
52762
+ // this.setContentId()
52763
52763
  }
52764
52764
  /**
52765
52765
  * @internal
@@ -52813,7 +52813,11 @@ class CmcdConfig extends CorePlugin {
52813
52813
  }
52814
52814
  }
52815
52815
  generateContentId() {
52816
- return new URL(this.core.options.source ?? this.core.options.sources[0].source).pathname.slice(0, 64);
52816
+ const src = this.core.options.source ??
52817
+ (typeof this.core.options.sources[0] == 'string'
52818
+ ? this.core.options.sources[0]
52819
+ : this.core.options.sources[0].source);
52820
+ return new URL(src).pathname.slice(0, 64);
52817
52821
  }
52818
52822
  setContentId() {
52819
52823
  this.cid = this.options.cmcd?.contentId ?? this.generateContentId();
@@ -1 +1 @@
1
- {"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../src/build.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,EAAE,MAAiB,CAAC"}
1
+ {"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../src/build.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,EAAE,MAAiB,CAAA"}
package/lib/build.js CHANGED
@@ -1,3 +1,3 @@
1
1
  // assert(process.env.CLAPPR_VERSION, 'CLAPPR_VERSION is required');
2
2
  // export const CLAPPR_VERSION: string = process.env.CLAPPR_VERSION || '0.11.3';
3
- export const CLAPPR_VERSION = '0.11.3';
3
+ export const CLAPPR_VERSION = '0.13.0';
@@ -1 +1 @@
1
- {"version":3,"file":"CmcdConfig.d.ts","sourceRoot":"","sources":["../../../src/plugins/cmcd-config/CmcdConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,IAAI,EAAE,UAAU,EAAU,MAAM,cAAc,CAAA;AA4BrE;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAID;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,UAAW,SAAQ,UAAU;IACxC,OAAO,CAAC,GAAG,CAAQ;IAEnB,OAAO,CAAC,GAAG,CAAK;IAEhB;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,OAAO,WAEV;IAED;;OAEG;IACH,IAAI,gBAAgB,WAEnB;gBAEW,IAAI,EAAE,IAAI;IAMtB;;OAEG;IACM,UAAU;IAOnB;;;;OAIG;IACH,SAAS,IAAI;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE;YAO3B,cAAc;IAgC5B,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,YAAY;CAGrB"}
1
+ {"version":3,"file":"CmcdConfig.d.ts","sourceRoot":"","sources":["../../../src/plugins/cmcd-config/CmcdConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,IAAI,EAAE,UAAU,EAAU,MAAM,cAAc,CAAA;AA4BrE;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAID;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,UAAW,SAAQ,UAAU;IACxC,OAAO,CAAC,GAAG,CAAQ;IAEnB,OAAO,CAAC,GAAG,CAAK;IAEhB;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,OAAO,WAEV;IAED;;OAEG;IACH,IAAI,gBAAgB,WAEnB;gBAEW,IAAI,EAAE,IAAI;IAMtB;;OAEG;IACM,UAAU;IAOnB;;;;OAIG;IACH,SAAS,IAAI;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE;YAO3B,cAAc;IAgC5B,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,YAAY;CAGrB"}
@@ -66,7 +66,7 @@ export class CmcdConfig extends CorePlugin {
66
66
  constructor(core) {
67
67
  super(core);
68
68
  this.sid = this.options.cmcd?.sessionId ?? generateSessionId();
69
- this.setContentId();
69
+ // this.setContentId()
70
70
  }
71
71
  /**
72
72
  * @internal
@@ -120,7 +120,11 @@ export class CmcdConfig extends CorePlugin {
120
120
  }
121
121
  }
122
122
  generateContentId() {
123
- return new URL(this.core.options.source ?? this.core.options.sources[0].source).pathname.slice(0, 64);
123
+ const src = this.core.options.source ??
124
+ (typeof this.core.options.sources[0] == 'string'
125
+ ? this.core.options.sources[0]
126
+ : this.core.options.sources[0].source);
127
+ return new URL(src).pathname.slice(0, 64);
124
128
  }
125
129
  setContentId() {
126
130
  this.cid = this.options.cmcd?.contentId ?? this.generateContentId();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gcorevideo/player",
3
- "version": "2.28.13",
3
+ "version": "2.28.14",
4
4
  "description": "Gcore JavaScript video player",
5
5
  "main": "dist/index.js",
6
6
  "type": "module",
@@ -46,7 +46,7 @@
46
46
  "@types/sinonjs__fake-timers": "^8.1.5",
47
47
  "assert": "^2.1.0",
48
48
  "eventemitter3": "^5.0.1",
49
- "happy-dom": "^17.4.4",
49
+ "happy-dom": "^20.0.8",
50
50
  "nodemon": "^3.1.9",
51
51
  "rollup": "^4.27.4",
52
52
  "rollup-plugin-polyfill-node": "^0.13.0",
package/src/build.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  // assert(process.env.CLAPPR_VERSION, 'CLAPPR_VERSION is required');
2
2
  // export const CLAPPR_VERSION: string = process.env.CLAPPR_VERSION || '0.11.3';
3
- export const CLAPPR_VERSION: string = '0.11.3';
3
+ export const CLAPPR_VERSION: string = '0.13.0'
@@ -92,7 +92,7 @@ export class CmcdConfig extends CorePlugin {
92
92
  constructor(core: Core) {
93
93
  super(core)
94
94
  this.sid = this.options.cmcd?.sessionId ?? generateSessionId()
95
- this.setContentId()
95
+ // this.setContentId()
96
96
  }
97
97
 
98
98
  /**
@@ -150,9 +150,12 @@ export class CmcdConfig extends CorePlugin {
150
150
  }
151
151
 
152
152
  private generateContentId() {
153
- return new URL(
154
- this.core.options.source ?? this.core.options.sources[0].source,
155
- ).pathname.slice(0, 64)
153
+ const src =
154
+ this.core.options.source ??
155
+ (typeof this.core.options.sources[0] == 'string'
156
+ ? this.core.options.sources[0]
157
+ : this.core.options.sources[0].source)
158
+ return new URL(src).pathname.slice(0, 64)
156
159
  }
157
160
 
158
161
  private setContentId() {