@clickview/player 0.0.8-dev.4 → 0.0.8-dev.6

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

@@ -0,0 +1,31 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+declare const MenuItem: {
+    new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
+    prototype: videojs.MenuItem;
+};
+interface PointsOfInterestMenuItemOptions extends videojs.MenuItemOptions {
+    pointsOfInterestVisible: boolean;
+}
+export declare class PointsOfInterestMenuItem extends MenuItem {
+    private toggleEl;
+    private pointsOfInterestVisible;
+    /**
+     * Because we want to bind our listener in createEl
+     * and createEl runs in super. We store if we've bounud
+     * our handler, so we only call bind once and
+     * the call to removeEventListener will still work
+     */
+    private handlerBound;
+    constructor(player: VideoJsPlayer, options: PointsOfInterestMenuItemOptions);
+    handleToggle(): void;
+    private toggle;
+    private toggleOn;
+    private toggleOff;
+    /**
+     * Because we extend MenuItem which will close the menu by default
+     * we need to halt the event propogation here
+     */
+    handleClick(event: videojs.EventTarget.Event): void;
+    createEl(tagName?: string, properties?: any, attributes?: any): HTMLLIElement;
+}
+export {};

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

@@ -0,0 +1,38 @@
+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 pointOfInterestIndicators;
+    private pointsOfInterest?;
+    constructor(player: VideoJsPlayer, options?: PointsOfInterestPluginOptions);
+    private initialize;
+    private bindListeners;
+    togglePointsOfInterest(visible: boolean): void;
+    private setupTrack;
+    private createPointOfInterestIndicators;
+    private addMenuItem;
+    private updateBuffered;
+    private updatePlaybackProgress;
+}
+declare module 'video.js' {
+    interface VideoJsPlayer {
+        pointsOfInterestPlugin(options?: PointsOfInterestPluginOptions): PointsOfInterestPlugin;
+    }
+}
+export {};

package/dist/projects/player/src/plugins/touch-controls-plugin/components/touch-controls/touch-controls.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/plugins/whiteboard-mode-plugin/components/drag-handle/drag-handle.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/whiteboard-mode-plugin/components/drag-targets/drag-targets.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/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.4",
+  "version": "0.0.8-dev.6",
   "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.4",
+    "@clickview/tooling": "0.0.26-dev.6",
     "@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.4",
+    "@clickview/styles": "1.0.19-dev.6",
     "@microsoft/signalr": "5.0.2",
     "cropperjs": "1.5.6",
     "draft-convert": "2.1.10",