@npo/player 1.29.0 → 2.0.0-beta.0

package/lib/ui/components/infopanel/togglebutton.js

@@ -1,18 +0,0 @@
-import { ToggleButton } from 'bitmovin-player-ui';
-export function createInfoPanelToggleButton(playerContext) {
-    const { npoPlayer } = playerContext;
-    const uiComponents = npoPlayer.uiComponents;
-    const toggleButton = new ToggleButton({
-        cssClass: 'info-panel-toggle-button',
-        hidden: true
-    });
-    toggleButton.onClick.subscribe(() => {
-        const infoPanel = uiComponents.infoPanel;
-        infoPanel?.toggleHidden();
-    });
-    toggleButton.getDomElement().attr('aria-haspopup', 'true');
-    uiComponents.infoPanelToggleButtons = uiComponents.infoPanelToggleButtons
-        ? [...uiComponents.infoPanelToggleButtons, toggleButton]
-        : [toggleButton];
-    return toggleButton;
-}

package/lib/ui/components/playnext.d.ts

@@ -1,4 +0,0 @@
-import { Container } from 'bitmovin-player-ui';
-import { ContainerConfig } from 'bitmovin-player-ui/dist/js/framework/components/container';
-import { PlayerContext } from '../../types/interfaces';
-export declare function createPlayNextScreen(playerContext: PlayerContext): Container<ContainerConfig>;

package/lib/ui/components/playnext.js

@@ -1,10 +0,0 @@
-import { Container } from 'bitmovin-player-ui';
-import { createPlayNextButton, createCancelPlayNextButton } from './buttons';
-export function createPlayNextScreen(playerContext) {
-    const playNextButton = createPlayNextButton(playerContext);
-    const cancelButton = createCancelPlayNextButton(playerContext);
-    return new Container({
-        components: [cancelButton, playNextButton],
-        cssClasses: ['overlay-playnext']
-    });
-}

package/lib/ui/components/seekbar.d.ts

@@ -1,6 +0,0 @@
-import { Container, PlaybackTimeLabel, SeekBar } from 'bitmovin-player-ui';
-import { NpoPlayerUIVariants, PlayerContext } from '../../types/interfaces';
-export declare function createSeekBar(playerContext: PlayerContext, variant: NpoPlayerUIVariants): Container<{
-    components: (SeekBar | PlaybackTimeLabel)[];
-    cssClasses: string[];
-}>;

package/lib/ui/components/seekbar.js

@@ -1,26 +0,0 @@
-import { Container, PlaybackTimeLabel, PlaybackTimeLabelMode, SeekBar, SeekBarLabel } from 'bitmovin-player-ui';
-import { NpoPlayerUIVariants } from '../../types/interfaces';
-export function createSeekBar(playerContext, variant) {
-    const { npoPlayer } = playerContext;
-    const seekBar = new SeekBar({
-        label: new SeekBarLabel(),
-        addCurrentTimeToAriaLabel: true
-    });
-    npoPlayer.uiComponents.seekBar = seekBar;
-    const isAdUi = variant === NpoPlayerUIVariants.AD;
-    return new Container({
-        components: [
-            new PlaybackTimeLabel({
-                timeLabelMode: PlaybackTimeLabelMode.CurrentTime,
-                hideInLivePlayback: true,
-                cssClasses: ['current-time']
-            }),
-            seekBar,
-            new PlaybackTimeLabel({
-                timeLabelMode: isAdUi ? PlaybackTimeLabelMode.RemainingTime : PlaybackTimeLabelMode.TotalTime,
-                cssClasses: ['total-time']
-            })
-        ],
-        cssClasses: ['controlbar-top', 'controlbar-seekbar']
-    });
-}

package/lib/ui/components/settingspanel.d.ts

@@ -1,3 +0,0 @@
-import { SettingsPanel } from 'bitmovin-player-ui';
-import { PlayerContext } from '../../types/interfaces';
-export declare function createSettingsPanel(playerContext: PlayerContext): SettingsPanel;

