@clickview/player 0.0.5-dev.1 → 0.0.5-rc.0

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

@@ -28,6 +28,7 @@ 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/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/menu/menu.d.ts

@@ -5,13 +5,6 @@ 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/player/player.d.ts

@@ -1,10 +1,6 @@
-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/subs-caps-button.d.ts

@@ -1,2 +1 @@
-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

@@ -48,8 +48,7 @@ declare const TextTrackMenuItem: {
 };
 export declare class SubtitleSearchMenuItem extends TextTrackMenuItem {
     constructor(player: VideoJsPlayer);
-    private toggleEnabled;
-    private bindTrackEvents;
+    private toggleHidden;
     handleClick(): void;
 }
 export {};

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

@@ -8,7 +8,6 @@ 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;

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

@@ -1,9 +1,5 @@
-import { VideoJsPlayer } from 'video.js';
+import { VideoJsPlayer, VideoJsPlayerOptions } 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';
@@ -15,8 +11,6 @@ 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';
@@ -26,8 +20,6 @@ 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
  */
@@ -40,8 +32,6 @@ 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;
@@ -78,12 +68,11 @@ export declare abstract class BasePlayer {
     protected configurePlugins(): void;
     protected onFlushProgress(events: ProgressEvent[]): void;
     protected buildVideoJs(): VideoJsPlayer;
-    protected getPlayerOptions(): PlayerWrapperOptions;
+    protected getPlayerOptions(): VideoJsPlayerOptions;
     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,8 +6,6 @@ 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;
@@ -23,12 +21,10 @@ 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,5 +1,10 @@
 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/example-plugin/components/example-button/example-button.d.ts

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

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

@@ -0,0 +1,2 @@
+import './components/example-button/example-button';
+import './components/example-react-button/example-react-button';

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

@@ -1,30 +1 @@
-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/hooks/useStateManager.d.ts

@@ -2,7 +2,6 @@ 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;
@@ -10,7 +9,6 @@ interface UseStateManagerProps {
     player: VideoJsPlayer;
     resultsService?: ResultsService;
     latestSession?: LatestSession;
-    analyticsService: AnalyticsService;
     setOpen: (open: boolean) => void;
     addCue: (timepointId: string) => void;
     updateCue: (oldTimepointId: string, timepointId: string) => void;

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

@@ -4,7 +4,6 @@ import { CurrentUser, Interactive } 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 { ProgressEvent } from 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
-import { AnalyticsService } from 'projects/player/services/analytics-service';
 import 'projects/player/plugins/interactive-plugin/components/interactive/interactive-component';
 import 'projects/player/plugins/interactive-plugin/components/continue-session/continue-session';
 import './interactive-plugin-styles.scss';
@@ -33,7 +32,6 @@ interface InteractivePluginOptions {
     progress?: ProgressEvent[];
     latestSession?: LatestSession;
     clipOffset?: number;
-    analyticsService: AnalyticsService;
 }
 declare class InteractivePlugin extends Plugin {
     private options;

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

@@ -30,7 +30,7 @@ declare class NextVideoPlugin extends Plugin {
     setShouldPlayNext(val: boolean): void;
     private setChapterTrack;
     private bindListeners;
-    dispose(): void;
+    private unbindListeners;
     private onTimeUpdate;
     private showUpNext;
     private hideUpNext;

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

@@ -1,31 +1 @@
-import videojs, { VideoJsPlayer } from 'video.js';
-import { ExternalLinkOptions } from 'projects/player/plugins/open-externally-plugin/interfaces/ExternalLinkOptions';
 import 'projects/player/plugins/open-externally-plugin/components/open-externally-button';
-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 OpenExternallyPluginOptions {
-    getExternalLink: (options: ExternalLinkOptions) => string;
-}
-declare class OpenExternallyPlugin extends Plugin {
-    private options;
-    constructor(player: VideoJsPlayer, options: OpenExternallyPluginOptions);
-    private onReady;
-}
-declare module 'video.js' {
-    interface VideoJsPlayer {
-        openExternallyPlugin(oprions: OpenExternallyPluginOptions): OpenExternallyPlugin;
-    }
-}
-export {};

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

@@ -20,6 +20,7 @@ interface PersistSubtitleSettingsPluginOptions {
 }
 declare class PersistSubtitleSettingsPlugin extends Plugin {
     private options;
+    private trackGuess;
     constructor(player: VideoJsPlayer, options: PersistSubtitleSettingsPluginOptions);
     private initialize;
     private safeGet;

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

@@ -1,26 +1 @@
-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 PersistVolumePlugin extends Plugin {
-    constructor(player: VideoJsPlayer);
-    private initialize;
-    private saveVolumeState;
-}
-declare module 'video.js' {
-    interface VideoJsPlayer {
-        persistVolumePlugin(): PersistVolumePlugin;
-    }
-}
 export {};

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

@@ -15,6 +15,7 @@ declare const Plugin: {
     registerPlugin<T_1 extends any>(name: string, plugin: T_1): () => T_1;
 };
 interface PictureInPicturePluginOptions {
+    initialIsInPictureInPicture: boolean;
     onRequestPictureInPicture: (isPiP: boolean) => void;
 }
 declare class PictureInPicturePlugin extends Plugin {

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

@@ -57,7 +57,6 @@ declare class ProgressReporterPlugin extends Plugin {
     private onEnded;
     private logEvent;
     private shouldUseCarriedOverTime;
-    private shouldSaveCarriedOverTime;
     private shouldClearCarriedOverTime;
     private flushBuffer;
 }

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

@@ -19,9 +19,7 @@ export declare class ProgressiveFilesPlugin extends Plugin {
     private sources;
     private _currentSource;
     private qualityLevels;
-    private options_;
     constructor(player: VideoJsPlayer, options: ProgressiveFilesPluginOptions);
-    private initialize;
     get currentSource(): Source;
     /**
      * Sets the current player source. If the id cannot be found, the current source is returned
@@ -29,7 +27,6 @@ export declare class ProgressiveFilesPlugin extends Plugin {
      */
     setSource(id: string): Source;
     getSourceById(id: string): Source;
-    private sortSources;
     private populateSources;
     private sourceChangeUpdateQualityLevels;
 }

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

@@ -1,41 +1 @@
-import videojs, { VideoJsPlayer } from 'video.js';
 import './components/touch-controls/touch-controls';
-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 TouchControlsPlugin extends Plugin {
-    private tech;
-    private touchControls;
-    private touchStartTime;
-    private lastTouchTime;
-    private doubleTouchCount;
-    private seekStartTime;
-    private directionModifier;
-    constructor(player: VideoJsPlayer);
-    private bindFunctions;
-    private initialize;
-    private reBindEventListeners;
-    private unBindEventListeners;
-    dispose(): void;
-    private onTouchStart;
-    private onTouchEnd;
-    private resetProperties;
-    private onDoubleTouch;
-}
-declare module 'video.js' {
-    interface VideoJsPlayer {
-        touchControls(): TouchControlsPlugin;
-    }
-}
-export {};

package/dist/projects/player/src/services/analytics-service.d.ts

@@ -1,5 +1,5 @@
 import { RegionName } from 'libs/analytics/enums/RegionName';
-import { RegionalUrl, AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';
+import { RegionalUrl } from 'libs/analytics/interfaces';
 import { ProgressEvent } from 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
 export declare type AnalyticsPlayerType = 'player' | 'interactive-player' | 'create-clip-player';
 interface AnalyticsServiceOptions {
@@ -8,14 +8,12 @@ interface AnalyticsServiceOptions {
     productVersion: string;
     regionName: RegionName;
     videoId: string;
-    mediaId: string;
     userId: string;
     customerId: string;
     mediaType: 'MasterVideo' | 'MasterClip' | 'MasterInteractive';
     playerType: AnalyticsPlayerType;
     isEmbedded: boolean;
     isUsingLocalCache: boolean;
-    additionalAnalyticsData?: HashObject;
 }
 export declare class AnalyticsService {
     private options;
@@ -23,8 +21,6 @@ export declare class AnalyticsService {
     constructor(options: AnalyticsServiceOptions);
     logStream(): void;
     logVideoProgress(events: ProgressEvent[]): void;
-    logUserAction(analyticsData: HashObject | HashObject[], analyticsOptions: AnalyticsOptions): void;
-    private getAnalyticsData;
     private initialize;
     private setupCollectionApiClient;
     private getCurrentUser;

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

@@ -0,0 +1,6 @@
+import videojs from 'video.js';
+export declare const ScrollbarHelper: {
+    initMenuScrollbar(component: videojs.MenuButton): void;
+    unMountScrollbar(component: videojs.MenuButton): void;
+    getMenuEl(component: videojs.MenuButton): HTMLElement;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickview/player",
-  "version": "0.0.5-dev.1",
+  "version": "0.0.5-rc.0",
   "description": "ClickView Player",
   "main": "dist/player-app.js",
   "scripts": {
@@ -27,8 +27,8 @@
   "devDependencies": {
     "@babel/core": "7.11.6",
     "@clickview/eslint-config": "1.0.1",
-    "@clickview/player-font": "0.0.11",
-    "@clickview/tooling": "0.0.24-dev.1",
+    "@clickview/player-font": "0.0.10",
+    "@clickview/tooling": "0.0.23",
     "@storybook/react": "6.0.26",
     "@types/chromecast-caf-sender": "1.0.3",
     "@types/cropperjs": "1.3.0",
@@ -42,7 +42,7 @@
     "webpack-dev-server": "3.11.0"
   },
   "dependencies": {
-    "@clickview/styles": "1.0.17-dev.1",
+    "@clickview/styles": "1.0.16",
     "@microsoft/signalr": "5.0.2",
     "cropperjs": "1.5.6",
     "draft-convert": "2.1.10",

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

@@ -1,15 +0,0 @@
-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/keyboard-shortcuts-button/keyboard-shortcuts-button.d.ts

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

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

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

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

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

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

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