https://aiven.io/remix-chunks/react-DyZAg_ej.js

1import{a as H}from"./typography-C5LMSFAT.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{};t.SENTRY_RELEASE={id:"bb7bd624a8a3321ff6d1587f421551039a69f342"}}catch{}})();try{(function(){var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},e=new t.Error().stack;e&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[e]="d4a9aadc-6629-4d3f-bf01-9f660cd68224",t._sentryDebugIdIdentifier="sentry-dbid-d4a9aadc-6629-4d3f-bf01-9f660cd68224")})()}catch{}const V="https://www.youtube.com/embed",$="https://www.youtube-nocookie.com/embed",Y="https://www.youtube.com/iframe_api",j="YT",F="onYouTubeIframeAPIReady",R=/(?:youtu\.be\/|youtube(?:-nocookie)?\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=|shorts\/|live\/))((\w|-){11})/,G=/(?:youtu\.be\/|youtube(?:-nocookie)?\.com\/.*?[?&]list=)([\w_-]+)/;function C(t,e={}){var i;const n={src:x(t,e),frameborder:0,width:"100%",height:"100%",allow:"accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture"};return(i=e.config)!=null&&i.referrerpolicy&&(n.referrerpolicy=e.config.referrerpolicy),e.config&&(n["data-config"]=JSON.stringify(e.config)),`
2    <style>
3      :host {
4        display: inline-block;
5        line-height: 0;
6        position: relative;
7        min-width: 300px;
8        min-height: 150px;
9      }
10      iframe {
11        position: absolute;
12        top: 0;
13        left: 0;
14      }
15    </style>
16    <iframe${U(n)}></iframe>
17  `}function x(t,e){if(!t.src)return;const i=t.src.includes("-nocookie")?$:V,n={controls:t.controls===""?null:0,autoplay:t.autoplay,loop:t.loop,mute:t.muted,playsinline:t.playsinline,preload:t.preload??"metadata",enablejsapi:1,cc_load_policy:1,showinfo:0,rel:0,iv_load_policy:3,modestbranding:1,...e.config};if(R.test(t.src)){const p=t.src.match(R),m=p&&p[1];return`${i}/${m}?${M(n)}`}const l=t.src.match(G),f={listType:"playlist",list:l&&l[1],...n};return`${i}?${M(f)}`}class B extends(globalThis.HTMLElement??class{}){static getTemplateHTML=C;static shadowRootOptions={mode:"open"};static observedAttributes=["autoplay","controls","crossorigin","loop","muted","playsinline","poster","preload","src"];loadComplete=new k;#o;#r;#t=0;#i=!1;#e;isLoaded=!1;#l=null;#a=null;#s=null;#n=1;constructor(){super(),this.#u("config")}get config(){return this.#a}set config(e){this.#a=e}async load(){if(this.#o)return;this.shadowRoot||this.attachShadow({mode:"open"});const e=!this.#r;this.#r&&(this.loadComplete=new k,this.isLoaded=!1),this.#r=!0,await(this.#o=Promise.resolve()),this.#o=null,this.#t=0,this.dispatchEvent(new Event("emptied"));let i=this.api;if(this.api=null,!this.src){i?.destroy();return}this.#s=document.createElement("video"),this.textTracks=this.#s.textTracks,this.textTracks.addEventListener("change",()=>{var s;const u=Array.from(this.textTracks).find(c=>c.mode==="showing");(s=this.api)==null||s.setOption("captions","track",u?{languageCode:u.language}:{})}),this.dispatchEvent(new Event("loadstart"));let n=this.shadowRoot.querySelector("iframe"),l=q(this.attributes);e&&n&&(this.#a=JSON.parse(n.getAttribute("data-config")||"{}")),(!n?.src||n.src!==x(l,this))&&(this.shadowRoot.innerHTML=C(l,this),n=this.shadowRoot.querySelector("iframe"));const a=await z(Y,j,F);this.api=new a.Player(n,{events:{onReady:()=>{var s;this.#t=1,this.dispatchEvent(new Event("loadedmetadata")),this.dispatchEvent(new Event("durationchange")),this.#n!==1&&((s=this.api)==null||s.setVolume(this.#n*100)),this.dispatchEvent(new Event("volumechange")),this.dispatchEvent(new Event("loadcomplete")),this.isLoaded=!0,this.loadComplete.resolve()},onError:s=>{console.error(s),this.#l={code:s.data,message:`YouTube iframe player error #${s.data}; visit https://developers.google.com/youtube/iframe_api_reference#onError for the full error message.`},this.dispatchEvent(new Event("error"))}}});let f=!1;this.api.addEventListener("onStateChange",s=>{var u;const c=s.data;if((c===a.PlayerState.PLAYING||c===a.PlayerState.BUFFERING)&&(f||(f=!0,this.dispatchEvent(new Event("play"))),(this.api.getOption("captions","tracklist")||[]).forEac

