901.js

"use strict";(globalThis.webpackChunkwp_media_chrome=globalThis.webpackChunkwp_media_chrome||[]).push([[901],{8901:(e,t,s)=>{s.r(t),s.d(t,{default:()=>p});const i=/(?:youtu\.be\/|youtube\.com\/(?:shorts\/|embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})/;function a(e){return`\n    <style>\n      :host {\n        display: inline-block;\n        line-height: 0;\n        position: relative;\n        min-width: 300px;\n        min-height: 150px;\n      }\n      iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n      }\n    </style>\n    <iframe${function(e){let t="";for(const s in e){const i=e[s];t+=""===i?` ${s}`:` ${s}="${i}"`}return t}({src:n(e),frameborder:0,width:"100%",height:"100%",allow:"accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture"})}></iframe>\n  `}function n(e){if(!e.src)return;const t=e.src.match(i);return`https://www.youtube.com/embed/${t&&t[1]}?${s={controls:""===e.controls?null:0,autoplay:e.autoplay,loop:e.loop,mute:e.muted,playsinline:e.playsinline,preload:e.preload??"metadata",enablejsapi:1,showinfo:0,rel:0,iv_load_policy:3,modestbranding:1},String(new URLSearchParams(function(e){let t={};for(let s in e){let i=e[s];!0===i||""===i?t[s]=1:!1===i?t[s]=0:null!=i&&(t[s]=i)}return t}(s)))}`;var s}class o extends(globalThis.HTMLElement??class{}){static getTemplateHTML=a;static shadowRootOptions={mode:"open"};static observedAttributes=["autoplay","controls","crossorigin","loop","muted","playsinline","poster","preload","src"];loadComplete=new h;#e;#t;#s=0;#i=!1;#a;isLoaded=!1;#n=null;async load(){if(this.#e)return;this.shadowRoot||this.attachShadow({mode:"open"}),this.#t&&(this.loadComplete=new h,this.isLoaded=!1),this.#t=!0,await(this.#e=Promise.resolve()),this.#e=null,this.#s=0,this.dispatchEvent(new Event("emptied"));let e=this.api;if(this.api=null,!this.src)return void(null==e||e.destroy());this.dispatchEvent(new Event("loadstart"));let t=this.shadowRoot.querySelector("iframe"),s=function(e){let t={};for(let s of e)t[s.name]=s.value;return t}(this.attributes);(null==t?void 0:t.src)&&t.src===n(s)||(this.shadowRoot.innerHTML=a(s),t=this.shadowRoot.querySelector("iframe"));const i=await async function(e,t,s){return l[e]?l[e]:t&&self[t]?(await r(0),self[t]):l[e]=new Promise((function(i,a){const n=document.createElement("script");n.src=e;const o=()=>i(self[t]);s&&(self[s]=o),n.onload=()=>!1,n.onerror=a,document.head.append(n)}))}("https://www.youtube.com/iframe_api","YT","onYouTubeIframeAPIReady");this.api=new i.Player(t,{events:{onReady:()=>{this.#s=1,this.dispatchEvent(new Event("loadedmetadata")),this.dispatchEvent(new Event("durationchange")),this.dispatchEvent(new Event("volumechange")),this.dispatchEvent(new Event("loadcomplete")),this.isLoaded=!0,this.loadComplete.resolve()},onError:e=>{console.error(e),this.#n={code:e.data,message:`YouTube iframe player error #${e.data}; visit https://developers.google.com/youtube/iframe_api_reference#onError for the full error message.`},this.dispatchEvent(new Event("error"))}}});let o=!1;this.api.addEventListener("onStateChange",(e=>{var t;const s=e.data;if(s!==i.PlayerState.PLAYING&&s!==i.PlayerState.BUFFERING||o||(o=!0,this.dispatchEvent(new Event("play"))),s===i.PlayerState.PLAYING)this.seeking&&(this.#i=!1,null==(t=this.#a)||t.resolve(),this.dispatchEvent(new Event("seeked"))),this.#s=3,this.dispatchEvent(new Event("playing"));else if(s===i.PlayerState.PAUSED){const e=Math.abs(this.currentTime-d);!this.seeking&&e>.1&&(this.#i=!0,this.dispatchEvent(new Event("seeking"))),o=!1,this.dispatchEvent(new Event("pause"))}s===i.PlayerState.ENDED&&(o=!1,this.dispatchEvent(new Event("pause")),this.dispatchEvent(new Event("ended")),this.loop&&this.play())})),this.api.addEventListener("onPlaybackRateChange",(()=>{this.dispatchEvent(new Event("ratechange"))})),this.api.addEventListener("onVolumeChange",(()=>{this.dispatchEvent(new Event("volumechange"))})),this.api.addEventListener("onVideoProgress",(()=>{this.dispatchEvent(new Event("timeupdate"))})),await this.loadComplete;let u,d=0;setInterval((()=>{var e;const t=Math.abs(this.currentTime-d),s=this.buffered.end(this.buffered.length-1);this.seeking&&s>.1?(this.#i=!1,null==(e=this.#a)||e.resolve(),this.dispatchEvent(new Event("seeked"))):!this.seeking&&t>.1&&(this.#i=!0,this.dispatchEvent(new Event("seeking"))),d=this.currentTime}),50);const p=setInterval((()=>{const e=this.buffered.end(this.buffered.length-1);e>=this.duration&&(clearInterval(p),this.#s=4),u!=e&&(u=e,this.dispatchEvent(new Event("progress")))}),100)}async attributeChangedCallback(e,t,s){if(t!==s)switch(e){case"src":case"autoplay":case"controls":case"loop":case"playsinline":this.load()}}async play(){var e,t,s;return this.#a=null,await this.loadComplete,null==(e=this.api)||e.playVideo(),t=this,(s=(e,s)=>{let i;t.addEventListener(e,i=()=>{t.removeEventListener(e,i),s()})},(...e)=>new Promise((t=>{s(...e,((...e)=>{e.length>1?t(e):t(e[0])}))})))("playing")}async pause(){var e;return await this.loadComplete,null==(e=this.api)?void 0:e.pauseVideo()}get seeking(){return this.#i}get readyState(){return this.#s}get src(){return this.getAttribute("src")}set src(e){this.src!=e&&this.setAttribute("src",e)}get error(){return this.#n}get paused(){var e,t;return this.isLoaded?[-1,0,2,5].includes(null==(t=null==(e=this.api)?void 0:e.getPlayerState)?void 0:t.call(e)):!this.autoplay}get duration(){var e,t;return(null==(t=null==(e=this.api)?void 0:e.getDuration)?void 0:t.call(e))??NaN}get autoplay(){return this.hasAttribute("autoplay")}set autoplay(e){this.autoplay!=e&&this.toggleAttribute("autoplay",Boolean(e))}get buffered(){var e,t;if(!this.isLoaded)return u();const s=(null==(e=this.api)?void 0:e.getVideoLoadedFraction())*(null==(t=this.api)?void 0:t.getDuration());return s>0?u(0,s):u()}get controls(){return this.hasAttribute("controls")}set controls(e){this.controls!=e&&this.toggleAttribute("controls",Boolean(e))}get currentTime(){var e,t;return(null==(t=null==(e=this.api)?void 0:e.getCurrentTime)?void 0:t.call(e))??0}set currentTime(e){this.currentTime!=e&&(this.#a=new h,this.loadComplete.then((()=>{var t,s;null==(t=this.api)||t.seekTo(e,!0),this.paused&&(null==(s=this.#a)||s.then((()=>{var e;this.#a&&(null==(e=this.api)||e.pauseVideo())})))})))}set defaultMuted(e){this.defaultMuted!=e&&this.toggleAttribute("muted",Boolean(e))}get defaultMuted(){return this.hasAttribute("muted")}get loop(){return this.hasAttribute("loop")}set loop(e){this.loop!=e&&this.toggleAttribute("loop",Boolean(e))}set muted(e){this.muted!=e&&this.loadComplete.then((()=>{var t,s;e?null==(t=this.api)||t.mute():null==(s=this.api)||s.unMute()}))}get muted(){var e,t;return this.isLoaded?null==(t=null==(e=this.api)?void 0:e.isMuted)?void 0:t.call(e):this.defaultMuted}get playbackRate(){var e,t;return(null==(t=null==(e=this.api)?void 0:e.getPlaybackRate)?void 0:t.call(e))??1}set playbackRate(e){this.playbackRate!=e&&this.loadComplete.then((()=>{var t;null==(t=this.api)||t.setPlaybackRate(e)}))}get playsInline(){return this.hasAttribute("playsinline")}set playsInline(e){this.playsInline!=e&&this.toggleAttribute("playsinline",Boolean(e))}get poster(){return this.getAttribute("poster")}set poster(e){this.poster!=e&&this.setAttribute("poster",`${e}`)}set volume(e){this.volume!=e&&this.loadComplete.then((()=>{var t;null==(t=this.api)||t.setVolume(100*e)}))}get volume(){var e;return this.isLoaded?(null==(e=this.api)?void 0:e.getVolume())/100:1}}const l={},r=e=>new Promise((t=>setTimeout(t,e)));class h extends Promise{constructor(e=()=>{}){let t,s;super(((i,a)=>{e(i,a),t=i,s=a})),this.resolve=t,this.reject=s}}function u(e,t){return Array.isArray(e)?d(e):d(null==e||null==t||0===e&&0===t?[[0,0]]:[[e,t]])}function d(e){return Object.defineProperties(e,{start:{value:t=>e[t][0]},end:{value:t=>e[t][1]}}),e}globalThis.customElements&&!globalThis.customElements.get("youtube-video")&&globalThis.customElements.define("youtube-video",o);var p=o}}]);