package/lib/ui/components/settingspanel.js

@@ -1,159 +0,0 @@
-import { SubtitleListBox, ListBox, SettingsPanel, SettingsPanelPage, SettingsPanelPageOpenButton, SettingsPanelPageBackButton, SettingsToggleButton, Button, Label, SettingsPanelItem, AudioQualitySelectBox, AudioTrackSelectBox } from 'bitmovin-player-ui';
-import { localizeKey } from '../../js/utilities/utilities.locale';
-import { handleSubtitleListBoxItemSelected, handleSpeedListBoxItemSelected, handleQualityListBoxItemSelected } from '../handlers/listboxhandlers';
-import { NpoPlayerEvent } from '../../types/events';
-const createListBox = (items) => new ListBox({ items });
-const createPanelPage = (components, cssClasses) => new SettingsPanelPage({ components, cssClasses, role: 'group' });
-const createSettingsPanelPageBackButton = ({ targetPage, container, text, cssClasses }) => new SettingsPanelPageBackButton({
-    targetPage,
-    container,
-    text,
-    cssClasses
-});
-const createSettingsOpenButton = ({ targetPage, container, text, cssClasses }) => new SettingsPanelPageOpenButton({
-    targetPage,
-    container,
-    text,
-    cssClasses
-});
-export function createSettingsPanel(playerContext) {
-    const { npoPlayer, player } = playerContext;
-    const subtitleListBox = new SubtitleListBox();
-    const speedListBox = createListBox([
-        { key: '0.25', label: '0.25x' },
-        { key: '0.5', label: '0.5x' },
-        { key: '1', label: '1x' },
-        { key: '1.5', label: '1.5x' },
-        { key: '2', label: '2x' }
-    ]);
-    const qualityListBox = new ListBox();
-    const audioqualityLabel = localizeKey('settings.audio.quality');
-    const audiotrackLabel = localizeKey('settings.audio.track');
-    const autoLabel = localizeKey('auto');
-    const offLabel = localizeKey('off');
-    const settingsLabel = localizeKey('settings');
-    const speedLabel = localizeKey('speed');
-    const subtitlesLabel = localizeKey('settings.subtitles');
-    const videoqualityLabel = localizeKey('settings.video.quality');
-    const settingTriggerClass = 'settings-trigger';
-    const settingsBackButtonClass = 'settings-back-button';
-    const listboxPanelClass = 'listbox-panel';
-    const listboxPagerButtonClass = 'listbox-pager-button';
-    const settingsPanelItemConfig = { role: 'group' };
-    const subtitlePanelPage = createPanelPage([
-        new Button({ cssClass: settingTriggerClass }),
-        new SettingsPanelItem('', subtitleListBox, settingsPanelItemConfig)
-    ], [listboxPanelClass]);
-    const speedPanelPage = createPanelPage([new Button({ cssClass: settingTriggerClass }), new SettingsPanelItem('', speedListBox, settingsPanelItemConfig)], [listboxPanelClass]);
-    const qualityPanelPage = createPanelPage([new Button({ cssClass: settingTriggerClass }), new SettingsPanelItem('', qualityListBox, settingsPanelItemConfig)], [listboxPanelClass]);
-    const settingsTriggerButton = new Button({ cssClass: settingTriggerClass });
-    const mainSettingsPage = createPanelPage([
-        settingsTriggerButton,
-        new Label({ text: settingsLabel, cssClass: 'setting-header' }),
-        new SettingsPanelItem(audioqualityLabel, new AudioQualitySelectBox(), settingsPanelItemConfig),
-        new SettingsPanelItem(audiotrackLabel, new AudioTrackSelectBox(), settingsPanelItemConfig)
-    ], ['main-panel']);
-    const settingsPanel = new SettingsPanel({
-        components: [mainSettingsPage, subtitlePanelPage, speedPanelPage, qualityPanelPage],
-        hidden: true,
-        pageTransitionAnimation: false,
-        hideDelay: -1
-    });
-    const subtitleSettingsOpenButton = createSettingsOpenButton({
-        targetPage: subtitlePanelPage,
-        container: settingsPanel,
-        text: offLabel,
-        cssClasses: [listboxPagerButtonClass]
-    });
-    const speedSettingsOpenButton = createSettingsOpenButton({
-        targetPage: speedPanelPage,
-        container: settingsPanel,
-        text: '1x',
-        cssClasses: [listboxPagerButtonClass]
-    });
-    const qualitySettingsOpenButton = createSettingsOpenButton({
-        targetPage: qualityPanelPage,
-        container: settingsPanel,
-        text: autoLabel,
-        cssClasses: [listboxPagerButtonClass]
-    });
-    const subtitlesPanelItem = new SettingsPanelItem(subtitlesLabel, subtitleSettingsOpenButton, {
-        ...settingsPanelItemConfig,
-        hidden: false
-    });
-    const speedPanelItem = new SettingsPanelItem(speedLabel, speedSettingsOpenButton, {
-        ...settingsPanelItemConfig,
-        hidden: false
-    });
-    const qualityPanelItem = new SettingsPanelItem(videoqualityLabel, qualitySettingsOpenButton, {
-        ...settingsPanelItemConfig,
-        hidden: false
-    });
-    const settingsToggleButton = new SettingsToggleButton({ settingsPanel, role: 'button' });
-    settingsToggleButton.getDomElement().attr('aria-haspopup', 'true');
-    for (const item of [subtitlesPanelItem, speedPanelItem, qualityPanelItem, settingsToggleButton])
-        mainSettingsPage.addComponent(item);
-    for (const [index, panelPage] of [subtitlePanelPage, speedPanelPage, qualityPanelPage].entries()) {
-        const labels = [subtitlesLabel, speedLabel, videoqualityLabel];
-        panelPage.addComponent(createSettingsPanelPageBackButton({
-            targetPage: mainSettingsPage,
-            container: settingsPanel,
-            text: labels[index],
-            cssClasses: [settingsBackButtonClass]
-        }));
-    }
-    npoPlayer.uiComponents.subtitlesButton = subtitlesPanelItem;
-    npoPlayer.uiComponents.qualityButton = qualityPanelItem;
-    subtitleListBox.onItemSelected.subscribe(handleSubtitleListBoxItemSelected({ subtitleSettingsOpenButton, settingsPanel, mainSettingsPage }));
-    if (player) {
-        speedListBox.selectItem('1');
-        speedListBox.onItemSelected.subscribe(handleSpeedListBoxItemSelected({ playerContext, speedSettingsOpenButton, settingsPanel, mainSettingsPage }));
-        qualityListBox.selectItem('auto');
-        qualityListBox.onItemSelected.subscribe(handleQualityListBoxItemSelected({ playerContext, qualitySettingsOpenButton, settingsPanel, mainSettingsPage }));
-    }
-    const uiComponents = npoPlayer.uiComponents;
-    uiComponents.settingsPanels = uiComponents.settingsPanels
-        ? [...uiComponents.settingsPanels, settingsPanel]
-        : [settingsPanel];
-    const checkSubtitles = () => {
-        const subtitles = player.listSubtitles();
-        subtitlesPanelItem.hide();
-        if (subtitles?.length) {
-            subtitlesPanelItem.show();
-        }
-    };
-    const checkQualities = () => {
-        const availableVideoQualities = player.getAvailableVideoQualities() || [];
-        qualityListBox.clearItems();
-        qualityPanelItem.hide();
-        if (availableVideoQualities?.length) {
-            for (const quality of availableVideoQualities) {
-                const label = quality.label === 'unknown' ? `${quality.height}p` : quality.label;
-                qualityListBox.addItem(quality.id, label ?? 'unknown');
-            }
-            qualityListBox.addItem('auto', autoLabel);
-            qualityListBox.selectItem('auto');
-            qualityPanelItem.show();
-        }
-    };
-    settingsPanel.onHide.subscribe(() => {
-        player.removeClassFromNpoPlayerElement('bmpui-panel-shown');
-    });
-    settingsPanel.onShow.subscribe(() => {
-        player.addClassToNpoPlayerElement('bmpui-panel-shown');
-        const infoPanel = npoPlayer.uiComponents.infoPanel;
-        const infoToggleButtons = npoPlayer.uiComponents.infoPanelToggleButtons ?? [];
-        infoPanel?.hide();
-        for (const button of infoToggleButtons) {
-            button.off();
-        }
-    });
-    const checkQualitiesAndSubtitles = () => {
-        checkQualities();
-        checkSubtitles();
-    };
-    player?.off(NpoPlayerEvent.SourceLoaded, checkQualitiesAndSubtitles);
-    player?.on(NpoPlayerEvent.SourceLoaded, checkQualitiesAndSubtitles);
-    checkQualitiesAndSubtitles();
-    return settingsPanel;
-}

