1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[206],{7206:function(e,t,n){n.r(t);var r=n(2676),c=n(1744),i=n(5271);t.default=e=>{let{html:t,...n}=e,o=(0,i.useRef)(void 0),u=(0,i.useRef)(void 0),a=(0,i.useMemo)(()=>'\n <html>\n <head>\n <style>\n html, body {\n padding: 0;\n overflow: hidden;\n margin: 0 auto;\n text-align: center;\n }\n iframe[src*="youtube"],\n iframe[src*="vimeo"],\n iframe[src*="twitch"],\n iframe[src*="facebook.com/plugins/video"] {\n aspect-ratio: 16 / 9;\n height: 100%;\n width: 100%;\n }\n </style>\n </head>\n <body>'.concat(t,"</body>\n </html>\n "),[t]),l=(0,i.useCallback)(()=>{if(o.current)try{let e=o.current.contentWindow.document.body.scrollHeight,t="".concat(e,"px");e>0&&o.current.height!==t&&(o.current.height=t)}catch(e){console.error(e)}},[]),s=(0,i.useCallback)(e=>{let t=e.target;u.current=new ResizeObserver(()=>{l()}),u.current.observe(t.contentWindow.document.documentElement)},[l]);return(0,c.U)(()=>{l()},1e3),(0,i.useEffect)(()=>()=>{var e;null===(e=u.current)||void 0===e||e.disconnect()},[]),(0,r.jsx)("div",{className:"max-w-3xl mx-auto px-0",children:(0,r.jsx)("iframe",{ref:o,srcDoc:a,onLoad:s,...n})})}},1744:function(e,t,n){n.d(t,{U:function(){return c}});var r=n(5271);function c(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3e4,n=(0,r.useRef)(e);(0,r.useEffect)(()=>{n.current=e},[e]),(0,r.useEffect)(()=>{let e;let r=()=>{e=setInterval(()=>{n.current()},t),n.current()};"visible"===document.visibilityState&&r();let c=()=>{e&&clearInterval(e),"visible"===document.visibilityState&&r()};return document.addEventListener("visibilitychange",c),()=>{e&&clearInterval(e),document.removeEventListener("visibilitychange",c)}},[n,t])}}}]);
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.