@clickview/player 0.0.3 → 0.0.4-rc.1

package/dist/projects/player/src/players/base-player.d.ts

@@ -2,7 +2,13 @@ import { VideoJsPlayer, VideoJsPlayerOptions } from 'video.js';
 import 'videojs-contrib-quality-levels';
 import 'projects/player/plugins/progressive-files-plugin/progressive-files-plugin';
 import 'projects/player/plugins/localcache-plugin/localcache-plugin';
+import 'projects/player/plugins/persist-subtitle-settings-plugin/persist-subtitle-settings-plugin';
+import 'projects/player/plugins/persist-quality-settings-plugin/persist-quality-settings-plugin';
 import 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
+import 'projects/player/plugins/whiteboard-mode-plugin/whiteboard-mode-plugin';
+import 'projects/player/plugins/chromecast-plugin/chromecast-plugin';
+import 'projects/player/components/menu/menu';
+import 'projects/player/components/menu-button/menu-button';
 import 'projects/player/components/time-wrapper/time-wrapper';
 import 'projects/player/components/collapserator/collapserator';
 import 'projects/player/components/chapter-seek-bar/chapter-seek-bar';
@@ -12,6 +18,7 @@ import 'projects/player/components/chapters-button/chapters-button';
 import 'projects/player/components/subs-caps-button/subs-caps-button';
 import 'projects/player/components/quality-selector/quality-button';
 import 'projects/player/components/playback-rate-button/playback-rate-button';
+import 'projects/player/components/text-track-settings/text-track-settings';
 import 'projects/player/components/player/player';
 /**
  * *.scss imports must be relative
@@ -20,6 +27,7 @@ import '../components/control-bar/control-bar.scss';
 import '../components/volume-control/volume-control.scss';
 import '../components/menu/menu.scss';
 import '../components/big-play-button/big-play-button.scss';
+import '../components/text-track-display/text-track-display.scss';
 import { ExternalLinkOptions } from 'projects/player/plugins/open-externally-plugin/interfaces/ExternalLinkOptions';
 import { PlaybackObject } from 'projects/player/interfaces/models/PlaybackObject';
 import { AnalyticsPlayerType, AnalyticsService } from 'projects/player/services/analytics-service';
@@ -79,6 +87,7 @@ export declare abstract class BasePlayer {
     currentTime(time?: number): number | void;
     private bindEventListeners;
     private setupSeekBar;
+    private setupSplash;
     protected getSeekBarOptions(): any;
     protected getSeekBarName(): string;
     private configureMenuDimensions;

package/dist/projects/player/src/players/interactive-player.d.ts

@@ -23,6 +23,8 @@ export declare class InteractivePlayer extends BasePlayer {
     constructor(id: string | Element, options: InteractivePlayerOptions);
     protected onFlushProgress(events: ProgressEvent[]): void;
     protected additionalSetup(playbackObject: PlaybackObject): Promise<void>;
+    private setupUpClipPlugin;
+    private setupViewInteractivePlugin;
     protected getSeekBarOptions(): any;
     protected getAnalyticsPlayerType(): AnalyticsPlayerType;
 }

package/dist/projects/player/src/plugins/chromecast-plugin/chromecast-plugin.d.ts

@@ -0,0 +1,11 @@
+import './tech/chromecast-tech';
+import 'projects/player/plugins/chromecast-plugin/components/chromecast-button';
+interface ChromecastPluginOptions {
+    title: string;
+}
+declare module 'video.js' {
+    interface VideoJsPlayer {
+        chromecast(options: ChromecastPluginOptions): void;
+    }
+}
+export {};

package/dist/projects/player/src/plugins/chromecast-plugin/components/chromecast-button.d.ts

@@ -0,0 +1 @@
+import './chromecast-button.scss';

package/dist/projects/player/src/plugins/chromecast-plugin/session-manager.d.ts

@@ -0,0 +1,73 @@
+/// <reference types="chromecast-caf-sender" />
+import videojs from 'video.js';
+declare const Component: {
+    new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
+    prototype: videojs.Component;
+    getComponent(name: "Button" | "button"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
+        prototype: videojs.Button;
+    };
+    getComponent(name: "ClickableComponent" | "clickablecomponent"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ClickableComponent;
+        prototype: videojs.ClickableComponent;
+    };
+    getComponent(name: "ModalDialog" | "modaldialog"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
+        prototype: videojs.ModalDialog;
+    };
+    getComponent(name: "Menu" | "menu"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
+        prototype: videojs.Menu;
+    };
+    getComponent(name: "MenuButton" | "menubutton"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
+        prototype: videojs.MenuButton;
+    };
+    getComponent(name: "MenuItem" | "menuitem"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
+        prototype: videojs.MenuItem;
+    };
+    getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.MouseTimeDisplay;
+        prototype: videojs.MouseTimeDisplay;
+    };
+    getComponent(name: "Spacer" | "spacer"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
+        prototype: videojs.Spacer;
+    };
+    getComponent(name: "Player" | "player"): {
+        new (player: import("video.js").VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): import("video.js").VideoJsPlayer;
+        prototype: import("video.js").VideoJsPlayer;
+        getTagSettings(tag: Element): any;
+    };
+    getComponent(name: "timeTooltip" | "TimeTooltip"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.TimeToolTip;
+        prototype: videojs.TimeToolTip;
+    };
+    getComponent(name: string): any;
+    registerComponent(name: string, ComponentToRegister: any): any;
+};
+declare class SessionManagerSingleton extends Component {
+    private play;
+    private get castConext();
+    setOptions(): void;
+    remotePlayer: cast.framework.RemotePlayer;
+    remotePlayerController: cast.framework.RemotePlayerController;
+    get castState(): cast.framework.CastState;
+    get castSession(): cast.framework.CastSession;
+    isConnected(): boolean;
+    /**
+     * We inherit from component to get access to events
+     * but we don't pass a player in
+     */
+    constructor();
+    private bindListeners;
+    private onIsConnectedChanged;
+    dispose(): void;
+    private onCastStateChange;
+    stopCasting(): void;
+    getDeviceName(): string;
+    hasAvailableDevices(castState?: cast.framework.CastState): boolean;
+}
+export declare let SessionManager: SessionManagerSingleton;
+export {};

