https://www.sea.museum/_next/static/chunks/4120.060958b4c39a00c2.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4120],{44120:function(e,t,n){n.r(t),n.d(t,{ParagraphComparisonSliderComponent:function(){return v},default:function(){return h}});var i=n(24246),a=n(33198),l=n.n(a),o=n(27378),s=n(76033),d=n(6120),r=n(34154),u=n(76209),m=n(82224),c=n(71049),f=n(94777);function p(e){let{entity:t,isSensitive:n}=e,[a,p]=(0,o.useState)(100),x="Uncropped";if(!t.fieldComponentMedia||t.fieldComponentMedia.length<2)return(0,i.jsx)(i.Fragment,{});let v=t.fieldComponentMedia[0],h=v.fieldMediaImage||v.fieldFotowebImage,w=null==h?void 0:h.uncropped.width,C=null==h?void 0:h.uncropped.height,g=w&&C?w/C:1,y=(0,o.useCallback)(l()(()=>void p(Math.round(window.screen.width/g)),500,{maxWait:5e3}),[]);(0,o.useEffect)(()=>{y()},[g]),(0,o.useEffect)(()=>(window.addEventListener("resize",y),()=>window.removeEventListener("resize",y)),[a]);let E={itemOne:(0,i.jsx)(m.MediaEl,{entity:null==t?void 0:t.fieldComponentMedia[0],size:"full",aspect:x,className:"absolute mx-auto",layout:"fit",isSensitive:n}),itemTwo:(0,i.jsx)(m.MediaEl,{entity:null==t?void 0:t.fieldComponentMedia[1],size:"full",aspect:x,layout:"fit",isSensitive:n})};return(0,i.jsxs)(d.S,{entity:t,className:"full-bleed","data-component":"ComparisonSlider",children:[(0,i.jsxs)("div",{className:"padding-x max-w-screen-2xl mx-auto my-8 lg:my-12",children:[(null==t?void 0:t.fieldComponentTitle)&&(0,i.jsx)(u.Z,{data:t.fieldComponentTitle}),t.fieldComponentSummary&&(0,i.jsx)(r.Z,{data:t.fieldComponentSummary})]}),(0,i.jsx)(s.vx,{"data-height":a,style:{height:a},className:(0,f.cn)("max-w-screen-outer-limits w-screen max-h-screen","lg:h-screen lg:w-auto","mx-auto items-stretch justify-center bg-brand-neutral"),...E}),v&&(0,i.jsx)(c.Y,{className:"padding-x max-w-screen-2xl mx-auto my-2 lg:my-4",media:v})]})}var x=n(37443);function v(e){var t,n;let{entity:a}=e;if(!a)return(0,i.jsx)(i.Fragment,{});let l=null===(t=a.fieldComponentFeatures)||void 0===t?void 0:t.includes(x.bQ.SENSITIVE),o=null===(n=a.fieldComponentFeatures)||void 0===n?void 0:n.includes(x.bQ.HIDE_MEDIA_TEXT);return(0,i.jsx)(p,{entity:a,isSensitive:l,hideMediaText:o})}var h=v}}]);