17h(h=>{[...this.textTracks].some(E=>E.language===h.languageCode)||this.#s.addTextTrack("subtitles",h.displayName,h.languageCode),this.textTracks=this.#s.textTracks}),this.dispatchEvent(new Event("loadstart"))),c===a.PlayerState.PLAYING)this.seeking&&(this.#i=!1,(u=this.#e)==null||u.resolve(),this.dispatchEvent(new Event("seeked"))),this.#t=3,this.dispatchEvent(new Event("playing"));else if(c===a.PlayerState.PAUSED){const b=Math.abs(this.currentTime-p);!this.seeking&&b>.1&&(this.#i=!0,this.dispatchEvent(new Event("seeking"))),f=!1,this.dispatchEvent(new Event("pause"))}c===a.PlayerState.ENDED&&(f=!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",()=>{var s;const u=((s=this.api)==null?void 0:s.getVolume())/100;this.#n=u,this.dispatchEvent(new Event("volumechange"))}),this.api.addEventListener("onVideoProgress",()=>{this.dispatchEvent(new Event("timeupdate"))}),await this.loadComplete;let p=0;setInterval(()=>{var s;const u=Math.abs(this.currentTime-p),c=this.buffered.end(this.buffered.length-1);this.seeking&&c>.1?(this.#i=!1,(s=this.#e)==null||s.resolve(),this.dispatchEvent(new Event("seeked"))):!this.seeking&&u>.1&&(this.#i=!0,this.dispatchEvent(new Event("seeking"))),p=this.currentTime},50);let m;const w=setInterval(()=>{const s=this.buffered.end(this.buffered.length-1);s>=this.duration&&(clearInterval(w),this.#t=4),m!=s&&(m=s,this.dispatchEvent(new Event("progress")))},100)}async attributeChangedCallback(e,i,n){if(i!==n)switch(e){case"src":case"autoplay":case"controls":case"loop":case"playsinline":this.load()}}async play(){var e;return this.#e=null,await this.loadComplete,(e=this.api)==null||e.playVideo(),Q(this)}async pause(){var e;return await this.loadComplete,(e=this.api)==null?void 0:e.pauseVideo()}get seeking(){return this.#i}get readyState(){return this.#t}get src(){return this.getAttribute("src")}set src(e){this.src!=e&&this.setAttribute("src",e)}get error(){return this.#l}get paused(){var e,i;return this.isLoaded?[-1,0,2,5].includes((i=(e=this.api)==null?void 0:e.getPlayerState)==null?void 0:i.call(e)):!this.autoplay}get duration(){var e,i;return((i=(e=this.api)==null?void 0:e.getDuration)==null?void 0:i.call(e))??NaN}get autoplay(){return this.hasAttribute("autoplay")}set autoplay(e){this.autoplay!=e&&this.toggleAttribute("autoplay",!!e)}get buffered(){var e,i;if(!this.isLoaded)return P();const n=((e=this.api)==null?void 0:e.getVideoLoadedFraction())*((i=this.api)==null?void 0:i.getDuration());return n>0?P(0,n):P()}get controls(){return this.hasAttribute("controls")}set controls(e){this.controls!=e&&this.toggleAttribute("controls",!!e)}get currentTime(){var e,i;return((i=(e=this.api)==null?void 0:e.getCurrentTime)==null?void 0:i.call(e))??0}set currentTime(e){this.currentTime!=e&&(this.#e=new k,this.loadComplete.then(()=>{var i,n;(i=this.api)==null||i.seekTo(e,!0),this.paused&&((n=this.#e)==null||n.then(()=>{var l;this.#e&&((l=this.api)==null||l.pauseVideo())}))}))}set defaultMuted(e){this.defaultMuted!=e&&this.toggleAttribute("muted",!!e)}get defaultMuted(){return this.hasAttribute("muted")}get loop(){return this.hasAttribute("loop")}set loop(e){this.loop!=e&&this.toggleAttribute("loop",!!e)}set muted(e){this.muted!=e&&this.loadComplete.then(()=>{var i,n;e?(i=this.api)==null||i.mute():(n=this.api)==null||n.unMute()})}get muted(){var e,i;return this.isLoaded?(i=(e=this.api)==null?void 0:e.isMuted)==null?void 0:i.call(e):this.defaultMuted}get playbackRate(){var e,i;return((i=(e=this.api)==null?void 0:e.getPlaybackRate)==null?void 0:i.call(e))??1}set playbackRate(e){this.playbackRate!=e&&this.loadComplete.then(()=>{var i;(i=this.api)==null||i.setPlaybackRate(e)})}get playsInline(){return this.hasAttribute("playsinline")}set playsInline(e){this.playsInline!=e&&this.toggleAttribute("playsinline",!!e)}get poster(){return this.getAttribute("poster")}set poster(e){this.poster!=e&&this.setAttribute("poster",`${e}`)}set volume(e){this.volume!=e&&(this.#n=e,this.loadComplete.then(()=>{var i;(i=this.api)==null||i.setVolume(e*100)}))}get volume(){var e;return this.isLoaded?((e=this.api)==null?void 0:e.getVolume())/100:this.#n}#u(e){if(Object.prototype.hasOwnProperty.call(this,e)){const i=this[e];delete this[e],this[e]=i}}}function U(t){let e="";for(const i in t){const n=t[i];n===""?e+=` ${L(i)}`:e+=` ${L(i)}="${L(`${n}`)}"`}return e}function L(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;").replace(/`/g,"&#x60;")}function M(t){return String(new URLSearchParams(W(t)))}function W(t){let e={};for(let i in t){let n=t[i];n===!0||n===""?e[i]=1:n===!1?e[i]=0:n!=null&&(e[i]=n)}return e}function q(t){let e={};for(let i of t)e[i.name]=i.value;return e}const A={};async function z(t,e,i){return A[t]?A[t]:self[e]?(await J(0),self[e]):A[t]=new Promise(function(n,l){const a=document.createElement("script");a.src=t;const f=()=>n(self[e]);self[i]=f,a.onload=()=>!i,a.onerror=l,document.head.append(a)})}const J=t=>new Promise(e=>setTimeout(e,t));function K(t){return(...e)=>new Promise(i=>{t(...e,(...n)=>{n.length>1?i(n):i(n[0])})})}function Q(t){return K((e,i)=>{let n;t.addEventListener(e,n=()=>{t.removeEventListener(e,n),i()})})("playing")}class k extends Promise{constructor(e=()=>{}){let i,n;super((l,a)=>{e(l,a),i=l,n=a}),this.resolve=i,this.reject=n}}function P(t,e){return Array.isArray(t)?S(t):t==null||e==null||t===0&&e===0?S([[0,0]]):S([[t,e]])}function S(t){return Object.defineProperties(t,{start:{value:e=>t[e][0]},end:{value:e=>t[e][1]}}),t}globalThis.customElements&&!globalThis.customElements.get("youtube-video")&&globalThis.customElements.define("youtube-video",B);var X=B,Z=new Set(["style","children","ref","key","suppressContentEditableWarning","suppressHydrationWarning","dangerouslySetInnerHTML"]),ee={className:"class",htmlFor:"for"};function D(t){return t.toLowerCase()}function O(t){if(typeof t=="boolean")return t?"":void 0;if(typeof t!="function"&&!(typeof t=="object"&&t!==null))return t}function te({react:t,tagName:e,elementClass:i,events:n,displayName:l,defaultProps:a,toAttributeName:f=D,toAttributeValue:p=O}){const m=Number.parseInt(t.version)>=19,w=t.forwardRef((s,u)=>{var c,b;const h=t.useRef(null),E=t.useRef(new Map),T={},I={},g={},_={};for(const[o,r]of Object.entries(s)){if(Z.has(o)){g[o]=r;continue}const d=f(ee[o]??o);if(i.prototype&&o in i.prototype&&!(o in(((c=globalThis.HTMLElement)==null?void 0:c.prototype)??{}))&&!((b=i.observedAttributes)!=null&&b.some(y=>y===d))){_[o]=r;continue}if(o.startsWith("on")){T[o]=r;continue}const v=p(r);if(d&&v!=null&&(I[d]=String(v),m||(g[d]=v)),d&&m){const y=O(r);

17v!==y?g[d]=v:g[d]=r}}if(typeof window<"u"){for(const o in T){const r=T[o],d=o.endsWith("Capture"),v=(n?.[o]??o.slice(2).toLowerCase()).slice(0,d?-7:void 0);t.useLayoutEffect(()=>{const y=h?.current;if(!(!y||typeof r!="function"))return y.addEventListener(v,r,d),()=>{y.removeEventListener(v,r,d)}},[h?.current,r])}t.useLayoutEffect(()=>{if(h.current===null)return;const o=new Map;for(const r in _)N(h.current,r,_[r]),E.current.delete(r),o.set(r,_[r]);for(const[r,d]of E.current)N(h.current,r,void 0);E.current=o})}if(typeof window>"u"&&i?.getTemplateHTML&&i?.shadowRootOptions){const{mode:o,delegatesFocus:r}=i.shadowRootOptions,d=t.createElement("template",{shadowrootmode:o,shadowrootdelegatesfocus:r,dangerouslySetInnerHTML:{__html:i.getTemplateHTML(I,s)}});g.children=[d,g.children]}return t.createElement(e,{...a,...g,ref:t.useCallback(o=>{h.current=o,typeof u=="function"?u(o):u!==null&&(u.current=o)},[u])})});return w.displayName=l??i.name,w}function N(t,e,i){var n;t[e]=i,i==null&&e in(((n=globalThis.HTMLElement)==null?void 0:n.prototype)??{})&&t.removeAttribute(e)}var ne=te({react:H,tagName:"youtube-video",elementClass:X,toAttributeName(t){return t==="muted"?"":t==="defaultMuted"?"muted":D(t)}});/*! Bundled license information:
18
19ce-la-react/dist/ce-la-react.js:
20  (**
21   * @license
22   * Copyright 2018 Google LLC
23   * SPDX-License-Identifier: BSD-3-Clause
24   *
25   * Modified version of `@lit/react` for vanilla custom elements with support for SSR.
26   *)
27*/export{ne as default};
28//# sourceMappingURL=react-DyZAg_ej.js.map