package/lib/ui/components/titlebar.d.ts

@@ -1,3 +0,0 @@
-import { TitleBar } from 'bitmovin-player-ui';
-import { PlayerContext } from '../../types/interfaces';
-export declare function createTitleBar(playerContext: PlayerContext): TitleBar;

package/lib/ui/components/titlebar.js

@@ -1,14 +0,0 @@
-import { Label, TitleBar } from 'bitmovin-player-ui';
-import { createBackButton } from './backButton';
-export function createTitleBar(playerContext) {
-    const { npoPlayer } = playerContext;
-    const { uiComponents } = npoPlayer;
-    const backButton = createBackButton();
-    const nicam = new Label({ text: '', cssClass: 'nicam' });
-    const titleBar = new TitleBar({ cssClasses: ['metadata'] });
-    titleBar.addComponent(backButton);
-    titleBar.addComponent(nicam);
-    npoPlayer.uiComponents.nicam = nicam;
-    uiComponents.backButtons = uiComponents.backButtons ? [...uiComponents.backButtons, backButton] : [backButton];
-    return titleBar;
-}

package/lib/ui/components/topbar.d.ts

@@ -1,3 +0,0 @@
-import { TitleBar } from 'bitmovin-player-ui';
-import { PlayerContext } from '../../types/interfaces';
-export declare function createTopBar(playerContext: PlayerContext): TitleBar;

