@gcorevideo/player 2.28.3 → 2.28.4

package/lib/playback/utils.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=utils.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/playback/utils.ts"],"names":[],"mappings":""}

package/lib/playback/utils.js

@@ -1 +0,0 @@
-export {};

package/lib/plugins/audio-selector/AudioSelector.d.ts

@@ -1,67 +0,0 @@
-import { UICorePlugin } from '@clappr/core';
-import '../../../assets/audio-selector/style.scss';
-/**
- * `PLUGIN` that makes possible to switch audio tracks via the media control UI.
- * @beta
- * @remarks
- * The plugin is activated when there are multiple audio tracks available.
- * The plugin adds a button showing the current audio track and a dropdown to switch to another audio track.
- * Depends on:
- *
- * - {@link MediaControl}
- */
-export declare class AudioTracks extends UICorePlugin {
-    private currentTrack;
-    private tracks;
-    /**
-     * @internal
-     */
-    get name(): string;
-    /**
-     * @internal
-     */
-    get supportedVersion(): {
-        min: string;
-    };
-    /**
-     * @internal
-     */
-    static get version(): string;
-    private static readonly template;
-    /**
-     * @internal
-     */
-    get attributes(): {
-        class: string;
-    };
-    /**
-     * @internal
-     */
-    get events(): {
-        'click [data-audiotracks-select]': string;
-        'click #audiotracks-button': string;
-    };
-    /**
-     * @internal
-     */
-    bindEvents(): void;
-    private onCoreReady;
-    private onActiveContainerChanged;
-    private shouldRender;
-    /**
-     * @internal
-     */
-    render(): this;
-    private onTrackSelect;
-    private selectAudioTrack;
-    private hideMenu;
-    private toggleContextMenu;
-    private buttonElement;
-    private buttonElementText;
-    private trackElement;
-    private getTitle;
-    private startTrackSwitching;
-    private updateText;
-    private highlightCurrentTrack;
-}
-//# sourceMappingURL=AudioSelector.d.ts.map

package/lib/plugins/audio-selector/AudioSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AudioSelector.d.ts","sourceRoot":"","sources":["../../../src/plugins/audio-selector/AudioSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,YAAY,EAAY,MAAM,cAAc,CAAA;AAO7D,OAAO,2CAA2C,CAAA;AAUlD;;;;;;;;;GASG;AACH,qBAAa,WAAY,SAAQ,YAAY;IAC3C,OAAO,CAAC,YAAY,CAA0B;IAE9C,OAAO,CAAC,MAAM,CAAmB;IAEjC;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACH,MAAM,KAAK,OAAO,WAEjB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAEvD;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED;;OAEG;IACH,IAAa,MAAM;;;MAKlB;IAED;;OAEG;IACM,UAAU;IASnB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,wBAAwB;IAwBhC,OAAO,CAAC,YAAY;IAMpB;;OAEG;IACM,MAAM;IAmBf,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,qBAAqB;CAe9B"}

package/lib/plugins/audio-selector/AudioSelector.js

