@clickview/player 0.0.5 → 0.0.6-dev.1

package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-item.d.ts

@@ -14,7 +14,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;
     };
@@ -22,7 +22,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;
     };
@@ -75,5 +75,6 @@ export declare class ChapterBarItem extends Component {
      * by SeekBar which ChapterSeekBar extends
      */
     update(): void;
+    updateBuffered(bufferEnd: number): void;
 }
 export {};

package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-items.d.ts

@@ -15,7 +15,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
         prototype: videojs.ModalDialog;
     };
-    getComponent(name: "menu" | "Menu"): {
+    getComponent(name: "Menu" | "menu"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
         prototype: videojs.Menu;
     };
@@ -23,7 +23,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
         prototype: videojs.MenuButton;
     };
-    getComponent(name: "menuitem" | "MenuItem"): {
+    getComponent(name: "MenuItem" | "menuitem"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
         prototype: videojs.MenuItem;
     };
@@ -51,5 +51,6 @@ export declare class ChapterBarItems extends Component {
     buildCSSClass(): string;
     createEl(tagName?: string, properties?: any, attributes?: any): Element;
     update(): void;
+    updateBuffered(): void;
 }
 export {};

package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-load-progress.d.ts

@@ -14,7 +14,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
         prototype: videojs.ModalDialog;
     };
-    getComponent(name: "menu" | "Menu"): {
+    getComponent(name: "Menu" | "menu"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
         prototype: videojs.Menu;
     };
@@ -22,7 +22,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
         prototype: videojs.MenuButton;
     };
-    getComponent(name: "menuitem" | "MenuItem"): {
+    getComponent(name: "MenuItem" | "menuitem"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
         prototype: videojs.MenuItem;
     };

package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-play-progress.d.ts

@@ -14,7 +14,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
         prototype: videojs.ModalDialog;
     };
-    getComponent(name: "menu" | "Menu"): {
+    getComponent(name: "Menu" | "menu"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
         prototype: videojs.Menu;
     };
@@ -22,7 +22,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
         prototype: videojs.MenuButton;
     };
