1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2578],{62578:(e,t,o)=>{o.r(t),o.d(t,{default:()=>d});var n=o(95155),s=o(12115),a=o(83166),i=o(33420),l=o(9949),r=o(16150);let d=e=>{let{children:t,onToggle:o,isStatic:d,SignIcon:u,onLoad:p,contentUrl:c}=e,{isOpen:g,onToggle:x}=(0,a.j)({defaultIsOpen:!1,onClose:o,onOpen:o}),h=(0,r.j)();(0,s.useEffect)(()=>{let e=document.getElementById("main-header"),t=document.getElementById("item-info");e&&t&&(e.style.opacity=g?"0":"1",e.style.pointerEvents=g?"none":"auto",t.style.height=g?"0px":"100%",t.style.opacity=g?"0":"1")},[g]);let m=c||h.contentUrl||void 0;return(0,n.jsxs)(i.VStack,{id:"audio-viewer",justifyContent:"center",gap:"12px",width:"100%",minW:{lg:"400px",base:"unset"},bgColor:"transparent",zIndex:10,top:"0px",left:"0px",height:{base:"unset",lg:"100%"},position:"static",transition:"translateY 0.3s ease-in-out",transform:{base:g?"translateY(".concat((()=>{let e=document.getElementById("audio-viewer"),t=document.documentElement.clientHeight-e.offsetTop;return e?(t-e.clientHeight)/3:0})(),"px)"):"translateY(0)",lg:"unset"},children:[(0,n.jsx)(l.Box,{position:"relative",children:(0,n.jsxs)(l.Box,{id:"audio-viewer-audio",as:"audio",w:"100%",maxW:{lg:"480px",base:"100%"},minW:{lg:"300px",base:"200px"},controls:!0,preload:"auto",onLoadedMetadata:()=>{p&&p()},children:[(0,n.jsx)("source",{src:m,type:"audio/mpeg"}),(0,n.jsx)("source",{src:m,type:"audio/ogg"}),(0,n.jsx)("source",{src:m,type:"audio/wav"}),"Tu navegador no soporta el elemento de audio."]})}),!d&&(0,n.jsx)(l.Box,{id:"info",w:"100%",transition:{base:"0s",lg:"opacity .3s ease-in-out, height .3s ease-in-out, overflow .3s"},height:g?"0px":"30px",opacity:g?0:1,overflow:g?"hidden":"visible",children: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.