@clickview/player 0.0.26-dev.0 → 0.0.26-rc.0

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

@@ -1,57 +1,57 @@
-import videojs, { VideoJsPlayer } from 'video.js';
-import { ProgressEventPair } from 'projects/player/plugins/progress-reporter-plugin/interfaces/ProgressEvent';
-import './progress-reporter-display.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;
-};
-export declare class ProgressReporterDisplay extends Component {
-    private events_;
-    update(): void;
-    addEvents(events: ProgressEventPair[]): void;
-    createEl(): HTMLDivElement;
-}
-export {};
+import videojs, { VideoJsPlayer } from 'video.js';
+import { ProgressEventPair } from 'projects/player/plugins/progress-reporter-plugin/interfaces/ProgressEvent';
+import './progress-reporter-display.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;
+};
+export declare class ProgressReporterDisplay extends Component {
+    private events_;
+    update(): void;
+    addEvents(events: ProgressEventPair[]): void;
+    createEl(): HTMLDivElement;
+}
+export {};

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

@@ -1,8 +1,8 @@
-export interface ProgressEvent {
-    time: number;
-    type: string;
-}
-export interface ProgressEventPair {
-    start: ProgressEvent;
-    end: ProgressEvent;
-}
+export interface ProgressEvent {
+    time: number;
+    type: string;
+}
+export interface ProgressEventPair {
+    start: ProgressEvent;
+    end: ProgressEvent;
+}

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

@@ -1,76 +1,76 @@
-import videojs, { VideoJsPlayer } from 'video.js';
-import { ProgressEventPair } from 'projects/player/plugins/progress-reporter-plugin/interfaces/ProgressEvent';
-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 ProgressReporterPluginOptions {
-    onFlush: (events: ProgressEventPair[]) => void;
-    interval?: number;
-}
-declare class ProgressReporterPlugin extends Plugin {
-    private options;
-    private progressReporterDisplay;
-    private eventBuffer;
-    private latestTime;
-    /**
-     * Used to clean up data while flushing the buffer
-     * It's stored on the instance because it needs to maintain state
-     * between buffers.
-     */
-    private lastPlayingTime;
-    private previousLatestTime;
-    private isPlaying;
-    private isSeeking;
-    private hasEnded;
-    /**
-     * We use our timeupdate event instead of asking for
-     * a function to add a single event listener in our options.
-     */
-    private shouldLogPlayOnTimeUpdate;
-    private pauseTimeout;
-    constructor(player: VideoJsPlayer, options: ProgressReporterPluginOptions);
-    private initialize;
-    private validateOptions;
-    private bindListeners;
-    private interval;
-    private startInterval;
-    private addEasterEgg;
-    private addDisplay;
-    private onPlay;
-    private onPause;
-    private onTimeUpdate;
-    private onSeeking;
-    private onEnded;
-    /**
-     * Our onPlay event handler handles this for 90% of scenarios
-     * however if the player is programmatically seeked (e.g player.currentTime(5);)
-     * our onSeeking event is fired without a follow up onPlay event.
-     *
-     * This event handler just makes sure to put the progress reporter back into the right
-     * state to continue collecting events - Sha
-     */
-    private onPlaying;
-    private logEvent;
-    private shouldUseCarriedOverTime;
-    private shouldSaveCarriedOverTime;
-    private shouldClearCarriedOverTime;
-    private flushBuffer;
-    private validateEvents;
-}
-declare module 'video.js' {
-    interface VideoJsPlayer {
-        progressReporterPlugin(options?: ProgressReporterPluginOptions): ProgressReporterPlugin;
-    }
-}
-export {};
+import videojs, { VideoJsPlayer } from 'video.js';
+import { ProgressEventPair } from 'projects/player/plugins/progress-reporter-plugin/interfaces/ProgressEvent';
+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 ProgressReporterPluginOptions {
+    onFlush: (events: ProgressEventPair[]) => void;
+    interval?: number;
+}
+declare class ProgressReporterPlugin extends Plugin {
+    private options;
+    private progressReporterDisplay;
+    private eventBuffer;
+    private latestTime;
+    /**
+     * Used to clean up data while flushing the buffer
+     * It's stored on the instance because it needs to maintain state
+     * between buffers.
+     */
+    private lastPlayingTime;
+    private previousLatestTime;
+    private isPlaying;
+    private isSeeking;
+    private hasEnded;
+    /**
+     * We use our timeupdate event instead of asking for
+     * a function to add a single event listener in our options.
+     */
+    private shouldLogPlayOnTimeUpdate;
+    private pauseTimeout;
+    constructor(player: VideoJsPlayer, options: ProgressReporterPluginOptions);
+    private initialize;
+    private validateOptions;
+    private bindListeners;
+    private interval;
+    private startInterval;
+    private addEasterEgg;
+    private addDisplay;
+    private onPlay;
+    private onPause;
+    private onTimeUpdate;
+    private onSeeking;
+    private onEnded;
+    /**
+     * Our onPlay event handler handles this for 90% of scenarios
+     * however if the player is programmatically seeked (e.g player.currentTime(5);)
+     * our onSeeking event is fired without a follow up onPlay event.
+     *
+     * This event handler just makes sure to put the progress reporter back into the right
+     * state to continue collecting events - Sha
+     */
+    private onPlaying;
+    private logEvent;
+    private shouldUseCarriedOverTime;
+    private shouldSaveCarriedOverTime;
+    private shouldClearCarriedOverTime;
+    private flushBuffer;
+    private validateEvents;
+}
+declare module 'video.js' {
+    interface VideoJsPlayer {
+        progressReporterPlugin(options?: ProgressReporterPluginOptions): ProgressReporterPlugin;
+    }
+}
+export {};

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

