@skodaflow/web-library 8.3.2 → 8.5.0

package/cjs/components/videoPlayer/formatVideoTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatVideoTime.js","sources":["../../../../../src/components/videoPlayer/formatVideoTime.ts"],"sourcesContent":["/** Seconds in one hour */\nconst HOUR_SECONDS = 3600;\n\n/**\n * Formats seconds as `m:ss`, or `h:mm:ss` when the time or the provided duration reaches one hour,\n * falling back to zero for negative/non-finite input\n */\nexport const formatVideoTime = (seconds: number, duration?: number): string => {\n  const totalSeconds = Number.isFinite(seconds) && seconds > 0 ? Math.floor(seconds) : 0;\n  const remainingSeconds = `${totalSeconds % 60}`.padStart(2, '0');\n\n  if (Math.max(totalSeconds, duration || 0) >= HOUR_SECONDS) {\n    const minutes = `${Math.floor((totalSeconds % HOUR_SECONDS) / 60)}`.padStart(2, '0');\n    return `${Math.floor(totalSeconds / HOUR_SECONDS)}:${minutes}:${remainingSeconds}`;\n  }\n  return `${Math.floor(totalSeconds / 60)}:${remainingSeconds}`;\n};\n"],"names":["HOUR_SECONDS","seconds","duration","totalSeconds","Number","isFinite","Math","floor","remainingSeconds","padStart","max","minutes"],"mappings":"aACA,MAAMA,EAAe,6BAMU,CAACC,EAAiBC,KAC/C,MAAMC,EAAeC,OAAOC,SAASJ,IAAYA,EAAU,EAAIK,KAAKC,MAAMN,GAAW,EAC/EO,GAAmB,GAAGL,EAAe,IAAKM,SAAS,EAAG,KAE5D,GAAIH,KAAKI,IAAIP,EAAcD,GAAY,IAAMF,EAAc,CACzD,MAAMW,EAAU,GAAGL,KAAKC,MAAOJ,EAAeH,EAAgB,MAAMS,SAAS,EAAG,KAChF,MAAO,GAAGH,KAAKC,MAAMJ,EAAeH,MAAiBW,KAAWH,GAClE,CACA,MAAO,GAAGF,KAAKC,MAAMJ,EAAe,OAAOK"}

package/cjs/components/videoPlayer/index.d.ts

@@ -0,0 +1,10 @@
+export * from './VideoPlayer';
+export * from './VideoPlayerIconButton';
+export * from './VideoPlayerPlayPauseButton';
+export * from './VideoPlayerSkipButton';
+export * from './VideoPlayerSoundButton';
+export * from './VideoPlayerFullscreenButton';
+export * from './VideoPlayerSlider';
+export * from './VideoPlayerTime';
+export * from './formatVideoTime';
+export * from './useVideoPlayerVisibility';

package/cjs/components/videoPlayer/useVideoPlayerVisibility.d.ts

@@ -0,0 +1,24 @@
+import { type RefObject } from 'react';
+export interface VideoPlayerVisibilityOptions {
+    /**
+     * Inactivity in ms after which the controls hide while the video is playing
+     */
+    hideDelay: number;
+    /**
+     * Keeps the controls always visible
+     */
+    disabled?: boolean;
+}
+interface VideoPlayerVisibility {
+    /** Whether the controls should be shown */
+    visible: boolean;
+    /** Shows the controls and restarts the hide delay, call on pointer and keyboard activity */
+    handleActivity: () => void;
+    /** Hides the controls right away, call when the pointer leaves the player */
+    handleLeave: () => void;
+}
+/**
+ * Hides the controls while the video is playing and the user is inactive or leaves the player
+ */
+export declare const useVideoPlayerVisibility: (videoRef: RefObject<HTMLVideoElement>, { hideDelay, disabled }: VideoPlayerVisibilityOptions) => VideoPlayerVisibility;
+export {};

