https://www.kent.co.in/cdn/shop/t/2/assets/video-slider-sticky.js?v=89283083670689245441786688034

1(()=>{"use strict";const isMobile=()=>window.innerWidth<768;function getYouTubeId(el){return isMobile()?el.dataset.ytMobile||el.dataset.ytDesktop||"":el.dataset.ytDesktop||el.dataset.ytMobile||""}class MediaModal{constructor(sectionEl){this.modal=sectionEl.querySelector(".sub-cat-adv__modal"),this.content=this.modal&&this.modal.querySelector(".sub-cat-adv__modal-content"),this.closeBtn=this.modal&&this.modal.querySelector(".sub-cat-adv__modal-close"),this.backdrop=this.modal&&this.modal.querySelector(".sub-cat-adv__modal-backdrop"),this.modal&&(this.closeBtn.addEventListener("click",()=>this.close()),this.backdrop.addEventListener("click",()=>this.close()),document.addEventListener("keydown",e=>{e.key==="Escape"&&this.close()}))}openYouTube(videoId,autoplay,mobileId){if(!this.modal)return;const ap=autoplay==="true"||autoplay===!0,mobile=isMobile(),id=mobile&&mobileId?mobileId:videoId,isShort=mobile&&mobileId,src=`https://www.youtube.com/embed/${id}?rel=0&playsinline=1${ap?"&autoplay=1":""}`;if(this.content.innerHTML=`
2        <div class="${isShort?"yt-ratio-short":"yt-ratio"}">
3          <iframe src="${src}"
4            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; fullscreen"
5            allowfullscreen
6            title="YouTube video"></iframe>
7        </div>`,isShort){this.modal.classList.add("sub-cat-adv__modal--fullscreen");const target=this.modal;this.content.querySelector("iframe").addEventListener("load",()=>{try{const req=target.requestFullscreen||target.webkitRequestFullscreen||target.mozRequestFullScreen;req&&req.call(target)}catch{}},{once:!0})}else this.modal.classList.remove("sub-cat-adv__modal--fullscreen");this._show()}openPDF(link,mode){if(this.modal){if(mode==="new_tab"){window.open(link,"_blank","noopener,noreferrer");return}if(mode==="download"){const a=document.createElement("a");a.href=link,a.download="",a.click();return}this.content.innerHTML=`<iframe class="pdf-frame" src="${link}" title="PDF document"></iframe>`,this._show()}}_show(){this.modal.hidden=!1,document.body.style.overflow="hidden",this.closeBtn.focus()}close(){if(this.modal){this.modal.hidden=!0,this.modal.classList.remove("sub-cat-adv__modal--fullscreen"),document.body.style.overflow="",this.content.innerHTML="";try{const exitFs=document.exitFullscreen||document.webkitExitFullscreen||document.mozCancelFullScreen;exitFs&&document.fullscreenElement&&exitFs.call(document)}catch{}}}}function bindMediaTriggers(sectionEl,modal){function handle(el){const type=el.dataset.media||el.dataset.mediaTrigger;if(type==="youtube"){const desktopId=el.dataset.ytDesktop||"",mobileId=el.dataset.ytMobile||"";(isMobile()?mobileId||desktopId:desktopId||mobileId)&&modal.openYouTube(desktopId,el.dataset.autoplay,mobileId)}else type==="pdf"&&el.dataset.pdfLink&&modal.openPDF(el.dataset.pdfLink,el.dataset.pdfMode||"popup")}function attachToMediaEls(){sectionEl.querySelectorAll("[data-media],[data-media-trigger]").forEach(el=>{if(el._advBound)return;el._advBound=!0;let startX=0,startY=0;el.addEventListener("pointerdown",e=>{startX=e.clientX,startY=e.clientY},{passive:!0}),el.addEventListener("pointerup",e=>{const dx=Math.abs(e.clientX-startX),dy=Math.abs(e.clientY-startY);dx<8&&dy<8&&(e.stopPropagation(),handle(el))}),el.addEventListener("keydown",e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),handle(el))})})}attachToMediaEls(),setTimeout(attachToMediaEls,300)}function syncStickyWidth(sectionEl,swiperEl){const col=sectionEl.querySelector(".sub-cat-adv__sticky-col");if(!col)return;function update(){const slide=swiperEl.querySelector(".swiper-slide");if(!slide)return;const cardW=slide.getBoundingClientRect().width,maxW=parseFloat(col.style.maxWidth)||1/0,final=Math.min(cardW,maxW);final>0&&(col.style.width=final+"px")}update(),new ResizeObserver(update).observe(swiperEl),window.addEventListener("load",update)}function bindArrows(layout,swiper){const prev=layout.querySelector(".sub-cat-adv__arrow--prev"),next=layout.querySelector(".sub-cat-adv__arrow--next");if(!prev||!next)return;function update(){prev.hidden=swiper.isBeginning,next.hidden=swiper.isEnd}prev.addEventListener("click",()=>{swiper.slidePrev()}),next.addEventListener("click",()=>{swiper.slideNext()}),swiper.on("slideChange",update),swiper.on("reachBeginning",update),swiper.on("reachEnd",update),update()}function initAutoplay(layout,swiper){const speed=Math.max(1,parseFloat(layout.dataset.autoScrollSpeed)||4),pauseOnHover=layout.dataset.autoScrollPause!=="false",delay=Math.round(6e3-speed*500);swiper.params.autoplay={delay,disableOnInteraction:!1,pauseOnMouseEnter:pauseOnHover},swiper.autoplay.start()}function initSection(sectionEl){const layout=sectionEl.querySelector(".sub-cat-adv__layout");if(!layout)return;const swiperEl=sectionEl.querySelector(".sub-cat-adv__track"),dotsEl=sectionEl.querySelector(".sub-cat-adv__dots");if(!swiperEl)return;swiperEl.swiper&&swiperEl.swiper.destroy(!0,!0);const scrollMode=layout.dataset.scrollMode||"auto",cpv=parseInt(swiperEl.dataset.cardsPerView)||5,gap=parseInt(swiperEl.dataset.gap)||8,modal=new Media

7Modal(sectionEl),params={slidesPerView:cpv,slidesPerGroup:1,spaceBetween:gap,grabCursor:!0,mousewheel:{forceToAxis:!0},preventClicks:!1,preventClicksPropagation:!1,pagination:dotsEl?{el:dotsEl,type:"bullets",clickable:!0,bulletClass:"sub-cat-adv__dot",bulletActiveClass:"sub-cat-adv__dot--active",renderBullet:(index,className)=>`<button class="${className}" aria-label="Page ${index+1}"></button>`}:!1,breakpoints:{0:{slidesPerView:Math.min(1.2,cpv),slidesPerGroup:1},576:{slidesPerView:Math.min(2,cpv),slidesPerGroup:1},768:{slidesPerView:Math.min(3,cpv),slidesPerGroup:1},990:{slidesPerView:Math.min(4,cpv),slidesPerGroup:1},1200:{slidesPerView:cpv,slidesPerGroup:1}},on:{afterInit(sw){syncStickyWidth(sectionEl,swiperEl),bindArrows(layout,sw),scrollMode==="auto"&&initAutoplay(layout,sw)}}},swiper=new Swiper(swiperEl,params);bindMediaTriggers(sectionEl,modal)}function initAll(){document.querySelectorAll(".sub-cat-adv-section").forEach(initSection)}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",initAll):initAll(),document.addEventListener("shopify:section:load",e=>{const sec=e.target.querySelector(".sub-cat-adv-section");sec&&setTimeout(()=>initSection(sec),100)}),document.addEventListener("shopify:section:reorder",()=>{setTimeout(initAll,100)})})();
8//# sourceMappingURL=/cdn/shop/t/2/assets/video-slider-sticky.js.map?v=89283083670689245441786688034