@@ -1,4 +1,4 @@
-import { Source } from 'projects/player/plugins/progressive-files-plugin/interfaces/Source';
-export interface ProgressiveFilesPluginOptions {
-    sources: Source[];
-}
+import { Source } from 'projects/player/plugins/progressive-files-plugin/interfaces/Source';
+export interface ProgressiveFilesPluginOptions {
+    sources: Source[];
+}

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

@@ -1,10 +1,10 @@
-import { Representation } from 'videojs-contrib-quality-levels';
-import { Source } from 'projects/player/plugins/progressive-files-plugin/interfaces/Source';
-import { ProgressiveFilesPlugin } from 'projects/player/plugins/progressive-files-plugin/progressive-files-plugin';
-export declare class ProgressiveRepresentation implements Representation {
-    id: string;
-    private plugin;
-    private source;
-    constructor(plugin: ProgressiveFilesPlugin, source: Source);
-    enabled(enabled: boolean): boolean;
-}
+import { Representation } from 'videojs-contrib-quality-levels';
+import { Source } from 'projects/player/plugins/progressive-files-plugin/interfaces/Source';
+import { ProgressiveFilesPlugin } from 'projects/player/plugins/progressive-files-plugin/progressive-files-plugin';
+export declare class ProgressiveRepresentation implements Representation {
+    id: string;
+    private plugin;
+    private source;
+    constructor(plugin: ProgressiveFilesPlugin, source: Source);
+    enabled(enabled: boolean): boolean;
+}

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

@@ -1,6 +1,6 @@
-export interface Source {
-    id: string;
-    url: string;
-    mimeType: string;
-    default: boolean;
-}
+export interface Source {
+    id: string;
+    url: string;
+    mimeType: string;
+    default: boolean;
+}

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

@@ -1,41 +1,41 @@
-import videojs, { VideoJsPlayer } from 'video.js';
-import { Source } from 'projects/player/plugins/progressive-files-plugin/interfaces/Source';
-import { ProgressiveFilesPluginOptions } from 'projects/player/plugins/progressive-files-plugin/ProgressiveFilesPluginOptions';
-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;
-};
-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
-     * @param id the id of the source to set
-     */
-    setSource(id: string): Source;
-    getSourceById(id: string): Source;
-    private sortSources;
-    private populateSources;
-    private sourceChangeUpdateQualityLevels;
-}
-declare module 'video.js' {
-    interface VideoJsPlayer {
-        progressiveFiles(options: ProgressiveFilesPluginOptions): void;
-    }
-}
-export {};
+import videojs, { VideoJsPlayer } from 'video.js';
+import { Source } from 'projects/player/plugins/progressive-files-plugin/interfaces/Source';
+import { ProgressiveFilesPluginOptions } from 'projects/player/plugins/progressive-files-plugin/ProgressiveFilesPluginOptions';
+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;
+};
+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
+     * @param id the id of the source to set
+     */
+    setSource(id: string): Source;
+    getSourceById(id: string): Source;
+    private sortSources;
+    private populateSources;
+    private sourceChangeUpdateQualityLevels;
+}
+declare module 'video.js' {
+    interface VideoJsPlayer {
+        progressiveFiles(options: ProgressiveFilesPluginOptions): void;
+    }
+}
+export {};