-    getComponent(name: "menuitem" | "MenuItem"): {
+    getComponent(name: "MenuItem" | "menuitem"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
         prototype: videojs.MenuItem;
     };

package/dist/projects/player/src/components/chapters-button/chapter-menu-item.d.ts

@@ -15,7 +15,7 @@ declare const ChaptersTrackMenuItem: {
         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;
     };
@@ -23,7 +23,7 @@ declare const ChaptersTrackMenuItem: {
         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;
     };

package/dist/projects/player/src/components/cog-button/cog-button.d.ts

@@ -28,7 +28,6 @@ export declare class CogButton extends MenuButton {
     constructor(player: VideoJsPlayer, options: CogButtonOptions);
     buildWrapperCSSClass(): string;
     buildCSSClass(): string;
-    pressButton(): void;
     /**
      * Create the list of menu items. Specific to each subclass.
      *

package/dist/projects/player/src/components/cog-button/collapsible-heading-menu-item.d.ts

@@ -0,0 +1,15 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+declare const MenuItem: {
+    new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
+    prototype: videojs.MenuItem;
+};
+interface CollapsibleHeadingMenuItemOptions extends videojs.MenuItemOptions {
+    onClickBack?: () => void;
+}
+export declare class CollapsibleHeadingMenuItem extends MenuItem {
+    options_: CollapsibleHeadingMenuItemOptions;
+    constructor(player: VideoJsPlayer, options?: CollapsibleHeadingMenuItemOptions);
+    createEl(): HTMLLIElement;
+    handleClick(event: videojs.EventTarget.Event): void;
+}
+export {};

package/dist/projects/player/src/components/collapserator/collapserator.d.ts

@@ -1,6 +1,6 @@
 import 'projects/player/components/cog-button/cog-button';
 import 'projects/player/components/subtitle-size-button/subtitle-size-button';
 import 'projects/player/components/subtitle-search-button/subtitle-search-button';
+import 'projects/player/components/keyboard-shortcuts-button/keyboard-shortcuts-button';
 import './collapserator.scss';
-import '../play-toggle/play-toggle.scss';
 import '../fullscreen-toggle/fullscreen-toggle.scss';

package/dist/projects/player/src/components/keyboard-shortcuts-button/keyboard-shortcuts-button.d.ts

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

package/dist/projects/player/src/components/landing-splash/landing-splash.d.ts

@@ -15,7 +15,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;
     };
@@ -23,7 +23,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;
     };

package/dist/projects/player/src/components/landing-splash/metadata/splash-metadata.d.ts

@@ -14,7 +14,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;
     };
@@ -22,7 +22,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;
     };

package/dist/projects/player/src/components/landing-splash/metadata/splash-title/splash-title.d.ts

@@ -14,7 +14,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;
     };
@@ -22,7 +22,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;
     };

package/dist/projects/player/src/components/landing-splash/metadata/splash-warning/splash-warning.d.ts

@@ -14,7 +14,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;
     };
@@ -22,7 +22,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;
     };

package/dist/projects/player/src/components/menu/menu.d.ts

@@ -5,6 +5,13 @@ declare const BaseMenu: {
 };
 export declare class Menu extends BaseMenu {
     isDisposed_: boolean;
+    private simpleBar;
+    createEl(): HTMLDivElement;
+    contentEl(): Element;
+    dispose(): void;
+    addItem(component: string | videojs.MenuItem): void;
+    lockShowing(): void;
+    recalculateScrollBar(): void;
     /**
      * The video.js Menu handleBlur function checks if the target is an immediate child
      * but we have scenarios where the target is not an immediate child

package/dist/projects/player/src/components/play-pause-feedback/play-pause-feedback.d.ts

@@ -0,0 +1 @@
+import './play-pause-feedback.scss';

package/dist/projects/player/src/components/play-toggle/play-toggle.d.ts

@@ -0,0 +1 @@
+import './play-toggle.scss';

package/dist/projects/player/src/components/player/player.d.ts

@@ -1,6 +1,10 @@
+import { VideoJsPlayerOptions } from 'video.js';
 import './player.scss';
 export declare const IS_IPOD: boolean;
 export declare const IS_ANDROID: boolean;
+export interface PlayerWrapperOptions extends VideoJsPlayerOptions {
+    setMaxHeight?: boolean;
+}
 declare module 'video.js' {
     interface VideoJsPlayer {
         lock(callback: (success: () => void) => void): void;

package/dist/projects/player/src/components/subs-caps-button/SubCapsMenuItem.d.ts

@@ -14,7 +14,7 @@ declare const SubCapsMenuItem: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
         prototype: videojs.ModalDialog;
     };
-    getComponent(name: "menu" | "Menu"): {
+    getComponent(name: "Menu" | "menu"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
         prototype: videojs.Menu;
     };
@@ -22,7 +22,7 @@ declare const SubCapsMenuItem: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
         prototype: videojs.MenuButton;
     };
-    getComponent(name: "menuitem" | "MenuItem"): {
+    getComponent(name: "MenuItem" | "menuitem"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
         prototype: videojs.MenuItem;
     };

package/dist/projects/player/src/components/subs-caps-button/off-text-track-menu-item.d.ts

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

package/dist/projects/player/src/components/subs-caps-button/subs-caps-button.d.ts

@@ -1 +1,2 @@
+import './off-text-track-menu-item.ts';
 import './subs-caps-button.scss';

package/dist/projects/player/src/components/subs-caps-button/subtitle-search-menu-item.d.ts

@@ -14,7 +14,7 @@ declare const TextTrackMenuItem: {
         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;
     };
@@ -22,7 +22,7 @@ declare const TextTrackMenuItem: {
         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;
     };
@@ -48,7 +48,8 @@ declare const TextTrackMenuItem: {
 };
 export declare class SubtitleSearchMenuItem extends TextTrackMenuItem {
     constructor(player: VideoJsPlayer);
-    private toggleHidden;
+    private toggleEnabled;
+    private bindTrackEvents;
     handleClick(): void;
 }
 export {};

package/dist/projects/player/src/components/subs-caps-button/subtitle-size-menu-item.d.ts

@@ -14,7 +14,7 @@ declare const TextTrackMenuItem: {
         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;
     };
@@ -22,7 +22,7 @@ declare const TextTrackMenuItem: {
         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;
     };

package/dist/projects/player/src/components/subtitle-search-button/subtitle-search-button.d.ts

@@ -8,6 +8,7 @@ declare const MenuButton: {
 };
 export declare class SubtitleSearchButton extends MenuButton implements CollapsibleComponent {
     constructor(player: VideoJsPlayer, options?: videojs.MenuButtonOptions);
+    private bindTrackEvents;
     createItems(): SubtitleResultMenuItem[];
     search(text: string): void;
     private findMatches;
@@ -15,6 +16,7 @@ export declare class SubtitleSearchButton extends MenuButton implements Collapsi
     private toggleNoResults;
     buildWrapperCSSClass(): string;
     update(): void;
+    pressButton(): void;
     /**
      * CollapsibileComponent interface implementation
      * from here onward

package/dist/projects/player/src/components/subtitle-search-button/subtitle-search-input.d.ts

@@ -11,6 +11,7 @@ export declare class SubtitleSearchInput extends MenuItem {
     options_: SubtitleSearchInputOptions;
     constructor(player: VideoJsPlayer, options: SubtitleSearchInputOptions);
     createEl(): HTMLLIElement;
+    focus(): void;
     /**
      * Because we extend MenuItem which will close the menu by default
      * we need to halt the event propogation here

package/dist/projects/player/src/components/text-track-settings/text-track-settings.d.ts

@@ -14,7 +14,7 @@ declare const BaseTextTrackSettings: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
         prototype: videojs.ModalDialog;
     };
-    getComponent(name: "menu" | "Menu"): {
+    getComponent(name: "Menu" | "menu"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
         prototype: videojs.Menu;
     };
@@ -22,7 +22,7 @@ declare const BaseTextTrackSettings: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
         prototype: videojs.MenuButton;
     };
-    getComponent(name: "menuitem" | "MenuItem"): {
+    getComponent(name: "MenuItem" | "menuitem"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
         prototype: videojs.MenuItem;
     };

package/dist/projects/player/src/components/thumbnail-display/thumbnail-display.d.ts

@@ -15,7 +15,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;
     };
@@ -23,7 +23,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;
     };

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

@@ -1,5 +1,9 @@
-import { VideoJsPlayer, VideoJsPlayerOptions } from 'video.js';
+import { VideoJsPlayer } from 'video.js';
 import 'videojs-contrib-quality-levels';
+import 'projects/player/plugins/persist-volume-plugin/persist-volume-plugin';
+import 'projects/player/plugins/fullscreen-on-rotate-plugin/fullscreen-on-rotate-plugin';
+import 'projects/player/plugins/open-externally-plugin/open-externally-plugin';
+import 'projects/player/plugins/touch-controls-plugin/touch-controls-plugin';
 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';
@@ -11,6 +15,8 @@ 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';
+/** Seekbar must be imported before chapter-seek-bar */
+import 'projects/player/components/seek-bar/seek-bar';
 import 'projects/player/components/chapter-seek-bar/chapter-seek-bar';
 import 'projects/player/components/progress-control/progress-control';
 import 'projects/player/components/mouse-time-display/mouse-time-display';
@@ -20,6 +26,8 @@ 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';
+import 'projects/player/components/play-pause-feedback/play-pause-feedback';
+import 'projects/player/components/play-toggle/play-toggle';
 /**
  * *.scss imports must be relative
  */
@@ -32,6 +40,8 @@ import { ExternalLinkOptions } from 'projects/player/plugins/open-externally-plu
 import { PlaybackObject } from 'projects/player/interfaces/models/PlaybackObject';
 import { AnalyticsPlayerType, AnalyticsService } from 'projects/player/services/analytics-service';
 import { ProgressEvent } from 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
+import { PlayerWrapperOptions } from 'projects/player/components/player/player';
+import { HashObject } from 'libs/analytics/interfaces';
 export interface BasePlayerOptions {
     autoplay?: boolean;
     viewKey: string;
@@ -68,11 +78,12 @@ export declare abstract class BasePlayer {
     protected configurePlugins(): void;
     protected onFlushProgress(events: ProgressEvent[]): void;
     protected buildVideoJs(): VideoJsPlayer;
-    protected getPlayerOptions(): VideoJsPlayerOptions;
+    protected getPlayerOptions(): PlayerWrapperOptions;
     protected fetch(): Promise<void>;
     private fetchConfig;
     protected additionalSetup(playbackObject: PlaybackObject): void;
     private setupAnalyticsService;
+    protected getAdditionalAnalyticsData(playbackObject: PlaybackObject): HashObject;
     protected logStream(): void;
     protected getAnalyticsPlayerType(): AnalyticsPlayerType;
     protected createEl(id: string | Element): HTMLVideoElement;

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

@@ -6,6 +6,8 @@ import { PlaybackObject } from 'projects/player/interfaces/models/PlaybackObject
 import { AnalyticsPlayerType } from 'projects/player/services/analytics-service';
 import { ProgressEvent } from 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
 import 'projects/player/plugins/interactive-plugin/interactive-plugin';
+import { PlayerWrapperOptions } from '../components/player/player';
+import { HashObject } from 'libs/analytics/interfaces';
 export interface InteractivePlayerOptions extends BasePlayerOptions {
     mode?: InteractiveMode;
     imageApi?: URL;
@@ -21,10 +23,12 @@ export declare class InteractivePlayer extends BasePlayer {
     private resultsService;
     private totalProgress;
     constructor(id: string | Element, options: InteractivePlayerOptions);
+    protected getPlayerOptions(): PlayerWrapperOptions;
     protected onFlushProgress(events: ProgressEvent[]): void;
     protected additionalSetup(playbackObject: PlaybackObject): Promise<void>;
     private setupUpClipPlugin;
     private setupViewInteractivePlugin;
+    protected getAdditionalAnalyticsData(playbackObject: PlaybackObject): HashObject;
     protected getSeekBarOptions(): any;
     protected getAnalyticsPlayerType(): AnalyticsPlayerType;
 }

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

@@ -1,10 +1,5 @@
 import { BasePlayer, BasePlayerOptions } from './base-player';
-import 'projects/player/plugins/example-plugin/example-plugin';
-import 'projects/player/plugins/persist-volume-plugin/persist-volume-plugin';
-import 'projects/player/plugins/fullscreen-on-rotate-plugin/fullscreen-on-rotate-plugin';
-import 'projects/player/plugins/open-externally-plugin/open-externally-plugin';
 import 'projects/player/plugins/clip-plugin/clip-plugin';
-import 'projects/player/plugins/touch-controls-plugin/touch-controls-plugin';
 import 'projects/player/plugins/next-video-plugin/next-video-plugin';
 import 'projects/player/plugins/create-clip-button-plugin/create-clip-button-plugin';
 import 'projects/player/plugins/resources-plugin/resources-plugin';

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

@@ -15,7 +15,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
         prototype: videojs.ModalDialog;
     };
-    getComponent(name: "menu" | "Menu"): {
+    getComponent(name: "Menu" | "menu"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
         prototype: videojs.Menu;
     };
@@ -23,7 +23,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
         prototype: videojs.MenuButton;
     };
-    getComponent(name: "menuitem" | "MenuItem"): {
+    getComponent(name: "MenuItem" | "menuitem"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
         prototype: videojs.MenuItem;
     };

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

@@ -15,7 +15,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
         prototype: videojs.ModalDialog;
     };
-    getComponent(name: "menu" | "Menu"): {
+    getComponent(name: "Menu" | "menu"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
         prototype: videojs.Menu;
     };
@@ -23,7 +23,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
         prototype: videojs.MenuButton;
     };
-    getComponent(name: "menuitem" | "MenuItem"): {
+    getComponent(name: "MenuItem" | "menuitem"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
         prototype: videojs.MenuItem;
     };

package/dist/projects/player/src/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector-handle.d.ts

@@ -14,7 +14,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
         prototype: videojs.ModalDialog;
     };
-    getComponent(name: "menu" | "Menu"): {
+    getComponent(name: "Menu" | "menu"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
         prototype: videojs.Menu;
     };
@@ -22,7 +22,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
         prototype: videojs.MenuButton;
     };
-    getComponent(name: "menuitem" | "MenuItem"): {
+    getComponent(name: "MenuItem" | "menuitem"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
         prototype: videojs.MenuItem;
     };

package/dist/projects/player/src/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector.d.ts

@@ -14,7 +14,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;
     };
@@ -22,7 +22,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;
     };

package/dist/projects/player/src/plugins/fullscreen-on-rotate-plugin/fullscreen-on-rotate-plugin.d.ts

@@ -1 +1,30 @@
+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;
+};
+declare class FullscreenOnRotatePlugin extends Plugin {
+    constructor(player: VideoJsPlayer);
+    private initialize;
+    private onFullscreenChange;
+    private onRotate;
+    private hasScreenOrientation;
+    private hasScreenLock;
+    private getAngle;
+}
+declare module 'video.js' {
+    interface VideoJsPlayer {
+        fullscreenOnRotatePlugin(): FullscreenOnRotatePlugin;
+    }
+}
 export {};

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

@@ -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;
     };

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

@@ -2,6 +2,7 @@ import { VideoJsPlayer } from 'video.js';
 import { Interaction, InteractionTypeId, Interactive, Timepoint } from 'libs/shared/interfaces';
 import { InteractiveMode, LatestSession } from 'projects/player/plugins/interactive-plugin/interfaces';
 import { ResultsService } from 'projects/player/plugins/interactive-plugin/utils/ResultsService';
+import { AnalyticsService } from 'projects/player/services/analytics-service';
 interface UseStateManagerProps {
     mode: InteractiveMode;
     timepoint: Timepoint;
@@ -9,6 +10,7 @@ interface UseStateManagerProps {
     player: VideoJsPlayer;
     resultsService?: ResultsService;
     latestSession?: LatestSession;
+    analyticsService: AnalyticsService;
     setOpen: (open: boolean) => void;
     addCue: (timepointId: string) => void;
     updateCue: (oldTimepointId: string, timepointId: string) => void;