package/lib/ui/components/topbar.js

@@ -1,36 +0,0 @@
-import { Container, TitleBar, PictureInPictureToggleButton, AirPlayToggleButton, SettingsToggleButton, FullscreenToggleButton, VolumeControlButton } from 'bitmovin-player-ui';
-import { createSettingsPanel } from './settingspanel';
-import { createChromecastButton } from './buttons';
-import { createInfoPanelToggleButton } from './infopanel/togglebutton';
-import { createBackButton } from './backButton';
-export function createTopBar(playerContext) {
-    const { npoPlayer } = playerContext;
-    const { uiComponents } = npoPlayer;
-    const settingsPanel = createSettingsPanel(playerContext);
-    const chromeCastButton = createChromecastButton(playerContext);
-    const settingsToggleButton = new SettingsToggleButton({ settingsPanel, role: 'button' });
-    settingsToggleButton.getDomElement().attr('aria-haspopup', 'true');
-    const backButton = createBackButton();
-    uiComponents.backButtons = uiComponents.backButtons ? [...uiComponents.backButtons, backButton] : [backButton];
-    return new TitleBar({
-        components: [
-            new Container({
-                components: [
-                    backButton,
-                    new PictureInPictureToggleButton(),
-                    new AirPlayToggleButton(),
-                    chromeCastButton,
-                    settingsToggleButton,
-                    settingsPanel,
-                    new VolumeControlButton({
-                        vertical: true
-                    }),
-                    new FullscreenToggleButton(),
-                    createInfoPanelToggleButton(playerContext)
-                ],
-                cssClasses: ['controlbar-top', 'controlbar-small']
-            })
-        ],
-        cssClasses: ['titlebar-small']
-    });
-}

