@clickview/lite 0.0.25 → 0.0.26-dev.0

package/dist/projects/lite/src/shared/flight-requests/VideoRequests.d.ts

@@ -1,12 +1,11 @@
 import { Flight } from "../../../../../libs/common/src/react";
-import { Xhr } from "../../../../../libs/common/src/backbone/interfaces";
 import { Video, UpdateVideoRequest } from "../../../../../libs/shared/src/interfaces";
 export declare const VideoRequests: {
     video(id: string): Flight.Request;
     workspace(id: string, cursor: string): Flight.Request;
     videos(ids: string[], success?: (videos: Video[]) => void): Flight.Request;
-    hydratedVideos(ids: string[], success?: (videos: Video[]) => void, error?: (Xhr: Xhr) => void, always?: () => void): Flight.Request;
-    updateVideo(data: UpdateVideoRequest, success?: () => void): Flight.Request;
+    hydratedVideos(ids: string[], success?: (videos: Video[]) => void): Flight.Request;
+    updateVideo(id: string, data: UpdateVideoRequest, success?: () => void): Flight.Request;
     /**
      * This is simply an example to show the prototype for useVideoMixin
      * eventually there will be endpoints in domain that let us fetch members

package/dist/projects/lite/src/shared/hooks/useHandleObjectError.d.ts

@@ -1,5 +1,5 @@
 import { Flight } from "../../../../../libs/common/src/react";
-import { BaseObject, CurrentUser } from "../../../../../libs/shared/src/interfaces";
+import { BaseObject } from "../../../../../libs/shared/src/interfaces";
 import { BaseError } from "../../../../../libs/common/src/backbone/core/BaseError";
 interface ErrorMap {
     notFound?: new () => BaseError;
@@ -11,5 +11,5 @@ interface ErrorMap {
     };
     badRequest?: new () => BaseError;
 }
-export declare function useHandleObjectError(object: Flight.Response<BaseObject>, customErrors: ErrorMap, currentUser: CurrentUser): void;
+export declare function useHandleObjectError(object: Flight.Response<BaseObject>, customErrors: ErrorMap): void;
 export {};

package/dist/projects/lite/src/shared/hooks/useInitPlayerContext.d.ts

@@ -1,30 +1,37 @@
+import React from 'react';
 import { Video } from "../../../../../libs/shared/src/interfaces";
-export interface PlayerPosition {
-    top: number;
-    left: number;
-    width: number;
-}
 export interface PlayerContext {
-    webPlayerUrl: string;
+    playerApiUrl: string;
+    /**
+     * ViewKey for the video obtained from PlayerApi
+     */
+    viewKey: string;
     /**
-     * Video that the player is currently plaing
+     * Video that the player is currently playing
      */
     video: Video;
     /**
-     * Position of the video player when we're on a play page
-     * no position means we're floating on the bottom right of the screen
+     * Flag to determine if main player is in the viewport.
      */
-    viewportPosition: PlayerPosition;
+    playerInViewport: boolean;
     /**
-     * Tells the floating player to not render when it has
-     * as video but no position. This prevents
-     * a bug where the floating player flashes briefly when the
-     * PlayView has set a video but not yet set a position
+     * Flag to determine if the float player is allowed.
+     * Closing the floating player will set this to false.
+     */
+    allowFloatingPlayer: boolean;
+    /**
+     * Flag to determine if the user is on the play page.
+     * Used by FloatingPlayer.
      */
     isOnPlayPage: boolean;
     /**
      * Determines what time the video should start playing at
      */
     startTime: number;
+    /**
+     * A ref for the element to inject the player into on the Play Page.
+     * This is used by the floating player to move the video.
+     */
+    playPagePlayerContainerRef: React.MutableRefObject<HTMLDivElement>;
 }
 export declare function useInitPlayerContext(): void;

package/dist/projects/lite/src/shared/interfaces/mocks/MockClassroomGroup.d.ts

