@clickview/player 0.0.8-dev.3 → 0.0.8-dev.5

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

@@ -17,9 +17,11 @@ interface CogMenuItemOptions extends videojs.ComponentOptions {
 }
 export declare class CogMenuItem extends MenuItem {
     options_: CogMenuItemOptions;
+    private valueHolder_;
     constructor(player: VideoJsPlayer, options: CogMenuItemOptions);
     handleClick(event: videojs.EventTarget.Event): void;
     createEl(tagName?: string, properties?: any, attributes?: any): HTMLLIElement;
+    updateCollapsibleValue(): void;
 }
 declare const MenuButton: {
     new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
@@ -34,6 +36,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/text-track-button/off-text-track-menu-item.d.ts

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

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

@@ -0,0 +1 @@
+import './off-text-track-menu-item';

package/dist/projects/player/src/components/time-tooltip/time-tooltip.d.ts

@@ -8,8 +8,10 @@ export declare class TimeTooltip extends BaseTimeToolTip {
     private track_;
     private time_;
     private chapter_;
+    private hasCustomChapterText;
     constructor(player: VideoJsPlayer, options?: videojs.ComponentOptions);
     createEl(): HTMLDivElement;
     updateTime(time: number): void;
+    setCustomChapterText(text?: string): void;
 }
 export {};

package/dist/projects/player/src/interfaces/models/PlaybackObject.d.ts

@@ -18,6 +18,7 @@ export interface PlaybackObject {
     seriesName: string;
     seasonNumber: number;
     episodeNumber: number;
+    shareId?: string;
 }
 export interface Files {
     progressive: File[];

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

@@ -21,6 +21,7 @@ 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';
 import 'projects/player/components/chapters-button/chapters-button';
+import 'projects/player/components/text-track-button/text-track-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';

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

@@ -1,14 +1,17 @@
 import { BasePlayer, BasePlayerOptions } from './base-player';
+import { PointOfInterest } from 'libs/shared/interfaces';
 import 'projects/player/plugins/clip-plugin/clip-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';
 import 'projects/player/plugins/picture-in-picture-plugin/picture-in-picture-plugin';
 import 'projects/player/plugins/favourite-plugin/favourite-plugin';
+import 'projects/player/plugins/points-of-interest-plugin/points-of-interest-plugin';
 import { PlaybackObject } from 'projects/player/interfaces/models/PlaybackObject';
 import { NextVideo } from 'projects/player/interfaces/NextVideo';
 export interface PlayerOptions extends BasePlayerOptions {
     showResources?: boolean;
+    pointsOfInterest?: PointOfInterest[];
 }
 export declare class Player extends BasePlayer {
     protected options: PlayerOptions;

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

@@ -25,6 +25,7 @@ declare class EngagementOverlayPlugin extends Plugin {
     constructor(player: VideoJsPlayer, options: EngagementOverlayPluginOptions);
     private initialize;
     toggleOverlay(show: boolean): void;
+    private hasHeatMapData;
 }
 declare module 'video.js' {
     interface VideoJsPlayer {

package/dist/projects/player/src/plugins/points-of-interest-plugin/components/point-of-interest-indicator/point-of-interest-indicator.d.ts

@@ -0,0 +1,83 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+import { PointOfInterest } from 'libs/shared/interfaces';
+import './point-of-interest-indicator.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;
+};
+interface PointOfInterestIndicatorOptions extends videojs.ComponentOptions {
+    pointOfInterest: PointOfInterest;
+}
+export declare class PointOfInterestIndicator extends Component {
+    private el_;
+    options_: PointOfInterestIndicatorOptions;
+    private pointOfInterest;
+    private hasBuffered;
+    private hasPlayed;
+    constructor(player: VideoJsPlayer, options: PointOfInterestIndicatorOptions);
+    initialize(): void;
+    buildCSSClass(): string;
+    createEl(tagName?: string, properties?: any, attributes?: any): Element;
+    private bindListeners;
+    private getPointOfInterestTime;
+    private setPosition;
+    updateBuffered(bufferEnd: number): void;
+    updatePlaybackProgress(currentTime: number): void;
+    /**
+     * We want the POI description to be displayed in the TimeTooltip when the user
+     * hovers over a POI.
+     * Because we don't know the exact time range on the seekbar covered by a POI indicator,
+     * TimeTooltip can't use the current time to determine the active POI cue the same way
+     * that it does for chapters. So instead we use the mouse events on this component and
+     * set it manually.
+     */
+    private onMouseOver;
+    private onMouseLeave;
+    private setTimeTooltipText;
+    private clearTimeTooltipText;
+    private getTimeTooltip;
+}
+export {};

package/dist/projects/player/src/plugins/points-of-interest-plugin/points-of-interest-plugin.d.ts

@@ -0,0 +1,36 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+import { PointOfInterest } from 'libs/shared/interfaces';
+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 PointsOfInterestPluginOptions {
+    pointsOfInterest: PointOfInterest[];
+}
+export declare class PointsOfInterestPlugin extends Plugin {
+    private pointsOfInterest;
+    private pointOfInterestIndicators;
+    constructor(player: VideoJsPlayer, options: PointsOfInterestPluginOptions);
+    private initialize;
+    private bindListeners;
+    private setupTrack;
+    private createPointOfInterestIndicators;
+    private updateBuffered;
+    private updatePlaybackProgress;
+}
+declare module 'video.js' {
+    interface VideoJsPlayer {
+        pointsOfInterestPlugin(options: PointsOfInterestPluginOptions): void;
+    }
+}
+export {};

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

@@ -10,6 +10,7 @@ interface AnalyticsServiceOptions {
     videoId: string;
     mediaId: string;
     userId: string;
+    shareId?: string;
     customerId: string;
     mediaType: 'MasterVideo' | 'MasterClip' | 'MasterInteractive';
     playerType: AnalyticsPlayerType;

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

@@ -0,0 +1,2 @@
+import { VideoJsPlayer } from 'video.js';
+export declare function getBufferedEnd(player: VideoJsPlayer): number;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickview/player",
-  "version": "0.0.8-dev.3",
+  "version": "0.0.8-dev.5",
   "description": "ClickView Player",
   "main": "dist/player-app.js",
   "scripts": {
@@ -28,7 +28,7 @@
     "@babel/core": "7.11.6",
     "@clickview/eslint-config": "1.0.1",
     "@clickview/player-font": "0.0.12",
-    "@clickview/tooling": "0.0.26-dev.3",
+    "@clickview/tooling": "0.0.26-dev.5",
     "@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.19-dev.3",
+    "@clickview/styles": "1.0.19-dev.5",
     "@microsoft/signalr": "5.0.2",
     "cropperjs": "1.5.6",
     "draft-convert": "2.1.10",