package/lib/ui/components/verticalvideo/controlbar.d.ts

@@ -1,3 +0,0 @@
-import { ControlBar, SettingsPanel } from 'bitmovin-player-ui';
-import { PlayerContext } from '../../../types/interfaces';
-export declare function createVerticalVideoControlBar(playerContext: PlayerContext, settingsPanel: SettingsPanel): ControlBar;

package/lib/ui/components/verticalvideo/controlbar.js

@@ -1,40 +0,0 @@
-import { ControlBar, Container, SeekBar, SeekBarLabel, PlaybackToggleButton, SettingsToggleButton, FullscreenToggleButton, VolumeToggleButton } from 'bitmovin-player-ui';
-import { createForwardButton, createRewindButton } from '../buttons';
-import { createSeekBar } from '../seekbar';
-import { NpoPlayerUIVariants } from '../../../types/interfaces';
-export function createVerticalVideoControlBar(playerContext, settingsPanel) {
-    const { npoPlayer } = playerContext;
-    const rewindButton = createRewindButton(playerContext);
-    const forwardButton = createForwardButton(playerContext);
-    const seekBar = new SeekBar({
-        label: new SeekBarLabel(),
-        addCurrentTimeToAriaLabel: true
-    });
-    npoPlayer.uiComponents.seekBar = seekBar;
-    const settingsToggleButton = new SettingsToggleButton({
-        settingsPanel: settingsPanel,
-        autoHideWhenNoActiveSettings: false,
-        hidden: true
-    });
-    const controlBarButtonsContainer = new Container({
-        components: [
-            new VolumeToggleButton(),
-            rewindButton,
-            new PlaybackToggleButton(),
-            forwardButton,
-            new FullscreenToggleButton()
-        ],
-        cssClasses: ['vertical-video-controlbar-buttons']
-    });
-    const controlBar = new ControlBar({
-        components: [
-            settingsToggleButton,
-            createSeekBar(playerContext, NpoPlayerUIVariants.VERTICAL),
-            controlBarButtonsContainer
-        ],
-        cssClasses: ['ui-controlbar-bottom']
-    });
-    npoPlayer.uiComponents.controlBar = controlBar;
-    npoPlayer.uiComponents.settingsToggleButton = settingsToggleButton;
-    return controlBar;
-}

package/lib/ui/components/verticalvideo/settingspanel.d.ts

@@ -1,2 +0,0 @@
-import { SettingsPanel } from 'bitmovin-player-ui';
-export declare function createVerticalVideoSettingsPanel(): SettingsPanel;

package/lib/ui/components/verticalvideo/settingspanel.js

@@ -1,25 +0,0 @@
-import { SubtitleListBox, SettingsPanel, SettingsPanelPage, SettingsToggleButton } from 'bitmovin-player-ui';
-export function createVerticalVideoSettingsPanel() {
-    const subtitleListBox = new SubtitleListBox({
-        cssClasses: ['listbox-panel']
-    });
-    const mainSettingsPage = new SettingsPanelPage({
-        components: [subtitleListBox],
-        cssClasses: ['main-panel'],
-        role: 'group'
-    });
-    const settingsPanel = new SettingsPanel({
-        components: [mainSettingsPage],
-        hidden: true,
-        pageTransitionAnimation: false,
-        hideDelay: -1
-    });
-    const settingsToggleButton = new SettingsToggleButton({
-        settingsPanel,
-        autoHideWhenNoActiveSettings: false,
-        role: 'button'
-    });
-    settingsToggleButton.getDomElement().attr('aria-haspopup', 'true');
-    mainSettingsPage.addComponent(settingsToggleButton);
-    return settingsPanel;
-}

