PageSourceSearch

https://www.opi.com/_next/static/chunks/1386.ba91170359dbead7.js

js opi.com collected 2026-09-24 17:10:57 UTC 4,122 bytes, 2 lines download raw bytes

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1386],{1386:function(e,l,o){"use strict";o.r(l),o.d(l,{VideoPlaceholder:function(){return h},VideoPlayer:function(){return x}});var r,t,a=o(52322),i=o(63792),s=o(6277),n=o(96577),d=o.n(n),_=o(45847),c=o.n(_),y=o(2784);function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var l=1;l<arguments.length;l++){var o=arguments[l];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e}).apply(null,arguments)}var v=e=>y.createElement("svg",u({viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),r||(r=y.createElement("path",{d:"m84.346 61.753-33.89 19.566V42.187l33.89 19.566Z",fill:"#fff"})),t||(t=y.createElement("circle",{cx:61,cy:61,r:60.5,stroke:"#fff"}))),p=o(15826),P=o.n(p);function f({video:e,poster:l,className:o,onPlay:r,coverPoster:t,fillHero:i}){let[n,d]=(0,y.useState)(!1),_=(0,y.useRef)(null);return(0,a.jsx)("section",{className:(0,s.Z)(P().videoPlayer,i&&P().fillHero),ref:_,style:i?void 0:{aspectRatio:l.width/l.height},children:n?(0,a.jsx)("video",{className:P().videoPlayer__el,controls:!0,playsInline:!0,onCanPlay:e=>{e.target.play(),r?.()},children:(0,a.jsx)("source",{src:e.url,type:e.contentType})}):(0,a.jsx)(h,{playHandler:()=>d(!0),poster:l,className:o,coverPoster:t,posterQuality:t?90:void 0})})}function m({youtubeVideoId:e,vimeoVideoId:l,poster:o,className:r,onPlay:t,coverPoster:i,fillHero:n}){let[d,_]=(0,y.useState)(!1),[u,v]=(0,y.useState)(!1),p=(0,y.useId)(),f=(0,y.useRef)(null),m=(0,y.useRef)(!0);(0,y.useEffect)(()=>(m.current=!0,()=>{m.current=!1}),[]);let x=!!e;return(0,a.jsx)("section",{className:(0,s.Z)(P().videoPlayer,n&&P().fillHero,d&&u&&"is-loading"),ref:f,style:n?void 0:{aspectRatio:o.width/o.height},children:d?(0,a.jsxs)("div",{className:(0,s.Z)(P().videoPlayer__embed,n&&P().videoPlayer__embedHeroContain),children:[(0,a.jsx)("div",{id:`${p}-external_video`}),(0,a.jsx)(c(),{src:x?"https://www.youtube.com/iframe_api":"https://player.vimeo.com/api/player.js",onReady:()=>{let o=()=>{m.current&&v(!1)};e?function(e,l,o,r){let t=`${e}-external_video`,a=()=>{new YT.Player(t,{videoId:l,playerVars:{playsinline:1},events:{onReady:e=>{e.target.playVideo(),o(),r?.()}}})};if("object"==typeof YT&&"function"==typeof YT.Player){a();return}let i=window.onYouTubeIframeAPIReady;window.onYouTubeIframeAPIReady=()=>{"function"==typeof i&&i(),a()}}(p,e,o,t):l&&function(e,l,o,r){let t=new Vimeo.Player(`${e}-external_video`,{id:l});t.ready().then(()=>{t.play(),o(),r?.()})}(p,l,o,t)}})]}):(0,a.jsx)(h,{playHandler:()=>{_(!0),v(!0)},poster:o,className:r,coverPoster:i,posterQuality:i?90:void 0})})}let x=({video:e,youtubeVideoId:l,vimeoVideoId:o,poster:r,className:t,onPlay:i,isLoading:s,coverPoster:n,fillHero:d})=>s?(0,a.jsx)("section",{className:[P().videoPlayer,"is-loading"].join(" ")}):e?.url?(0,a.jsx)(f,{video:e,poster:r,className:t,onPlay:i,coverPoster:n,fillHero:d}):l||o?(0,a.jsx)(m,{youtubeVideoId:l,vimeoVideoId:o,poster:r,className:t,onPlay:i,coverPoster:n,fillHero:d}):null,h=({playHandler:e,poster:l,className:o,coverPoster:r,posterQuality:t})=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("button",{type:"button",className:(0,s.Z)(P().videoPlayer__button,o),"aria-label":i.ag._({id:"accessibility.playVideo",message:"Click to play video"}),onClick:e,children:(0,a.jsx)(v,{})}),(0,a.jsx)(d(),{src:l.url,fill:!0,alt:l.title,title:l.title,sizes:"(max-width: 1024px) 100vw, 887px",quality:t,className:(0,s.Z)(P().videoPlayer__poster,r&&P()["videoPlayer__poster--cover"])})]})},15826:function(e){e.exports={videoPlayer:"VideoPlayer_videoPlayer__OuRIB",pulse:"VideoPlayer_pulse__213aD",videoPlayer__button:"VideoPlayer_videoPlayer__button__kO0Hv",videoPlayer__poster:"VideoPlayer_videoPlayer__poster__BglYD","videoPlayer__poster--cover":"VideoPlayer_videoPlayer__poster--cover__trI_k",videoPlayer__el:"VideoPlayer_videoPlayer__el__jfU3N",fillHero:"VideoPlayer_fillHero__z_0qA",videoPlayer__embed:"VideoPlayer_videoPlayer__embed__2ecU6",videoPlayer__embedHeroContain:"VideoPlayer_videoPlayer__embedHeroContain__A7dKY"}}}]);
2//# sourceMappingURL=1386.ba91170359dbead7.js.map

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.