package/dist/projects/player/src/plugins/resources-plugin/components/resource-menu-item/resource-menu-item.d.ts

@@ -1,21 +1,21 @@
-import videojs, { VideoJsPlayer } from 'video.js';
-import { Resource as PlayerResource } from 'projects/player/interfaces/models/PlaybackObject';
-import './resource-menu-item.scss';
-interface ResourceMenuItemProps {
-    resource: PlayerResource;
-    imageCdnUrl: string;
-}
-declare const ClickableComponent: {
-    new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ClickableComponent;
-    prototype: videojs.ClickableComponent;
-};
-interface ResourceMenuItemOptions extends videojs.ComponentOptions, ResourceMenuItemProps {
-    downloadResource: (resource: PlayerResource) => void;
-}
-export declare class ResourceMenuItem extends ClickableComponent {
-    options_: ResourceMenuItemOptions;
-    constructor(player: VideoJsPlayer, options: ResourceMenuItemOptions);
-    createEl(): Element;
-    handleClick(event: videojs.EventTarget.Event): void;
-}
-export {};
+import videojs, { VideoJsPlayer } from 'video.js';
+import { Resource as PlayerResource } from 'projects/player/interfaces/models/PlaybackObject';
+import './resource-menu-item.scss';
+interface ResourceMenuItemProps {
+    resource: PlayerResource;
+    imageCdnUrl: string;
+}
+declare const ClickableComponent: {
+    new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ClickableComponent;
+    prototype: videojs.ClickableComponent;
+};
+interface ResourceMenuItemOptions extends videojs.ComponentOptions, ResourceMenuItemProps {
+    downloadResource: (resource: PlayerResource) => void;
+}
+export declare class ResourceMenuItem extends ClickableComponent {
+    options_: ResourceMenuItemOptions;
+    constructor(player: VideoJsPlayer, options: ResourceMenuItemOptions);
+    createEl(): Element;
+    handleClick(event: videojs.EventTarget.Event): void;
+}
+export {};

package/dist/projects/player/src/plugins/resources-plugin/components/resources-button/resources-button.d.ts

@@ -1 +1 @@
-import './resources-button.scss';
+import './resources-button.scss';

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

@@ -1,12 +1,12 @@
-import 'projects/player/plugins/resources-plugin/components/resources-button/resources-button';
-import { Resource } from 'projects/player/interfaces/models/PlaybackObject';
-interface ResourcesPluginOptions {
-    resources: Resource[];
-    imageCdnUrl: string;
-}
-declare module 'video.js' {
-    interface VideoJsPlayer {
-        resourcesPlugin(options: ResourcesPluginOptions): void;
-    }
-}
-export {};
+import 'projects/player/plugins/resources-plugin/components/resources-button/resources-button';
+import { Resource } from 'projects/player/interfaces/models/PlaybackObject';
+interface ResourcesPluginOptions {
+    resources: Resource[];
+    imageCdnUrl: string;
+}
+declare module 'video.js' {
+    interface VideoJsPlayer {
+        resourcesPlugin(options: ResourcesPluginOptions): void;
+    }
+}
+export {};

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

@@ -1,59 +1,59 @@
-import videojs, { VideoJsPlayer } from 'video.js';
-import './touch-controls.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;
-};
-export declare class TouchControls extends Component {
-    private el_;
-    private timeoutId;
-    constructor(player: VideoJsPlayer, options?: videojs.ComponentOptions);
-    buildCSSClass(): string;
-    createEl(tagName?: string, properties?: any, attributes?: any): Element;
-    setUi(amount: number, timeout: number): void;
-    removeText(): void;
-}
-export {};
+import videojs, { VideoJsPlayer } from 'video.js';
+import './touch-controls.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;
+};
+export declare class TouchControls extends Component {
+    private el_;
+    private timeoutId;
+    constructor(player: VideoJsPlayer, options?: videojs.ComponentOptions);
+    buildCSSClass(): string;
+    createEl(tagName?: string, properties?: any, attributes?: any): Element;
+    setUi(amount: number, timeout: number): void;
+    removeText(): void;
+}
+export {};