package/lib/ui/handlers/accessibilityhandler.d.ts

@@ -1,2 +0,0 @@
-import { StreamObject_Metadata } from 'types/interfaces';
-export declare function addAccessibilityAttributes(container: HTMLElement, metadata: StreamObject_Metadata): void;

package/lib/ui/handlers/accessibilityhandler.js

@@ -1,22 +0,0 @@
-const ariaLabel = 'aria-label';
-function setVideoAriaLabels(container, title) {
-    const videoEl = container.querySelector('video');
-    const hugePlayBackToggleButton = container.querySelector('.bmpui-ui-hugeplaybacktogglebutton');
-    videoEl?.setAttribute(ariaLabel, title);
-    hugePlayBackToggleButton?.setAttribute(ariaLabel, title);
-    const description = container.querySelector('.bmpui-label-metadata-description');
-    if (description) {
-        videoEl?.setAttribute('aria-describedby', description.id);
-        hugePlayBackToggleButton?.setAttribute('aria-describedby', description.id);
-    }
-}
-function setImageAriaLabels(container, title) {
-    const imgRoles = container.querySelectorAll('[role="img"]');
-    for (const imgRole of imgRoles) {
-        imgRole.setAttribute(ariaLabel, title);
-    }
-}
-export function addAccessibilityAttributes(container, metadata) {
-    setVideoAriaLabels(container, metadata.title);
-    setImageAriaLabels(container, metadata.title);
-}

package/lib/ui/handlers/accessibilityhandler.test.d.ts

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

package/lib/ui/handlers/accessibilityhandler.test.js

@@ -1,54 +0,0 @@
-import { addAccessibilityAttributes } from './accessibilityhandler';
-import { JSDOM } from 'jsdom';
-describe('addAccessibilityAttributes', () => {
-    let container;
-    const mockMetadata = { title: 'Mocked Video Title', description: 'Mocked Description' };
-    beforeEach(() => {
-        const { window } = new JSDOM(`
-            <div>
-                <video></video>
-                <div class="bmpui-ui-hugeplaybacktogglebutton"></div>
-                <div class="bmpui-label-metadata-description" id="desc">Description</div>
-                <div role="img"></div>
-            </div>
-        `);
-        container = window.document.body.firstChild;
-    });
-    function expectAttributes({ selector, attributes }) {
-        const element = container?.querySelector(selector);
-        for (const [attribute, expectedValue] of Object.entries(attributes)) {
-            expect(element?.getAttribute(attribute)).toBe(expectedValue);
-        }
-    }
-    it('adds correct aria-labels', () => {
-        if (!container)
-            return;
-        addAccessibilityAttributes(container, mockMetadata);
-        expectAttributes({
-            selector: 'video',
-            attributes: { 'aria-label': mockMetadata.title }
-        });
-        expectAttributes({
-            selector: '.bmpui-ui-hugeplaybacktogglebutton',
-            attributes: { 'aria-label': mockMetadata.title }
-        });
-        expectAttributes({
-            selector: '[role="img"]',
-            attributes: { 'aria-label': mockMetadata.title }
-        });
-    });
-    it('handles aria-describedby correctly', () => {
-        if (!container)
-            return;
-        addAccessibilityAttributes(container, mockMetadata);
-        const descriptionId = container.querySelector('.bmpui-label-metadata-description')?.id || '';
-        expectAttributes({
-            selector: 'video',
-            attributes: { 'aria-describedby': descriptionId ?? '' }
-        });
-        expectAttributes({
-            selector: '.bmpui-ui-hugeplaybacktogglebutton',
-            attributes: { 'aria-describedby': descriptionId ?? '' }
-        });
-    });
-});