@@ -1,172 +0,0 @@
-import { Events, UICorePlugin, template } from '@clappr/core';
-import assert from 'assert';
-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 { trace } from '@gcorevideo/utils'
-const VERSION = '2.22.4';
-// const T = 'plugins.audiotracks'
-/**
- * `PLUGIN` that makes possible to switch audio tracks via the media control UI.
- * @beta
- * @remarks
- * The plugin is activated when there are multiple audio tracks available.
- * The plugin adds a button showing the current audio track and a dropdown to switch to another audio track.
- * Depends on:
- *
- * - {@link MediaControl}
- */
-export class AudioTracks extends UICorePlugin {
-    currentTrack = null;
-    tracks = [];
-    /**
-     * @internal
-     */
-    get name() {
-        return 'audio_selector'; // TODO rename to audiotracks
-    }
-    /**
-     * @internal
-     */
-    get supportedVersion() {
-        return { min: CLAPPR_VERSION };
-    }
-    /**
-     * @internal
-     */
-    static get version() {
-        return VERSION;
-    }
-    static template = template(pluginHtml);
-    /**
-     * @internal
-     */
-    get attributes() {
-        return {
-            class: 'media-control-audiotracks',
-        };
-    }
-    /**
-     * @internal
-     */
-    get events() {
-        return {
-            'click [data-audiotracks-select]': 'onTrackSelect',
-            'click #audiotracks-button': 'toggleContextMenu',
-        };
-    }
-    /**
-     * @internal
-     */
-    bindEvents() {
-        this.listenToOnce(this.core, Events.CORE_READY, this.onCoreReady);
-        this.listenTo(this.core, Events.CORE_ACTIVE_CONTAINER_CHANGED, this.onActiveContainerChanged);
-    }
-    onCoreReady() {
-        const mediaControl = this.core.getPlugin('media_control');
-        assert(mediaControl, 'media_control plugin is required');
-        this.listenTo(mediaControl, Events.MEDIACONTROL_RENDERED, () => {
-            mediaControl.mount('audiotracks', this.$el);
-        });
-        this.listenTo(mediaControl, Events.MEDIACONTROL_HIDE, this.hideMenu);
-    }
-    onActiveContainerChanged() {
-        this.currentTrack = null;
-        this.listenTo(this.core.activeContainer, Events.CONTAINER_AUDIO_AVAILABLE, (tracks) => {
-            this.currentTrack =
-                tracks.find((track) => track.kind === 'main') ?? null; // TODO test
-            this.tracks = tracks;
-            this.render();
-        });
-        this.listenTo(this.core.activeContainer, Events.CONTAINER_AUDIO_CHANGED, (track) => {
-            this.currentTrack = track;
-            this.highlightCurrentTrack();
-            this.buttonElement().removeClass('changing');
-            this.updateText();
-        });
-    }
-    shouldRender() {
-        // Render is called from the parent class constructor so tracks aren't available
-        // Only care if we have at least 2 to choose from
-        return this.tracks?.length > 1;
-    }
-    /**
-     * @internal
-     */
-    render() {
-        if (!this.shouldRender()) {
-            return this;
-        }
-        this.$el.html(AudioTracks.template({
-            tracks: this.tracks,
-            title: this.getTitle(),
-            icon: audioArrow,
-            current: this.currentTrack?.id,
-        }));
-        this.updateText();
-        this.highlightCurrentTrack();
-        return this;
-    }
-    onTrackSelect(event) {
-        const id = event.currentTarget?.dataset?.audiotracksSelect;
-        if (id) {
-            this.selectAudioTrack(id);
-        }
-        this.hideMenu();
-        event.stopPropagation();
-        return false;
-    }
-    selectAudioTrack(id) {
-        this.startTrackSwitching();
-        this.core.activeContainer.switchAudioTrack(id);
-        this.updateText();
-    }
-    hideMenu() {
-        this.$el.find('#audiotracks-select').addClass('hidden');
-    }
-    toggleContextMenu() {
-        this.$el.find('#audiotracks-select').toggleClass('hidden'); // TODO use plain CSS display: none
-        const open = !this.$el.find('#audiotracks-select').hasClass('hidden'); // TODO hold state
-        this.$el.find('#audiotracks-button').attr('aria-expanded', open);
-    }
-    buttonElement() {
-        return this.$('button');
-    }
-    buttonElementText() {
-        return this.$('button .audio-text');
-    }
-    trackElement(id) {
-        return this.$('#audiotracks-select a' +
-            (id !== undefined ? `[data-audiotracks-select="${id}"]` : '')).parent();
-    }
-    getTitle() {
-        if (!this.currentTrack) {
-            return '';
-        }
-        return this.currentTrack.label || this.currentTrack.language;
-    }
-    startTrackSwitching() {
-        this.buttonElement().addClass('changing');
-    }
-    updateText() {
-        if (!this.currentTrack) {
-            return;
-        }
-        this.buttonElementText().text(this.currentTrack.label);
-    }
-    highlightCurrentTrack() {
-        this.trackElement().removeClass('current');
-        this.trackElement()
-            .find('a')
-            .removeClass('gcore-skin-active')
-            .attr('aria-checked', 'false');
-        if (this.currentTrack) {
-            this.trackElement(this.currentTrack.id)
-                .addClass('current')
-                .find('a')
-                .addClass('gcore-skin-active')
-                .attr('aria-checked', 'true');
-        }
-    }
-}