@@ -1,7 +1,6 @@
-import { BaseObject } from "../../../../../../libs/shared/src/interfaces";
-import { MockStudent } from 'apps/user-manager/interfaces';
+import { BaseObject, User } from "../../../../../../libs/shared/src/interfaces";
 import { GroupColour } from 'apps/classrooms/enums/GroupColour';
 export interface MockClassroomGroup extends BaseObject {
     colour: GroupColour;
-    students: MockStudent[];
+    students: User[];
 }

package/dist/projects/lite/src/shared/services/FlightConfigDataService.d.ts

@@ -0,0 +1,13 @@
+import { Store } from 'redux';
+import { Config, BaseConfigDataService } from "../../../../../libs/shared/src/interfaces";
+interface FlightConfigDataServiceOptions {
+    store: Store;
+}
+export declare class FlightConfigDataService implements BaseConfigDataService {
+    private store;
+    constructor(options: FlightConfigDataServiceOptions);
+    get name(): string;
+    getConfig(success?: (config: Config) => void, error?: () => void): void;
+    getVersion(success?: (version: any) => void, error?: () => void): void;
+}
+export {};

package/dist/projects/lite/src/shared/services/FlightUserDataService.d.ts

@@ -1,5 +1,6 @@
 import { Store } from 'redux';
 import { CurrentUser, BaseUserDataService } from "../../../../../libs/shared/src/interfaces";
+import { HashObject } from "../../../../../libs/common/src/react/interfaces";
 interface FlightUserDataServiceOptions {
     store: Store;
 }
@@ -8,5 +9,7 @@ export declare class FlightUserDataService implements BaseUserDataService {
     constructor(options: FlightUserDataServiceOptions);
     get name(): string;
     getCurrentUser(success?: (user: CurrentUser) => void, error?: () => void): void;
+    getToken(success?: (token: HashObject) => void, error?: () => void): void;
+    getWorkspace(success?: (workspace: HashObject) => void, error?: () => void): void;
 }
 export {};

package/dist/projects/lite/src/shared/views/create-clip/CreateClipView.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface CreateClipViewProps {
+    videoId: string;
+}
+export declare function CreateClipView(props: CreateClipViewProps): JSX.Element;
+export {};

package/dist/projects/lite/src/startup/RegisterAnalytics.d.ts

@@ -1,3 +1,3 @@
 import { Core } from "../../../../libs/common/src/backbone";
-declare function RegisterAnalytics(shell: Core.Shell, next: Function): void;
+declare function RegisterAnalytics(shell: Core.Shell, next: (...args: any) => any): void;
 export { RegisterAnalytics };

package/dist/projects/lite/src/startup/RegisterAppOptions.d.ts

@@ -1,2 +1,2 @@
 import { Core } from "../../../../libs/common/src/backbone";
-export declare function RegisterAppOptions(shell: Core.Shell, next: Function): void;
+export declare function RegisterAppOptions(shell: Core.Shell, next: (...args: any) => any): void;

package/dist/projects/lite/src/startup/RegisterApplicationVariables.d.ts

@@ -1,3 +1,3 @@
 import { Core } from "../../../../libs/common/src/backbone";
-declare function RegisterApplicationVariables(shell: Core.Shell, next: Function): void;
+declare function RegisterApplicationVariables(shell: Core.Shell, next: (...args: any) => any): void;
 export { RegisterApplicationVariables };

package/dist/projects/lite/src/startup/RegisterApplications.d.ts

@@ -1,2 +1,2 @@
 import { Core } from "../../../../libs/common/src/backbone";
-export declare function RegisterApplications(shell: Core.Shell, next: Function): void;
+export declare function RegisterApplications(shell: Core.Shell, next: (...args: any) => any): void;

package/dist/projects/lite/src/startup/RegisterCaches.d.ts

@@ -1,2 +1,2 @@
 import { Core } from "../../../../libs/common/src/backbone";
-export declare function RegisterCaches(shell: Core.Shell, next: Function): void;
+export declare function RegisterCaches(shell: Core.Shell, next: (...args: any) => any): void;

package/dist/projects/lite/src/startup/RegisterDataProviders.d.ts

@@ -1,2 +1,2 @@
 import { Core } from "../../../../libs/common/src/backbone";
