{"version":3,"file":"index.e5385633.js","sources":["../../src/components/Livestream/Info/index.vue","../../src/components/Livestream/Info/Status.vue","../../src/components/Livestream/index.vue"],"sourcesContent":["<script>\n\n// Livestream / Event info card for event page\n\n\nexport default {\n  name: 'Info',\n  props: { event: Object },\n  computed: {\n    title()     { return this.event?.title },\n    body()      { return this.$md( this.event?.info || '' ) },\n    starts()    { return this.event?.starts },\n    timestamp() { return this.starts && this.$time.short_date_format( this.starts ) }\n  },\n  mounted() {\n    this.routerify_links()\n  },\n  methods: {\n\n    routerify_links() {\n      setTimeout(() => {\n        const anchors = Array.from( document.querySelectorAll( '#info a' ) )\n        anchors\n        .filter( a => {\n          const url = new URL( a.href )\n          if ( url.hostname == location.hostname &&\n               url.pathname == location.pathname ) {\n            return a\n          }\n        })\n        .map( a => a.onclick = e => {\n          e.preventDefault()\n          const parsed_route = this.get_route( a.href )\n          this.$router.push({\n            path: parsed_route.path,\n            query: { ...this.$route.query, ...parsed_route.query }\n          })\n        })\n      }, 500)\n    },\n\n    get_route( url ) {\n      url = new URL( url )\n      const path = url.pathname\n      const query_string = url.search.substr(1)\n      const query = {}\n      query_string.split( \"&\" ).forEach( part => {\n        if ( part ) {\n          const item = part.split(\"=\")\n          query[item[0]] = decodeURIComponent(item[1])\n        }\n      })\n      return { path, query }\n    }\n  }\n}\n</script>\n\n<template>\n  <div\n    :id=\"$id()\"\n    aria-label=\"Event information\"\n  >\n    <h3 aria-label=\"event time\">\n      <time :datetime=\"starts\">\n        {{ timestamp }}\n      </time>\n      <router-link\n        custom\n        :to=\"{ path: '/', query: $route.query }\"\n        v-slot=\"{ navigate }\"\n      >\n        <input\n          value=\"✕\"\n          class=\"close circle\"\n          name=\"close\"\n          type=\"button\"\n          @click.stop=\"navigate\"\n        />\n      </router-link>\n    </h3>\n    <h1 id=\"event_title\">\n      {{ title }}\n    </h1>\n    <div\n      v-if=\"body\"\n      aria-label=\"event summary\"\n      v-html=\"body\"\n    >\n    </div>\n  </div>\n</template>\n\n<style scoped>\n#info {\n  width       : var(--side-width);\n  max-width   : var(--side-width);\n  height      : 100%;\n  text-align  : center;\n}\n#info input {\n  /* position    : absolute;\n  right       : 0;\n  z-index     : 0; */\n}\n#info h2,\n#info h3 {\n  margin-top  : 0;\n}\n#info h3 {\n  display: flex;\n  /* justify-content: center; */\n}\n#info h3 time {\n  margin: auto;\n  padding-left: 1rem;\n}\n#info div {\n  font-weight : lighter;\n}\n.mobile #info div {\n  display: none;\n}\n.mobile #info h1 {\n  margin-block: 0rem;\n}\n.mobile #info h3 {\n  margin-block: 0rem;\n}\n</style>\n","<script>\n\n// Livestream status indicator:\n// - active      : livestream is running\n// - idle        : livestream will run eventually\n// - ready       : recording of livestream is available\n// - unavailable : none of the above\n\nexport default {\n  name: 'Status',\n  props: { status: String },\n}\n</script>\n\n<template>\n  <div\n    :id=\"$id()\"\n    aria-label=\"Livestream status\"\n  >\n    <p role=\"status\">\n      {{ status }}\n    </p>\n  </div>\n</template>\n\n<style scoped>\n#status {\n  width           : 100%;\n  height          : 100%;\n  text-align      : center;\n  display         : flex;\n  align-items     : center;\n  justify-content : center;\n  border          : var(--dash) var(--fore);\n}\n</style>\n","<script>\n\nimport { defineAsyncComponent } from \"vue\"\nimport Info                     from '@/components/Livestream/Info/index.vue'\nimport Status                   from '@/components/Livestream/Info/Status.vue'\nimport Chat                     from '@/components/Chat/index.vue'\n\n\n// We lazy load our Player component, as it imports hls.js,\n// which as a minified bundle, is still larger than all files\n// in this project combined.\n\nconst Player = defineAsyncComponent(() =>\n  import('@/components/Livestream/Player/index.vue')\n)\n\nexport default {\n\n  name : 'Livestream',\n\n  components : {\n    Info,\n    Player,\n    Status,\n    Chat,\n  },\n\n\n  // This component inherits only the event fron it's parent\n  // and handles the rest independently.\n\n  props : { event: Object },\n\n\n  // The livestream property of the event is attached to it\n  // during API response sanitization in the store. It can\n  // return a static object or refer to the livestream entry\n  // in the store. Please refer to: @/store/events/sanitize\n\n  computed : {\n    is_in_past()  { return this.event?.is_in_past },\n    livestream()  { return this.event?.livestream() || this.event?.recording },\n    playback_id() { return this.livestream?.playbackId },\n    status()      { return this.livestream?.status || 'unavailable' },\n    show_player() { return (\n      this.playback_id && (\n        this.status == 'active' ||\n        this.status == 'ready'\n      )\n    )}\n  },\n\n  methods: {\n    async log_event_visit() {\n      return await this.$store.dispatch(\n        'events/log_event_visit',\n        this.$route.params.slug\n      )\n    }\n  },\n\n\n  // If the visit happens in the future, after the event is\n  // over, we inform strapi.\n\n  created() {\n    if ( this.is_in_past ) {\n      this.log_event_visit()\n    }\n  }\n\n}\n\n</script>\n\n\n<template>\n  <Info :event=\"event\" />\n  <Player v-if=\"show_player\" :event=\"event\" />\n  <Status v-else :status=\"status\" />\n  <Chat :event=\"event\" />\n</template>\n\n\n<style scoped>\n\n#info {\n  flex-shrink      : 0;\n  margin-left      : var(--size-s);\n}\n\n#chat_container {\n  --distance       : 5rem;\n  --fore           : var(--black);\n  width            : calc(var(--side-width));\n  position         : absolute;\n  bottom           : 0;\n  right            : 0;\n  margin           : 0 var(--size-s);\n}\n\n#chat_container >>> #chat .contents:focus-within,\n#chat_container >>> #chat.expanded .contents {\n  /* --height         : calc( 100vh - 18rem ); OLD */\n  --height         : calc( 100vh - ( var(--header-height) + var(--footer-height) ));\n}\n\n\n\n.mobile #player {\n  max-height       : 60%;\n}\n\n.mobile #info {\n  flex-shrink      : 1;\n  margin-left      : unset;\n  margin-top       : var(--size-s);\n}\n\n.mobile #status {\n  max-height       : 30%;\n}\n\n.mobile #chat_container {\n  /* bottom           : var(--footer-height); */\n  margin           : 0;\n}\n.mobile #chat_container >>> #chat .contents:focus-within,\n.mobile #chat_container >>> #chat.expanded .contents {\n  /* --height         : calc( 100vh - 23rem ); */\n  /* --height         : 100%; */\n}\n.mobile #chat_container >>> #chat .contents {\n  padding-bottom   : calc( var(--footer-height) + 1rem);\n}\n\n\n</style>\n"],"names":["_createElementBlock","_createElementVNode","_hoisted_2","_createVNode","_createBlock"],"mappings":"wjBAKA,SACE,KAAM,OACN,MAAO,CAAE,MAAO,QAChB,SAAU,CACR,OAAY,OAAE,MAAO,QAAK,QAAL,cAAY,OACjC,MAAY,OAAE,MAAO,MAAK,IAAK,SAAK,QAAL,cAAY,OAAQ,KACnD,QAAY,OAAE,MAAO,QAAK,QAAL,cAAY,QACjC,WAAY,CAAE,MAAO,MAAK,QAAU,KAAK,MAAM,kBAAmB,KAAK,UAEzE,SAAU,CACR,KAAK,mBAEP,QAAS,CAEP,iBAAkB,CAChB,WAAW,IAAM,CAEf,AADgB,MAAM,KAAM,SAAS,iBAAkB,YAEtD,OAAQ,GAAK,CACZ,KAAM,GAAM,GAAI,KAAK,EAAE,MACvB,GAAK,EAAI,UAAY,SAAS,UACzB,EAAI,UAAY,SAAS,SAC5B,MAAO,KAGV,IAAK,GAAK,EAAE,QAAU,GAAK,CAC1B,EAAE,iBACF,KAAM,GAAe,KAAK,UAAW,EAAE,MACvC,KAAK,QAAQ,KAAK,CAChB,KAAM,EAAa,KACnB,MAAO,OAAK,KAAK,OAAO,OAAU,EAAa,YAGlD,MAGL,UAAW,EAAM,CACf,EAAM,GAAI,KAAK,GACf,KAAM,GAAO,EAAI,SACX,EAAe,EAAI,OAAO,OAAO,GACjC,EAAQ,GACd,SAAa,MAAO,KAAM,QAAS,GAAQ,CACzC,GAAK,EAAO,CACV,KAAM,GAAO,EAAK,MAAM,KACxB,EAAM,EAAK,IAAM,mBAAmB,EAAK,OAGtC,CAAE,OAAM,wBAWb,aAAW,8CAkBX,GAAG,2FAtBTA,EA+BM,OA9BH,GAAI,QACL,aAAW,sBAEXC,EAiBK,KAjBLC,GACED,EAEO,QAFA,SAAU,YACZ,kBAELE,EAYc,GAXZ,OAAA,GACC,mBAAwB,SAAO,mBAGhC,CAME,CARQ,eAEVF,EAME,SALA,MAAM,SACN,MAAM,eACN,KAAK,QACL,KAAK,SACJ,UAAY,0CAInBA,EAEK,KAFL,IACK,YAGG,YADRD,EAKM,aAHJ,aAAW,gBACX,UAAQ,4FC/Ed,SACE,KAAM,SACN,MAAO,CAAE,OAAQ,qBASZ,KAAK,6CAJVA,EAOM,OANH,GAAI,QACL,aAAW,sBAEXC,EAEI,IAFJ,IACK,6ECRT,KAAM,GAAS,EAAqB,IAClC,4DAKA,KAAO,aAEP,WAAa,CACX,OACA,SACA,SACA,QAOF,MAAQ,CAAE,MAAO,QAQjB,SAAW,CACT,YAAc,OAAE,MAAO,QAAK,QAAL,cAAY,YACnC,YAAc,SAAE,MAAO,SAAK,QAAL,cAAY,eAAgB,SAAK,QAAL,cAAY,YAC/D,aAAc,OAAE,MAAO,QAAK,aAAL,cAAiB,YACxC,QAAc,OAAE,MAAO,SAAK,aAAL,cAAiB,SAAU,eAClD,aAAc,CAAE,MACd,MAAK,aACH,MAAK,QAAU,UACf,KAAK,QAAU,WAKrB,QAAS,MACD,kBAAkB,CACtB,MAAO,MAAM,MAAK,OAAO,SACvB,yBACA,KAAK,OAAO,OAAO,QASzB,SAAU,CACR,AAAK,KAAK,YACR,KAAK,2HAUTE,EAAuB,GAAhB,MAAO,2BACA,mBAAdC,EAA4C,SAAhB,MAAO,iCACnCA,EAAkC,SAAlB,OAAQ,8BACxBD,EAAuB,GAAhB,MAAO"}