package/lib/ui/handlers/domhandlers.d.ts

@@ -1,3 +0,0 @@
-import { StreamObject } from '../../types/interfaces';
-import { PlayerAPI } from 'bitmovin-player/modules/bitmovinplayer-core';
-export declare function handleLiveStreamNoDvr(player: PlayerAPI, streamObject: StreamObject): void;

package/lib/ui/handlers/domhandlers.js

@@ -1,7 +0,0 @@
-import { getElementByQuery } from '../../js/utilities/utilities.element';
-export function handleLiveStreamNoDvr(player, streamObject) {
-    const isLiveStreamNoDvr = streamObject.stream.isLiveStream && streamObject.stream.hasDvrWindow === false;
-    const playerElement = getElementByQuery({ container: player.getContainer(), query: '.bmpui-npo-player' });
-    const noDvrClass = 'livestream-no-dvr';
-    playerElement?.classList[isLiveStreamNoDvr ? 'add' : 'remove'](noDvrClass);
-}

package/lib/ui/handlers/domhandlers.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/lib/ui/handlers/domhandlers.test.js

@@ -1,31 +0,0 @@
-import { handleLiveStreamNoDvr } from './domhandlers';
-import '@testing-library/jest-dom';
-import { mockStreamObject } from '../../../tests/mocks/mockStreamObject';
-jest.mock('../../js/utilities/utilities.element', () => ({
-    getElementByQuery: jest.fn()
-}));
-const { getElementByQuery } = require('../../js/utilities/utilities.element');
-describe('handleLiveStreamNoDvr', () => {
-    let mockPlayer;
-    const streamObject = { ...mockStreamObject };
-    let mockPlayerElement;
-    beforeEach(() => {
-        mockPlayer = {
-            getContainer: jest.fn()
-        };
-        mockPlayerElement = document.createElement('div');
-        getElementByQuery.mockReturnValue(mockPlayerElement);
-    });
-    it('should add "livestream-no-dvr" class when isLiveStream is true and hasDvrWindow is false', () => {
-        streamObject.stream.isLiveStream = true;
-        streamObject.stream.hasDvrWindow = false;
-        handleLiveStreamNoDvr(mockPlayer, mockStreamObject);
-        expect(mockPlayerElement).toHaveClass('livestream-no-dvr');
-    });
-    it('should remove "livestream-no-dvr" class when isLiveStream is false or hasDvrWindow is true', () => {
-        streamObject.stream.isLiveStream = false;
-        streamObject.stream.hasDvrWindow = true;
-        handleLiveStreamNoDvr(mockPlayer, mockStreamObject);
-        expect(mockPlayerElement).not.toHaveClass('livestream-no-dvr');
-    });
-});

package/lib/ui/handlers/listboxhandlers.d.ts

@@ -1,19 +0,0 @@
-import { type SettingsPanel, type SettingsPanelPage, type SettingsPanelPageOpenButton } from 'bitmovin-player-ui';
-import { PlayerContext } from 'types/interfaces';
-export declare function handleSubtitleListBoxItemSelected({ subtitleSettingsOpenButton, settingsPanel, mainSettingsPage }: {
-    subtitleSettingsOpenButton: SettingsPanelPageOpenButton;
-    settingsPanel: SettingsPanel;
-    mainSettingsPage: SettingsPanelPage;
-}): (e: any) => void;
-export declare function handleSpeedListBoxItemSelected({ playerContext, speedSettingsOpenButton, settingsPanel, mainSettingsPage }: {
-    playerContext: PlayerContext;
-    speedSettingsOpenButton: SettingsPanelPageOpenButton;
-    settingsPanel: SettingsPanel;
-    mainSettingsPage: SettingsPanelPage;
-}): (source: any, args: any) => void;
-export declare function handleQualityListBoxItemSelected({ playerContext, qualitySettingsOpenButton, settingsPanel, mainSettingsPage }: {
-    playerContext: PlayerContext;
-    qualitySettingsOpenButton: SettingsPanelPageOpenButton;
-    settingsPanel: SettingsPanel;
-    mainSettingsPage: SettingsPanelPage;
-}): (source: any, args: any) => void;