-export declare function RegisterDataProviders(shell: Core.Shell, next: Function): void;
+export declare function RegisterDataProviders(shell: Core.Shell, next: (...args: any) => any): void;

package/dist/projects/lite/src/startup/RegisterDataServices.d.ts

@@ -1,2 +1,2 @@
 import { Core } from "../../../../libs/common/src/backbone";
-export declare function RegisterDataServices(shell: Core.Shell, next: Function): void;
+export declare function RegisterDataServices(shell: Core.Shell, next: (...args: any) => any): void;

package/dist/projects/lite/src/startup/RegisterErrorHandlers.d.ts

@@ -1,2 +1,2 @@
 import { Core } from "../../../../libs/common/src/backbone";
-export declare function RegisterErrorHandlers(shell: Core.Shell, next: Function): void;
+export declare function RegisterErrorHandlers(shell: Core.Shell, next: (...args: any) => any): void;

package/dist/projects/lite/src/startup/RegisterHandlebarsHelpers.d.ts

@@ -1,3 +1,3 @@
 import { Core } from "../../../../libs/common/src/backbone";
-declare function RegisterHandlebarsHelpers(shell: Core.Shell, next: Function): void;
+declare function RegisterHandlebarsHelpers(shell: Core.Shell, next: (...args: any) => any): void;
 export { RegisterHandlebarsHelpers };

package/dist/projects/lite/src/startup/RegisterLayouts.d.ts

@@ -1,2 +1,2 @@
 import { Core } from "../../../../libs/common/src/backbone";
-export declare function RegisterLayouts(shell: Core.Shell, next: Function): void;
+export declare function RegisterLayouts(shell: Core.Shell, next: (...args: any) => any): void;

package/dist/projects/lite/src/startup/RegisterServices.d.ts

@@ -1,2 +1,2 @@
 import { Core } from "../../../../libs/common/src/backbone";
-export declare function RegisterServices(shell: Core.Shell, next: Function): void;
+export declare function RegisterServices(shell: Core.Shell, next: (...args: any) => any): void;

package/dist/projects/lite/src/startup/RegisterStore.d.ts

@@ -1,2 +1,2 @@
 import { Core } from "../../../../libs/common/src/backbone";
-export declare function RegisterStore(shell: Core.Shell, next: Function): void;
+export declare function RegisterStore(shell: Core.Shell, next: (...args: any) => any): void;

package/dist/projects/lite/src/startup/RegisterViewDataExtensions.d.ts

@@ -11,5 +11,5 @@ import { Core } from "../../../../libs/common/src/backbone";
  *
  * See `serializeData()` in `common/BaseView.ts` to see how these extension objects are processed.
  */
-declare function RegisterViewDataExtensions(shell: Core.Shell, next: Function): void;
+declare function RegisterViewDataExtensions(shell: Core.Shell, next: (...args: any) => any): void;
 export { RegisterViewDataExtensions };

package/dist/projects/lite/src/styles/index.d.ts

@@ -1 +1,4 @@
 import './theme-overrides.scss';
+import '../../../player/dist/font.scss';
+import '../../../player/src/index.scss';
+import '../../../player/src/theme/index.scss';

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

@@ -0,0 +1,79 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+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 ChapterItemOptions extends videojs.ComponentOptions {
+    startTime: number;
+    endTime: number;
+}
+export declare class ChapterBarItem extends Component {
+    private duration_;
+    private el_;
+    options_: ChapterItemOptions;
+    private playProgress;
+    private loadProgress;
+    constructor(player: VideoJsPlayer, options: ChapterItemOptions);
+    buildCSSClass(): string;
+    createEl(tagName?: string, properties?: any, attributes?: any): Element;
+    /**
+     * Get the value of current time but allows for smooth scrubbing,
+     * when player can't keep up.
+     *
+     * @return {number}
+     *         The current time value to display
+     *
+     * @private
+     */
+    private getCurrentTime;
+    /**
+     * Update is called by ChapterBarItems on each item each time
+     * ChapterSeekBar updates, which is done once per animation frame
+     * by SeekBar which ChapterSeekBar extends
+     */
+    update(): void;
+}
+export {};

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

