vuetify 3.9.5 → 3.9.7

package/lib/labs/VVideo/VVideo.js

@@ -5,9 +5,7 @@ import "./VVideo.css";
 // Components
 import { makeVVideoControlsProps, VVideoControls } from "./VVideoControls.js";
 import { VFadeTransition } from "../../components/transitions/index.js";
-import { VSpacer } from "../../components/VGrid/VSpacer.js";
 import { VImg } from "../../components/VImg/VImg.js";
-import { VOverlay } from "../../components/VOverlay/VOverlay.js";
 import { VProgressCircular } from "../../components/VProgressCircular/VProgressCircular.js";
 import { VIconBtn } from "../VIconBtn/VIconBtn.js"; // Composables
 import { useDisplay } from "../../composables/index.js";
@@ -20,7 +18,7 @@ import { useProxiedModel } from "../../composables/proxiedModel.js";
 import { useRounded } from "../../composables/rounded.js";
 import { makeThemeProps, provideTheme } from "../../composables/theme.js";
 import { MaybeTransition } from "../../composables/transition.js"; // Utilities
-import { nextTick, onBeforeUnmount, onMounted, ref, shallowRef, toRef, watch } from 'vue';
+import { nextTick, onBeforeUnmount, onMounted, ref, shallowRef, toRef, Transition, watch } from 'vue';
 import { createRange, genericComponent, omit, pick, propsFactory, useRender } from "../../util/index.js"; // Types
 const allowedVariants = ['background', 'player'];
 export const makeVVideoProps = propsFactory({
@@ -294,11 +292,6 @@ export const VVideo = genericComponent()({
     useRender(() => {
       const showControls = state.value === 'loaded' && props.variant === 'player' && props.controlsVariant !== 'hidden';
       const posterTransition = props.variant === 'background' ? 'poster-fade-out' : 'fade-transition';
-      const overlayProps = {
-        contained: true,
-        persistent: true,
-        contentClass: 'v-video__overlay-fill'
-      };
       const controlsProps = {
         ...VVideoControls.filterProps(omit(props, ['variant', 'rounded', 'hideVolume'])),
         rounded: Array.isArray(props.rounded) ? props.rounded.at(-1) : props.rounded,
@@ -334,8 +327,14 @@ export const VVideo = genericComponent()({
         "color": "#fff",
         "variant": "outlined",
         "iconSize": "50",
-        "class": "v-video__center-icon"
+        "class": "v-video__center-icon",
+        "onClick": onVideoClick
       }, null);
+      const activeOverlays = {
+        playIcon: props.variant === 'player' && state.value === 'loaded' && !props.hideOverlay && !playing.value,
+        poster: state.value !== 'loaded',
+        loading: props.variant === 'player' && (state.value === 'loading' || waiting.value)
+      };
       return _createElementVNode("div", {
         "ref": containerRef,
         "class": _normalizeClass(['v-video', `v-video--variant-${props.variant}`, `v-video--${state.value}`, {
@@ -369,39 +368,31 @@ export const VVideo = genericComponent()({
       }), [slots.sources?.() ?? _createElementVNode("source", {
         "src": props.src,
         "type": props.type
-      }, null)]), props.variant === 'player' && !props.hideOverlay && _createVNode(VOverlay, _mergeProps({
-        "key": "pause-overlay",
-        "modelValue": state.value === 'loaded',
-        "opacity": "0"
-      }, overlayProps), {
-        default: () => [_createVNode(VSpacer, null, null), _createVNode(MaybeTransition, {
-          "name": "fade-transition"
-        }, {
-          default: () => [!playing.value && overlayPlayIcon]
-        }), _createVNode(VSpacer, null, null)]
-      }), props.variant === 'player' && !!slots.header ? _createElementVNode("div", {
+      }, null)]), _createVNode(Transition, {
+        "name": "fade-transition"
+      }, {
+        default: () => [activeOverlays.playIcon && _createElementVNode("div", {
+          "class": "v-video__overlay-fill"
+        }, [overlayPlayIcon])]
+      }), props.variant === 'player' && !!slots.header && _createElementVNode("div", {
         "key": "header",
         "class": "v-video__header"
-      }, [slots.header()]) : '', _createVNode(VOverlay, _mergeProps({
-        "key": "poster-overlay",
-        "modelValue": state.value !== 'loaded',
+      }, [slots.header()]), _createVNode(MaybeTransition, {
         "transition": posterTransition
-      }, overlayProps), {
-        default: () => [_createVNode(VImg, {
+      }, {
+        default: () => [activeOverlays.poster && _createElementVNode("div", {
+          "class": "v-video__overlay-fill"
+        }, [_createVNode(VImg, {
           "cover": true,
           "src": props.image
         }, {
           default: () => [_createElementVNode("div", {
             "class": _normalizeClass(['v-video__overlay-fill', ...roundedContainerClasses.value])
           }, [props.variant === 'player' && overlayPlayIcon])]
-        })]
-      }), props.variant === 'player' && _createVNode(VOverlay, _mergeProps({
-        "key": "loading-overlay",
-        "modelValue": state.value === 'loading' || waiting.value,
-        "opacity": ".1"
-      }, overlayProps), {
-        default: () => [loadingIndicator]
-      })]), _createVNode(MaybeTransition, {
+        })])]
+      }), activeOverlays.loading && _createElementVNode("div", {
+        "class": "v-video__overlay-fill"
+      }, [loadingIndicator])]), _createVNode(MaybeTransition, {
         "key": "actions",
         "transition": props.controlsTransition
       }, {

package/lib/labs/VVideo/VVideo.js.map

@@ -1 +1 @@
-{"version":3,"file":"VVideo.js","names":["makeVVideoControlsProps","VVideoControls","VFadeTransition","VSpacer","VImg","VOverlay","VProgressCircular","VIconBtn","useDisplay","makeComponentProps","makeDensityProps","useDensity","makeDimensionProps","useDimension","useElevation","forwardRefs","useProxiedModel","useRounded","makeThemeProps","provideTheme","MaybeTransition","nextTick","onBeforeUnmount","onMounted","ref","shallowRef","toRef","watch","createRange","genericComponent","omit","pick","propsFactory","useRender","allowedVariants","makeVVideoProps","aspectRatio","String","Number","autoplay","Boolean","muted","eager","src","type","image","hideOverlay","noFullscreen","startAt","variant","default","validator","v","includes","controlsTransition","Object","component","controlsVariant","controlsProps","rounded","Array","VVideo","name","inheritAttrs","props","emits","loaded","element","val","setup","_ref","attrs","emit","slots","themeClasses","densityClasses","dimensionStyles","elevationClasses","ssr","roundedForContainer","isArray","roundedForControls","at","roundedClasses","roundedContainerClasses","roundedControlsClasses","containerRef","videoRef","controlsRef","playing","progress","volume","fullscreen","waiting","triggered","startAfterLoad","state","duration","fullscreenEnabled","controlsList","onTimeupdate","currentTime","value","onTriggered","addEventListener","onVideoLoaded","startTime","setTimeout","onClick","onKeydown","e","ctrlKey","key","startsWith","preventDefault","target","tagName","step","shiftKey","Math","min","max","map","skipTo","toggleMuted","toggleFullscreen","play","pause","once","immediate","removeEventListener","focusSlider","container","closest","innerSlider","querySelector","focus","fullscreenExitShortcut","document","body","fullscreenElement","exitFullscreen","onFullscreenExit","requestFullscreen","onVideoClick","onDoubleClick","lastTap","onTouchend","now","performance","showControls","posterTransition","overlayProps","contained","persistent","contentClass","filterProps","hideVolume","hideFullscreen","density","controlsEventHandlers","onSkip","onClick:fullscreen","stopPropagation","controlslist","filter","join","loadingIndicator","_createVNode","color","height","overlayPlayIcon","_createElementVNode","_normalizeClass","class","_normalizeStyle","style","_mergeProps","onPlay","onPause","onWaiting","onPlaying","sources","header","controls","prepend","append","video"],"sources":["../../../src/labs/VVideo/VVideo.tsx"],"sourcesContent":["// Styles\nimport './VVideo.sass'\n\n// Components\nimport { makeVVideoControlsProps, VVideoControls } from './VVideoControls'\nimport { VFadeTransition } from '@/components/transitions'\nimport { VSpacer } from '@/components/VGrid/VSpacer'\nimport { VImg } from '@/components/VImg/VImg'\nimport { VOverlay } from '@/components/VOverlay/VOverlay'\nimport { VProgressCircular } from '@/components/VProgressCircular/VProgressCircular'\nimport { VIconBtn } from '@/labs/VIconBtn/VIconBtn'\n\n// Composables\nimport { useDisplay } from '@/composables'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { useElevation } from '@/composables/elevation'\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRounded } from '@/composables/rounded'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport { nextTick, onBeforeUnmount, onMounted, ref, shallowRef, toRef, watch } from 'vue'\nimport { createRange, genericComponent, omit, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { Component, PropType, TransitionProps } from 'vue'\nimport type { VVideoControlsActionsSlot, VVideoControlsVariant } from './VVideoControls'\nimport type { LoaderSlotProps } from '@/composables/loader'\n\nexport type VVideoSlots = {\n  header: never\n  controls: VVideoControlsActionsSlot\n  prepend: VVideoControlsActionsSlot\n  append: VVideoControlsActionsSlot\n  loader: LoaderSlotProps\n  sources: never\n}\n\nconst allowedVariants = ['background', 'player'] as const\ntype Variant = typeof allowedVariants[number]\n\nexport const makeVVideoProps = propsFactory({\n  aspectRatio: [String, Number],\n  autoplay: Boolean,\n  muted: Boolean,\n  eager: Boolean,\n  src: String,\n  type: String, // e.g. video/mp4\n  image: String,\n  hideOverlay: Boolean,\n  noFullscreen: Boolean,\n  startAt: [Number, String],\n  variant: {\n    type: String as PropType<Variant>,\n    default: 'player',\n    validator: (v: any) => allowedVariants.includes(v),\n  },\n  controlsTransition: {\n    type: [Boolean, String, Object] as PropType<null | string | boolean | TransitionProps & { component?: any }>,\n    component: VFadeTransition as Component,\n  },\n  controlsVariant: {\n    type: String as PropType<VVideoControlsVariant>,\n    default: 'default',\n  },\n  controlsProps: {\n    type: Object as PropType<VVideoControls['$props']>,\n  },\n  rounded: [Boolean, Number, String, Array] as PropType<boolean | number | string | (boolean | number | string)[]>,\n\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeDimensionProps(),\n  ...makeThemeProps(),\n  ...omit(makeVVideoControlsProps(), [\n    'fullscreen',\n    'variant',\n  ]),\n}, 'VVideo')\n\nexport const VVideo = genericComponent<VVideoSlots>()({\n  name: 'VVideo',\n\n  inheritAttrs: false,\n\n  props: makeVVideoProps(),\n\n  emits: {\n    loaded: (element: HTMLVideoElement) => true,\n    'update:playing': (val: boolean) => true,\n    'update:progress': (val: number) => true,\n    'update:volume': (val: number) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { ssr } = useDisplay()\n\n    const roundedForContainer = toRef(() => Array.isArray(props.rounded) ? props.rounded[0] : props.rounded)\n    const roundedForControls = toRef(() => Array.isArray(props.rounded) ? props.rounded.at(-1) : props.rounded ?? false)\n    const { roundedClasses: roundedContainerClasses } = useRounded(roundedForContainer)\n    const { roundedClasses: roundedControlsClasses } = useRounded(roundedForControls)\n\n    const containerRef = ref<HTMLDivElement>()\n    const videoRef = ref<HTMLVideoElement>()\n    const controlsRef = ref<VVideoControls>()\n\n    const playing = useProxiedModel(props, 'playing')\n    const progress = useProxiedModel(props, 'progress')\n    const volume = useProxiedModel(props, 'volume', 0, (v?: number | string) => Number(v ?? 0))\n\n    const fullscreen = shallowRef(false)\n    const waiting = shallowRef(false)\n    const triggered = shallowRef(false)\n    const startAfterLoad = shallowRef(false)\n    const state = shallowRef<'idle' | 'loading' | 'loaded' | 'error'>(props.autoplay ? 'loading' : 'idle')\n    const duration = shallowRef(0)\n\n    const fullscreenEnabled = toRef(() => !props.noFullscreen && !String(attrs.controlsList ?? '').includes('nofullscreen'))\n\n    function onTimeupdate () {\n      const { currentTime, duration } = videoRef.value!\n      progress.value = duration === 0 ? 0 : 100 * currentTime / duration\n    }\n\n    async function onTriggered () {\n      await nextTick()\n      if (!videoRef.value) return\n      videoRef.value.addEventListener('timeupdate', onTimeupdate)\n      videoRef.value.volume = volume.value / 100\n      if (state.value !== 'loaded') {\n        state.value = 'loading'\n      }\n    }\n\n    function onVideoLoaded () {\n      state.value = 'loaded'\n      duration.value = videoRef.value!.duration\n\n      const startTime = Number(props.startAt ?? 0)\n      if (startTime && startTime <= duration.value) {\n        videoRef.value!.currentTime = startTime\n        progress.value = duration.value === 0 ? 0 : 100 * startTime / duration.value\n      }\n\n      if (startAfterLoad.value) {\n        setTimeout(() => playing.value = true, 100)\n      }\n\n      emit('loaded', videoRef.value!)\n    }\n\n    function onClick () {\n      if (state.value !== 'loaded') {\n        triggered.value = true\n        startAfterLoad.value = !startAfterLoad.value\n      }\n    }\n\n    function onKeydown (e: KeyboardEvent) {\n      if (!videoRef.value || e.ctrlKey) return\n      if (e.key.startsWith('Arrow')) {\n        e.preventDefault()\n      }\n      switch (true) {\n        case e.key === ' ': {\n          if (!['A', 'BUTTON'].includes((e.target as Element)?.tagName)) {\n            e.preventDefault()\n            playing.value = !playing.value\n          }\n          break\n        }\n        case e.key === 'ArrowRight': {\n          const step = 10 * (e.shiftKey ? 6 : 1)\n          videoRef.value.currentTime = Math.min(videoRef.value.currentTime + step, duration.value)\n          // TODO: show skip indicator\n          break\n        }\n        case e.key === 'ArrowLeft': {\n          const step = 10 * (e.shiftKey ? 6 : 1)\n          videoRef.value.currentTime = Math.max(videoRef.value.currentTime - step, 0)\n          // TODO: show skip indicator\n          break\n        }\n        case createRange(10).map(String).includes(e.key): {\n          skipTo(Number(e.key) * 10)\n          break\n        }\n        case e.key === 'ArrowUp': {\n          volume.value = Math.min(volume.value + 10, 100)\n          // TODO: show volume change indicator\n          break\n        }\n        case e.key === 'ArrowDown': {\n          volume.value = Math.max(volume.value - 10, 0)\n          // TODO: show volume change indicator\n          break\n        }\n        case e.key === 'm': {\n          controlsRef.value?.toggleMuted()\n          break\n        }\n        case e.key === 'f': {\n          toggleFullscreen()\n          break\n        }\n      }\n    }\n\n    function skipTo (v: number) {\n      if (!videoRef.value) return\n      progress.value = v\n      videoRef.value.currentTime = duration.value * v / 100\n    }\n\n    watch(() => props.src, v => {\n      progress.value = 0\n    })\n\n    watch(playing, v => {\n      if (!videoRef.value) return\n      if (v) {\n        videoRef.value.play()\n      } else {\n        videoRef.value.pause()\n      }\n    })\n\n    watch(volume, v => {\n      if (!videoRef.value) return\n      videoRef.value.volume = v / 100\n    })\n\n    watch(triggered, () => onTriggered(), { once: true })\n\n    watch(() => props.eager, v => v && (triggered.value = true), { immediate: true })\n\n    onMounted(() => {\n      if (props.autoplay && !ssr) {\n        triggered.value = true\n        startAfterLoad.value = true\n      }\n    })\n\n    onBeforeUnmount(() => {\n      videoRef.value?.removeEventListener('timeupdate', onTimeupdate)\n    })\n\n    function focusSlider () {\n      const container = videoRef.value?.closest('.v-video') as HTMLElement\n      const innerSlider = container?.querySelector('[role=\"slider\"]') as HTMLElement\n      innerSlider?.focus()\n    }\n\n    function fullscreenExitShortcut (e: KeyboardEvent) {\n      if (['ESC', 'f'].includes(e.key)) {\n        toggleFullscreen()\n        document.body.removeEventListener('keydown', fullscreenExitShortcut)\n      }\n    }\n\n    async function toggleFullscreen () {\n      if (!fullscreenEnabled.value || !document.fullscreenEnabled) {\n        return\n      }\n      if (document.fullscreenElement) {\n        document.exitFullscreen()\n        onFullscreenExit()\n      } else {\n        await containerRef.value?.requestFullscreen()\n        document.body.addEventListener('keydown', fullscreenExitShortcut)\n        document.addEventListener('fullscreenchange', onFullscreenExit)\n        fullscreen.value = true\n      }\n    }\n\n    function onFullscreenExit () {\n      // event fires with a delay after requestFullscreen(), ignore first run\n      if (document.fullscreenElement) return\n\n      focusSlider()\n      fullscreen.value = false\n      document.body.removeEventListener('keydown', fullscreenExitShortcut)\n      document.removeEventListener('fullscreenchange', onFullscreenExit)\n    }\n\n    function onVideoClick (e: Event) {\n      e.preventDefault()\n      if (state.value === 'loaded') {\n        playing.value = !playing.value\n        focusSlider()\n      }\n    }\n\n    function onDoubleClick (e: Event) {\n      e.preventDefault()\n      toggleFullscreen()\n    }\n\n    let lastTap = 0\n    function onTouchend (e: Event) {\n      const now = performance.now()\n      if ((now - lastTap) < 500) {\n        e.preventDefault()\n        toggleFullscreen()\n      } else {\n        lastTap = now\n      }\n    }\n\n    useRender(() => {\n      const showControls = state.value === 'loaded' &&\n        props.variant === 'player' &&\n        props.controlsVariant !== 'hidden'\n\n      const posterTransition = props.variant === 'background'\n        ? 'poster-fade-out'\n        : 'fade-transition'\n\n      const overlayProps = {\n        contained: true,\n        persistent: true,\n        contentClass: 'v-video__overlay-fill',\n      }\n\n      const controlsProps = {\n        ...VVideoControls.filterProps(omit(props, ['variant', 'rounded', 'hideVolume'])),\n        rounded: Array.isArray(props.rounded) ? props.rounded.at(-1) : props.rounded,\n        fullscreen: fullscreen.value,\n        hideVolume: props.hideVolume || props.muted,\n        hideFullscreen: props.hideFullscreen || !fullscreenEnabled.value,\n        density: props.density,\n        variant: props.controlsVariant,\n        playing: playing.value,\n        progress: progress.value,\n        duration: duration.value,\n        volume: volume.value,\n        ...props.controlsProps,\n      }\n\n      const controlsEventHandlers = {\n        onSkip: (v: number) => skipTo(v),\n        'onClick:fullscreen': () => toggleFullscreen(),\n        'onUpdate:playing': (v: boolean) => playing.value = v,\n        'onUpdate:progress': (v: number) => skipTo(v),\n        'onUpdate:volume': (v: number) => volume.value = v,\n        onClick: (e: Event) => e.stopPropagation(),\n      }\n\n      const controlslist = [\n        attrs.controlslist,\n        props.noFullscreen ? 'nofullscreen' : '',\n      ].filter(Boolean).join(' ')\n\n      const loadingIndicator = (\n        <VProgressCircular\n          indeterminate\n          color={ props.color }\n          width=\"3\"\n          size={ Math.min(100, Number(props.height) / 2 || 50) }\n        />\n      )\n\n      const overlayPlayIcon = (\n        <VIconBtn\n          icon=\"$play\"\n          size=\"80\"\n          color=\"#fff\"\n          variant=\"outlined\"\n          iconSize=\"50\"\n          class=\"v-video__center-icon\"\n        />\n      )\n\n      return (\n        <div\n          ref={ containerRef }\n          class={[\n            'v-video',\n            `v-video--variant-${props.variant}`,\n            `v-video--${state.value}`,\n            { 'v-video--playing': playing.value },\n            themeClasses.value,\n            densityClasses.value,\n            roundedContainerClasses.value,\n            props.class,\n          ]}\n          style={[\n            { '--v-video-aspect-ratio': props.aspectRatio },\n            props.variant === 'background' ? [] : pick(dimensionStyles.value, ['width', 'minWidth', 'maxWidth']),\n            props.style,\n          ]}\n          onKeydown={ onKeydown }\n          onClick={ onClick }\n        >\n          <div\n            class={[\n              'v-video__content',\n              elevationClasses.value,\n            ]}\n            style={[\n              props.variant === 'background' ? [] : dimensionStyles.value,\n            ]}\n          >\n            { (props.eager || triggered.value) && (\n              <video\n                key=\"video-element\"\n                class={[\n                  'v-video__video',\n                  roundedContainerClasses.value,\n                ]}\n                { ...omit(attrs, ['controlslist', 'class', 'style']) }\n                controlslist={ controlslist }\n                autoplay={ props.autoplay }\n                muted={ props.muted }\n                playsinline\n                ref={ videoRef }\n                onLoadeddata={ onVideoLoaded }\n                onPlay={ () => playing.value = true }\n                onPause={ () => playing.value = false }\n                onWaiting={ () => waiting.value = true }\n                onPlaying={ () => waiting.value = false }\n                onClick={ onVideoClick }\n                onDblclick={ onDoubleClick }\n                onTouchend={ onTouchend }\n              >\n                { slots.sources?.() ?? <source src={ props.src } type={ props.type } /> }\n              </video>\n            )}\n            { props.variant === 'player' && !props.hideOverlay && (\n              <VOverlay\n                key=\"pause-overlay\"\n                modelValue={ state.value === 'loaded' }\n                opacity=\"0\"\n                { ...overlayProps }\n              >\n                <VSpacer />\n                <MaybeTransition name=\"fade-transition\">\n                  { !playing.value && overlayPlayIcon }\n                </MaybeTransition>\n                <VSpacer />\n              </VOverlay>\n            )}\n            { props.variant === 'player' && !!slots.header\n              ? (\n                <div key=\"header\" class=\"v-video__header\">\n                  { slots.header() }\n                </div>\n              )\n              : '' }\n            <VOverlay\n              key=\"poster-overlay\"\n              modelValue={ state.value !== 'loaded' }\n              transition={ posterTransition }\n              { ...overlayProps }\n            >\n              <VImg cover src={ props.image }>\n                <div\n                  class={[\n                    'v-video__overlay-fill',\n                    ...roundedContainerClasses.value,\n                  ]}\n                >\n                  { props.variant === 'player' && overlayPlayIcon }\n                </div>\n              </VImg>\n            </VOverlay>\n            { props.variant === 'player' && (\n              <VOverlay\n                key=\"loading-overlay\"\n                modelValue={ state.value === 'loading' || waiting.value }\n                opacity=\".1\"\n                { ...overlayProps }\n              >\n                { loadingIndicator }\n              </VOverlay>\n            )}\n          </div>\n          <MaybeTransition key=\"actions\" transition={ props.controlsTransition }>\n            { showControls && (\n              <VVideoControls\n                ref={ controlsRef }\n                class={ roundedControlsClasses.value }\n                { ...controlsProps }\n                { ...controlsEventHandlers }\n              >\n                {{\n                  default: slots.controls,\n                  prepend: slots.prepend,\n                  append: slots.append,\n                }}\n              </VVideoControls>\n            )}\n          </MaybeTransition>\n        </div>\n      )\n    })\n\n    return {\n      video: videoRef,\n      ...forwardRefs({\n        skipTo,\n        toggleFullscreen,\n      }, controlsRef),\n    }\n  },\n})\n\nexport type VVideo = InstanceType<typeof VVideo>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VVideo.js","names":["makeVVideoControlsProps","VVideoControls","VFadeTransition","VImg","VProgressCircular","VIconBtn","useDisplay","makeComponentProps","makeDensityProps","useDensity","makeDimensionProps","useDimension","useElevation","forwardRefs","useProxiedModel","useRounded","makeThemeProps","provideTheme","MaybeTransition","nextTick","onBeforeUnmount","onMounted","ref","shallowRef","toRef","Transition","watch","createRange","genericComponent","omit","pick","propsFactory","useRender","allowedVariants","makeVVideoProps","aspectRatio","String","Number","autoplay","Boolean","muted","eager","src","type","image","hideOverlay","noFullscreen","startAt","variant","default","validator","v","includes","controlsTransition","Object","component","controlsVariant","controlsProps","rounded","Array","VVideo","name","inheritAttrs","props","emits","loaded","element","val","setup","_ref","attrs","emit","slots","themeClasses","densityClasses","dimensionStyles","elevationClasses","ssr","roundedForContainer","isArray","roundedForControls","at","roundedClasses","roundedContainerClasses","roundedControlsClasses","containerRef","videoRef","controlsRef","playing","progress","volume","fullscreen","waiting","triggered","startAfterLoad","state","duration","fullscreenEnabled","controlsList","onTimeupdate","currentTime","value","onTriggered","addEventListener","onVideoLoaded","startTime","setTimeout","onClick","onKeydown","e","ctrlKey","key","startsWith","preventDefault","target","tagName","step","shiftKey","Math","min","max","map","skipTo","toggleMuted","toggleFullscreen","play","pause","once","immediate","removeEventListener","focusSlider","container","closest","innerSlider","querySelector","focus","fullscreenExitShortcut","document","body","fullscreenElement","exitFullscreen","onFullscreenExit","requestFullscreen","onVideoClick","onDoubleClick","lastTap","onTouchend","now","performance","showControls","posterTransition","filterProps","hideVolume","hideFullscreen","density","controlsEventHandlers","onSkip","onClick:fullscreen","stopPropagation","controlslist","filter","join","loadingIndicator","_createVNode","color","height","overlayPlayIcon","activeOverlays","playIcon","poster","loading","_createElementVNode","_normalizeClass","class","_normalizeStyle","style","_mergeProps","onPlay","onPause","onWaiting","onPlaying","sources","header","controls","prepend","append","video"],"sources":["../../../src/labs/VVideo/VVideo.tsx"],"sourcesContent":["// Styles\nimport './VVideo.sass'\n\n// Components\nimport { makeVVideoControlsProps, VVideoControls } from './VVideoControls'\nimport { VFadeTransition } from '@/components/transitions'\nimport { VImg } from '@/components/VImg/VImg'\nimport { VProgressCircular } from '@/components/VProgressCircular/VProgressCircular'\nimport { VIconBtn } from '@/labs/VIconBtn/VIconBtn'\n\n// Composables\nimport { useDisplay } from '@/composables'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { useElevation } from '@/composables/elevation'\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRounded } from '@/composables/rounded'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport { nextTick, onBeforeUnmount, onMounted, ref, shallowRef, toRef, Transition, watch } from 'vue'\nimport { createRange, genericComponent, omit, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { Component, PropType, TransitionProps } from 'vue'\nimport type { VVideoControlsActionsSlot, VVideoControlsVariant } from './VVideoControls'\nimport type { LoaderSlotProps } from '@/composables/loader'\n\nexport type VVideoSlots = {\n  header: never\n  controls: VVideoControlsActionsSlot\n  prepend: VVideoControlsActionsSlot\n  append: VVideoControlsActionsSlot\n  loader: LoaderSlotProps\n  sources: never\n}\n\nconst allowedVariants = ['background', 'player'] as const\ntype Variant = typeof allowedVariants[number]\n\nexport const makeVVideoProps = propsFactory({\n  aspectRatio: [String, Number],\n  autoplay: Boolean,\n  muted: Boolean,\n  eager: Boolean,\n  src: String,\n  type: String, // e.g. video/mp4\n  image: String,\n  hideOverlay: Boolean,\n  noFullscreen: Boolean,\n  startAt: [Number, String],\n  variant: {\n    type: String as PropType<Variant>,\n    default: 'player',\n    validator: (v: any) => allowedVariants.includes(v),\n  },\n  controlsTransition: {\n    type: [Boolean, String, Object] as PropType<null | string | boolean | TransitionProps & { component?: any }>,\n    component: VFadeTransition as Component,\n  },\n  controlsVariant: {\n    type: String as PropType<VVideoControlsVariant>,\n    default: 'default',\n  },\n  controlsProps: {\n    type: Object as PropType<VVideoControls['$props']>,\n  },\n  rounded: [Boolean, Number, String, Array] as PropType<boolean | number | string | (boolean | number | string)[]>,\n\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeDimensionProps(),\n  ...makeThemeProps(),\n  ...omit(makeVVideoControlsProps(), [\n    'fullscreen',\n    'variant',\n  ]),\n}, 'VVideo')\n\nexport const VVideo = genericComponent<VVideoSlots>()({\n  name: 'VVideo',\n\n  inheritAttrs: false,\n\n  props: makeVVideoProps(),\n\n  emits: {\n    loaded: (element: HTMLVideoElement) => true,\n    'update:playing': (val: boolean) => true,\n    'update:progress': (val: number) => true,\n    'update:volume': (val: number) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { ssr } = useDisplay()\n\n    const roundedForContainer = toRef(() => Array.isArray(props.rounded) ? props.rounded[0] : props.rounded)\n    const roundedForControls = toRef(() => Array.isArray(props.rounded) ? props.rounded.at(-1) : props.rounded ?? false)\n    const { roundedClasses: roundedContainerClasses } = useRounded(roundedForContainer)\n    const { roundedClasses: roundedControlsClasses } = useRounded(roundedForControls)\n\n    const containerRef = ref<HTMLDivElement>()\n    const videoRef = ref<HTMLVideoElement>()\n    const controlsRef = ref<VVideoControls>()\n\n    const playing = useProxiedModel(props, 'playing')\n    const progress = useProxiedModel(props, 'progress')\n    const volume = useProxiedModel(props, 'volume', 0, (v?: number | string) => Number(v ?? 0))\n\n    const fullscreen = shallowRef(false)\n    const waiting = shallowRef(false)\n    const triggered = shallowRef(false)\n    const startAfterLoad = shallowRef(false)\n    const state = shallowRef<'idle' | 'loading' | 'loaded' | 'error'>(props.autoplay ? 'loading' : 'idle')\n    const duration = shallowRef(0)\n\n    const fullscreenEnabled = toRef(() => !props.noFullscreen && !String(attrs.controlsList ?? '').includes('nofullscreen'))\n\n    function onTimeupdate () {\n      const { currentTime, duration } = videoRef.value!\n      progress.value = duration === 0 ? 0 : 100 * currentTime / duration\n    }\n\n    async function onTriggered () {\n      await nextTick()\n      if (!videoRef.value) return\n      videoRef.value.addEventListener('timeupdate', onTimeupdate)\n      videoRef.value.volume = volume.value / 100\n      if (state.value !== 'loaded') {\n        state.value = 'loading'\n      }\n    }\n\n    function onVideoLoaded () {\n      state.value = 'loaded'\n      duration.value = videoRef.value!.duration\n\n      const startTime = Number(props.startAt ?? 0)\n      if (startTime && startTime <= duration.value) {\n        videoRef.value!.currentTime = startTime\n        progress.value = duration.value === 0 ? 0 : 100 * startTime / duration.value\n      }\n\n      if (startAfterLoad.value) {\n        setTimeout(() => playing.value = true, 100)\n      }\n\n      emit('loaded', videoRef.value!)\n    }\n\n    function onClick () {\n      if (state.value !== 'loaded') {\n        triggered.value = true\n        startAfterLoad.value = !startAfterLoad.value\n      }\n    }\n\n    function onKeydown (e: KeyboardEvent) {\n      if (!videoRef.value || e.ctrlKey) return\n      if (e.key.startsWith('Arrow')) {\n        e.preventDefault()\n      }\n      switch (true) {\n        case e.key === ' ': {\n          if (!['A', 'BUTTON'].includes((e.target as Element)?.tagName)) {\n            e.preventDefault()\n            playing.value = !playing.value\n          }\n          break\n        }\n        case e.key === 'ArrowRight': {\n          const step = 10 * (e.shiftKey ? 6 : 1)\n          videoRef.value.currentTime = Math.min(videoRef.value.currentTime + step, duration.value)\n          // TODO: show skip indicator\n          break\n        }\n        case e.key === 'ArrowLeft': {\n          const step = 10 * (e.shiftKey ? 6 : 1)\n          videoRef.value.currentTime = Math.max(videoRef.value.currentTime - step, 0)\n          // TODO: show skip indicator\n          break\n        }\n        case createRange(10).map(String).includes(e.key): {\n          skipTo(Number(e.key) * 10)\n          break\n        }\n        case e.key === 'ArrowUp': {\n          volume.value = Math.min(volume.value + 10, 100)\n          // TODO: show volume change indicator\n          break\n        }\n        case e.key === 'ArrowDown': {\n          volume.value = Math.max(volume.value - 10, 0)\n          // TODO: show volume change indicator\n          break\n        }\n        case e.key === 'm': {\n          controlsRef.value?.toggleMuted()\n          break\n        }\n        case e.key === 'f': {\n          toggleFullscreen()\n          break\n        }\n      }\n    }\n\n    function skipTo (v: number) {\n      if (!videoRef.value) return\n      progress.value = v\n      videoRef.value.currentTime = duration.value * v / 100\n    }\n\n    watch(() => props.src, v => {\n      progress.value = 0\n    })\n\n    watch(playing, v => {\n      if (!videoRef.value) return\n      if (v) {\n        videoRef.value.play()\n      } else {\n        videoRef.value.pause()\n      }\n    })\n\n    watch(volume, v => {\n      if (!videoRef.value) return\n      videoRef.value.volume = v / 100\n    })\n\n    watch(triggered, () => onTriggered(), { once: true })\n\n    watch(() => props.eager, v => v && (triggered.value = true), { immediate: true })\n\n    onMounted(() => {\n      if (props.autoplay && !ssr) {\n        triggered.value = true\n        startAfterLoad.value = true\n      }\n    })\n\n    onBeforeUnmount(() => {\n      videoRef.value?.removeEventListener('timeupdate', onTimeupdate)\n    })\n\n    function focusSlider () {\n      const container = videoRef.value?.closest('.v-video') as HTMLElement\n      const innerSlider = container?.querySelector('[role=\"slider\"]') as HTMLElement\n      innerSlider?.focus()\n    }\n\n    function fullscreenExitShortcut (e: KeyboardEvent) {\n      if (['ESC', 'f'].includes(e.key)) {\n        toggleFullscreen()\n        document.body.removeEventListener('keydown', fullscreenExitShortcut)\n      }\n    }\n\n    async function toggleFullscreen () {\n      if (!fullscreenEnabled.value || !document.fullscreenEnabled) {\n        return\n      }\n      if (document.fullscreenElement) {\n        document.exitFullscreen()\n        onFullscreenExit()\n      } else {\n        await containerRef.value?.requestFullscreen()\n        document.body.addEventListener('keydown', fullscreenExitShortcut)\n        document.addEventListener('fullscreenchange', onFullscreenExit)\n        fullscreen.value = true\n      }\n    }\n\n    function onFullscreenExit () {\n      // event fires with a delay after requestFullscreen(), ignore first run\n      if (document.fullscreenElement) return\n\n      focusSlider()\n      fullscreen.value = false\n      document.body.removeEventListener('keydown', fullscreenExitShortcut)\n      document.removeEventListener('fullscreenchange', onFullscreenExit)\n    }\n\n    function onVideoClick (e: Event) {\n      e.preventDefault()\n      if (state.value === 'loaded') {\n        playing.value = !playing.value\n        focusSlider()\n      }\n    }\n\n    function onDoubleClick (e: Event) {\n      e.preventDefault()\n      toggleFullscreen()\n    }\n\n    let lastTap = 0\n    function onTouchend (e: Event) {\n      const now = performance.now()\n      if ((now - lastTap) < 500) {\n        e.preventDefault()\n        toggleFullscreen()\n      } else {\n        lastTap = now\n      }\n    }\n\n    useRender(() => {\n      const showControls = state.value === 'loaded' &&\n        props.variant === 'player' &&\n        props.controlsVariant !== 'hidden'\n\n      const posterTransition = props.variant === 'background'\n        ? 'poster-fade-out'\n        : 'fade-transition'\n\n      const controlsProps = {\n        ...VVideoControls.filterProps(omit(props, ['variant', 'rounded', 'hideVolume'])),\n        rounded: Array.isArray(props.rounded) ? props.rounded.at(-1) : props.rounded,\n        fullscreen: fullscreen.value,\n        hideVolume: props.hideVolume || props.muted,\n        hideFullscreen: props.hideFullscreen || !fullscreenEnabled.value,\n        density: props.density,\n        variant: props.controlsVariant,\n        playing: playing.value,\n        progress: progress.value,\n        duration: duration.value,\n        volume: volume.value,\n        ...props.controlsProps,\n      }\n\n      const controlsEventHandlers = {\n        onSkip: (v: number) => skipTo(v),\n        'onClick:fullscreen': () => toggleFullscreen(),\n        'onUpdate:playing': (v: boolean) => playing.value = v,\n        'onUpdate:progress': (v: number) => skipTo(v),\n        'onUpdate:volume': (v: number) => volume.value = v,\n        onClick: (e: Event) => e.stopPropagation(),\n      }\n\n      const controlslist = [\n        attrs.controlslist,\n        props.noFullscreen ? 'nofullscreen' : '',\n      ].filter(Boolean).join(' ')\n\n      const loadingIndicator = (\n        <VProgressCircular\n          indeterminate\n          color={ props.color }\n          width=\"3\"\n          size={ Math.min(100, Number(props.height) / 2 || 50) }\n        />\n      )\n\n      const overlayPlayIcon = (\n        <VIconBtn\n          icon=\"$play\"\n          size=\"80\"\n          color=\"#fff\"\n          variant=\"outlined\"\n          iconSize=\"50\"\n          class=\"v-video__center-icon\"\n          onClick={ onVideoClick }\n        />\n      )\n\n      const activeOverlays = {\n        playIcon: props.variant === 'player' &&\n          state.value === 'loaded' &&\n          !props.hideOverlay &&\n          !playing.value,\n        poster: state.value !== 'loaded',\n        loading: props.variant === 'player' &&\n          (\n            state.value === 'loading' ||\n            waiting.value\n          ),\n      }\n\n      return (\n        <div\n          ref={ containerRef }\n          class={[\n            'v-video',\n            `v-video--variant-${props.variant}`,\n            `v-video--${state.value}`,\n            { 'v-video--playing': playing.value },\n            themeClasses.value,\n            densityClasses.value,\n            roundedContainerClasses.value,\n            props.class,\n          ]}\n          style={[\n            { '--v-video-aspect-ratio': props.aspectRatio },\n            props.variant === 'background' ? [] : pick(dimensionStyles.value, ['width', 'minWidth', 'maxWidth']),\n            props.style,\n          ]}\n          onKeydown={ onKeydown }\n          onClick={ onClick }\n        >\n          <div\n            class={[\n              'v-video__content',\n              elevationClasses.value,\n            ]}\n            style={[\n              props.variant === 'background' ? [] : dimensionStyles.value,\n            ]}\n          >\n            { (props.eager || triggered.value) && (\n              <video\n                key=\"video-element\"\n                class={[\n                  'v-video__video',\n                  roundedContainerClasses.value,\n                ]}\n                { ...omit(attrs, ['controlslist', 'class', 'style']) }\n                controlslist={ controlslist }\n                autoplay={ props.autoplay }\n                muted={ props.muted }\n                playsinline\n                ref={ videoRef }\n                onLoadeddata={ onVideoLoaded }\n                onPlay={ () => playing.value = true }\n                onPause={ () => playing.value = false }\n                onWaiting={ () => waiting.value = true }\n                onPlaying={ () => waiting.value = false }\n                onClick={ onVideoClick }\n                onDblclick={ onDoubleClick }\n                onTouchend={ onTouchend }\n              >\n                { slots.sources?.() ?? <source src={ props.src } type={ props.type } /> }\n              </video>\n            )}\n            <Transition name=\"fade-transition\">\n              { activeOverlays.playIcon && (\n                <div class=\"v-video__overlay-fill\">\n                  { overlayPlayIcon }\n                </div>\n              )}\n            </Transition>\n            { props.variant === 'player' &&\n              !!slots.header &&\n              (\n                <div key=\"header\" class=\"v-video__header\">\n                  { slots.header() }\n                </div>\n              )\n            }\n            <MaybeTransition transition={ posterTransition }>\n              { activeOverlays.poster && (\n                <div class=\"v-video__overlay-fill\">\n                  <VImg cover src={ props.image }>\n                    <div\n                      class={[\n                        'v-video__overlay-fill',\n                        ...roundedContainerClasses.value,\n                      ]}\n                    >\n                      { props.variant === 'player' && overlayPlayIcon }\n                    </div>\n                  </VImg>\n                </div>\n              )}\n            </MaybeTransition>\n            { activeOverlays.loading && (\n              <div class=\"v-video__overlay-fill\">\n                { loadingIndicator }\n              </div>\n            )}\n          </div>\n          <MaybeTransition key=\"actions\" transition={ props.controlsTransition }>\n            { showControls && (\n              <VVideoControls\n                ref={ controlsRef }\n                class={ roundedControlsClasses.value }\n                { ...controlsProps }\n                { ...controlsEventHandlers }\n              >\n                {{\n                  default: slots.controls,\n                  prepend: slots.prepend,\n                  append: slots.append,\n                }}\n              </VVideoControls>\n            )}\n          </MaybeTransition>\n        </div>\n      )\n    })\n\n    return {\n      video: videoRef,\n      ...forwardRefs({\n        skipTo,\n        toggleFullscreen,\n      }, controlsRef),\n    }\n  },\n})\n\nexport type VVideo = InstanceType<typeof VVideo>\n"],"mappings":"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","ignoreList":[]}

package/lib/labs/VVideo/VVideo.sass

@@ -45,16 +45,16 @@
       @include tools.elevation($video-elevation)
 
     &:not(.v-video--idle)
-      .v-video__content .v-overlay
+      .v-video__content .v-video__overlay-fill
         &, > *
           pointer-events: none
 
     &__overlay-fill
+      position: absolute
+      inset: 0
       display: flex
       align-items: center
       justify-content: center
-      width: 100%
-      height: 100%
       border-radius: inherit
 
       > .v-img
@@ -143,8 +143,8 @@
     &--variant-background
       outline: none
       position: absolute
+      inset: 0
       pointer-events: none
-      height: 100%
 
       > .v-video__content
         width: 100%

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuetify",
   "description": "Vue Material Component Framework",
-  "version": "3.9.5",
+  "version": "3.9.7",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"
@@ -226,5 +226,5 @@
     "attributes": "dist/json/attributes.json"
   },
   "web-types": "dist/json/web-types.json",
-  "gitHead": "a3dc7bf42ded34dffbe24d19f020582377a7f5ff"
+  "gitHead": "cf2249401fe5cbb82e13ad0d8728c545e8525185"
 }