Remove Discord Activity code from this branch

16 files changed, 519 insertions, 0 deletions

diff --git a/priv/static/video.js/types/spatial-navigation.d.ts b/priv/static/video.js/types/spatial-navigation.d.ts
new file mode 100644
index 0000000..ba21d8a
--- /dev/null
+++ b/priv/static/video.js/types/spatial-navigation.d.ts
@@ -0,0 +1,189 @@
+export default SpatialNavigation;
+/**
+ * Spatial Navigation in Video.js enhances user experience and accessibility on smartTV devices,
+ * enabling seamless navigation through interactive elements within the player using remote control arrow keys.
+ * This functionality allows users to effortlessly navigate through focusable components.
+ *
+ * @extends EventTarget
+ */
+declare class SpatialNavigation extends EventTarget {
+    /**
+     * Constructs a SpatialNavigation instance with initial settings.
+     * Sets up the player instance, and prepares the spatial navigation system.
+     *
+     * @class
+     * @param {Player} player - The Video.js player instance to which the spatial navigation is attached.
+     */
+    constructor(player: Player);
+    player_: Player;
+    focusableComponents: any[];
+    isListening_: boolean;
+    isPaused_: boolean;
+    /**
+     * Responds to keydown events for spatial navigation and media control.
+     *
+     * Determines if spatial navigation or media control is active and handles key inputs accordingly.
+     *
+     * @param {KeyboardEvent} event - The keydown event to be handled.
+     */
+    onKeyDown_(event: KeyboardEvent): void;
+    lastFocusedComponent_: Component;
+    /**
+     * Starts the spatial navigation by adding a keydown event listener to the video container.
+     * This method ensures that the event listener is added only once.
+     */
+    start(): void;
+    /**
+     * Stops the spatial navigation by removing the keydown event listener from the video container.
+     * Also sets the `isListening_` flag to false.
+     */
+    stop(): void;
+    /**
+     * Performs media control actions based on the given key input.
+     *
+     * Controls the playback and seeking functionalities of the media player.
+     *
+     * @param {string} key - The key representing the media action to be performed.
+     *   Accepted keys: 'play', 'pause', 'ff' (fast-forward), 'rw' (rewind).
+     */
+    performMediaAction_(key: string): void;
+    /**
+     * Prevent liveThreshold from causing seeks to seem like they
+     * are not happening from a user perspective.
+     *
+     * @param {number} ct
+     *        current time to seek to
+     */
+    userSeek_(ct: number): void;
+    /**
+     * Pauses the spatial navigation functionality.
+     * This method sets a flag that can be used to temporarily disable the navigation logic.
+     */
+    pause(): void;
+    /**
+     * Resumes the spatial navigation functionality if it has been paused.
+     * This method resets the pause flag, re-enabling the navigation logic.
+     */
+    resume(): void;
+    /**
+     * Handles Player Blur.
+     *
+     * @param {string|Event|Object} event
+     *        The name of the event, an `Event`, or an object with a key of type set to
+     *        an event name.
+     *
+     * Calls for handling of the Player Blur if:
+     * *The next focused element is not a child of current focused element &
+     * The next focused element is not a child of the Player.
+     * *There is no next focused element
+     */
+    handlePlayerBlur_(event: string | Event | any): void;
+    /**
+     * Handles the Player focus event.
+     *
+     * Calls for handling of the Player Focus if current element is focusable.
+     */
+    handlePlayerFocus_(): void;
+    /**
+     * Gets a set of focusable components.
+     *
+     * @return {Array}
+     *         Returns an array of focusable components.
+     */
+    updateFocusableComponents(): any[];
+    /**
+     * Finds a suitable child element within the provided component's DOM element.
+     *
+     * @param {Object} component - The component containing the DOM element to search within.
+     * @return {HTMLElement|null} Returns the suitable child element if found, or null if not found.
+     */
+    findSuitableDOMChild(component: any): HTMLElement | null;
+    /**
+     * Gets the currently focused component from the list of focusable components.
+     * If a target element is provided, it uses that element to find the corresponding
+     * component. If no target is provided, it defaults to using the document's currently
+     * active element.
+     *
+     * @param {HTMLElement} [target] - The DOM element to check against the focusable components.
+     *                                 If not provided, `document.activeElement` is used.
+     * @return {Component|null} - Returns the focused component if found among the focusable components,
+     *                            otherwise returns null if no matching component is found.
+     */
+    getCurrentComponent(target?: HTMLElement): Component | null;
+    /**
+     * Adds a component to the array of focusable components.
+     *
+     * @param {Component} component
+     *        The `Component` to be added.
+     */
+    add(component: Component): void;
+    /**
+     * Removes component from the array of focusable components.
+     *
+     * @param {Component} component - The component to be removed from the focusable components array.
+     */
+    remove(component: Component): void;
+    /**
+     * Clears array of focusable components.
+     */
+    clear(): void;
+    /**
+     * Navigates to the next focusable component based on the specified direction.
+     *
+     * @param {string} direction 'up', 'down', 'left', 'right'
+     */
+    move(direction: string): void;
+    /**
+     * Finds the best candidate on the current center position,
+     * the list of candidates, and the specified navigation direction.
+     *
+     * @param {Object} currentCenter The center position of the current focused component element.
+     * @param {Array} candidates An array of candidate components to receive focus.
+     * @param {string} direction The direction of navigation ('up', 'down', 'left', 'right').
+     * @return {Object|null} The component that is the best candidate for receiving focus.
+     */
+    findBestCandidate_(currentCenter: any, candidates: any[], direction: string): any | null;
+    /**
+     * Determines if a target rectangle is in the specified navigation direction
+     * relative to a source rectangle.
+     *
+     * @param {Object} srcRect The bounding rectangle of the source element.
+     * @param {Object} targetRect The bounding rectangle of the target element.
+     * @param {string} direction The navigation direction ('up', 'down', 'left', 'right').
+     * @return {boolean} True if the target is in the specified direction relative to the source.
+     */
+    isInDirection_(srcRect: any, targetRect: any, direction: string): boolean;
+    /**
+     * Focus the last focused component saved before blur on player.
+     */
+    refocusComponent(): void;
+    /**
+     * Focuses on a given component.
+     * If the component is available to be focused, it focuses on the component.
+     * If not, it attempts to find a suitable DOM child within the component and focuses on it.
+     *
+     * @param {Component} component - The component to be focused.
+     */
+    focus(component: Component): void;
+    /**
+     * Calculates the distance between two points, adjusting the calculation based on
+     * the specified navigation direction.
+     *
+     * @param {Object} center1 The center point of the first element.
+     * @param {Object} center2 The center point of the second element.
+     * @param {string} direction The direction of navigation ('up', 'down', 'left', 'right').
+     * @return {number} The calculated distance between the two centers.
+     */
+    calculateDistance_(center1: any, center2: any, direction: string): number;
+    /**
+     * This gets called by 'handlePlayerBlur_' if 'spatialNavigation' is enabled.
+     * Searches for the first 'TextTrackSelect' inside of modal to focus.
+     *
+     * @private
+     */
+    private searchForTrackSelect_;
+}
+import EventTarget from './event-target';
+import type Player from './player';
+import type Component from './component';
+//# sourceMappingURL=spatial-navigation.d.ts.map
\ No newline at end of file
diff --git a/priv/static/video.js/types/spatial-navigation.d.ts.map b/priv/static/video.js/types/spatial-navigation.d.ts.map
new file mode 100644
index 0000000..f606193
--- /dev/null
+++ b/priv/static/video.js/types/spatial-navigation.d.ts.map
@@ -0,0 +1 @@
+{"version":3,"file":"spatial-navigation.d.ts","sourceRoot":"","sources":["../../src/js/spatial-navigation.js"],"names":[],"mappings":";AAYA;;;;;;GAMG;AACH;IAEE;;;;;;OAMG;IACH,oBAFW,MAAM,EAUhB;IANC,gBAAqB;IACrB,2BAA6B;IAC7B,sBAAyB;IACzB,mBAAsB;IA4DxB;;;;;;OAMG;IACH,kBAFW,aAAa,QA6BvB;IA5FC,iCAAiC;IAGnC;;;OAGG;IACH,cAwCC;IAED;;;OAGG;IACH,aAGC;IAsCD;;;;;;;OAOG;IACH,yBAHW,MAAM,QA0BhB;IAED;;;;;;OAMG;IACH,cAHW,MAAM,QAShB;IAED;;;OAGG;IACH,cAEC;IAED;;;OAGG;IACH,eAEC;IAED;;;;;;;;;;;OAWG;IACH,yBATW,MAAM,GAAC,KAAK,MAAO,QAmC7B;IAED;;;;OAIG;IACH,2BAIC;IAED;;;;;OAKG;IACH,mCAqGC;IAED;;;;;OAKG;IACH,sCAFY,WAAW,GAAC,IAAI,CAmC3B;IAED;;;;;;;;;;OAUG;IACH,6BALW,WAAW,GAEV,SAAS,GAAC,IAAI,CAezB;IAED;;;;;OAKG;IACH,eAHW,SAAS,QAanB;IAED;;;;OAIG;IACH,kBAFW,SAAS,QAWnB;IAED;;OAEG;IACH,cASC;IAED;;;;OAIG;IACH,gBAFW,MAAM,QAqBhB;IAED;;;;;;;;OAQG;IACH,qEAHW,MAAM,GACL,MAAO,IAAI,CAiBtB;IAED;;;;;;;;OAQG;IACH,yDAHW,MAAM,GACL,OAAO,CAelB;IAED;;OAEG;IACH,yBAoBC;IAED;;;;;;OAMG;IACH,iBAFW,SAAS,QAYnB;IAED;;;;;;;;OAQG;IACH,0DAHW,MAAM,GACL,MAAM,CA6BjB;IAED;;;;;OAKG;IACH,8BASC;CACF;wBA9nBuB,gBAAgB;wBAIhB,UAAU;2BADP,aAAa"}
\ No newline at end of file
diff --git a/priv/static/video.js/types/tracks/text-track-fieldset.d.ts b/priv/static/video.js/types/tracks/text-track-fieldset.d.ts
new file mode 100644
index 0000000..f86803b
--- /dev/null
+++ b/priv/static/video.js/types/tracks/text-track-fieldset.d.ts
@@ -0,0 +1,74 @@
+export default TextTrackFieldset;
+/** @import Player from './player' */
+/** @import { ContentDescriptor } from '../utils/dom' */
+/**
+ * Creates fieldset section of 'TextTrackSettings'.
+ * Manganes two versions of fieldsets, one for type of 'colors'
+ * & the other for 'font', Component adds diferent DOM elements
+ * to that fieldset  depending on the type.
+ *
+ * @extends Component
+ */
+declare class TextTrackFieldset extends Component {
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     *
+     * @param {ContentDescriptor} [options.content=undefined]
+     *        Provide customized content for this modal.
+     *
+     * @param {string} [options.legendId]
+     *        A text with part of an string to create atribute of aria-labelledby.
+     *        It passes to 'TextTrackSelect'.
+     *
+     * @param {string} [options.id]
+     *        A text with part of an string to create atribute of aria-labelledby.
+     *        It passes to 'TextTrackSelect'.
+     *
+     * @param {string} [options.legendText]
+     *        A text to use as the text content of the legend element.
+     *
+     * @param {Array} [options.selects]
+     *        Array that contains the selects that are use to create 'selects'
+     *        components.
+     *
+     * @param {Array} [options.SelectOptions]
+     *        Array that contains the value & textContent of for each of the
+     *        options elements, it passes to 'TextTrackSelect'.
+     *
+     * @param {string} [options.type]
+     *        Conditions if some DOM elements will be added to the fieldset
+     *        component.
+     *
+     * @param {Object} [options.selectConfigs]
+     *        Object with the following properties that are the selects configurations:
+     *        backgroundColor, backgroundOpacity, color, edgeStyle, fontFamily,
+     *        fontPercent, textOpacity, windowColor, windowOpacity.
+     *        These properties are use to configure the 'TextTrackSelect' Component.
+     */
+    constructor(player: Player, options?: {
+        content?: Dom.ContentDescriptor;
+        legendId?: string;
+        id?: string;
+        legendText?: string;
+        selects?: any[];
+        SelectOptions?: any[];
+        type?: string;
+        selectConfigs?: any;
+    });
+    /**
+     * Create the `TextTrackFieldset`'s DOM element
+     *
+     * @return {Element}
+     *         The DOM element that gets created.
+     */
+    createEl(): Element;
+}
+import Component from '../component';
+import * as Dom from '../utils/dom';
+//# sourceMappingURL=text-track-fieldset.d.ts.map
\ No newline at end of file
diff --git a/priv/static/video.js/types/tracks/text-track-fieldset.d.ts.map b/priv/static/video.js/types/tracks/text-track-fieldset.d.ts.map
new file mode 100644
index 0000000..ecaf76c
--- /dev/null
+++ b/priv/static/video.js/types/tracks/text-track-fieldset.d.ts.map
@@ -0,0 +1 @@
+{"version":3,"file":"text-track-fieldset.d.ts","sourceRoot":"","sources":["../../../src/js/tracks/text-track-fieldset.js"],"names":[],"mappings":";AAKA,qCAAqC;AACrC,wDAAwD;AAExD;;;;;;;GAOG;AACH;IAEE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAwCG;IACH,sCAhCG;QAAoC,OAAO,GAAnC,qBAAiB;QAGA,QAAQ,GAAzB,MAAM;QAIW,EAAE,GAAnB,MAAM;QAIW,UAAU,GAA3B,MAAM;QAGU,OAAO;QAIP,aAAa;QAIZ,IAAI,GAArB,MAAM;QAIW,aAAa;KAKxC,EAqDA;IAED;;;;;OAKG;IACH,YAHY,OAAO,CAWlB;CACF;sBAhIqB,cAAc;qBACf,cAAc"}
\ No newline at end of file
diff --git a/priv/static/video.js/types/tracks/text-track-select.d.ts b/priv/static/video.js/types/tracks/text-track-select.d.ts
new file mode 100644
index 0000000..20fc4b0
--- /dev/null
+++ b/priv/static/video.js/types/tracks/text-track-select.d.ts
@@ -0,0 +1,49 @@
+export default TextTrackSelect;
+/** @import Player from './player' */
+/** @import { ContentDescriptor } from  '../utils/dom' */
+/**
+ * Creates DOM element of 'select' & its options.
+ *
+ * @extends Component
+ */
+declare class TextTrackSelect extends Component {
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     *
+     * @param {ContentDescriptor} [options.content=undefined]
+     *        Provide customized content for this modal.
+     *
+     * @param {string} [options.legendId]
+     *        A text with part of an string to create atribute of aria-labelledby.
+     *
+     * @param {string} [options.id]
+     *        A text with part of an string to create atribute of aria-labelledby.
+     *
+     * @param {Array} [options.SelectOptions]
+     *        Array that contains the value & textContent of for each of the
+     *        options elements.
+     */
+    constructor(player: Player, options?: {
+        content?: Dom.ContentDescriptor;
+        legendId?: string;
+        id?: string;
+        SelectOptions?: any[];
+    });
+    /**
+     * Create the `TextTrackSelect`'s DOM element
+     *
+     * @return {Element}
+     *         The DOM element that gets created.
+     */
+    createEl(): Element;
+    selectLabelledbyIds: string;
+}
+import Component from '../component';
+import * as Dom from '../utils/dom';
+//# sourceMappingURL=text-track-select.d.ts.map
\ No newline at end of file
diff --git a/priv/static/video.js/types/tracks/text-track-select.d.ts.map b/priv/static/video.js/types/tracks/text-track-select.d.ts.map
new file mode 100644
index 0000000..4346ca6
--- /dev/null
+++ b/priv/static/video.js/types/tracks/text-track-select.d.ts.map
@@ -0,0 +1 @@
+{"version":3,"file":"text-track-select.d.ts","sourceRoot":"","sources":["../../../src/js/tracks/text-track-select.js"],"names":[],"mappings":";AAIA,qCAAqC;AACrC,yDAAyD;AAEzD;;;;GAIG;AACH;IAEE;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,sCAbG;QAAoC,OAAO,GAAnC,qBAAiB;QAGA,QAAQ,GAAzB,MAAM;QAGW,EAAE,GAAnB,MAAM;QAGU,aAAa;KAGvC,EAKA;IAED;;;;;OAKG;IACH,YAHY,OAAO,CAoClB;IAhCC,4BAA2F;CAiC9F;sBAlFqB,cAAc;qBACf,cAAc"}
\ No newline at end of file
diff --git a/priv/static/video.js/types/tracks/text-track-settings-colors.d.ts b/priv/static/video.js/types/tracks/text-track-settings-colors.d.ts
new file mode 100644
index 0000000..fd16655
--- /dev/null
+++ b/priv/static/video.js/types/tracks/text-track-settings-colors.d.ts
@@ -0,0 +1,47 @@
+export default TextTrackSettingsColors;
+/** @import Player from './player' */
+/** @import { ContentDescriptor } from  '../utils/dom' */
+/**
+ * The component 'TextTrackSettingsColors' displays a set of 'fieldsets'
+ * using the component 'TextTrackFieldset'.
+ *
+ * @extends Component
+ */
+declare class TextTrackSettingsColors extends Component {
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     *
+     * @param {ContentDescriptor} [options.content=undefined]
+     *        Provide customized content for this modal.
+     *
+     * @param {Array} [options.fieldSets]
+     *        Array that contains the configurations for the selects.
+     *
+     * @param {Object} [options.selectConfigs]
+     *        Object with the following properties that are the select confugations:
+     *        backgroundColor, backgroundOpacity, color, edgeStyle, fontFamily,
+     *        fontPercent, textOpacity, windowColor, windowOpacity.
+     *        it passes to 'TextTrackFieldset'.
+     */
+    constructor(player: Player, options?: {
+        content?: Dom.ContentDescriptor;
+        fieldSets?: any[];
+        selectConfigs?: any;
+    });
+    /**
+     * Create the `TextTrackSettingsColors`'s DOM element
+     *
+     * @return {Element}
+     *         The DOM element that gets created.
+     */
+    createEl(): Element;
+}
+import Component from '../component';
+import * as Dom from '../utils/dom';
+//# sourceMappingURL=text-track-settings-colors.d.ts.map
\ No newline at end of file
diff --git a/priv/static/video.js/types/tracks/text-track-settings-colors.d.ts.map b/priv/static/video.js/types/tracks/text-track-settings-colors.d.ts.map
new file mode 100644
index 0000000..8ed3302
--- /dev/null
+++ b/priv/static/video.js/types/tracks/text-track-settings-colors.d.ts.map
@@ -0,0 +1 @@
+{"version":3,"file":"text-track-settings-colors.d.ts","sourceRoot":"","sources":["../../../src/js/tracks/text-track-settings-colors.js"],"names":[],"mappings":";AAIA,qCAAqC;AACrC,yDAAyD;AAEzD;;;;;GAKG;AACH;IAEE;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,sCAZG;QAAoC,OAAO,GAAnC,qBAAiB;QAGD,SAAS;QAGR,aAAa;KAKxC,EAqDA;IAED;;;;;OAKG;IACH,YAHY,OAAO,CASlB;CACF;sBAvGqB,cAAc;qBACf,cAAc"}
\ No newline at end of file
diff --git a/priv/static/video.js/types/tracks/text-track-settings-controls.d.ts b/priv/static/video.js/types/tracks/text-track-settings-controls.d.ts
new file mode 100644
index 0000000..5da6e5c
--- /dev/null
+++ b/priv/static/video.js/types/tracks/text-track-settings-controls.d.ts
@@ -0,0 +1,22 @@
+export default TrackSettingsControls;
+/**
+ * Buttons of reset & done that modal 'TextTrackSettings'
+ * uses as part of its content.
+ *
+ * 'Reset': Resets all settings on 'TextTrackSettings'.
+ * 'Done': Closes 'TextTrackSettings' modal.
+ *
+ * @extends Component
+ */
+declare class TrackSettingsControls extends Component {
+    constructor(player: any, options?: {});
+    /**
+     * Create the `TrackSettingsControls`'s DOM element
+     *
+     * @return {Element}
+     *         The DOM element that gets created.
+     */
+    createEl(): Element;
+}
+import Component from '../component';
+//# sourceMappingURL=text-track-settings-controls.d.ts.map
\ No newline at end of file
diff --git a/priv/static/video.js/types/tracks/text-track-settings-controls.d.ts.map b/priv/static/video.js/types/tracks/text-track-settings-controls.d.ts.map
new file mode 100644
index 0000000..d24799e
--- /dev/null
+++ b/priv/static/video.js/types/tracks/text-track-settings-controls.d.ts.map
@@ -0,0 +1 @@
+{"version":3,"file":"text-track-settings-controls.d.ts","sourceRoot":"","sources":["../../../src/js/tracks/text-track-settings-controls.js"],"names":[],"mappings":";AAIA;;;;;;;;GAQG;AACH;IACE,uCA0BC;IAED;;;;;OAKG;IACH,YAHY,OAAO,CASlB;CAEF;sBAxDqB,cAAc"}
\ No newline at end of file
diff --git a/priv/static/video.js/types/tracks/text-track-settings-font.d.ts b/priv/static/video.js/types/tracks/text-track-settings-font.d.ts
new file mode 100644
index 0000000..1ac5e73
--- /dev/null
+++ b/priv/static/video.js/types/tracks/text-track-settings-font.d.ts
@@ -0,0 +1,47 @@
+export default TextTrackSettingsFont;
+/** @import Player from './player' */
+/** @import { ContentDescriptor } from  '../utils/dom' */
+/**
+ * The component 'TextTrackSettingsFont' displays a set of 'fieldsets'
+ * using the component 'TextTrackFieldset'.
+ *
+ * @extends Component
+ */
+declare class TextTrackSettingsFont extends Component {
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     *
+     * @param {ContentDescriptor} [options.content=undefined]
+     *        Provide customized content for this modal.
+     *
+     * @param {Array} [options.fieldSets]
+     *        Array that contains the configurations for the selects.
+     *
+     * @param {Object} [options.selectConfigs]
+     *        Object with the following properties that are the select confugations:
+     *        backgroundColor, backgroundOpacity, color, edgeStyle, fontFamily,
+     *        fontPercent, textOpacity, windowColor, windowOpacity.
+     *        it passes to 'TextTrackFieldset'.
+     */
+    constructor(player: Player, options?: {
+        content?: Dom.ContentDescriptor;
+        fieldSets?: any[];
+        selectConfigs?: any;
+    });
+    /**
+     * Create the `TextTrackSettingsFont`'s DOM element
+     *
+     * @return {Element}
+     *         The DOM element that gets created.
+     */
+    createEl(): Element;
+}
+import Component from '../component';
+import * as Dom from '../utils/dom';
+//# sourceMappingURL=text-track-settings-font.d.ts.map
\ No newline at end of file
diff --git a/priv/static/video.js/types/tracks/text-track-settings-font.d.ts.map b/priv/static/video.js/types/tracks/text-track-settings-font.d.ts.map
new file mode 100644
index 0000000..bb7b159
--- /dev/null
+++ b/priv/static/video.js/types/tracks/text-track-settings-font.d.ts.map
@@ -0,0 +1 @@
+{"version":3,"file":"text-track-settings-font.d.ts","sourceRoot":"","sources":["../../../src/js/tracks/text-track-settings-font.js"],"names":[],"mappings":";AAIA,qCAAqC;AACrC,yDAAyD;AAEzD;;;;;GAKG;AACH;IAEE;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,sCAZG;QAAoC,OAAO,GAAnC,qBAAiB;QAGD,SAAS;QAGR,aAAa;KAKxC,EAkDA;IAED;;;;;OAKG;IACH,YAHY,OAAO,CASlB;CACF;sBApGqB,cAAc;qBACf,cAAc"}
\ No newline at end of file
diff --git a/priv/static/video.js/types/transient-button.d.ts b/priv/static/video.js/types/transient-button.d.ts
new file mode 100644
index 0000000..b385e0e
--- /dev/null
+++ b/priv/static/video.js/types/transient-button.d.ts
@@ -0,0 +1,62 @@
+export default TransientButton;
+export type TransientButtonOptions = {
+    /**
+     * Control text, usually visible for these buttons
+     */
+    controlText?: string;
+    /**
+     * Time in ms that button should initially remain visible
+     */
+    initialDisplay?: number;
+    /**
+     * Array of position strings to add basic styles for positioning
+     */
+    position?: Array<"top" | "neartop" | "bottom" | "left" | "right">;
+    /**
+     * Class(es) to add
+     */
+    className?: string;
+    /**
+     * Whether element sohuld take focus when shown
+     */
+    takeFocus?: boolean;
+    /**
+     * Function called on button activation
+     */
+    clickHandler?: Function;
+};
+/**
+ * A floating transient button.
+ * It's recommended to insert these buttons _before_ the control bar with the this argument to `addChild`
+ * for a logical tab order.
+ *
+ * @example
+ * ```
+ * player.addChild(
+ *   'TransientButton',
+ *   options,
+ *   player.children().indexOf(player.getChild("ControlBar"))
+ * )
+ * ```
+ *
+ * @extends Button
+ */
+declare class TransientButton extends Button {
+    /**
+     * TransientButton constructor
+     *
+     * @param {Player} player The button's player
+     * @param {TransientButtonOptions} options Options for the transient button
+     */
+    constructor(player: Player, options: TransientButtonOptions);
+    /**
+     * Create the button element
+     *
+     * @return {HTMLButtonElement} The button element
+     */
+    createEl(): HTMLButtonElement;
+    forceDisplayTimeout: any;
+}
+import Button from './button.js';
+import type Player from './player';
+//# sourceMappingURL=transient-button.d.ts.map
\ No newline at end of file
diff --git a/priv/static/video.js/types/transient-button.d.ts.map b/priv/static/video.js/types/transient-button.d.ts.map
new file mode 100644
index 0000000..891da14
--- /dev/null
+++ b/priv/static/video.js/types/transient-button.d.ts.map
@@ -0,0 +1 @@
+{"version":3,"file":"transient-button.d.ts","sourceRoot":"","sources":["../../src/js/transient-button.js"],"names":[],"mappings":";;;;;kBASc,MAAM;;;;qBACN,MAAM;;;;eACN,KAAK,CAAC,KAAK,GAAC,SAAS,GAAC,QAAQ,GAAC,MAAM,GAAC,OAAO,CAAC;;;;gBAC9C,MAAM;;;;gBACN,OAAO;;;;;;AAWrB;;;;;;;;;;;;;;;GAeG;AACH;IACE;;;;;OAKG;IACH,oBAHW,MAAM,WACN,sBAAsB,EAahC;IAWD;;;;OAIG;IACH,YAFY,iBAAiB,CAe5B;IAaC,yBAEgC;CAkBnC;mBAxHkB,aAAa;wBAKR,UAAU"}
\ No newline at end of file
diff --git a/priv/static/video.js/types/utils/spatial-navigation-key-codes.d.ts b/priv/static/video.js/types/utils/spatial-navigation-key-codes.d.ts
new file mode 100644
index 0000000..07f5c98
--- /dev/null
+++ b/priv/static/video.js/types/utils/spatial-navigation-key-codes.d.ts
@@ -0,0 +1,21 @@
+export default SpatialNavKeyCodes;
+declare namespace SpatialNavKeyCodes {
+    namespace codes {
+        export let play: number;
+        export let pause: number;
+        export let ff: number;
+        export let rw: number;
+        export { backKeyCode as back };
+    }
+    let names: {
+        [x: number]: string;
+        415: string;
+        19: string;
+        417: string;
+        412: string;
+    };
+    function isEventKey(event: any, keyName: any): boolean;
+    function getEventName(event: any): string;
+}
+declare const backKeyCode: 10009 | 461 | 8;
+//# sourceMappingURL=spatial-navigation-key-codes.d.ts.map
\ No newline at end of file
diff --git a/priv/static/video.js/types/utils/spatial-navigation-key-codes.d.ts.map b/priv/static/video.js/types/utils/spatial-navigation-key-codes.d.ts.map
new file mode 100644
index 0000000..2aa32d2
--- /dev/null
+++ b/priv/static/video.js/types/utils/spatial-navigation-key-codes.d.ts.map
@@ -0,0 +1 @@
+{"version":3,"file":"spatial-navigation-key-codes.d.ts","sourceRoot":"","sources":["../../../src/js/utils/spatial-navigation-key-codes.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;IAyBE,uDAOC;IAED,0CASC;;AApCH,2CAA0E"}
\ No newline at end of file