Files
v10/dist/dev/ui/gesture/use-doubletap-gesture.js

28 lines
870 B
JavaScript

"use client";
import { useContainer } from "../../player/context.js";
import { useLatestRef } from "../../utils/use-latest-ref.js";
import { createDoubleTapGesture } from "@videojs/core/dom";
import { useEffect } from "react";
//#region src/ui/gesture/use-doubletap-gesture.ts
function useDoubleTapGesture(onActivate, options) {
const { pointer, region, disabled = false, target } = options ?? {};
const contextContainer = useContainer();
const container = target?.current ?? contextContainer;
const onActivateRef = useLatestRef(onActivate);
useEffect(() => {
if (!container || disabled) return;
return createDoubleTapGesture(container, (event) => onActivateRef.current(event), {
pointer,
region
});
}, [
container,
disabled,
pointer,
region
]);
}
//#endregion
export { useDoubleTapGesture };
//# sourceMappingURL=use-doubletap-gesture.js.map