{"version":3,"file":"YouTubePlayer-BuqYSNl8.js","sources":["../../Vue/src/components/YouTubePlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport getYouTubeID from \"get-youtube-id\";\r\n\r\nconst store = useYoutubeStore();\r\n\r\nconst props = defineProps<{ src: string }>();\r\nconst wrapper = ref<HTMLElement>();\r\nconst { width, height } = useElementSize(wrapper);\r\nconst cssWidth = computed(() => width.value.toString() + \"px\");\r\nconst cssHeight = computed(() => height.value.toString() + \"px\");\r\n\r\nconst playerVars = computed(() => ({\r\n  autoplay: 1,\r\n  controls: 0,\r\n  modestbranding: 1,\r\n  playsinline: 1,\r\n  iv_load_policy: 3,\r\n}));\r\n\r\nconst player = ref<HTMLElement>();\r\n\r\nconst divId: string = uniqueId(\"youtube-player-\");\r\n\r\nconst videoId = computed(() => {\r\n  return getYouTubeID(props.src) || props.src;\r\n});\r\n\r\nlet youtubePlayer: YT.Player | null = null;\r\n\r\nonMounted(async () => {\r\n  await store.init();\r\n  youtubePlayer = new YT.Player(player.value as HTMLElement, {\r\n    height: \"100%\",\r\n    width: \"100%\",\r\n    videoId: videoId.value,\r\n    playerVars: playerVars.value,\r\n    events: {\r\n      onReady: store.ytEventOnReady,\r\n      onError: store.ytEventOnError,\r\n      onStateChange: store.ytEventOnStateChange,\r\n    },\r\n  });\r\n  store.onInit(youtubePlayer);\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  store.onDestroy();\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    ref=\"wrapper\"\r\n    class=\"youtube-player\"\r\n  >\r\n    <div\r\n      :id=\"divId\"\r\n      ref=\"player\"\r\n    ></div>\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang=\"postcss\">\r\n.youtube-player {\r\n  @apply h-full w-full;\r\n}\r\n\r\n.youtube-player iframe {\r\n  height: v-bind(cssHeight) !important;\r\n  width: v-bind(cssWidth) !important;\r\n  background: transparent !important;\r\n}\r\n</style>\r\n"],"names":["store","useYoutubeStore","props","__props","wrapper","ref","width","height","useElementSize","cssWidth","computed","cssHeight","playerVars","player","divId","uniqueId","videoId","getYouTubeID","youtubePlayer","onMounted","onBeforeUnmount"],"mappings":"8aAGA,MAAMA,EAAQC,IAERC,EAAQC,EACRC,EAAUC,IACV,CAAE,MAAAC,EAAO,OAAAC,CAAO,EAAIC,EAAeJ,CAAO,EAC1CK,EAAWC,EAAS,IAAMJ,EAAM,MAAM,SAAA,EAAa,IAAI,EACvDK,EAAYD,EAAS,IAAMH,EAAO,MAAM,SAAA,EAAa,IAAI,EAEzDK,EAAaF,EAAS,KAAO,CACjC,SAAU,EACV,SAAU,EACV,eAAgB,EAChB,YAAa,EACb,eAAgB,CAChB,EAAA,EAEIG,EAASR,IAETS,EAAgBC,EAAS,iBAAiB,EAE1CC,EAAUN,EAAS,IAChBO,EAAaf,EAAM,GAAG,GAAKA,EAAM,GACzC,EAED,IAAIgB,EAAkC,KAEtC,OAAAC,EAAU,SAAY,CACpB,MAAMnB,EAAM,OACZkB,EAAgB,IAAI,GAAG,OAAOL,EAAO,MAAsB,CACzD,OAAQ,OACR,MAAO,OACP,QAASG,EAAQ,MACjB,WAAYJ,EAAW,MACvB,OAAQ,CACN,QAASZ,EAAM,eACf,QAASA,EAAM,eACf,cAAeA,EAAM,oBACvB,CAAA,CACD,EACDA,EAAM,OAAOkB,CAAa,CAAA,CAC3B,EAEDE,EAAgB,IAAM,CACpBpB,EAAM,UAAU,CAAA,CACjB"}