package/lib/plugins/build.d.ts

@@ -1,2 +0,0 @@
-export declare const CLAPPR_VERSION: string;
-//# sourceMappingURL=build.d.ts.map

package/lib/plugins/build.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../src/plugins/build.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,EAAE,MAAiB,CAAC"}

package/lib/plugins/build.js

@@ -1 +0,0 @@
-export const CLAPPR_VERSION = '0.11.3';

package/lib/plugins/clappr-nerd-stats/ClapprNerdStats.d.ts

@@ -1,83 +0,0 @@
-import { UICorePlugin, Core } from '@clappr/core';
-import '../../../assets/clappr-nerd-stats/clappr-nerd-stats.scss';
-/**
- * `PLUGIN` that displays useful network-related statistics.
- * @beta
- *
- * @remarks
- * Depends on:
- *
- * - {@link BottomGear}
- *
- * - {@link ClapprStats}
- *
- * The plugin is rendered as an item in the gear menu.
- *
- * When clicked, it shows an overlay window with the information about the network speed, latency, etc,
- * and recommended quality level.
- */
-export declare class ClapprNerdStats extends UICorePlugin {
-    private container;
-    private customMetrics;
-    private metrics;
-    private showing;
-    private shortcut;
-    private iconPosition;
-    private static readonly buttonTemplate;
-    /**
-     * @internal
-     */
-    get name(): string;
-    /**
-     * @internal
-     */
-    get supportedVersion(): {
-        min: string;
-    };
-    private static readonly template;
-    /**
-     * @internal
-     */
-    get attributes(): {
-        'data-clappr-nerd-stats': string;
-        class: string;
-    };
-    /**
-     * @internal
-     */
-    get events(): {
-        'click [data-show-stats-button]': string;
-        'click [data-close-button]': string;
-        'click [data-refresh-button]': string;
-    };
-    private get statsBoxElem();
-    private get statsBoxWidthThreshold();
-    private get playerWidth();
-    private get playerHeight();
-    constructor(core: Core);
-    /**
-     * @internal
-     */
-    bindEvents(): void;
-    private onCoreReady;
-    /**
-     * @internal
-     */
-    destroy(): import("@clappr/core").UIObject;
-    private toggle;
-    private show;
-    private hide;
-    private onPlayerResize;
-    private addGeneralMetrics;
-    private addCustomMetrics;
-    private updateMetrics;
-    private setStatsBoxSize;
-    /**
-     * @internal
-     */
-    render(): this;
-    private addToBottomGear;
-    private clearCustomMetrics;
-    private refreshSpeedTest;
-}
-//# sourceMappingURL=ClapprNerdStats.d.ts.map

package/lib/plugins/clappr-nerd-stats/ClapprNerdStats.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClapprNerdStats.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-nerd-stats/ClapprNerdStats.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAoB,IAAI,EAAa,MAAM,cAAc,CAAA;AAuB9E,OAAO,0DAA0D,CAAA;AA8FjE;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,eAAgB,SAAQ,YAAY;IAC/C,OAAO,CAAC,SAAS,CAAyB;IAE1C,OAAO,CAAC,aAAa,CAIpB;IAED,OAAO,CAAC,OAAO,CAAwB;IAEvC,OAAO,CAAC,OAAO,CAAQ;IAEvB,OAAO,CAAC,QAAQ,CAAU;IAE1B,OAAO,CAAC,YAAY,CAAc;IAElC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAuB;IAE7D;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAEvD;;OAEG;IACH,IAAa,UAAU;;;MAKtB;IAED;;OAEG;IACH,IAAa,MAAM;;;;MAMlB;IAED,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,KAAK,sBAAsB,GAEjC;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,KAAK,YAAY,GAEvB;gBAEW,IAAI,EAAE,IAAI;IAgBtB;;OAEG;IACM,UAAU;IAInB,OAAO,CAAC,WAAW;IAoBnB;;OAEG;IACM,OAAO;IAKhB,OAAO,CAAC,MAAM,CAMb;IAED,OAAO,CAAC,IAAI;IAeZ,OAAO,CAAC,IAAI;IAMZ,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,gBAAgB;IA+BxB,OAAO,CAAC,aAAa;IA4BrB,OAAO,CAAC,eAAe;IAUvB;;OAEG;IACM,MAAM;IASf,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,gBAAgB;CAWzB"}

