PageSourceSearch

https://www.rails.com/cdn/shop/t/1622/assets/lookbook-banner-vite-CNIU0Til.js

js rails.com collected 2026-09-25 14:09:29 UTC 2,863 bytes, 1 lines download raw bytes

1import{r as s}from"./theme-sections-vite-Co0nR_Yu.js";import{V as t}from"./videoPlayer-vite-DkTdAK4l.js";import"./_commonjsHelpers-vite-BosuxZz1.js";const i={videoDesktop:".js-video-desktop",videoMobile:".js-video-mobile",videoContainer:".js-video-container",videoButton:".js-toggle-video-button",videoButtonIconPlay:".js-toggle-video-button-play",videoButtonIconPause:".js-toggle-video-button-pause"};s("lookbook-banner",{onLoad:function(){this.videoDesktopPlayer=null,this.videoMobilePlayer=null,this.videoContainer=this.container.querySelector(i.videoContainer),this.videoButton=this.container.querySelector(i.videoButton),this.videoButtonIconPlay=this.container.querySelector(i.videoButtonIconPlay),this.videoButtonIconPause=this.container.querySelector(i.videoButtonIconPause),this.videoContainer&&(this.autoplay=this.container.dataset.autoplay,this.initVideo())},initVideo(){this.videoDesktop=this.container.querySelector(i.videoDesktop),this.videoMobile=this.container.querySelector(i.videoMobile),!(!this.videoDesktop||!this.videoMobile)&&(this.videoDesktopPlayer=new t(this.videoDesktop,{videoType:this.videoContainer.dataset.videoType}),this.videoMobilePlayer=new t(this.videoMobile,{videoType:this.videoContainer.dataset.videoType}),this.initMediaEvents(),this.initVideoButton())},initMediaEvents(){let e=window.matchMedia("(max-width: 767px)");e.matches?this.autoplay=="true"&&this.videoMobilePlayer.play():this.autoplay=="true"&&this.videoDesktopPlayer.play(),e.addEventListener?e.addEventListener("change",()=>{e.matches?this.pauseDesktopVideo():this.pauseMobileVideo()}):e.addEventListener(o=>{o.matches&&(e.matches?this.pauseDesktopVideo():this.pauseMobileVideo())})},pauseDesktopVideo:function(){this.videoDesktopPlayer.pause(),this.autoplay=="true"?(this.videoMobilePlayer.play(),this.videoButtonIconPlay.classList.add("hidden"),this.videoButtonIconPause.classList.remove("hidden")):(this.videoButtonIconPlay.classList.remove("hidden"),this.videoButtonIconPause.classList.add("hidden"))},pauseMobileVideo:function(){this.videoMobilePlayer.pause(),this.autoplay=="true"?(this.videoDesktopPlayer.play(),this.videoButtonIconPlay.classList.add("hidden"),this.videoButtonIconPause.classList.remove("hidden")):(this.videoButtonIconPlay.classList.remove("hidden"),this.videoButtonIconPause.classList.add("hidden"))},initVideoButton:function(){this.videoButton&&this.videoButton.addEventListener("click",()=>{this.isMobile()?this.toggleVideoPlayer(this.videoMobilePlayer):this.toggleVideoPlayer(this.videoDesktopPlayer)}
1)},isMobile(){return window.matchMedia("(max-width: 767px)").matches},toggleVideoPlayer(e){e.isPlayed?(this.videoButtonIconPlay.classList.remove("hidden"),this.videoButtonIconPause.classList.add("hidden"),e.pause()):(this.videoButtonIconPlay.classList.add("hidden"),this.videoButtonIconPause.classList.remove("hidden"),e.play())}});

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.