vidstack/dist/cdn/prod/preview.js

Build awesome media experiences on the web.

function v(i,p){let r=i.getBoundingClientRect(),e={"--computed-width":r.width+"px","--computed-height":r.height+"px","--preview-width":"var(--media-slider-preview-width, var(--computed-width))","--preview-height":"var(--media-slider-preview-height, var(--computed-height))"};p!=="vertical"?e={...e,"--preview-width-half":"calc(var(--preview-width) / 2)","--preview-left-clamp":"max(var(--preview-width-half), var(--slider-pointer-percent))","--preview-right-clamp":"calc(100% - var(--preview-width-half))","--preview-left":"min(var(--preview-left-clamp), var(--preview-right-clamp))"}:e={...e,"--preview-height-half":"calc(var(--preview-height) / 2)","--preview-top-clamp":"max(var(--preview-height-half), var(--slider-pointer-percent))","--preview-bottom-clamp":"calc(100% - var(--preview-height-half))","--preview-bottom":"min(var(--preview-top-clamp), var(--preview-bottom-clamp))"};for(const t of Object.keys(e))i.style.setProperty(t,e[t])}export{v as setupPreviewStyles};