@@ -0,0 +1,55 @@
+import videojs from 'video.js';
+import './chapter-bar-items.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 ChapterBarItems extends Component {
+    buildCSSClass(): string;
+    createEl(tagName?: string, properties?: any, attributes?: any): Element;
+    update(): void;
+}
+export {};

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

@@ -0,0 +1,55 @@
+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;
+};
+export declare class ChapterBarLoadProgress extends Component {
+    private el_;
+    buildCSSClass(): string;
+    createEl(tagName?: string, properties?: any, attributes?: any): Element;
+    update(width: number): void;
+}
+export {};

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

@@ -0,0 +1,55 @@
+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;
+};
+export declare class ChapterBarPlayProgress extends Component {
+    private el_;
+    buildCSSClass(): string;
+    createEl(tagName?: string, properties?: any, attributes?: any): Element;
+    update(width: number): void;
+}
+export {};

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

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

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

@@ -0,0 +1,60 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+import './chapter-menu-item.scss';
+declare const ChaptersTrackMenuItem: {
+    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 ChapterMenuItem extends ChaptersTrackMenuItem {
+    options_: videojs.ChaptersTrackMenuItemOptions;
+    private nonIconControl;
+    private thumbnailDisplay;
+    constructor(player: VideoJsPlayer, options?: videojs.ChaptersTrackMenuItemOptions);
+    update(): void;
+    buildCSSClass(): string;
+    createEl(type: string, props?: any, attrs?: any): HTMLLIElement;
+    private getInnerHTML;
+}
+export {};

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

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

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

@@ -0,0 +1,38 @@
+import { CollapsibleComponent } from "../../interfaces/CollapsibleComponent";
+import videojs, { VideoJsPlayer } from 'video.js';
+import './cog-button.scss';
+declare const MenuItem: {
+    new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
+    prototype: videojs.MenuItem;
+};
+interface CogMenuItemOptions extends videojs.ComponentOptions {
+    item: CollapsibleComponent;
+}
+declare class CogMenuItem extends MenuItem {
+    options_: CogMenuItemOptions;
+    constructor(player: VideoJsPlayer, options: CogMenuItemOptions);
+    handleClick(event: videojs.EventTarget.Event): void;
+    createEl(tagName?: string, properties?: any, attributes?: any): HTMLLIElement;
+}
+declare const MenuButton: {
+    new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
+    prototype: videojs.MenuButton;
+};
+interface CogButtonOptions extends videojs.ComponentOptions {
+    items: CollapsibleComponent[];
+}
+export declare class CogButton extends MenuButton {
+    options_: CogButtonOptions;
+    constructor(player: VideoJsPlayer, options: CogButtonOptions);
+    buildWrapperCSSClass(): string;
+    buildCSSClass(): string;
+    pressButton(): void;
+    /**
+     * Create the list of menu items. Specific to each subclass.
+     *
+     * @abstract
+     */
+    createItems(): CogMenuItem[];
+    update(): void;
+}
+export {};

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

@@ -0,0 +1,4 @@
+import "../cog-button/cog-button";
+import './collapserator.scss';
+import '../play-toggle/play-toggle.scss';
+import '../fullscreen-toggle/fullscreen-toggle.scss';

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

@@ -0,0 +1,3 @@
+import "../time-tooltip/time-tooltip";
+import "../thumbnail-display/thumbnail-display";
+import './mouse-time-display.scss';

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

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

package/dist/projects/player/src/components/progress-control/progress-control.d.ts

@@ -0,0 +1 @@
+import './progress-control.scss';

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

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

package/dist/projects/player/src/components/quality-selector/quality-menu-item.d.ts

@@ -0,0 +1,17 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+declare const MenuItem: {
+    new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
+    prototype: videojs.MenuItem;
+};
+export interface QualityMenuOptions extends videojs.MenuItemOptions {
+    qualityId: string;
+    label: string;
+}
+export declare class QualityMenuItem extends MenuItem {
+    private qualityId;
+    constructor(player: VideoJsPlayer, options: QualityMenuOptions);
+    buildCSSClass(): string;
+    handleClick(): void;
+    private handleQualityChange;
+}
+export {};

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

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