package/lib/plugins/clappr-nerd-stats/ClapprNerdStats.js

@@ -1,339 +0,0 @@
-import { UICorePlugin, Events, template } from '@clappr/core';
-import { reportError, trace } from '@gcorevideo/utils';
-import Mousetrap from 'mousetrap';
-import assert from 'assert';
-import { CLAPPR_VERSION } from '../../build.js';
-import { ClapprStatsEvents, } from '../clappr-stats/types.js';
-import { newMetrics as newBaseMetrics } from '../clappr-stats/utils.js';
-import Formatter from './formatter.js';
-import { clearSpeedTestResults, configureSpeedTest, drawSpeedTestResults, initSpeedTest, startSpeedtest, stopSpeedtest, } from './speedtest/index.js';
-import '../../../assets/clappr-nerd-stats/clappr-nerd-stats.scss';
-import pluginHtml from '../../../assets/clappr-nerd-stats/clappr-nerd-stats.ejs';
-import buttonHtml from '../../../assets/clappr-nerd-stats/button.ejs';
-import statsIcon from '../../../assets/icons/new/stats.svg';
-import { GearEvents } from '../bottom-gear/BottomGear.js';
-const qualityClasses = [
-    'speedtest-quality-value-1',
-    'speedtest-quality-value-2',
-    'speedtest-quality-value-3',
-    'speedtest-quality-value-4',
-    'speedtest-quality-value-5',
-];
-const getDownloadQuality = (speedValue) => {
-    if (speedValue < 3) {
-        return 1;
-    }
-    else if (speedValue < 7) {
-        return 2;
-    }
-    else if (speedValue < 13) {
-        return 3;
-    }
-    else if (speedValue < 25) {
-        return 4;
-    }
-    else {
-        return 5;
-    }
-};
-const getPingQuality = (pingValue) => {
-    if (pingValue < 20) {
-        return 5;
-    }
-    else if (pingValue < 50) {
-        return 4;
-    }
-    else if (pingValue < 100) {
-        return 3;
-    }
-    else if (pingValue < 150) {
-        return 2;
-    }
-    else {
-        return 1;
-    }
-};
-const generateQualityHtml = (quality) => {
-    const html = [];
-    const qualityClassName = qualityClasses[quality - 1];
-    for (let i = 0; i < qualityClasses.length; i++) {
-        if (i < quality) {
-            html.push(`<div class="speedtest-quality-content-item ${qualityClassName}"></div>`);
-        }
-        else {
-            html.push('<div class="speedtest-quality-content-item"></div>');
-        }
-    }
-    return html.join('');
-};
-const drawSummary = (customMetrics, vodContainer, liveContainer) => {
-    const { connectionSpeed, ping } = customMetrics;
-    if (!connectionSpeed || !ping) {
-        return;
-    }
-    const downloadQuality = getDownloadQuality(connectionSpeed);
-    const pingQuality = getPingQuality(ping);
-    const liveQuality = Math.min(downloadQuality, pingQuality);
-    const vodHtml = generateQualityHtml(downloadQuality);
-    const liveHtml = generateQualityHtml(liveQuality);
-    vodContainer.html(vodHtml);
-    liveContainer.html(liveHtml);
-};
-const T = 'plugins.nerd_stats';
-/**
- * `PLUGIN` that displays useful network-related statistics.
- * @beta
- *
- * @remarks
- * Depends on:
- *
- * - {@link BottomGear}
- *
- * - {@link ClapprStats}
- *
- * The plugin is rendered as an item in the gear menu.
- *
- * When clicked, it shows an overlay window with the information about the network speed, latency, etc,
- * and recommended quality level.
- */
-export class ClapprNerdStats extends UICorePlugin {
-    container = null;
-    customMetrics = {
-        connectionSpeed: 0,
-        ping: 0,
-        jitter: 0,
-    };
-    metrics = newMetrics();
-    showing = false;
-    shortcut;
-    iconPosition;
-    static buttonTemplate = template(buttonHtml);
-    /**
-     * @internal
-     */
-    get name() {
-        return 'nerd_stats';
-    }
-    /**
-     * @internal
-     */
-    get supportedVersion() {
-        return { min: CLAPPR_VERSION };
-    }
-    static template = template(pluginHtml);
-    /**
-     * @internal
-     */
-    get attributes() {
-        return {
-            'data-clappr-nerd-stats': '',
-            class: 'clappr-nerd-stats',
-        };
-    }
-    /**
-     * @internal
-     */
-    get events() {
-        return {
-            'click [data-show-stats-button]': 'showOrHide',
-            'click [data-close-button]': 'hide',
-            'click [data-refresh-button]': 'refreshSpeedTest',
-        };
-    }
-    get statsBoxElem() {
-        return '.clappr-nerd-stats[data-clappr-nerd-stats] .stats-box';
-    }
-    get statsBoxWidthThreshold() {
-        return 720;
-    }
-    get playerWidth() {
-        return this.core.$el.width();
-    }
-    get playerHeight() {
-        return this.core.$el.height();
-    }
-    constructor(core) {
-        super(core);
-        this.shortcut = core.options.clapprNerdStats?.shortcut ?? [
-            'command+shift+s',
-            'ctrl+shift+s',
-        ];
-        this.iconPosition =
-            core.options.clapprNerdStats?.iconPosition ?? 'bottom-right';
-        this.customMetrics = {
-            connectionSpeed: 0,
-            ping: 0,
-            jitter: 0,
-        };
-        configureSpeedTest(core.options.clapprNerdStats?.speedTestServers ?? []);
-    }
-    /**
-     * @internal
-     */
-    bindEvents() {
-        this.listenToOnce(this.core, Events.CORE_READY, this.onCoreReady);
-    }
-    onCoreReady() {
-        const bottomGear = this.core.getPlugin('bottom_gear');
-        assert(bottomGear, 'bottom_gear plugin is required');
-        this.listenTo(bottomGear, GearEvents.RENDERED, this.addToBottomGear);
-        this.container = this.core.activeContainer;
-        const clapprStats = this.container?.getPlugin('clappr_stats');
-        assert(clapprStats, 'clappr-stats not available. Please, include it as a plugin of your Clappr instance.\n' +
-            'For more info, visit: https://github.com/clappr/clappr-stats.');
-        Mousetrap.bind(this.shortcut, this.toggle);
-        this.listenTo(this.core, Events.CORE_RESIZE, this.onPlayerResize);
-        this.listenTo(clapprStats, ClapprStatsEvents.REPORT, this.updateMetrics);
-        this.updateMetrics(clapprStats.exportMetrics());
-        this.render();
-    }
-    /**
-     * @internal
-     */
-    destroy() {
-        Mousetrap.unbind(this.shortcut);
-        return super.destroy();
-    }
-    toggle = () => {
-        if (this.showing) {
-            this.hide();
-        }
-        else {
-            this.show();
-        }
-    };
-    show() {
-        this.core.$el.find(this.statsBoxElem).show();
-        this.showing = true;
-        this.refreshSpeedTest();
-        initSpeedTest(this.customMetrics)
-            .then(() => {
-            startSpeedtest();
-        })
-            .catch((e) => {
-            reportError(e);
-            this.disable();
-        });
-    }
-    hide() {
-        this.core.$el.find(this.statsBoxElem).hide();
-        this.showing = false;
-        stopSpeedtest();
-    }
-    onPlayerResize() {
-        this.setStatsBoxSize();
-    }
-    addGeneralMetrics() {
-        this.metrics.general = {
-            displayResolution: this.playerWidth + 'x' + this.playerHeight,
-            volume: this.container?.volume,
-        };
-    }
-    addCustomMetrics() {
-        this.metrics.custom = this.customMetrics;
-        const videoQualityNames = [
-            'SD (480p)',
-            'HD (720p)',
-            'Full HD (1080p)',
-            '2K (1440p)',
-            '4K (2160p)',
-        ];
-        const { connectionSpeed, ping } = this.customMetrics;
-        if (!connectionSpeed || !ping) {
-            const calculatingText = 'Calculating... Please wait.';
-            this.metrics.custom.vodQuality = calculatingText;
-            this.metrics.custom.liveQuality = calculatingText;
-            return;
-        }
-        const downloadQuality = getDownloadQuality(connectionSpeed);
-        const pingQuality = getPingQuality(ping);
-        const liveQuality = Math.min(downloadQuality, pingQuality);
-        const prefix = 'Optimal for ';
-        this.metrics.custom.vodQuality =
-            prefix + videoQualityNames[downloadQuality - 1];
-        this.metrics.custom.liveQuality =
-            prefix + videoQualityNames[liveQuality - 1];
-    }
-    updateMetrics(metrics) {
-        Object.assign(this.metrics, metrics);
-        this.addGeneralMetrics();
-        this.addCustomMetrics();
-        const scrollTop = this.core.$el.find(this.statsBoxElem).scrollTop();
-        this.$el.html(ClapprNerdStats.template({
-            metrics: Formatter.format(this.metrics),
-            iconPosition: this.iconPosition,
-        }));
-        this.setStatsBoxSize();
-        drawSpeedTestResults();
-        drawSummary(this.metrics?.custom, this.$el.find('.speedtest-quality-content[data-streaming-type="vod"]'), this.$el.find('.speedtest-quality-content[data-streaming-type="live"]'));
-        this.core.$el.find(this.statsBoxElem).scrollTop(scrollTop);
-        if (!this.showing) {
-            this.hide();
-        }
-    }
-    setStatsBoxSize() {
-        if (this.playerWidth >= this.statsBoxWidthThreshold) {
-            this.$el.find(this.statsBoxElem).addClass('wide');
-            this.$el.find(this.statsBoxElem).removeClass('narrow');
-        }
-        else {
-            this.$el.find(this.statsBoxElem).removeClass('wide');
-            this.$el.find(this.statsBoxElem).addClass('narrow');
-        }
-    }
-    /**
-     * @internal
-     */
-    render() {
-        trace(`${T} render`);
-        // TODO append to the container
-        this.core.$el.append(this.$el[0]);
-        this.hide();
-        return this;
-    }
-    addToBottomGear() {
-        trace(`${T} addToBottomGear`);
-        const gear = this.core.getPlugin('bottom_gear');
-        gear
-            .addItem('nerd_stats')
-            .html(ClapprNerdStats.buttonTemplate({
-            icon: statsIcon,
-            i18n: this.core.i18n,
-        }))
-            .on('click', (e) => {
-            e.stopPropagation();
-            this.toggle();
-        });
-    }
-    clearCustomMetrics() {
-        const clapprStats = this.container?.getPlugin('clappr_stats');
-        this.customMetrics.connectionSpeed = 0;
-        this.customMetrics.ping = 0;
-        this.customMetrics.jitter = 0;
-        if (clapprStats) {
-            this.updateMetrics(clapprStats.exportMetrics());
-        }
-    }
-    refreshSpeedTest() {
-        stopSpeedtest();
-        setTimeout(() => {
-            this.clearCustomMetrics();
-            clearSpeedTestResults();
-            drawSpeedTestResults();
-        }, 200);
-        setTimeout(() => {
-            startSpeedtest();
-        }, 800);
-    }
-}
-function newMetrics() {
-    return {
-        ...newBaseMetrics(),
-        general: {},
-        custom: {
-            connectionSpeed: 0,
-            ping: 0,
-            jitter: 0,
-        },
-    };
-}