{"version":3,"file":"stn-video.Bf35-7zc.js","sources":["../../../src/components/stn-video.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import { session, isNativeMobile } from '@lib/stores'\n  import { onMount } from 'svelte'\n  import Panel from '@components/panel.svelte'\n  import { isMobileTest } from '@lib/useragent'\n  import { throttle } from 'lodash-es'\n\n  export let league: string\n  export let onlyMobile = false\n  export let onlyDesktop = false\n\n  let container: HTMLElement\n  let video: HTMLElement\n  let observer: IntersectionObserver\n\n  let isMobile: boolean\n  let shouldRender: boolean\n\n  onMount(() => {\n    isMobile = isMobileTest(navigator.userAgent)\n    shouldRender = onlyMobile ? isMobile : onlyDesktop ? !isMobile : true\n\n    if (container && isMobile) {\n      document.addEventListener('scroll', handleScroll)\n    }\n\n    return () => {\n      if (container && isMobile) {\n        document.removeEventListener('scroll', handleScroll)\n      }\n      if (observer) {\n        observer.unobserve(container)\n      }\n      if (video) {\n        video.replaceChildren()\n      }\n    }\n  })\n\n  const getVerticalOffset = (element: HTMLElement | null) => {\n    let verticalPosition = 0\n    while (element) {\n      verticalPosition += element.offsetTop\n      element = element.offsetParent as HTMLElement | null\n    }\n    return verticalPosition\n  }\n\n  const handleScroll = throttle(() => {\n    const offset = getVerticalOffset(container)\n    if (window.scrollY + window.innerHeight < offset - 50) {\n      container.style.setProperty('transform', 'scale(0,0)', 'important')\n    } else {\n      container.style.setProperty('transform', 'none', 'important')\n    }\n  }, 300)\n\n  $: isNotSubscriber =\n    ($session?.type === 'user' &&\n      $session?.properties.subscriptionStatus !== 'active') ||\n    ($session?.type === 'visitor' && !$session?.properties.bot)\n\n  $: if (isNotSubscriber && container && 'IntersectionObserver' in window) {\n    const options = {\n      root: null,\n      rootMargin: '0px',\n      threshold: 0.5,\n    }\n\n    const callback = (\n      entries: IntersectionObserverEntry[],\n      self: IntersectionObserver,\n    ) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting && container) {\n          window.segment.track('View Video')\n          self.unobserve(entry.target)\n        }\n      })\n    }\n\n    observer = new IntersectionObserver(callback, options)\n\n    observer.observe(container)\n  }\n</script>\n\n{#if !$isNativeMobile}\n  <div\n    bind:this={container}\n    class={`${$$props.class} aspect-video overflow-clip rounded-2xl`}\n    class:hidden={$session !== undefined && (!shouldRender || !isNotSubscriber)}\n  >\n    {#if isNotSubscriber && shouldRender}\n      {#if import.meta.env.PROD}\n        {#if league === 'nba'}\n          <div\n            bind:this={video}\n            class=\"s2nPlayer k-WS5Rl6qj\"\n            data-type=\"float\"\n          ></div>\n          <script\n            type=\"text/javascript\"\n            src=\"//embed.sendtonews.com/player3/embedcode.js?fk=WS5Rl6qj&cid=15048&offsetx=0&offsety=0&floatwidth=400&floatposition=bottom-right\"\n            data-type=\"s2nScript\"\n            data-astro-exec\n          ></script>\n        {:else if league === 'nfl'}\n          <div\n            bind:this={video}\n            class=\"s2nPlayer k-LT4Y9uw1\"\n            data-type=\"float\"\n          />\n          <script\n            type=\"text/javascript\"\n            src=\"//embed.sendtonews.com/player3/embedcode.js?fk=LT4Y9uw1&cid=15048&offsetx=0&offsety=0&floatwidth=400&floatposition=bottom-right\"\n            data-type=\"s2nScript\"\n            data-astro-exec\n          ></script>\n        {:else if league === 'nhl'}\n          <div\n            bind:this={video}\n            class=\"s2nPlayer k-bMGNbhM1\"\n            data-type=\"float\"\n          ></div>\n          <script\n            type=\"text/javascript\"\n            src=\"//embed.sendtonews.com/player3/embedcode.js?fk=bMGNbhM1&cid=15048&offsetx=0&offsety=0&floatwidth=400&floatposition=bottom-right\"\n            data-type=\"s2nScript\"\n            data-astro-exec\n          ></script>\n        {:else if league === 'mlb'}\n          <div\n            bind:this={video}\n            class=\"s2nPlayer k-hYWeRTR4\"\n            data-type=\"float\"\n          />\n          <script\n            type=\"text/javascript\"\n            src=\"//embed.sendtonews.com/player3/embedcode.js?fk=hYWeRTR4&cid=15048&offsetx=0&offsety=0&floatwidth=400&floatposition=bottom-right\"\n            data-type=\"s2nScript\"\n            data-astro-exec\n          ></script>\n        {:else if league === 'pga'}\n          <div\n            bind:this={video}\n            class=\"s2nPlayer k-G4ZAb39z\"\n            data-type=\"float\"\n          />\n          <script\n            type=\"text/javascript\"\n            src=\"//embed.sendtonews.com/player3/embedcode.js?fk=G4ZAb39z&cid=15048&offsetx=0&offsety=0&floatwidth=400&floatposition=bottom-right\"\n            data-type=\"s2nScript\"\n            data-astro-exec\n          ></script>\n        {:else if league === 'money'}\n          <div\n            bind:this={video}\n            class=\"s2nPlayer k-sDqs3wE9\"\n            data-type=\"float\"\n          />\n          <script\n            type=\"text/javascript\"\n            src=\"//embed.sendtonews.com/player3/embedcode.js?fk=sDqs3wE9&cid=15048&offsetx=0&offsety=0&floatwidth=400&floatposition=bottom-right\"\n            data-type=\"s2nScript\"\n            data-astro-exec\n          ></script>\n        {:else}\n          <div\n            bind:this={video}\n            class=\"s2nPlayer k-ZRRhGcJz\"\n            data-type=\"float\"\n          />\n          <script\n            type=\"text/javascript\"\n            src=\"//embed.sendtonews.com/player3/embedcode.js?fk=ZRRhGcJz&cid=15048&offsetx=0&offsety=0&floatwidth=400&floatposition=bottom-right\"\n            data-type=\"s2nScript\"\n            data-astro-exec\n          ></script>\n        {/if}\n      {:else}\n        <Panel class=\"flex items-center justify-center h-full\">\n          Video Player\n        </Panel>\n      {/if}\n    {/if}\n  </div>\n{/if}\n"],"names":["if_block","ctx","create_if_block_1","attr","div","div_class_value","toggle_class","insert_hydration","target","anchor","current","dirty","create_if_block_3","create_if_block_4","create_if_block_5","create_if_block_6","create_if_block_7","create_if_block_8","script","create_if_block","league","$$props","onlyMobile","onlyDesktop","container","video","observer","isMobile","shouldRender","onMount","isMobileTest","handleScroll","getVerticalOffset","element","verticalPosition","throttle","offset","$$value","isNotSubscriber","$session","options","callback","entries","self","entry"],"mappings":"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"}