package/lib/ui/handlers/listboxhandlers.js

@@ -1,43 +0,0 @@
-function closeSettingsPanel(settingsPanel, mainSettingsPage) {
-    setTimeout(() => {
-        if (settingsPanel.getActivePage() !== mainSettingsPage)
-            settingsPanel.setActivePage(mainSettingsPage);
-    }, 100);
-}
-export function handleSubtitleListBoxItemSelected({ subtitleSettingsOpenButton, settingsPanel, mainSettingsPage }) {
-    return (e) => {
-        for (const item of e.getItems()) {
-            if (item.key === e.getSelectedItem()) {
-                subtitleSettingsOpenButton.setText(item.label);
-                e.selectItem(item.key);
-            }
-        }
-        closeSettingsPanel(settingsPanel, mainSettingsPage);
-    };
-}
-export function handleSpeedListBoxItemSelected({ playerContext, speedSettingsOpenButton, settingsPanel, mainSettingsPage }) {
-    return (source, args) => {
-        const { player } = playerContext;
-        for (const item of source.getItems()) {
-            if (item.key === args) {
-                player.setPlaybackSpeed(Number.parseFloat(item.key));
-                speedSettingsOpenButton.setText(item.label);
-                source.selectItem(item.key);
-            }
-        }
-        closeSettingsPanel(settingsPanel, mainSettingsPage);
-    };
-}
-export function handleQualityListBoxItemSelected({ playerContext, qualitySettingsOpenButton, settingsPanel, mainSettingsPage }) {
-    return (source, args) => {
-        const { player } = playerContext;
-        for (const item of source.getItems()) {
-            if (item.key === args) {
-                player.setVideoQuality(item.key);
-                qualitySettingsOpenButton.setText(item.label);
-                source.selectItem(item.key);
-            }
-        }
-        closeSettingsPanel(settingsPanel, mainSettingsPage);
-    };
-}

package/lib/ui/handlers/playnextscreen.d.ts

@@ -1,6 +0,0 @@
-export declare function showPlayNextScreenIfNeeded({ overlayDuration, container, proceedCallBack }: {
-    overlayDuration: number;
-    container: HTMLElement;
-    proceedCallBack?: () => void;
-}): void;
-export declare function hidePlayNextScreen(container: HTMLElement): void;

package/lib/ui/handlers/playnextscreen.js

@@ -1,28 +0,0 @@
-let countdownInterval;
-export function showPlayNextScreenIfNeeded({ overlayDuration, container, proceedCallBack }) {
-    const playnextOverlay = container.querySelector('.bmpui-overlay-playnext');
-    if (playnextOverlay?.classList.contains('show'))
-        return;
-    clearInterval(countdownInterval);
-    playnextOverlay?.classList.add('show');
-    const playNextButton = playnextOverlay?.querySelector('.ui-playNextButton');
-    if (playNextButton) {
-        playNextButton.style.setProperty('--animation-duration', `${overlayDuration}s`);
-        playNextButton.focus();
-    }
-    let countdown = overlayDuration - 1;
-    countdownInterval = window.setInterval(() => {
-        if (playnextOverlay?.classList.contains('show')) {
-            countdown--;
-            if (countdown < 0) {
-                clearInterval(countdownInterval);
-                proceedCallBack?.();
-                playnextOverlay?.classList.remove('show');
-            }
-        }
-    }, 1000);
-}
-export function hidePlayNextScreen(container) {
-    clearInterval(countdownInterval);
-    container.querySelector('.bmpui-overlay-playnext')?.classList.remove('show');
-}

package/lib/ui/handlers/playnextscreen.test.d.ts

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