package/dist/projects/player/src/plugins/chromecast-plugin/tech/chromecast-tech-ui/chromecast-tech-ui.d.ts

@@ -0,0 +1,67 @@
+import videojs from 'video.js';
+import './chromecast-tech-ui.scss';
+declare const Component: {
+    new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
+    prototype: videojs.Component;
+    getComponent(name: "Button" | "button"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
+        prototype: videojs.Button;
+    };
+    getComponent(name: "ClickableComponent" | "clickablecomponent"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ClickableComponent;
+        prototype: videojs.ClickableComponent;
+    };
+    getComponent(name: "ModalDialog" | "modaldialog"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
+        prototype: videojs.ModalDialog;
+    };
+    getComponent(name: "Menu" | "menu"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
+        prototype: videojs.Menu;
+    };
+    getComponent(name: "MenuButton" | "menubutton"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
+        prototype: videojs.MenuButton;
+    };
+    getComponent(name: "MenuItem" | "menuitem"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
+        prototype: videojs.MenuItem;
+    };
+    getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.MouseTimeDisplay;
+        prototype: videojs.MouseTimeDisplay;
+    };
+    getComponent(name: "Spacer" | "spacer"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
+        prototype: videojs.Spacer;
+    };
+    getComponent(name: "Player" | "player"): {
+        new (player: import("video.js").VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): import("video.js").VideoJsPlayer;
+        prototype: import("video.js").VideoJsPlayer;
+        getTagSettings(tag: Element): any;
+    };
+    getComponent(name: "timeTooltip" | "TimeTooltip"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.TimeToolTip;
+        prototype: videojs.TimeToolTip;
+    };
+    getComponent(name: string): any;
+    registerComponent(name: string, ComponentToRegister: any): any;
+};
+export declare class ChromecastTechUi extends Component {
+    play(): void;
+    private title;
+    private poster;
+    constructor();
+    createEl(): Element;
+    setTitle(title: string): void;
+    setPoster(poster: string): void;
+    private disconnect;
+    /**
+     * Unfortunately we can't use the traditional way
+     * of building out components and click handlers
+     * because this component is ultimately detached
+     * from the player so much of it's functionality won't work
+     */
+    update(): void;
+}
+export {};

