@gcorevideo/player 2.19.7 → 2.19.8

package/lib/plugins/media-control/MediaControl.js

@@ -1,9 +1,6 @@
 // Copyright 2014 Globo.com Player authors. All rights reserved.
 // Use of this source code is governed by a BSD-style
 // license that can be found in the LICENSE file.
-/**
- * The MediaControl is responsible for displaying the Player controls.
- */
 import assert from 'assert';
 import { Events, UICorePlugin, Browser, Playback, Utils, template, $, } from '@clappr/core';
 import { reportError } from '@gcorevideo/utils';
@@ -21,6 +18,14 @@ import volumeOffIcon from '../../../assets/icons/new/volume-off.svg';
 import fullscreenOffIcon from '../../../assets/icons/new/fullscreen-off.svg';
 import fullscreenOnIcon from '../../../assets/icons/new/fullscreen-on.svg';
 const T = 'plugins.media_control';
+const LEFT_ORDER = [
+    'playpause',
+    'playstop',
+    'live',
+    'volume',
+    'position',
+    'duration',
+];
 const { Config, Fullscreen, formatTime, extend, removeArrayItem } = Utils;
 function orderByOrderPattern(arr, order) {
     const arrWithoutDuplicates = [...new Set(arr)];
@@ -28,6 +33,13 @@ function orderByOrderPattern(arr, order) {
     const rest = arrWithoutDuplicates.filter((item) => !order.includes(item));
     return [...ordered, ...rest];
 }
+/**
+ * The MediaControl is responsible for displaying the Player controls.
+ * @beta
+ * @remarks
+ * This plugin provides a foundation for developing a media controls UI via additional plugins.
+ * The methods exposed are to be used by the other plugins that extend the media control UI.
+ */
 export class MediaControl extends UICorePlugin {
     advertisementPlaying = false;
     buttonsColor = null;
@@ -80,6 +92,7 @@ export class MediaControl extends UICorePlugin {
     $volumeBarScrubber = null;
     $volumeContainer = null;
     $volumeIcon = null;
+    template = template(mediaControlHTML);
     get name() {
         return 'media_control';
     }
@@ -131,14 +144,17 @@ export class MediaControl extends UICorePlugin {
             'mouseleave .media-control-layer[data-controls]': 'resetUserKeepVisible',
         };
     }
-    get template() {
-        return template(mediaControlHTML);
-    }
+    /**
+     * Current volume
+     */
     get volume() {
         return this.container && this.container.isReady
             ? this.container.volume
             : this.intendedVolume;
     }
+    /**
+     * Muted state
+     */
     get muted() {
         return this.volume === 0;
     }
@@ -233,15 +249,27 @@ export class MediaControl extends UICorePlugin {
         this.bindKeyEvents();
         this.show();
     }
+    /**
+     * Start the playback
+     */
     play() {
         this.container && this.container.play();
     }
+    /**
+     * Pause the playback
+     */
     pause() {
         this.container && this.container.pause();
     }
+    /**
+     * Stop the playback
+     */
     stop() {
         this.container && this.container.stop();
     }
+    /**
+     * Set the initial volume, which is preserved when playback is interrupted by an advertisement
+     */
     setInitialVolume() {
         const initialVolume = this.persistConfig ? Config.restore('volume') : 100;
         const options = (this.container && this.container.options) || this.options;
@@ -441,6 +469,13 @@ export class MediaControl extends UICorePlugin {
     toggleMute() {
         this.setVolume(this.muted ? 100 : 0);
     }
+    /**
+     * Set the volume
+     * @param value - The volume value
+     * @param isInitialVolume - save as the initial volume
+     * @remarks
+     * Initial volume can be restored later
+     */
     setVolume(value, isInitialVolume = false) {
         value = Math.min(100, Math.max(value, 0));
         // this will hold the intended volume
@@ -661,14 +696,6 @@ export class MediaControl extends UICorePlugin {
             default: [],
             right: [],
         });
-        const LEFT_ORDER = [
-            'playpause',
-            'playstop',
-            'live',
-            'volume',
-            'position',
-            'duration',
-        ];
         newSettings.left = orderByOrderPattern([...newSettings.left, 'clipsText', 'volume'], LEFT_ORDER);
         newSettings.right = [
             'fullscreen',
@@ -735,12 +762,20 @@ export class MediaControl extends UICorePlugin {
         this.resetIndicators();
         this.initializeIcons();
     }
+    /**
+     * Get a media control element DOM node
+     * @param name - The name of the media control element
+     * @returns The DOM node to render the media control element
+     */
     getElement(name) {
         switch (name) {
+            case 'clipText':
+                return this.$clipText;
             case 'pip':
                 return this.$pip;
+            case 'seekBarContainer':
+                return this.$seekBarContainer;
         }
-        return null;
     }
     resetIndicators() {
         assert.ok(this.$duration && this.$position, 'duration and position elements must be present');
@@ -939,9 +974,6 @@ export class MediaControl extends UICorePlugin {
         this.trigger(Events.MEDIACONTROL_RENDERED);
         return this;
     }
-    get bigPlayButton() {
-        return playIcon;
-    }
     handleFullScreenOnBtn() {
         this.trigger(Events.MEDIACONTROL_FULLSCREEN, this.name);
         this.container.fullscreen();
@@ -959,37 +991,24 @@ export class MediaControl extends UICorePlugin {
         }
         this.resetUserKeepVisible();
     }
+    // TODO manage by the ads plugin
     onStartAd() {
         this.advertisementPlaying = true;
         this.disable();
     }
+    // TODO manage by the ads plugin
     onFinishAd() {
         this.advertisementPlaying = false;
         this.enable();
     }
-    setClipText(txt) {
-        if (this.$clipText && txt) {
-            this.$clipTextContainer?.show();
-            this.$clipText.text(`${txt}`);
-        }
-    }
+    // TODO remove
     hideControllAds() {
         if (this.container.advertisement &&
             this.container.advertisement.type !== 'idle') {
             this.hide();
         }
     }
-    setSVGMask(svg) {
-        if (this.svgMask) {
-            this.svgMask.remove();
-        }
-        if (this.$seekBarContainer?.get(0)) {
-            this.$seekBarContainer.addClass('clips');
-        }
-        this.svgMask = $(svg);
-        this.$seekBarContainer?.append(this.svgMask);
-    }
-    // https://bugs.chromium.org/p/chromium/issues/detail?id=109212
+    // TODO
     setMuted(value) {
         this.container.options.mute = value;
     }
@@ -1005,13 +1024,17 @@ export class MediaControl extends UICorePlugin {
         }
         return 0;
     }
-    //Решают проблему, когда нам не нужно, чтобы с помощью контролов человек мог запускать
-    // или останавливать поток, контролы, которыми он управляет не должны работать
+    /**
+     * Enable the control button
+     */
     enableControlButton() {
         this.disabledClickableList.forEach((element) => {
             element.el.css({ 'pointer-events': element.pointerEventValue });
         });
     }
+    /**
+     * Disable the control button
+     */
     disabledControlButton() {
         this.disabledClickableList.forEach((element) => {
             element.el.css({ 'pointer-events': 'none' });

package/lib/plugins/subtitles/Subtitles.d.ts

@@ -1,6 +1,6 @@
 import { UICorePlugin } from '@clappr/core';
 import '../../../assets/subtitles/style.scss';
-import type { ZeptoResult } from '../types.js';
+import type { ZeptoResult } from '../../utils/types.js';
 export declare class Subtitles extends UICorePlugin {
     private currentContainer;
     private currentLevel;

package/lib/plugins/subtitles/Subtitles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Subtitles.d.ts","sourceRoot":"","sources":["../../../src/plugins/subtitles/Subtitles.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EAIb,MAAM,cAAc,CAAA;AAOrB,OAAO,sCAAsC,CAAA;AAO7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAmB9C,qBAAa,SAAU,SAAQ,YAAY;IACzC,OAAO,CAAC,gBAAgB,CAAuB;IAE/C,OAAO,CAAC,YAAY,CAA2B;IAE/C,OAAO,CAAC,eAAe,CAA4B;IAEnD,OAAO,CAAC,SAAS,CAAQ;IAEzB,OAAO,CAAC,MAAM,CAA2B;IAEzC,OAAO,CAAC,OAAO,CAAyB;IAExC,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,MAAM,KAAK,OAAO,WAEjB;IAED,IAAI,QAAQ,QAEX;IAED,IAAI,cAAc,QAEjB;IAED,IAAa,UAAU;;;MAKtB;IAED,IAAa,MAAM;;;MAKlB;IAED,OAAO,CAAC,oBAAoB,CAAQ;IAEpC,OAAO,CAAC,KAAK,CAAiC;IAE9C,IAAI,mBAAmB,IAAI,MAAM,CAEhC;IAEQ,UAAU;IAoBnB,YAAY;IAgCZ,OAAO,CAAC,kBAAkB;IA4C1B,OAAO,CAAC,SAAS;IAYjB,OAAO,CAAC,SAAS;IAWjB,OAAO,CAAC,UAAU;IASlB,MAAM;IAMN,OAAO,CAAC,YAAY;IAoBpB,IAAI;IAWJ,IAAI;IAiBJ,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,UAAU;IAcT,MAAM;IAgCf,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,yBAAyB;IASjC,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,iBAAiB;IAIzB,aAAa,IAAI,WAAW;IAI5B,YAAY,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,WAAW;IAQtC,gBAAgB;IAIhB,eAAe;IAIf,eAAe;IAgDf,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,yBAAyB;IAYjC,OAAO,CAAC,UAAU;CAOnB"}
+{"version":3,"file":"Subtitles.d.ts","sourceRoot":"","sources":["../../../src/plugins/subtitles/Subtitles.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EAIb,MAAM,cAAc,CAAA;AAOrB,OAAO,sCAAsC,CAAA;AAO7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAmBvD,qBAAa,SAAU,SAAQ,YAAY;IACzC,OAAO,CAAC,gBAAgB,CAAuB;IAE/C,OAAO,CAAC,YAAY,CAA2B;IAE/C,OAAO,CAAC,eAAe,CAA4B;IAEnD,OAAO,CAAC,SAAS,CAAQ;IAEzB,OAAO,CAAC,MAAM,CAA2B;IAEzC,OAAO,CAAC,OAAO,CAAyB;IAExC,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,MAAM,KAAK,OAAO,WAEjB;IAED,IAAI,QAAQ,QAEX;IAED,IAAI,cAAc,QAEjB;IAED,IAAa,UAAU;;;MAKtB;IAED,IAAa,MAAM;;;MAKlB;IAED,OAAO,CAAC,oBAAoB,CAAQ;IAEpC,OAAO,CAAC,KAAK,CAAiC;IAE9C,IAAI,mBAAmB,IAAI,MAAM,CAEhC;IAEQ,UAAU;IAoBnB,YAAY;IAgCZ,OAAO,CAAC,kBAAkB;IA4C1B,OAAO,CAAC,SAAS;IAYjB,OAAO,CAAC,SAAS;IAWjB,OAAO,CAAC,UAAU;IASlB,MAAM;IAMN,OAAO,CAAC,YAAY;IAoBpB,IAAI;IAWJ,IAAI;IAiBJ,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,UAAU;IAcT,MAAM;IAgCf,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,yBAAyB;IASjC,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,iBAAiB;IAIzB,aAAa,IAAI,WAAW;IAI5B,YAAY,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,WAAW;IAQtC,gBAAgB;IAIhB,eAAe;IAIf,eAAe;IAgDf,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,yBAAyB;IAYjC,OAAO,CAAC,UAAU;CAOnB"}

package/lib/plugins/vast-ads/roll.d.ts

@@ -1,5 +1,5 @@
 import { Core, Events } from '@clappr/core';
-import type { ZeptoResult } from '../types.js';
+import type { ZeptoResult } from '../../utils/types.js';
 type RollConstructorOptions = {
     core: Core;
     $skipAd: ZeptoResult;

package/lib/plugins/vast-ads/roll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"roll.d.ts","sourceRoot":"","sources":["../../../src/plugins/vast-ads/roll.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,IAAI,EAAE,MAAM,EAAiB,MAAM,cAAc,CAAC;AAIzE,OAAO,KAAK,EAAW,WAAW,EAAE,MAAM,aAAa,CAAC;AAExD,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,EAAE,WAAW,CAAC;IACvB,UAAU,EAAE,WAAW,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,MAAM;IACtC,OAAO,CAAC,IAAI,CAAU;IACtB,OAAO,CAAC,IAAI,CAAO;IACnB,OAAO,CAAC,SAAS,CAAY;IAC7B,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,UAAU,CAAc;IAChC,OAAO,CAAC,SAAS,CAAW;IAC5B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,gBAAgB,CAAS;IAEjC,OAAO,CAAC,iBAAiB,CAAS;IAElC,OAAO,CAAC,iBAAiB,CAAK;IAE9B,OAAO,CAAC,aAAa,CAAwB;IAE7C,OAAO,CAAC,qBAAqB,CAAU;IAEvC,OAAO,CAAC,SAAS,CAAM;IAEvB,OAAO,CAAC,WAAW,CAAM;IAEzB,OAAO,CAAC,GAAG,CAAc;gBAIb,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,sBAAsB;IAetG,MAAM,CAAC,YAAY,EAAE,GAAG,CAAC;IAEzB,OAAO,CAAC,MAAM,CAAC,mBAAmB,CAAM;IAExC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAM;IAElC,MAAM,CAAC,eAAe,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAEvD,MAAM,CAAC,wBAAwB;IAM/B,MAAM,CAAC,kBAAkB;IAUzB,MAAM,CAAC,mBAAmB;IAO1B,OAAO,CAAC,UAAU;IAgBZ,QAAQ;IAkBd,OAAO,CAAC,UAAU;IA+BlB,iBAAiB;IAKjB,aAAa;IAUb,UAAU,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE;QAAE,GAAG,EAAE,GAAG,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,GAAG,CAAA;KAAE;IAwC7E,YAAY;IASZ,mBAAmB,CAAC,qBAAqB,EAAE,GAAG;IA+H9C,eAAe,CAAC,GAAG,EAAE,MAAM;IAS3B,cAAc,CAAC,EAAE,EAAE,GAAG;IAgCtB,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,SAAS;IAIjB,gBAAgB;IAkBhB,aAAa;IA+Cb,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE;IAMzB,SAAS,CAAC,GAAG,EAAE,MAAM;IAQrB,OAAO;CAWR"}
+{"version":3,"file":"roll.d.ts","sourceRoot":"","sources":["../../../src/plugins/vast-ads/roll.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,IAAI,EAAE,MAAM,EAAiB,MAAM,cAAc,CAAC;AAIzE,OAAO,KAAK,EAAW,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEjE,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,EAAE,WAAW,CAAC;IACvB,UAAU,EAAE,WAAW,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,MAAM;IACtC,OAAO,CAAC,IAAI,CAAU;IACtB,OAAO,CAAC,IAAI,CAAO;IACnB,OAAO,CAAC,SAAS,CAAY;IAC7B,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,UAAU,CAAc;IAChC,OAAO,CAAC,SAAS,CAAW;IAC5B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,gBAAgB,CAAS;IAEjC,OAAO,CAAC,iBAAiB,CAAS;IAElC,OAAO,CAAC,iBAAiB,CAAK;IAE9B,OAAO,CAAC,aAAa,CAAwB;IAE7C,OAAO,CAAC,qBAAqB,CAAU;IAEvC,OAAO,CAAC,SAAS,CAAM;IAEvB,OAAO,CAAC,WAAW,CAAM;IAEzB,OAAO,CAAC,GAAG,CAAc;gBAIb,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,sBAAsB;IAetG,MAAM,CAAC,YAAY,EAAE,GAAG,CAAC;IAEzB,OAAO,CAAC,MAAM,CAAC,mBAAmB,CAAM;IAExC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAM;IAElC,MAAM,CAAC,eAAe,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAEvD,MAAM,CAAC,wBAAwB;IAM/B,MAAM,CAAC,kBAAkB;IAUzB,MAAM,CAAC,mBAAmB;IAO1B,OAAO,CAAC,UAAU;IAgBZ,QAAQ;IAkBd,OAAO,CAAC,UAAU;IA+BlB,iBAAiB;IAKjB,aAAa;IAUb,UAAU,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE;QAAE,GAAG,EAAE,GAAG,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,GAAG,CAAA;KAAE;IAwC7E,YAAY;IASZ,mBAAmB,CAAC,qBAAqB,EAAE,GAAG;IA+H9C,eAAe,CAAC,GAAG,EAAE,MAAM;IAS3B,cAAc,CAAC,EAAE,EAAE,GAAG;IAgCtB,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,SAAS;IAIjB,gBAAgB;IAkBhB,aAAa;IA+Cb,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE;IAMzB,SAAS,CAAC,GAAG,EAAE,MAAM;IAQrB,OAAO;CAWR"}

package/lib/plugins/vast-ads/rollmanager.d.ts

@@ -1,5 +1,5 @@
 import { Core, Events } from '@clappr/core';
-import { ZeptoResult } from '../types.js';
+import { ZeptoResult } from '../../utils/types.js';
 import { AdRollDesc, AdRollType } from './types.js';
 type CoreOptions = Record<string, unknown>;
 export default class RollManager extends Events {

package/lib/plugins/vast-ads/rollmanager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rollmanager.d.ts","sourceRoot":"","sources":["../../../src/plugins/vast-ads/rollmanager.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0C,IAAI,EAAE,MAAM,EAAuD,MAAM,cAAc,CAAC;AAMzI,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAc,UAAU,EAAkB,MAAM,YAAY,CAAC;AAEhF,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAI3C,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,MAAM;IAqC3C,OAAO,CAAC,IAAI;IACZ,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,UAAU;IAClB,OAAO,CAAC,YAAY;IACpB,OAAO,CAAC,IAAI;IACZ,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,UAAU;IA7CpB,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,UAAU,CAAY;IAC9B,OAAO,CAAC,SAAS,CAAY;IAE7B,OAAO,CAAC,QAAQ,CAAc;IAE9B,OAAO,CAAC,cAAc,CAAiB;IAEvC,OAAO,CAAC,SAAS,CAAW;IAE5B,OAAO,CAAC,eAAe,CAAmB;IAE1C,OAAO,CAAC,aAAa,CAAoB;IAEzC,OAAO,CAAC,mBAAmB,CAAkB;IAE7C,OAAO,CAAC,WAAW,CAA6B;IAIhD,OAAO,CAAC,SAAS,CAA8B;IAE/C,OAAO,CAAC,iBAAiB,CAAK;IAE9B,OAAO,CAAC,aAAa,CAA4B;IAEjD,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,OAAO,CAA0B;IAEzC,OAAO,CAAC,GAAG,CAAS;IAEpB,OAAO,CAAC,IAAI,CAAqB;gBAGvB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,WAAW,EACtB,UAAU,EAAE,WAAW,EACvB,YAAY,EAAE,WAAW,EACzB,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM;IAqB5B,OAAO,CAAC,cAAc;IA6BtB,YAAY,CAAC,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;IAMjD,OAAO,CAAC,WAAW;IAInB,UAAU;IAIV,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,YAAY;IAUpB,mBAAmB;IAUnB,oBAAoB;IAOd,SAAS;IA+BT,OAAO,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU;IAmDhD,gBAAgB;IAOhB,OAAO,CAAC,UAAU;IAQlB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAgCxB,MAAM,CAAC,GAAG,EAAE,MAAM;IAwDxB,UAAU,CAAC,YAAY,EAAE,GAAG;IAiB5B,SAAS,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG;IAInC;;;OAGG;IACG,iBAAiB,CAAC,IAAI,EAAE,GAAG;IAcjC,iBAAiB;IAejB,WAAW;CASZ"}
+{"version":3,"file":"rollmanager.d.ts","sourceRoot":"","sources":["../../../src/plugins/vast-ads/rollmanager.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0C,IAAI,EAAE,MAAM,EAAuD,MAAM,cAAc,CAAC;AAMzI,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAc,UAAU,EAAkB,MAAM,YAAY,CAAC;AAEhF,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAI3C,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,MAAM;IAqC3C,OAAO,CAAC,IAAI;IACZ,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,UAAU;IAClB,OAAO,CAAC,YAAY;IACpB,OAAO,CAAC,IAAI;IACZ,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,UAAU;IA7CpB,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,UAAU,CAAY;IAC9B,OAAO,CAAC,SAAS,CAAY;IAE7B,OAAO,CAAC,QAAQ,CAAc;IAE9B,OAAO,CAAC,cAAc,CAAiB;IAEvC,OAAO,CAAC,SAAS,CAAW;IAE5B,OAAO,CAAC,eAAe,CAAmB;IAE1C,OAAO,CAAC,aAAa,CAAoB;IAEzC,OAAO,CAAC,mBAAmB,CAAkB;IAE7C,OAAO,CAAC,WAAW,CAA6B;IAIhD,OAAO,CAAC,SAAS,CAA8B;IAE/C,OAAO,CAAC,iBAAiB,CAAK;IAE9B,OAAO,CAAC,aAAa,CAA4B;IAEjD,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,OAAO,CAA0B;IAEzC,OAAO,CAAC,GAAG,CAAS;IAEpB,OAAO,CAAC,IAAI,CAAqB;gBAGvB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,WAAW,EACtB,UAAU,EAAE,WAAW,EACvB,YAAY,EAAE,WAAW,EACzB,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM;IAqB5B,OAAO,CAAC,cAAc;IA6BtB,YAAY,CAAC,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;IAMjD,OAAO,CAAC,WAAW;IAInB,UAAU;IAIV,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,YAAY;IAUpB,mBAAmB;IAUnB,oBAAoB;IAOd,SAAS;IA+BT,OAAO,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU;IAmDhD,gBAAgB;IAOhB,OAAO,CAAC,UAAU;IAQlB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAgCxB,MAAM,CAAC,GAAG,EAAE,MAAM;IAwDxB,UAAU,CAAC,YAAY,EAAE,GAAG;IAiB5B,SAAS,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG;IAInC;;;OAGG;IACG,iBAAiB,CAAC,IAAI,EAAE,GAAG;IAcjC,iBAAiB;IAejB,WAAW;CASZ"}

package/lib/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAA;CACf;AAED;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,qBAAqB,CAAA;AAE9D;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,CAAA;AAEvE;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG,OAAO,CAAA;AAE1D;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,KAAK,CAAA;AAEzC;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,KAAK,CAAA;AAE3C;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAA;AAEhD;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,OAAO,CAAA;IAC7B,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,WAAW,YAAa,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3D;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAA;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAA;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAA;IAE3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,mBAAmB,CAAA;IAEvC;;OAEG;IACH,OAAO,EAAE,iBAAiB,EAAE,CAAA;IAE5B;;OAEG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;CAC9B;AAED;;;;GAIG;AACH,MAAM,MAAM,OAAO,GAAG,MAAM,CAAA;AAE5B;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,CAAA;AAEnC;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAElD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,CACvC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAChD,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;GAGG;AACH,oBAAY,WAAW;IACrB;;OAEG;IACH,KAAK,UAAU;IACf;;;OAGG;IACH,KAAK,UAAU;IACf;;;OAGG;IACH,UAAU,eAAe;IACzB;;OAEG;IACH,KAAK,UAAU;IACf;;OAEG;IACH,IAAI,SAAS;IACb;;OAEG;IACH,KAAK,UAAU;IACf;;;OAGG;IACH,MAAM,WAAW;IACjB;;OAEG;IACH,IAAI,SAAS;IACb;;OAEG;IACH,IAAI,SAAS;IACb;;;OAGG;IACH,UAAU,eAAe;IACzB;;;OAGG;IACH,YAAY,iBAAiB;CAC9B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAA;CACf;AAED;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,qBAAqB,CAAA;AAE9D;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,CAAA;AAEvE;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG,OAAO,CAAA;AAE1D;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,KAAK,CAAA;AAEzC;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,KAAK,CAAA;AAE3C;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAA;AAEhD;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,OAAO,CAAA;IAC7B,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,WAAW,YAAa,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3D;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAA;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAA;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAA;IAE3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,mBAAmB,CAAA;IAEvC;;OAEG;IACH,OAAO,EAAE,iBAAiB,EAAE,CAAA;IAE5B;;OAEG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;CAC9B;AAED;;;;GAIG;AACH,MAAM,MAAM,OAAO,GAAG,MAAM,CAAA;AAE5B;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,CAAA;AAEnC;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAElD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,CACvC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAChD,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;GAGG;AACH,oBAAY,WAAW;IACrB;;OAEG;IACH,KAAK,UAAU;IACf;;;OAGG;IACH,KAAK,UAAU;IACf;;;OAGG;IACH,UAAU,eAAe;IACzB;;OAEG;IACH,KAAK,UAAU;IACf;;OAEG;IACH,IAAI,SAAS;IACb;;OAEG;IACH,KAAK,UAAU;IACf;;;OAGG;IACH,MAAM,WAAW;IACjB;;OAEG;IACH,IAAI,SAAS;IACb;;OAEG;IACH,IAAI,SAAS;IACb;;;OAGG;IACH,UAAU,eAAe;IACzB;;;OAGG;IACH,YAAY,iBAAiB;CAC9B"}

package/lib/utils/types.d.ts

@@ -1,4 +1,10 @@
 import { $ } from "@clappr/core";
+/**
+ * @beta
+ */
 export type ZeptoResult = ReturnType<typeof $>;
+/**
+ * @internal
+ */
 export type TimerId = ReturnType<typeof setTimeout>;
 //# sourceMappingURL=types.d.ts.map

package/lib/utils/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEjC,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;AAE/C,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;AAE/C;;GAEG;AACH,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gcorevideo/player",
-  "version": "2.19.7",
+  "version": "2.19.8",
   "description": "Gcore JavaScript video player",
   "main": "dist/index.js",
   "type": "module",

package/src/index.core.ts

@@ -2,4 +2,5 @@ export { LogTracer, Logger, SentryTracer, reportError, setTracer, trace } from '
 export * from './Player.js'
 export * from './playback.types.js'
 export * from './types.js'
+export * from './utils/types.js'
 export * from './version.js'

package/src/plugins/audio-selector/AudioSelector.ts

@@ -11,7 +11,7 @@ import { CLAPPR_VERSION } from '../build.js';
 import pluginHtml from '../../../assets/audio-selector/track-selector.ejs';
 import '../../../assets/audio-selector/style.scss';
 import audioArrow from '../../../assets/icons/old/quality-arrow.svg';
-import { ZeptoResult } from '../types';
+import { ZeptoResult } from '../../utils/types.js';
 
 const VERSION: string = '0.0.1';
 

package/src/plugins/big-mute-button/BigMuteButton.ts

@@ -2,7 +2,7 @@ import { Events, template, UICorePlugin, Utils } from '@clappr/core';
 import { trace } from '@gcorevideo/utils';
 
 import { CLAPPR_VERSION } from '../build.js';
-import { ZeptoResult } from "../types.js";
+import { ZeptoResult } from "../../utils/types.js";
 
 import volumeMuteIcon from '../../../assets/icons/new/volume-off.svg';
 import pluginHtml from '../../../assets/big-mute-button/big-mute-button.ejs';
@@ -52,7 +52,7 @@ export class BigMuteButton extends UICorePlugin {
     this.listenTo(this.core.mediaControl, Events.MEDIACONTROL_RENDERED, this.mediaControlRendered);
   }
 
-  unBindEvents() {
+  private unBindEvents() {
     // @ts-ignore
     this.stopListening(this.core, Events.CORE_READY);
     this.stopListening(this.core, 'core:advertisement:start', this.onStartAd);

package/src/plugins/clappr-nerd-stats/ClapprNerdStats.ts

@@ -15,7 +15,7 @@ import {
   stopSpeedtest,
 } from './speedtest/index.js';
 import { CustomMetrics } from './speedtest/types.js';
-import { ZeptoResult } from '../types.js';
+import { ZeptoResult } from '../../utils/types.js';
 
 import '../../../assets/clappr-nerd-stats/clappr-nerd-stats.scss';
 import pluginHtml from '../../../assets/clappr-nerd-stats/clappr-nerd-stats.ejs';

package/src/plugins/clappr-nerd-stats/speedtest/Speedtest.ts

@@ -2,7 +2,7 @@ import { reportError } from '@gcorevideo/utils';
 
 import SpeedtestWorkerModule from '../../../../assets/clappr-nerd-stats/speedtest/speedtest.worker.js';
 
-import { TimerId } from '../../types.js';
+import { TimerId } from '../../../utils/types.js';
 
 export type Server = {
   id: number;

package/src/plugins/clappr-stats/ClapprStats.ts

@@ -3,7 +3,7 @@ import type { QualityLevel, TimePosition, TimeProgress } from '../../playback.ty
 import assert from 'assert';
 
 import { CLAPPR_VERSION } from '../build.js';
-import { TimerId } from '../types.js';
+import { TimerId } from '../../utils/types.js';
 import type { Metrics, MetricsUpdateFn } from './types.js';
 import { ClapprStatsEvents } from './types.js';
 import { newMetrics } from './utils.js';

package/src/plugins/clips/Clips.ts

@@ -1,6 +1,7 @@
-import { Container, Events, UICorePlugin } from '@clappr/core';
-import { TimeProgress } from '../../playback.types.js';
+import { Container, Events, UICorePlugin, $ } from '@clappr/core';
 
+import { TimeProgress } from '../../playback.types.js';
+import type { ZeptoResult } from '../../utils/types.js';
 import { strtimeToMiliseconds } from '../utils.js';
 import '../../../assets/clips/clips.scss';
 
@@ -25,6 +26,8 @@ export class ClipsPlugin extends UICorePlugin {
 
   private _oldContainer: Container | undefined;
 
+  private svgMask: ZeptoResult | null = null;
+
   get name() {
     return 'clips';
   }
@@ -88,7 +91,7 @@ export class ClipsPlugin extends UICorePlugin {
 
     for (const value of this.clips.values()) {
       if (event.current >= value.start && event.current < value.end) {
-        this.core.mediaControl.setClipText(value.text);
+        this.setClipText(value.text);
         break;
       }
     }
@@ -147,6 +150,29 @@ export class ClipsPlugin extends UICorePlugin {
 
     svg += `<rect x="${finishValue}" y="0" width="${widthOfSeek - finishValue}" height="30"/>\n`;
     svg += '</clipPath>' + '</defs>' + '</svg>';
+    this.setSVGMask(svg)
+  }
+
+  private setSVGMask(svg: string) {
     this.core.mediaControl.setSVGMask(svg);
+    if (this.svgMask) {
+      this.svgMask.remove()
+    }
+
+    const $seekBarContainer = this.core.mediaControl.getElement('seekBarContainer')
+    if ($seekBarContainer?.get(0)) {
+      $seekBarContainer.addClass('clips')
+    }
+
+    this.svgMask = $(svg)
+    $seekBarContainer?.append(this.svgMask)
+  }
+
+  private setClipText(text: string) {
+    const $clipText = this.core.mediaControl.getElement('clipText')
+    if ($clipText && text) {
+      $clipText.show()
+      $clipText.text(`${text}`)
+    }
   }
 }

package/src/plugins/error-screen/ErrorScreen.ts

@@ -2,7 +2,7 @@ import { UICorePlugin, Events, template, PlayerError } from '@clappr/core';
 import { trace } from '@gcorevideo/utils';
 
 import { CLAPPR_VERSION } from '../build.js';
-import type { TimerId, ZeptoResult } from '../types';
+import type { TimerId, ZeptoResult } from '../../utils/types.js';
 
 import reloadIcon from '../../../assets/icons/old/reload.svg';
 import templateHtml from '../../../assets/error-screen/error_screen.ejs';

package/src/plugins/favicon/Favicon.ts

@@ -1,7 +1,7 @@
 import { CorePlugin, Events, $, Core, Container } from '@clappr/core';
 
 import { CLAPPR_VERSION } from '../build.js';
-import { ZeptoResult } from '../types.js';
+import { ZeptoResult } from '../../utils/types.js';
 
 import playIcon from '../../../assets/icons/new/play.svg';
 import pauseIcon from '../../../assets/icons/new/pause.svg';

package/src/plugins/kibo/index.ts

@@ -11,6 +11,9 @@ type KeyboardEventBindings = {
 
 type UpDown = 'up' | 'down';
 
+/**
+ * @internal
+ */
 export class Kibo {
   private lastKeyCode = -1;
 

package/src/plugins/level-selector/LevelSelector.ts

@@ -3,7 +3,7 @@ import { reportError, trace } from '@gcorevideo/utils'
 
 import { type QualityLevel } from '../../playback.types.js'
 import { CLAPPR_VERSION } from '../build.js'
-import { ZeptoResult } from '../types.js'
+import { ZeptoResult } from '../../utils/types.js'
 
 import buttonHtml from '../../../assets/level-selector/button.ejs'
 import listHtml from '../../../assets/level-selector/list.ejs'

package/src/plugins/level-selector/__tests__/LevelSelector.test.ts

@@ -165,16 +165,9 @@ describe('LevelSelector', () => {
         await clock.tickAsync(1)
         levelSelector.$el.find('.gear-option').click()
         await clock.tickAsync(1)
-        // levelSelector.$el.find(`.gear-sub-menu_btn[data-id="0"]`).click()
-        // await clock.tickAsync(1)
       })
       it('should recognize vertical orientation', () => {
-        // TODO check the disabled
-        // expect(
-        //   levelSelector.el.textContent
-        //     ?.replace('/assets/icons/new/arrow-right.svg', '')
-        //     .replace(/\s+/g, ' '),
-        // ).toContain('Quality 360p')
+        expect(levelSelector.el.innerHTML).toMatchSnapshot()
         expect(levelSelector.el.innerHTML).toMatchSnapshot()
       })
       it('should properly apply the restriction', () => {

package/src/plugins/level-selector/__tests__/__snapshots__/LevelSelector.test.ts.snap

@@ -138,6 +138,39 @@ exports[`LevelSelector > options.restrictResolution > given vertical video forma
 <ul class="gear-sub-menu">
     
     
+        <li class="level-disabled">
+            <a href="#" class="gear-sub-menu_btn gcore-skin-text-color" data-id="2">
+                <span class="check-icon">/assets/icons/new/check.svg</span>
+                1080p
+            </a>
+        </li>
+    
+        <li class="level-disabled">
+            <a href="#" class="gear-sub-menu_btn gcore-skin-text-color" data-id="1">
+                <span class="check-icon">/assets/icons/new/check.svg</span>
+                720p
+            </a>
+        </li>
+    
+        <li class="current">
+            <a href="#" class="gear-sub-menu_btn gcore-skin-text-color gcore-skin-active" data-id="0">
+                <span class="check-icon">/assets/icons/new/check.svg</span>
+                360p
+            </a>
+        </li>
+    
+</ul>
+"
+`;
+
+exports[`LevelSelector > options.restrictResolution > given vertical video format levels > should recognize vertical orientation 2`] = `
+"<button class="gplayer-lite-btn go-back gcore-skin-text-color">
+    <span class="arrow-left-icon">/assets/icons/new/arrow-left.svg</span>
+    Quality
+</button>
+<ul class="gear-sub-menu">
+    
+    
         <li class="level-disabled">
             <a href="#" class="gear-sub-menu_btn gcore-skin-text-color" data-id="2">
                 <span class="check-icon">/assets/icons/new/check.svg</span>

package/src/plugins/logo/Logo.ts

@@ -2,7 +2,7 @@ import { UIContainerPlugin, Events, template as t, Container } from '@clappr/cor
 
 import { CLAPPR_VERSION } from '../build.js';
 import { calculateSize } from './utils/index.js';
-import { ZeptoResult } from '../types.js';
+import { ZeptoResult } from '../../utils/types.js';
 
 import logoHTML from '../../../assets/logo/templates/logo.ejs';
 import '../../../assets/logo/styles/logo.scss';