https://studyly.com/_compiled/124-96f52cd4.js

1/*!
2 * @project        Studyly
3 * @name           124-96f52cd4.js
4 * @author         widewed
5 * @build          2025-04-23 17:55:10 ET
6 * @copyright      Copyright (c) 2025 PaperTiger - https://www.papertiger.com
7 * @hash           fullhash:aa17d8930b14d5a6dbd8, chunkhash:96f52cd48f04675d810c
8 *
9 */
10"use strict";(self.webpackChunkproject_name=self.webpackChunkproject_name||[]).push([[124],{124:(e,t,n)=>{n.r(t),n.d(t,{default:()=>o});var a=n(443),r=n.n(a);class l extends HTMLElement{constructor(){super(),this.runVideo(),this.showVideo()}runVideo(){let e=this,t=!1;function n(e){window.scrollY+document.documentElement.clientHeight>=e.getBoundingClientRect().top&&!t&&(d(),t=!0)}n(e),document.addEventListener("scroll",(()=>{n(e)})),navigator.userAgent.match(/iPhone/i)&&this.addEventListener("click",(e=>{e.target.closest('button[data-plyr="fullscreen"]')&&e.target.parentElement.parentElement.querySelector(".plyr__video-wrapper").classList.toggle("full")}))}showVideo(e){function t(e){e.target.closest(".close-video")&&(e.preventDefault(),e.target.parentElement.classList.add("hidden"),e.target.parentElement.innerHTML="",d()),e.target.closest(".close-video-motivation")&&(e.preventDefault(),"randomId_1"!==e.target.parentElement.parentElement.dataset.id&&e.target.parentElement.parentElement.classList.add("hidden"),e.target.parentElement.parentElement.innerHTML="",d())}this.querySelectorAll(".small-wrap .video-banner").forEach((e=>{e.addEventListener("click",(t=>{this.querySelectorAll(".video-wrap.video-wrap-small").forEach((e=>{e.classList.contains("hidden")||(e.classList.add("hidden"),e.innerHTML="")})),this.querySelector(`[data-order="${e.dataset.id}"]`).classList.remove("hidden"),this.querySelector(".big-video .video-wrap").innerHTML="";let n=this.querySelector(`[data-order="${e.dataset.id}"]`),a=n.dataset.type,r=n.dataset.id,l=n.dataset.link,d=n.dataset.poster,o=n.dataset.banner,c=n.dataset.bannerTitle,p=n.dataset.bannerText,u=n.dataset.bannerButton,m=n.dataset.bannerButtonLink,b=n.dataset.bannerLink,v=n.dataset.bannerLinkText;"custom"===a?i(r,a,l,n,d,o,c,p,u,m,b,v):s(r,a,l,n,d,o,c,p,u,m,b,v)}))})),document.addEventListener("click",(e=>{t(e)})),document.addEventListener("touchstart",(e=>{t(e)})),navigator.userAgent.match(/iPhone/i)&&document.querySelector(".big-video").classList.add("iphone")}}function s(e,t,n,a,l,s,i,d,o,c,p,u){a.innerHTML=`<div id="${e}" data-plyr-provider="${t}" data-plyr-embed-id="${n}" data-poster="${l}"></div>\n  <div class="close-video absolute text-white px-10 py-5 top-5 right-5 font-extrabold z-20 cursor-pointer">x</div>`;const m=new(r())(`#${e}`,{ratio:"16:9"});"false"!==s&&s&&m.on("ended",(e=>{a.innerHTML+=`\n      <div class="video-motivation w-full h-full bg-white absolute top-[50%] -translate-y-[50%] left-[50%] -translate-x-[50%] z-30 rounded-[0.625rem] overflow-hidden border border-prim-blue-2">\n        <div class="w-full h-full opacity-10">\n          <picture>\n            <img src="/assets/images/motivation.jpg" alt="" class="w-full h-full object-contain object-center">\n          </picture>\n        </div>\n        <div class="absolute w-full p-10 top-[50%] -translate-y-[50%] left-[50%] -translate-x-[50%] flex flex-col items-center">\n          <h5 class="text-center mb-10 md:mb-20 title-blue-xs text-18 md:text-22">${i}</h5>\n          <p class="text-center mb-14 md:mb-20 text-prim-blue-2 text-14 md:text-18">${d}</p>\n          <a href="${c}" target="_blank" class="btn-prim-blue px-16 md:px-32 py-8 md:py-16 mb-16 md:mb-20 text-14 md:text-18">${o}</a>\n          <a href="${p}" target="_blank" class="underline text-prim-blue-2 text-14 md:text-18">${u}</a>\n        </div>\n        <div class="close-video-motivation absolute text-prim-blue-2 px-10 py-5 top-5 right-5 font-extrabold cursor-pointer">x</div>\n      </div>\n    `}))}function i(e,t,n,a,l,s,i,d,o,c,p,u){a.innerHTML=`<video id="${e}" src="${n}" playsinline controls class="object-cover" data-poster="${l}"></video>\n  <a href="" class="close-video block absolute text-white px-10 py-5 top-5 right-5 font-extrabold z-20 cursor-pointer">x</a>`;const m=new(r())(`#${e}`);"false"!==s&&s&&m.on("ended",(e=>{a.innerHTML+=`\n      <div class="video-motivation w-full h-full bg-white absolute top-[50%] -translate-y-[50%] left-[50%] -translate-x-[50%] z-30 rounded-[0.625rem] overflow-hidden border border-prim-blue-2">\n        <div class="w-full h-full opacity-10">\n          <picture>\n            <img src="/assets/images/motivation.jpg" alt="" class="w-full h-full object-contain object-center">\n          </picture>\n        </div>\n        <div class="absolute w-full p-10 top-[50%] -translate-y-[50%] left-[50%] -translate-x-[50%] flex flex-col items-center">\n          <h5 class="text-center mb-10 md:mb-20 title-blue-xs text-18 md:text-22">${i}</h5>\n          <p class="text-center mb-14 md:mb-20 text-prim-blue-2 text-14 md:text-18">${d}</p>\n          <a href="${c}" target="_blank" class="btn-prim-blue px-16 md:px-32 py-8 md:py-16 mb-16 md:mb-20 text-14 md:text-18">${o}</a>\n          <a href="${p}" target="_blank" class="underline text-prim-blue-2 text-14 md:text-18">${u}</a>\n        </div>\n        <div class="close-video-motivation absolute text-prim-blue-2 px-10 py-5 top-5 right-5 font-extrabold cursor-pointer">x</div>\n      </div>\n    `}))}function d(){document.querySelectorAll(".big-video .video-wrap.video-wrap-big").forEach((e=>{let t=e.dataset.type,n=e.dataset.id,a=e.dataset.link,r=e.dataset.poster,l=e.dataset.banner,d=e.dataset.bannerTitle,o=e.dataset.bannerText,c=e.dataset.bannerButton,p=e.dataset.bannerButtonLink,u=e.dataset.bannerLink,m=e.dataset.bannerLinkText;"custom"===t?i(n,0,a,e,r,l,d,o,c,p,u,m):s(n,t,a,e,r,l,d,o,c,p,u,m)}))}const o=customElements.define("custom-video",l)}}]);