{"version":3,"file":"component.video-player.js?v=1733414201140","mappings":"2LA0BA,GACEA,KAAM,cAENC,MAAO,CACLC,UAAW,CACTC,KAAMC,QACNC,SAAS,GAEXC,gBAAiB,CACfH,KAAMI,OACNF,QAAS,IAEXG,UAAW,CACTL,KAAMI,OACNF,QAAS,IAEXI,YAAa,CACXN,KAAMI,OACNF,QAAS,KAIbK,OACE,MAAO,CACLC,UAA8B,eAAnBC,KAAKJ,UAChBK,QAAQ,EACRC,OAAO,EACPC,SAAS,IAIbC,SAAU,CAMRC,YACE,MAAQ,iBAAgBL,KAAKN,oBAIjCY,MAAO,CASLL,SACOD,KAAKC,QAIVD,KAAKO,WAAU,KACbC,KAAKC,SAASC,KAAM,gBAAeV,KAAKN,0BACxCM,KAAKW,uBACLX,KAAKY,uBASTV,QACMF,KAAKE,MACPF,KAAKa,OAAOC,UAAS,IAErBd,KAAKa,OAAOC,UAAS,GACrBd,KAAKa,OAAOE,UAAU,IAGxBP,KAAKC,SAASC,KACX,gBAAeV,KAAKN,wBACrBM,KAAKE,QASTC,UACMH,KAAKG,QACPH,KAAKa,OAAOG,OAEZhB,KAAKa,OAAOI,QAGdT,KAAKC,SAASC,KACX,gBAAeV,KAAKN,0BACrBM,KAAKG,WAKXe,UACE,MAAMC,EAAU,CACdC,SAA6B,eAAnBpB,KAAKJ,UACfyB,QAAQ,EACRC,WAA+B,eAAnBtB,KAAKJ,UACjB2B,UAAU,EACVC,KAAK,EACLC,KAAMzB,KAAKV,UACXoC,YAAY,EACZC,OAAO,EACPC,IAAK5B,KAAKH,aAGZG,KAAKa,OAAS,IAAIgB,EAAAA,EAChB7B,KAAKK,UACLc,GAGFnB,KAAKa,OAAOiB,GAAG,UAAU,IAAM9B,KAAKC,QAAS,IAC7CD,KAAKa,OAAOiB,GAAG,QAAQ,IAAM9B,KAAKG,SAAU,IAC5CH,KAAKa,OAAOiB,GAAG,SAAS,IAAM9B,KAAKG,SAAU,KAG/C4B,gBACO/B,KAAKa,QAIVb,KAAKa,OAAOmB,WAGdC,QAAS,CAKPC,wBAAwBC,GACjBnC,KAAKD,WAIVoC,EAAQC,SAAQC,IACdrC,KAAKG,QAAUkC,EAAMC,kBAAoB,MAO7C3B,uBACEH,KAAKC,SAAS8B,OACX,gBAAevC,KAAKN,yBACrB,KACEM,KAAKa,OAAO2B,eAAe,MAI/BhC,KAAKC,SAAS8B,OACX,gBAAevC,KAAKN,+BACpBS,IACCH,KAAKD,WAAY,EACjBC,KAAKG,QAAUA,KAInBK,KAAKC,SAAS8B,OACX,gBAAevC,KAAKN,6BACpBQ,IACCF,KAAKE,MAAQA,MASnBU,mBACyB,WAAnBZ,KAAKJ,YAIT6C,EAAAA,EAAAA,IAAwB,CACtBC,SAAU1C,KAAKkC,wBACfS,QAAS3C,KAAK4C,MAAMC,QACpBC,UAAW,OC3MnB,GAFiC,E,OAAA,GAAgB,EAAQ,CAAC,CAAC,S,wCDNzDC,EAAAA,EAAAA,IAOaC,EAAAA,GAAA,CAPD5D,KAAK,aAAW,C,kBAC1B,IAKE,WALF6D,EAAAA,EAAAA,GAKE,OAHCC,GAAIC,EAAAA,UACLC,IAAI,UACJC,MAAM,yBAJR,iBACUC,EAAAA,a","sources":["webpack:///../../../../../src/components/async/video-player/video-player.vue","webpack:///../../../../../src/components/async/video-player/video-player.vue?28b5"],"sourcesContent":["<template>\n  <transition name=\"fade-slow\">\n    <div\n      v-show=\"loaded\"\n      :id=\"wrapperId\"\n      ref=\"wrapper\"\n      class=\"video-player__wrapper\"\n    />\n  </transition>\n</template>\n\n<script>\n\n/**\n * Vue: Video player (video-player)\n * -----------------------------------------------------------------------------\n * Renders a background or inline video player, embedded from Vimeo.\n *\n * @param {Boolean} allowLoop - allow video to loop.\n * @param {String} videoIdentifier - Unique identifier for the video player.\n * @param {String} videoMode - Whether the video is 'background' or 'inline'.\n * @param {String} videoSource - Vimeo URL for the video.\n */\nimport Player from '@vimeo/player'\nimport { setIntersectionObserver } from '~/helpers/general'\n\nexport default {\n  name: 'VideoPlayer',\n\n  props: {\n    allowLoop: {\n      type: Boolean,\n      default: false,\n    },\n    videoIdentifier: {\n      type: String,\n      default: '',\n    },\n    videoMode: {\n      type: String,\n      default: '',\n    },\n    videoSource: {\n      type: String,\n      default: '',\n    },\n  },\n\n  data() {\n    return {\n      autoPause: this.videoMode === 'background',\n      loaded: false,\n      muted: true,\n      playing: false,\n    }\n  },\n\n  computed: {\n\n    /**\n     * Generate an ID for the wrapper element based on the video identifier.\n     * @returns {String}\n     */\n    wrapperId() {\n      return `video-wrapper-${this.videoIdentifier}`\n    },\n  },\n\n  watch: {\n\n    /**\n     * Handle changes to the video's loaded state.\n     * - Set playing state to true.\n     * - Emit an event to indicate that the specific video has loaded.\n     * - Set event bus listeners.\n     * - Set up the auto-pause observer.\n     */\n    loaded() {\n      if (!this.loaded) {\n        return\n      }\n\n      this.$nextTick(() => {\n        cnvs.EventBus.emit(`video-player:${this.videoIdentifier}:loaded`)\n        this.setEventBusListeners()\n        this.setPauseObserver()\n      })\n    },\n\n    /**\n     * Handle changes to the component's muted state.\n     * - Toggle the muted state of the Vimeo player.\n     * - Emit an event with the updated muted state.\n     */\n    muted() {\n      if (this.muted) {\n        this.player.setMuted(true)\n      } else {\n        this.player.setMuted(false)\n        this.player.setVolume(1)\n      }\n\n      cnvs.EventBus.emit(\n        `video-player:${this.videoIdentifier}:muted`,\n        this.muted,\n      )\n    },\n\n    /**\n     * Handle changes to the component's playing state.\n     * - Toggle the state of the Vimeo player.\n     * - Emit an event with the updated state.\n     */\n    playing() {\n      if (this.playing) {\n        this.player.play()\n      } else {\n        this.player.pause()\n      }\n\n      cnvs.EventBus.emit(\n        `video-player:${this.videoIdentifier}:playing`,\n        this.playing,\n      )\n    },\n  },\n\n  mounted() {\n    const options = {\n      autoplay: this.videoMode === 'background',\n      byline: false,\n      background: this.videoMode === 'background',\n      controls: false,\n      dnt: true,\n      loop: this.allowLoop,\n      responsive: true,\n      title: false,\n      url: this.videoSource,\n    }\n\n    this.player = new Player(\n      this.wrapperId,\n      options,\n    )\n\n    this.player.on('loaded', () => this.loaded = true)\n    this.player.on('play', () => this.playing = true)\n    this.player.on('ended', () => this.playing = false)\n  },\n\n  beforeUnmount() {\n    if (!this.player) {\n      return\n    }\n\n    this.player.destroy()\n  },\n\n  methods: {\n\n    /**\n     * Automatically pause/play the video when scrolled into/out of view.\n     */\n    handlePauseIntersection(entries) {\n      if (!this.autoPause) {\n        return\n      }\n\n      entries.forEach(entry => {\n        this.playing = entry.intersectionRatio > 0\n      })\n    },\n\n    /**\n     * Listen for events to update the component's playing and muted states.\n     */\n    setEventBusListeners() {\n      cnvs.EventBus.listen(\n        `video-player:${this.videoIdentifier}:reset`,\n        () => {\n          this.player.setCurrentTime(0)\n        },\n      )\n\n      cnvs.EventBus.listen(\n        `video-player:${this.videoIdentifier}:set-playing`,\n        (playing) => {\n          this.autoPause = false\n          this.playing = playing\n        },\n      )\n\n      cnvs.EventBus.listen(\n        `video-player:${this.videoIdentifier}:set-muted`,\n        (muted) => {\n          this.muted = muted\n        },\n      )\n    },\n\n    /**\n     * Set an observer to automatically pause the video when out of view.\n     * - Disabled for inline videos.\n     */\n    setPauseObserver() {\n      if (this.videoMode === 'inline') {\n        return\n      }\n\n      setIntersectionObserver({\n        callback: this.handlePauseIntersection,\n        element: this.$refs.wrapper,\n        threshold: 0,\n      })\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\">\n@import './video-player';\n</style>\n","import { render } from \"./video-player.vue?vue&type=template&id=0f3a96f6\"\nimport script from \"./video-player.vue?vue&type=script&lang=js\"\nexport * from \"./video-player.vue?vue&type=script&lang=js\"\n\nimport \"./video-player.vue?vue&type=style&index=0&id=0f3a96f6&lang=scss\"\n\nimport exportComponent from \"/Users/LucaPerini/Documents/MOLOTOF/BIPOD/bipod-feature-BIPOD-371-offboarding/bipod-feature-BIPOD-371-offboarding/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"names":["name","props","allowLoop","type","Boolean","default","videoIdentifier","String","videoMode","videoSource","data","autoPause","this","loaded","muted","playing","computed","wrapperId","watch","$nextTick","cnvs","EventBus","emit","setEventBusListeners","setPauseObserver","player","setMuted","setVolume","play","pause","mounted","options","autoplay","byline","background","controls","dnt","loop","responsive","title","url","Player","on","beforeUnmount","destroy","methods","handlePauseIntersection","entries","forEach","entry","intersectionRatio","listen","setCurrentTime","setIntersectionObserver","callback","element","$refs","wrapper","threshold","_createBlock","_Transition","_createElementVNode","id","$options","ref","class","$data"],"sourceRoot":""}