Functions — github.com/Gyanreyer/hover-video-player

hub / github.com/Gyanreyer/hover-video-player / functions

Functions34 in github.com/Gyanreyer/hover-video-player

⨍ Functions 34 ◇ Types & classes 3

↓ 27 callersFunctionhoverOut

(hoverTargetLocator: Locator, isMobile: boolean)

tests/utils/hoverEvents.ts:11

↓ 27 callersFunctionhoverOver

(hoverTargetLocator: Locator, isMobile: boolean)

tests/utils/hoverEvents.ts:3

↓ 21 callersFunctionexpectComponentHasHoverTarget

(page: Page, isMobile: boolean, componentLocator: Locator, expectedElementLocator: Locator)

tests/hoverTarget.spec.ts:4

↓ 7 callersMethod_updatePlaybackState

(newPlaybackState: string | null)

src/hover-video-player.ts:286

↓ 4 callersMethod_setHoverTarget

* Updates the component's hover target element, cleans up event listeners on the * old hover target, and sets up new listeners on the new hover tar

src/hover-video-player.ts:694

↓ 3 callersMethod_cleanupTimeoutIDs

()

src/hover-video-player.ts:462

↓ 3 callersMethodhover

* Updates state and starts video playback. Triggered when the user hovers over the hover target, * but can be called programmatically for controlle

src/hover-video-player.ts:337

↓ 2 callersMethod_addHoverTargetListeners

* Hooks up event listeners to the hover target so it can start listening for hover events that will trigger playback.

src/hover-video-player.ts:428

↓ 2 callersMethod_getMillisecondsFromTimeString

* Extracts a time in milliseconds from a string which can be in the format * of a number of seconds (ie, "1.5s") or a number of milliseconds (ie, "

src/hover-video-player.ts:151

↓ 2 callersMethod_removeHoverTargetListeners

* Cleans up event listeners from a hover target element if the hover target has changed or the component has been disconnected. * * @param {HTML

src/hover-video-player.ts:447

↓ 2 callersMethod_startPlayback

* Starts video playback and updates the component's * playback state as the video loads and plays.

src/hover-video-player.ts:471

↓ 2 callersMethod_updateIsHovering

* Updates our state to reflact whether the user is hovering over the hover target and * sets a data attribute to allow styling based on this state.

src/hover-video-player.ts:324

↓ 2 callersMethodblur

* Updates state and pauses video playback. Triggered when the user stops hovering over the hover target, * but can be called programmatically for c

src/hover-video-player.ts:374

↓ 1 callersMethod_initializeTemplate

()

src/hover-video-player.ts:159

↓ 1 callersMethod_onBlur

* Handler for blur events on hover target

src/hover-video-player.ts:387

↓ 1 callersMethod_onDefaultSlotChange

* Grabs the video element when the video slot changes so we can control it.

src/hover-video-player.ts:593

↓ 1 callersMethod_onPausedOverlaySlotChange

* Tracks whether this component has a paused overlay when the paused-overlay slot updates. * This informs whether we should delay pausing the video

src/hover-video-player.ts:662

↓ 1 callersMethod_setHoverTargetForSelector

* Gets the element for a given selector string and sets it as the component's hover target. * * @param {string | null} selector

src/hover-video-player.ts:707

↓ 1 callersMethod_stopPlayback

* Stops video playback. * If there is a paused overlay, the video will wait to pause until the overlay has finished fading in. * If `restartOnPa

src/hover-video-player.ts:524

Method_onHover

* Handler for hover events on hover target

src/hover-video-player.ts:349

Method_onSlotChange

* Handles changes to this component's slots.

src/hover-video-player.ts:670

Method_onTouchOutsideOfHoverTarget

* Handler checks touch events and pauses playback if the user touches outside of the hover target.

src/hover-video-player.ts:410

MethodattributeChangedCallback

* Lifecycle method fires when one of the component's observed attributes changes. * * @param {string} name - The name of the attribute that chan

src/hover-video-player.ts:256

MethodconnectedCallback

* Lifecycle method that fires when the component is connected to the DOM; this is the first point * where we can get/set attributes on the componen

src/hover-video-player.ts:216

Methodconstructor

()

src/hover-video-player.ts:188

Methodcontrolled

* Whether the player is being controlled by manual calls to hover() and blur() in JS instead of * using hover events on the hover target element.

src/hover-video-player.ts:106

MethoddisconnectedCallback

* Lifecycle method that fires when the component is disconnected from the DOM.

src/hover-video-player.ts:241

MethodhoverTarget

* hoverTarget setter allows you to change the hover target element programmatically if you don't * want to deal with the `hover-target` selector at

src/hover-video-player.ts:88

MethodobservedAttributes

()

src/hover-video-player.ts:21

MethodplaybackStartDelay

(newValue: number)

src/hover-video-player.ts:60

MethodplaybackState

()

src/hover-video-player.ts:126

MethodrestartOnPause

(newValue: boolean)

src/hover-video-player.ts:29

src/hover-video-player.ts:44