1"use strict";(self.webpackChunkwebpack=self.webpackChunkwebpack||[]).push([[9343],{9343:function(e,t,i){i.r(t),i.d(t,{Video:function(){return n}});var s=i(68687),r=i(77905),o=i(86749);class n extends s.oi{static get properties(){return{title:{type:String},options:{type:Object},plyrId:{type:String,attribute:"plyr-id"},poster:{type:String},symbolFile:{type:String},autoplay:{type:Boolean},ratio:{type:String},bgDevice:{type:String,attribute:"background-from"},provider:{type:String},uniqueID:{type:String,state:!0},player:{type:Object,state:!0},resizeVideoObserver:{type:Object,state:!0},isDesktop:{type:Boolean,state:!0},width:{type:Number,state:!0}}}constructor(){super(),this.autoplay=!1,this.uniqueID=(0,r.y)(),this.width=null,this.observerFrame=null,this.resizeVideoObserver=new ResizeObserver(this.resizeObserver.bind(this))}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.resizeVideoObserver.observe(document.body)}disconnectedCallback(){super.disconnectedCallback(),this.observerFrame&&(cancelAnimationFrame(this.observerFrame),this.observerFrame=null),this.resizeVideoObserver&&this.resizeVideoObserver.disconnect()}firstUpdated(){this.provider&&(this.provider=this.provider.toLowerCase()),this.initialHtml=this._getInitialHtml(),this.insertAdjacentHTML("beforeend",this.initialHtml),this.bgDevice&&(this.mediaMotionQuery=window.matchMedia("(prefers-reduced-motion: reduce)"),this.isDesktop=(0,o.WM)(this,this.bgDevice).matches,!this.isDesktop)||this._buildVideo()}resizeObserver(e){if(this.bgDevice)for(const t of e){const{width:e}=t.contentRect;if(e===this.width)continue;const i=null===this.width;this.width=e,i||this._scheduleResizeActions()}}_scheduleResizeActions(){this.observerFrame||(this.observerFrame=requestAnimationFrame((()=>{this.observerFrame=null,this.isConnected&&(this.isDesktop=(0,o.WM)(this,this.bgDevice).matches,this.isDesktop?(this.removeAttribute("aria-hidden"),this.parentElement.classList.remove("u-overlay-black"),this.player||this._buildVideo()):(this.setAttribute("aria-hidden","true"),this.parentElement.classList.add("u-overlay-black")))})))}_buildVideo(){Promise.all([i.e(8132).then(i.t.bind(i,28055,23)),i.e(9481).then(i.bind(i,89481)),i.e(8023).then(i.t.bind(i,68023,17)),i.e(914).then(i.bind(i,40914))]).then((([e])=>{this.object=this.querySelector(`#${this.uniqueID}`),this.object&&(this._setOptions(),this.player=new e.default(this.object,this.options),this.player&&this.bgDevice&&(this.player.muted=!0,this.player.play()))}))}_setOptions(){const e={title:this.title??"",ratio:this.ratio||this.bgDevice?"":"16:9",loop:{active:!(!this.autoplay&&!this.bgDevice)},autoplay:!(!this.autoplay&&!this.bgDevice),playsinline:!!this.bgDevice,muted:!!this.bgDevice,controls:this.bgDevice?this.mediaMotionQuery.matches?["play"]:"":["play-large","play","progress","current-time","duration","mute","volume","captions","fullscreen"]},t=this.options;this.options=t?{...e,...t}:e}_getAudioTemplate(){return`<audio id="${this.uniqueID}" crossorigin> \n ${this.innerHTML}\n </audio>`}_getYoutubeVimeoTemplate(){return`<div data-plyr-provider="${this.provider}" data-plyr-embed-id="${this.plyrId}" id="${this.uniqueID}"></div>`}_getHtml5Template(){return`<video \n id="${this.uniqueID}" \n data-poster="${this.poster}"\n ${this.bgDevice?'\n playsinline="muted" \n muted="muted" \n autoplay="" \n class="o-fit o-fit--bottom"':""}\n aria-hidden="${!this.desktop}" \n crossorigin> \n ${this.innerHTML}\n </video>`}_getInitialHtml(){return["youtube","vimeo"].includes(this.provider.toLowerCase())?(this.plyrId,this._getYoutubeVimeoTemplate()):"html5"===this.provider?this._getHtml5Template():"audio"===this.provider?this._getAudioTemplate():void 0}}customElements.define("wc-video",n)}}]);
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.