https://www.dmi.dk/typo3conf/ext/dmi_sitepackage/Resources/Public/…/ReactBundle/4531.8be26c73dfc10cae1cdc.js

1"use strict";(self.webpackChunkdmidk_react_v2=self.webpackChunkdmidk_react_v2||[]).push([[4531],{95038(e,t,i){i(96540);var a=i(5556),s=i.n(a),n=i(14198),r=i(87164),o=i(91480),d=i(47390),l=i(74848);const c=({options:e,value:t,label:i,onChange:a,sx:s={width:250},disabledLabel:c=i,variant:u="outlined"})=>(0,l.jsxs)(r.A,{variant:u,sx:s,children:[(0,l.jsx)(o.A,{id:"dropdown-label",children:i}),(0,l.jsxs)(d.A,{labelId:"dropdown-label",id:"dropdown",value:t,label:i,onChange:a,children:[c&&(0,l.jsx)(n.A,{value:"",disabled:!0,children:c}),e.map(({key:e,text:t,disabled:i})=>(0,l.jsx)(n.A,{value:e,disabled:i,children:t},e))]})]});c.propTypes={options:s().array.isRequired,value:s().any.isRequired,label:s().string.isRequired,onChange:s().func.isRequired,sx:s().object,disabledLabel:s().string,variant:s().string};const u=c;i.d(t,["A",0,u])},54531(e,t,i){i.r(t);var a=i(96540),s=i(85316),n=i.n(s),r=i(87297),o=i(74353),d=i.n(o),l=i(83865),c=i(95038),u=i(130),p=i(14783),m=(i(44802),i(74848));const{dmiBlue:b,dmiBlack:h}=r.A,g={palette:{colorScheme:"light"},title:{text:"",align:"left",margin:24,style:{fontSize:"18px",fontWeight:"bold",color:h}},subtitle:{useHTML:!0,text:"Tidspunkter i Grønlandsk Normaltid (UTC-2 timer)<br>Reference til middelvandstand (MSL)",align:"left",verticalAlign:"bottom",style:{fontSize:"16px",color:h}},exporting:{enabled:!1},chart:{height:450,spacing:[24,24,24,24],animation:!1,zooming:{type:"x"},panning:!0,panKey:"shift"},credits:{enabled:!1},plotOptions:{series:{animation:!1,grouping:!1}},tooltip:{valueDecimals:1,valueSuffix:" cm",dateTimeLabelFormats:{hour:"%a %d. %b %Y %H:%M",minute:"%a %d. 

1%b %Y %H:%M"}},xAxis:{type:"datetime",dateTimeLabelFormats:{day:"%a %e. %b"}},legend:{enabled:!0},yAxis:{title:{text:""}},series:[{name:"Tidevand",data:[],type:"spline",marker:{enabled:!1},color:b}]},v=screen.width<500,f=({stationId:e,stationName:t,noDropdown:i})=>{const s=(0,a.useRef)(null),[r,o]=(0,a.useState)(e??l.e3[0].key),[b,h]=(0,a.useState)(!0);return(0,a.useEffect)(()=>{let e=!1;return(()=>{const a=`https://opendataapi.dmi.dk/v2/oceanObs/collections/tidewater/items?predictionType=10minutes&limit=10000&datetime=${d()().toISOString()}/${d()().add(v?3:i?10:31,"day").toISOString()}&stationId=${r}`;s?.current?.chart.series[0].update({data:[]}),s?.current?.chart.yAxis[0].removePlotLine("lat"),s?.current?.chart.setTitle({text:t}),h(!0),fetch(a).then(e=>e.json()).then(t=>{if(e)return;h(!1);const i=[];t?.features.forEach(e=>{const t=new Date(e.properties.predictionTime);i.push([t.getTime()-72e5,e.properties.value])}),s?.current?.chart.series[0].update({data:i.sort((e,t)=>e[0]-t[0])}),s?.current?.chart.yAxis[0].addPlotLine({value:l.e3.find(e=>e.key===r)?.lat,color:"green",dashStyle:"shortdash",width:2,label:{text:"LAT",align:"right"},id:"lat"})}).catch(t=>{e||(h(!1),console.log(t))})})(),()=>{e=!0}},[r,i,t]),(0,a.useEffect)(()=>{o(e)},[e]),(0,m.jsxs)("div",{children:[(0,m.jsx)("h3",{children:"Tidevand"}),(0,m.jsxs)("div",{className:i?"":"rounded-shadow",children:[!i&&(0,m.jsx)("div",{className:"graph-selectors",style:{backgroundColor:"white",padding:"24px"},children:(0,m.jsx)(c.A,{options:l.e3,value:r,label:"Vælg målestation",disabledLabel:"Vælg målestation",onChange:e=>o(e.target.value)})}),b&&(0,m.jsx)("div",{style:{backgroundColor:"white",padding:"24px"},children:(0,m.jsx)(u.A,{})}),(0,m.jsx)(n(),{highcharts:p,ref:s,options:g})]}),!v&&(0,m.jsx)("i",{style:{float:"left",fontSize:"12px"},children:"zoom: klik og træk med musen, panorering: shift + klik og træk med musen"})]})};i.d(t,["default",0,f])},44649(e,t,i){i.d(t,{K:()=>n});var a=i(16051),s=i(34947);function n(e){return(0,s.Ay)("MuiDivider",e)}const r=(0,a.A)("MuiDivider",["root","absolute","fullWidth","inset","middle","flexItem","vertical","withChildren","textAlignRight","textAlignLeft","wrapper","wrapperVertical"]);i.d(t,["A",0,r])},63923(e,t,i){i.d(t,{f:()=>n});var a=i(16051),s=i(34947);function n(e){return(0,s.Ay)("MuiListItemIcon",e)}const r=(0,a.A)("MuiListItemIcon",["root","alignItemsFlexStart"]);i.d(t,["A",0,r])},51991(e,t,i){i.d(t,{b:()=>n});var a=i(16051),s=i(34947);function n(e){return(0,s.Ay)("MuiListItemText",e)}const r=(0,a.A)("MuiListItemText",["root","multiline","dense","inset","primary","secondary"]);i.d(t,["A",0,r])},14198(e,t,i){i.d(t,{A:()=>T});var a=i(96540),s=i(34164),n=i(46797),r=i(68374),o=i(9594),d=i(96942),l=i(97873),c=i(54317),u=i(6022),p=i(78022),m=i(93252),b=i(96982),h=i(91784),g=i(13482),v=i(65411),f=i(44649),x=i(63923),y=i(51991),A=i(67036),k=i(38975),w=i(16051),S=i(34947);function C(e){return(0,S.Ay)("MuiMenuItem",e)}const I=(0,w.A)("MuiMenuItem",["root","focusVisible","dense","disabled","divider","gutters","selected"]);var M=i(74848);const j=(0,o.A)(p.A,{shouldForwardProp:e=>(0,r.A)(e)||"classes"===e,name:"MuiMenuItem",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:i}=e;return[t.root,i.dense&&t.dense,i.divider&&t.divider,!i.disableGutters&&t.gutters]}})((0,d.A)(({theme:e})=>({...e.typography.body1,display:"flex",justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",minHeight:48,paddingTop:6,paddingBottom:6,boxSizing:"border-box",whiteSpace:"nowrap","&:hover":{textDecoration:"none",backgroundColor:(e.vars||e).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${I.selected}`]:{backgroundColor:e.alpha((e.vars||e).palette.primary.main,(e.vars||e).palette.action.selectedOpacity),...!e.focusVisible&&{[`&.${I.focusVisible}`]:{backgroundColor:e.alpha((e.vars||e).palette.primary.main,`${(e.vars||e).palette.action.selectedOpacity} + ${(e.vars||e).palette.action.focusOpacity}`)}}},[`&.${I.selected}:hover`]:{backgroundColor:e.alpha((e.vars||e).palette.primary.main,`${(e.vars||e).palette.action.selectedOpacity} + ${(e.vars||e).palette.action.hoverOpacity}`),"@media (hover: none)":{backgroundColor:e.alpha((e.vars||e).palette.primary.main,(e.vars||e).palette.action.selectedOpacity)}},...e.focusVisible?(0,l.eB)(1):{[`&.${I.focusVisible}`]:{backgroundColor:(e.vars||e).palette.action.focus}},[`&.${I.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity},[`& + .${f.A.root}`]:{marginTop:e.spacing(1),marginBottom:e.spacing(1)},[`& + .${f.A.inset}`]:{marginLeft:52},[`& .${y.A.root}`]:{marginTop:0,marginBottom:0},[`& .${y.A.inset}`]:{paddingLeft:36},[`& .${x.A.root}`]:{minWidth:36},variants:[{props:({ownerState:e})=>!e.disableGutters,style:{paddingLeft:16,paddingRight:16}},{props:({ownerState:e})=>e.divider,style:{borderBottom:`1px solid ${(e.vars||e).palette.divider}`,backgroundClip:"padding-box"}},{props:({ownerState:e})=>!e.dense,style:{[e.breakpoints.up("sm")]:{minHeight:"auto"}}},{props:({ownerState:e})=>e.dense,style:{minHeight:32,paddingTop:4,paddingBottom:4,...e.typography.body2,[`& .${x.A.root} svg`]:{fontSize:"1.25rem"}}}]}))),T=a.forwardRef(function(e,t){const i=(0,c.b)({props:e,name:"MuiMenuItem"}),{autoFocus:r=!1,component:o="li",dense:d=!1,divider:l=!1,disableGutters:p=!1,focusVisibleClassName:f,role:x="menuitem",tabIndex:y,className:w,...S}=i,I="menuitemcheckbox"===x||"menuitemradio"===x?Boolean(i.selected):void 0,T=(0,k.x)(),$=a.useContext(u.A),L=a.useMemo(()=>({dense:d||$.dense||!1,disableGutters:p}),[$.dense,d,p]),V=(0,A.W)(),R=(0,g.A)(),O=V.suppressInitialFocusVisible,B=V.itemsFocusableWhenDisabled,D=a.useRef(null);(0,m.A)(()=>{r&&D.current&&(0,b.A)(D.current,T)},[r]);const N={...i,dense:L.dense,divider:l,disableGutters:p},F=(e=>{const{disabled:t,dense:i,divider:a,disableGutters:s,selected:r,classes:o}=e,d={root:["root",i&&"dense",t&&"disabled",!s&&"gutters",a&&"divider",r&&"selected"]},l=(0,n.A)(d,C,o);return{...o,...l}})(i),{root:z,...G}=F,W=(0,v.bE)({id:R,ref:t,disabled:i.disabled,focusableWhenDisabled:B,selected:i.selected}),H=(0,h.A)(D,W.ref);let q;return void 0!==y?q=y:"selectedMenu"===V.variant?q=W.tabIndex:i.disabled&&!B||(q

1=-1),(0,M.jsx)(u.A.Provider,{value:L,children:(0,M.jsx)(j,{ref:H,role:x,"aria-checked":I,tabIndex:q,component:o,internalNativeButton:!1,focusableWhenDisabled:B,suppressFocusVisible:O,focusVisibleClassName:(0,s.A)(F.focusVisible,f),className:(0,s.A)(F.root,w),...S,ownerState:N,classes:G})})})}}]);
2//# sourceMappingURL=4531.8be26c73dfc10cae1cdc.js.map