package/cjs/components/videoPlayer/useVideoPlayerVisibility.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),i=require("../video/useVideoPlayPause.js");exports.useVideoPlayerVisibility=(u,{hideDelay:r,disabled:t})=>{const{isPlaying:a}=i.useVideoPlayPause(u),[s,l]=e.useState(!0),c=e.useRef(void 0),o=e.useCallback(()=>{l(!0),clearTimeout(c.current),c.current=setTimeout(()=>l(!1),r)},[r]),d=e.useCallback(()=>{clearTimeout(c.current),l(!1)},[]);return e.useEffect(()=>{a&&o()},[a,o]),e.useEffect(()=>()=>clearTimeout(c.current),[]),{visible:!!t||!a||s,handleActivity:o,handleLeave:d}};
+//# sourceMappingURL=useVideoPlayerVisibility.js.map

package/cjs/components/videoPlayer/useVideoPlayerVisibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVideoPlayerVisibility.js","sources":["../../../../../src/components/videoPlayer/useVideoPlayerVisibility.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type RefObject } from 'react';\nimport { useVideoPlayPause } from '@/src/components/video/useVideoPlayPause';\n\nexport interface VideoPlayerVisibilityOptions {\n  /**\n   * Inactivity in ms after which the controls hide while the video is playing\n   */\n  hideDelay: number;\n  /**\n   * Keeps the controls always visible\n   */\n  disabled?: boolean;\n}\n\ninterface VideoPlayerVisibility {\n  /** Whether the controls should be shown */\n  visible: boolean;\n  /** Shows the controls and restarts the hide delay, call on pointer and keyboard activity */\n  handleActivity: () => void;\n  /** Hides the controls right away, call when the pointer leaves the player */\n  handleLeave: () => void;\n}\n\n/**\n * Hides the controls while the video is playing and the user is inactive or leaves the player\n */\nexport const useVideoPlayerVisibility = (\n  videoRef: RefObject<HTMLVideoElement>,\n  { hideDelay, disabled }: VideoPlayerVisibilityOptions,\n): VideoPlayerVisibility => {\n  const { isPlaying } = useVideoPlayPause(videoRef);\n  const [isActive, setIsActive] = useState(true);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n  const handleActivity = useCallback(() => {\n    setIsActive(true);\n    clearTimeout(timeoutRef.current);\n    timeoutRef.current = setTimeout(() => setIsActive(false), hideDelay);\n  }, [hideDelay]);\n\n  const handleLeave = useCallback(() => {\n    clearTimeout(timeoutRef.current);\n    setIsActive(false);\n  }, []);\n\n  // restart the delay when playback starts, so autoplaying video hides the controls without any activity\n  useEffect(() => {\n    if (isPlaying) {\n      handleActivity();\n    }\n  }, [isPlaying, handleActivity]);\n\n  useEffect(() => () => clearTimeout(timeoutRef.current), []);\n\n  return {\n    visible: !!disabled || !isPlaying || isActive,\n    handleActivity,\n    handleLeave,\n  };\n};\n"],"names":["videoRef","hideDelay","disabled","isPlaying","useVideoPlayPause","isActive","setIsActive","useState","timeoutRef","useRef","undefined","handleActivity","useCallback","clearTimeout","current","setTimeout","handleLeave","useEffect","visible"],"mappings":"gHA0BwC,CACtCA,GACEC,YAAWC,eAEb,MAAMC,UAAEA,GAAcC,EAAAA,kBAAkBJ,IACjCK,EAAUC,GAAeC,EAAAA,UAAS,GACnCC,EAAaC,EAAAA,YAAsCC,GAEnDC,EAAiBC,EAAAA,YAAY,KACjCN,GAAY,GACZO,aAAaL,EAAWM,SACxBN,EAAWM,QAAUC,WAAW,IAAMT,GAAY,GAAQL,IACzD,CAACA,IAEEe,EAAcJ,EAAAA,YAAY,KAC9BC,aAAaL,EAAWM,SACxBR,GAAY,IACX,IAWH,OARAW,EAAAA,UAAU,KACJd,GACFQ,KAED,CAACR,EAAWQ,IAEfM,EAAAA,UAAU,IAAM,IAAMJ,aAAaL,EAAWM,SAAU,IAEjD,CACLI,UAAWhB,IAAaC,GAAaE,EACrCM,iBACAK"}