package/dist/projects/player/src/plugins/chromecast-plugin/tech/chromecast-tech.d.ts

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

package/dist/projects/player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-items.d.ts

@@ -4,7 +4,7 @@ import './interactive-bar-items.scss';
 declare const Component: {
     new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
     prototype: videojs.Component;
-    getComponent(name: "button" | "Button"): {
+    getComponent(name: "Button" | "button"): {
         new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
         prototype: videojs.Button;
     };
@@ -16,7 +16,7 @@ declare const Component: {
         new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
         prototype: videojs.ModalDialog;
     };
-    getComponent(name: "menu" | "Menu"): {
+    getComponent(name: "Menu" | "menu"): {
         new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
         prototype: videojs.Menu;
     };
@@ -24,7 +24,7 @@ declare const Component: {
         new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
         prototype: videojs.MenuButton;
     };
-    getComponent(name: "menuitem" | "MenuItem"): {
+    getComponent(name: "MenuItem" | "menuitem"): {
         new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
         prototype: videojs.MenuItem;
     };
@@ -36,7 +36,7 @@ declare const Component: {
         new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
         prototype: videojs.Spacer;
     };
-    getComponent(name: "player" | "Player"): {
+    getComponent(name: "Player" | "player"): {
         new (player: VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): VideoJsPlayer;
         prototype: VideoJsPlayer;
         getTagSettings(tag: Element): any;

package/dist/projects/player/src/plugins/interactive-plugin/components/sliding-timepoint/sliding-timepoints.d.ts

@@ -6,6 +6,7 @@ import './sliding-timepoints.scss';
 interface SlidingTimepointProps extends Omit<TimepointProps, 'currentIndex'> {
     nextInteraction: Interaction;
     nextInteractionState: InteractionState;
+    delayFocus: boolean;
 }
 export declare function SlidingTimepoint(props: SlidingTimepointProps): React.ReactElement;
 export {};

package/dist/projects/player/src/plugins/interactive-plugin/components/timepoint/timepoint-component.d.ts

@@ -15,6 +15,7 @@ export interface TimepointProps {
     submitInteractionAnswer: () => void;
     saveInteraction: () => void;
     shouldFocus?: boolean;
+    delayFocus?: boolean;
     currentUser?: CurrentUser;
     timepoint: Timepoint;
     timepointState: TimepointState;

package/dist/projects/player/src/plugins/interactive-plugin/hooks/useInteractiveTrack.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { VideoJsPlayer } from 'video.js';
 import { Interactive, Timepoint } from 'libs/shared/interfaces';
 import { InteractiveMode } from 'projects/player/plugins/interactive-plugin/interfaces';
@@ -7,15 +6,18 @@ interface useInteractiveOptions {
     track: TextTrack;
     interactive: Interactive;
     mode: InteractiveMode;
+    clipOffset?: number;
 }
 export declare const useInteractiveTrack: (options: useInteractiveOptions) => {
     open: boolean;
-    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    setOpen: (val: boolean) => void;
+    wasOpen: boolean;
     timepoint: Timepoint;
     continueInteractive: () => void;
     updateCue: (oldTimepointId: string, timepointId: string) => void;
     addCue: (timepointId: string) => void;
     removeCue: (visibleAt: number) => void;
     moveTimepoint: (newTime: number) => void;
+    getClipOffset: (time: number) => number;
 };
 export {};

package/dist/projects/player/src/plugins/interactive-plugin/interactive-plugin.d.ts

@@ -31,6 +31,7 @@ interface InteractivePluginOptions {
     summaryPortalNode?: HtmlPortalNode;
     progress?: ProgressEvent[];
     latestSession?: LatestSession;
+    clipOffset?: number;
 }
 declare class InteractivePlugin extends Plugin {
     private options;

package/dist/projects/player/src/plugins/interactive-plugin/utils/helpers.d.ts

@@ -1,2 +1,2 @@
-export declare const SLIDING_TIME = 600;
+export declare const SLIDING_TIME = 400;
 export declare function isNewId(id: string): boolean;

package/dist/projects/player/src/plugins/persist-quality-settings-plugin/persist-quality-settings-plugin.d.ts

@@ -0,0 +1,33 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+declare const Plugin: {
+    new (player: VideoJsPlayer, options?: any): videojs.Plugin;
+    prototype: videojs.Plugin;
+    BASE_PLUGIN_NAME: string;
+    deregisterPlugin(name: string): void;
+    getPlugin(name: string): any;
+    getPluginVersion(name: string): string;
+    getPlugins(names?: string[]): {
+        [name: string]: videojs.Plugin;
+    };
+    isBasic(plugin: string | (() => any)): boolean;
+    registerPlugin<T, K>(name: string, plugin: (this: VideoJsPlayer, ...options: K[]) => T): (...options: K[]) => T;
+    registerPlugin<T_1 extends any>(name: string, plugin: T_1): () => T_1;
+};
+interface PersistQualitySettingsPluginOptions {
+    playbackProfile: string;
+    playbackProfileLocalCache: string;
+}
+declare class PersistQualitySettingsPlugin extends Plugin {
+    private options;
+    constructor(player: VideoJsPlayer, options: PersistQualitySettingsPluginOptions);
+    private initialize;
+    private onQualityLevelsChange;
+    private isLocalCacheActive;
+    private getStorageKey;
+}
+declare module 'video.js' {
+    interface VideoJsPlayer {
+        persistQualitySettingsPlugin(options: PersistQualitySettingsPluginOptions): PersistQualitySettingsPlugin;
+    }
+}
+export {};

package/dist/projects/player/src/plugins/persist-subtitle-settings-plugin/persist-subtitle-settings-plugin.d.ts

@@ -0,0 +1,38 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+import { SubtitleSizes } from 'projects/player/components/text-track-settings/text-track-settings';
+declare const Plugin: {
+    new (player: VideoJsPlayer, options?: any): videojs.Plugin;
+    prototype: videojs.Plugin;
+    BASE_PLUGIN_NAME: string;
+    deregisterPlugin(name: string): void;
+    getPlugin(name: string): any;
+    getPluginVersion(name: string): string;
+    getPlugins(names?: string[]): {
+        [name: string]: videojs.Plugin;
+    };
+    isBasic(plugin: string | (() => any)): boolean;
+    registerPlugin<T, K>(name: string, plugin: (this: VideoJsPlayer, ...options: K[]) => T): (...options: K[]) => T;
+    registerPlugin<T_1 extends any>(name: string, plugin: T_1): () => T_1;
+};
+interface PersistSubtitleSettingsPluginOptions {
+    showSubtitles: boolean;
+    subtitleSize: SubtitleSizes;
+}
+declare class PersistSubtitleSettingsPlugin extends Plugin {
+    private options;
+    private trackGuess;
+    constructor(player: VideoJsPlayer, options: PersistSubtitleSettingsPluginOptions);
+    private initialize;
+    private safeGet;
+    private onSelectedLanguageChange;
+    private bindEventListeners;
+    private onChangeSubtitleSize;
+    private guessWhichTrack;
+    private getLanguageParts;
+}
+declare module 'video.js' {
+    interface VideoJsPlayer {
+        persistSubtitleSettingsPlugin(options?: PersistSubtitleSettingsPluginOptions): PersistSubtitleSettingsPlugin;
+    }
+}
+export {};

package/dist/projects/player/src/plugins/whiteboard-mode-plugin/components/drag-handle/drag-handle.d.ts

@@ -0,0 +1,53 @@
+import videojs from 'video.js';
+import './drag-handle.scss';
+declare const Component: {
+    new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
+    prototype: videojs.Component;
+    getComponent(name: "Button" | "button"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
+        prototype: videojs.Button;
+    };
+    getComponent(name: "ClickableComponent" | "clickablecomponent"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ClickableComponent;
+        prototype: videojs.ClickableComponent;
+    };
+    getComponent(name: "ModalDialog" | "modaldialog"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
+        prototype: videojs.ModalDialog;
+    };
+    getComponent(name: "Menu" | "menu"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
+        prototype: videojs.Menu;
+    };
+    getComponent(name: "MenuButton" | "menubutton"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
+        prototype: videojs.MenuButton;
+    };
+    getComponent(name: "MenuItem" | "menuitem"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
+        prototype: videojs.MenuItem;
+    };
+    getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.MouseTimeDisplay;
+        prototype: videojs.MouseTimeDisplay;
+    };
+    getComponent(name: "Spacer" | "spacer"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
+        prototype: videojs.Spacer;
+    };
+    getComponent(name: "Player" | "player"): {
+        new (player: import("video.js").VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): import("video.js").VideoJsPlayer;
+        prototype: import("video.js").VideoJsPlayer;
+        getTagSettings(tag: Element): any;
+    };
+    getComponent(name: "timeTooltip" | "TimeTooltip"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.TimeToolTip;
+        prototype: videojs.TimeToolTip;
+    };
+    getComponent(name: string): any;
+    registerComponent(name: string, ComponentToRegister: any): any;
+};
+export declare class DragHandle extends Component {
+    createEl(): HTMLButtonElement;
+}
+export {};

package/dist/projects/player/src/plugins/whiteboard-mode-plugin/components/drag-targets/drag-targets.d.ts

@@ -0,0 +1,54 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+import './drag-targets.scss';
+declare const Component: {
+    new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
+    prototype: videojs.Component;
+    getComponent(name: "Button" | "button"): {
+        new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
+        prototype: videojs.Button;
+    };
+    getComponent(name: "ClickableComponent" | "clickablecomponent"): {
+        new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ClickableComponent;
+        prototype: videojs.ClickableComponent;
+    };
+    getComponent(name: "ModalDialog" | "modaldialog"): {
+        new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
+        prototype: videojs.ModalDialog;
+    };
+    getComponent(name: "Menu" | "menu"): {
+        new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
+        prototype: videojs.Menu;
+    };
+    getComponent(name: "MenuButton" | "menubutton"): {
+        new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
+        prototype: videojs.MenuButton;
+    };
+    getComponent(name: "MenuItem" | "menuitem"): {
+        new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
+        prototype: videojs.MenuItem;
+    };
+    getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
+        new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.MouseTimeDisplay;
+        prototype: videojs.MouseTimeDisplay;
+    };
+    getComponent(name: "Spacer" | "spacer"): {
+        new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
+        prototype: videojs.Spacer;
+    };
+    getComponent(name: "Player" | "player"): {
+        new (player: VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): VideoJsPlayer;
+        prototype: VideoJsPlayer;
+        getTagSettings(tag: Element): any;
+    };
+    getComponent(name: "timeTooltip" | "TimeTooltip"): {
+        new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.TimeToolTip;
+        prototype: videojs.TimeToolTip;
+    };
+    getComponent(name: string): any;
+    registerComponent(name: string, ComponentToRegister: any): any;
+};
+export declare class DragTargets extends Component {
+    constructor(player: VideoJsPlayer, options?: videojs.ComponentOptions);
+    private addChildren;
+}
+export {};

package/dist/projects/player/src/plugins/whiteboard-mode-plugin/components/whiteboard-mode-button/whiteboard-mode-button.d.ts

@@ -0,0 +1,23 @@
+import { CollapsibleComponent } from 'projects/player/interfaces/CollapsibleComponent';
+import videojs from 'video.js';
+import { WhiteboardModeMenuItem } from './whiteboard-mode-menu-item';
+declare const MenuButton: {
+    new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
+    prototype: videojs.MenuButton;
+};
+export declare class WhiteboardModeButton extends MenuButton implements CollapsibleComponent {
+    createItems(): WhiteboardModeMenuItem[];
+    buildWrapperCSSClass(): string;
+    /**
+     * CollapsibileComponent interface implementation
+     * from here onward
+     */
+    alwaysCollapsed: boolean;
+    isCollapsed: boolean;
+    isCollabsible: boolean;
+    getCollabsibleName(): string;
+    getCollabsibleValue(): string;
+    showInCollabsibleMenu(): boolean;
+    showCollapsibleMenu(): void;
+}
+export {};

package/dist/projects/player/src/plugins/whiteboard-mode-plugin/components/whiteboard-mode-button/whiteboard-mode-menu-item.d.ts

@@ -0,0 +1,15 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+import { WhiteboardSide } from '../../interfaces/WhiteboardSide';
+declare const MenuItem: {
+    new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
+    prototype: videojs.MenuItem;
+};
+interface WhiteboardModeMenuItemOptions extends videojs.MenuItemOptions {
+    side: WhiteboardSide;
+}
+export declare class WhiteboardModeMenuItem extends MenuItem {
+    options_: WhiteboardModeMenuItemOptions;
+    constructor(player: VideoJsPlayer, options: WhiteboardModeMenuItemOptions);
+    handleClick(): void;
+}
+export {};

package/dist/projects/player/src/plugins/whiteboard-mode-plugin/contants/WhiteboardSides.d.ts

@@ -0,0 +1,5 @@
+import { WhiteboardSide } from '../interfaces/WhiteboardSide';
+export declare const WhiteboardSides: WhiteboardSide[];
+export declare const WhiteboardSideNames: {
+    [key in WhiteboardSide]: string;
+};

package/dist/projects/player/src/plugins/whiteboard-mode-plugin/interfaces/WhiteboardSide.d.ts

@@ -0,0 +1 @@
+export declare type WhiteboardSide = 'top' | 'bottom' | 'left' | 'right';

package/dist/projects/player/src/plugins/whiteboard-mode-plugin/whiteboard-mode-plugin.d.ts

@@ -0,0 +1,34 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+import { WhiteboardSide } from './interfaces/WhiteboardSide';
+import './whiteboard-mode.scss';
+declare const Plugin: {
+    new (player: VideoJsPlayer, options?: any): videojs.Plugin;
+    prototype: videojs.Plugin;
+    BASE_PLUGIN_NAME: string;
+    deregisterPlugin(name: string): void;
+    getPlugin(name: string): any;
+    getPluginVersion(name: string): string;
+    getPlugins(names?: string[]): {
+        [name: string]: videojs.Plugin;
+    };
+    isBasic(plugin: string | (() => any)): boolean;
+    registerPlugin<T, K>(name: string, plugin: (this: VideoJsPlayer, ...options: K[]) => T): (...options: K[]) => T;
+    registerPlugin<T_1 extends any>(name: string, plugin: T_1): () => T_1;
+};
+declare class WhiteboardModePlugin extends Plugin {
+    side: WhiteboardSide;
+    private button;
+    constructor(player: VideoJsPlayer);
+    private initialize;
+    private initCollapserator;
+    private initDragTargets;
+    private initFullscreenListener;
+    setWhiteboardMode(side: WhiteboardSide): void;
+    private update;
+}
+declare module 'video.js' {
+    interface VideoJsPlayer {
+        whiteboardModePlugin(): WhiteboardModePlugin;
+    }
+}
+export {};

package/dist/projects/player/src/utils/fn.d.ts

@@ -12,3 +12,33 @@
  * @return   {Function}
  */
 export declare const throttle: (fn: any, wait: any) => any;
+/**
+ * Creates a debounced function that delays invoking `func` until after `wait`
+ * milliseconds have elapsed since the last time the debounced function was
+ * invoked.
+ *
+ * Inspired by lodash and underscore implementations.
+ *
+ * @function
+ * @param    {Function} func
+ *           The function to wrap with debounce behavior.
+ *
+ * @param    {number} wait
+ *           The number of milliseconds to wait after the last invocation.
+ *
+ * @param    {boolean} [immediate]
+ *           Whether or not to invoke the function immediately upon creation.
+ *
+ * @param    {Object} [context=window]
+ *           The "context" in which the debounced function should debounce. For
+ *           example, if this function should be tied to a Video.js player,
+ *           the player can be passed here. Alternatively, defaults to the
+ *           global `window` object.
+ *
+ * @return   {Function}
+ *           A debounced function.
+ */
+export declare const debounce: (func: any, wait: any, immediate: any, context?: any) => {
+    (...args: any[]): void;
+    cancel: () => void;
+};

package/dist/projects/player/src/utils/local-storage-helper.d.ts

@@ -0,0 +1,6 @@
+export declare const LocalStorageHelper: {
+    hasLocalStorage: () => boolean;
+    get: (key: string) => string;
+    set: (key: string, value: string) => void;
+    remove: (key: string) => void;
+};

package/dist/projects/player/src/utils/track-helper.d.ts

@@ -3,5 +3,6 @@ declare type TrackKind = 'metadata' | 'chapters';
 declare type TrackLabel = 'interactive' | 'thumbnails' | false;
 export declare const TrackHelper: {
     useTrack(player: VideoJsPlayer, kind: TrackKind, label: TrackLabel, callback: (track: TextTrack) => void): void;
+    getCurrentTextTrack(player: VideoJsPlayer): TextTrack;
 };
 export {};