https://de.serlo.org/_next/static/chunks/552.7b64df95d04ab102.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[552,919],{10919:function(e,t,n){n.r(t),n.d(t,{EditorModal:function(){return c},defaultModalOverlayStyles:function(){return d}});var r=n(52322),l=n(46810),s=n(61267),i=n(16737),a=n(95257),o=n(2784),u=n(33444);function c(e){let{isOpen:t,title:n,setIsOpen:c,children:m,className:f,extraTitleClassName:v,extraCloseButtonClassName:x,extraOverlayClassName:p,onEscapeKeyDown:h,onKeyDown:j}=e,b=(0,o.useRef)(null),g=(0,l.b)(),T=(0,o.useCallback)(e=>{if(!1!==e){c(e);return}!1===e&&setTimeout(()=>{c(e)},1)},[c]);return(0,o.useEffect)(()=>{if(!t){b.current&&b.current.focus();return}b.current=document.activeElement},[t]),(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(a.fC,{open:t,onOpenChange:T,children:(0,r.jsxs)(a.h_,{children:[(0,r.jsx)(a.aV,{className:(0,s.cn)(d,p)}),(0,r.jsxs)(a.VY,{className:(0,s.cn)("serlo-modal",f,!g&&"z-[1040]"),"data-modal-state":t?"open":"closed","aria-describedby":void 0,onEscapeKeyDown:h,onKeyDown:j,children:[n?(0,r.jsx)(a.Dx,{className:(0,s.cn)("serlo-h2",v),children:n}):null,m,(0,r.jsx)(a.x8,{"aria-label":"Close",onClick:()=>T(!1),title:n,className:(0,s.cn)("absolute right-3.5 top-3.5 z-20 inline-flex flow-root h-9 w-9 cursor-pointer\n                 items-center justify-center rounded-full border-none\n                 leading-tight text-almost-black hover:bg-brand hover:text-white",x),"data-qa":"modal-close-button",children:(0,r.jsx)(u.J,{icon:i.g8,className:"h-5"})})]})]})})})}let d=(0,s.cn)("fixed bottom-0 left-0 right-0 top-0 z-[101] bg-white bg-opacity-75")},58246:function(e,t,n){n.d(t,{U:function(){return s}});var r=n(62202);let l={default:"!bg-brand-100",warning:"!bg-orange-100 !text-black"};function s(e,t,n){if("success"===t){r.ZP.success(e,{duration:null!=n?n:3200,iconTheme:{primary:"#95bc1a",secondary:"#fff"}});return}(0,r.ZP)(e,{duration:null!=n?n:3200,className:l[null!=t?t:"default"]})}},93047:function(e,t,n){n.d(t,{B:function(){return l},s:function(){return r}});let r=3,l=86400},5676:function(e,t,n){n.d(t,{K:function(){return o}});var r=n(58246),l=n(97158),s=n(1423),i=n(81198),a=n(93047);function o(e){let{marks:t,learnerInteractions:n}=e,o=(0,s.Dn)(),u=(0,l.T)().plugins.interactiveVideo;return function(e,l){let s=o.getPlayer(e);if(!s)return!1;let c=null!=l?l:s.currentTime,d=!1,m=t.find(e=>{if(!e.mandatory)return!1;let t=c>e.startTime+a.s;d=!t&&c>e.startTime;let{solved:r}=(0,i.j)(e,n);return!r&&(t||d)});return!m||void 0!==l&&(d?(s.currentTime=m.startTime-1e-4,s.play(),!1):void((0,r.U)(u.mandatoryWarning),s&&s.paused&&s.play().then(()=>s.pause())))}}},81198:function(e,t,n){n.d(t,{e:function(){return i},j:function(){return a}});var r=n(64785),l=n(60038),s=n(2784);function i(){let e=new Map,[t,n]=(0,s.useState)(e),l=(0,s.useCallback)(e=>{var r;let{verb:l,pluginId:s,correct:i}=e.detail;if("answered"!==l||!s)return;let a=null!==(r=t.get(s))&&void 0!==r?r:{solved:!1,attempts:0};a.attempts++,i&&(a.solved=!0);let o=new Map(t);o.set(s,a),n(o)},[t]);return(0,s.useEffect)(()=>(document.addEventListener(r.N,l),()=>{document.removeEventListener(r.N,l)}),[l]),t}function a(e,t){var n,r,s;let i={attempts:0,solved:!1};if(!(null==e?void 0:e.child)||!(0,l._i)(e.child))return i;let a=null===(n=e.child.state.interactive)||void 0===n?void 0:n.id;if(!a)return i;let o=t.get(a);return{attempts:null!==(r=null==o?void 0:o.attempts)&&void 0!==r?r:0,solved:null!==(s=null==o?void 0:o.solved)&&void 0!==s&&s}}},25504:function(e,t,n){n.d(t,{i:function(){return v}});var r=n(52322);n(75011),n(49433);var l=n(46810),s=n(97158),i=n(14834),a=n(9738),o=n(28061),u=n(61267),c=n(50322),d=n(81198);function m(e){let{marks:t,learnerInteractions:n}=e;return(0,r.jsxs)(c.UH.Root,{className:"vds-time-slider vds-slider",children:[(0,r.jsx)(c.UH.Chapters,{className:"vds-slider-chapters",children:(e,l)=>e.map(e=>{let s=t.find(t=>e.startTime===t.startTime),i=!!n&&(0,d.j)(null!=s?s:null,n).solved;return(0,r.jsxs)("div",{className:"vds-slider-chapter relative mr-0 transform-none",ref:l,children:[s?(0,r.jsx)("div",{className:(0,u.cn)("relative z-40"),children:(0,r.jsx)("div",{className:(0,u.cn)("absolute -left-0.5 -top-[9px] z-30 h-[17px] w-[17px] rounded-full border-2",s.mandatory?"bg-orange-400":"bg-gray-500",i&&"!bg-brandgreen-500")})}):null,(0,r.jsxs)(c.UH.Track,{className:"vds-slider-track",children:[(0,r.jsx)(c.UH.TrackFill,{className:"vds-slider-track-fill vds-slider-track"}),(0,r.jsx)(c.UH.Progress,{className:"vds-slider-progress vds-slider-track"})]})]},e.startTime)})}),(0,r.jsxs)(c.UH.Preview,{className:"vds-slider-preview",children:[(0,r.jsx)(c.UH.ChapterTitle,{className:"vds-slider-chapter-title"}),(0,r.jsx)(c.UH.Value,{className:"vds-slider-value"})]}),(0,r.jsx)(c.UH.Thumb,{className:"vds-slider-thumb"})]})}var f=n(93047);function v(e){let{videoSrc:t,marks:n,tools:u,checkSeekAndPlay:c,learnerInteractions:d}=e,{lang:v,plugins:x}=(0,s.T)(),p=x.exercise.title,h=n.map(e=>({startTime:e.startTime,endTime:e.startTime+f.s,text:e.title||p})),j=(0,l.b)();return(0,r.jsx)("div",{className:"mx-side",children:(0,r.jsxs)(i.Syo,{title:"Interactive Video",src:t,playsInl

1ine:!0,className:"[&_.vds-chapter-title]:opacity-0",load:j?"eager":"visible",autoPlay:!1,aspectRatio:"16:9",onMediaPlayRequest:e=>{let t=null==c?void 0:c(e.target);c&&!t&&e.preventDefault()},onMediaSeekRequest:(e,t)=>{let n=null==c?void 0:c(t.target,e);c&&!n&&t.preventDefault()},children:[(0,r.jsx)(i.ZNi,{children:(0,r.jsx)(i.fQ8,{id:"chapters",content:{cues:h},kind:"chapters",language:"de"===v?"de-DE":"en_US",default:!0})}),(0,r.jsx)(a.aj,{icons:o.K,slots:{beforeSettingsMenu:u,timeSlider:(0,r.jsx)(m,{marks:n,learnerInteractions:d})}})]})})}},70552:function(e,t,n){n.r(t),n.d(t,{InteractiveVideoStaticRenderer:function(){return c}});var r=n(52322),l=n(60038),s=n(2784),i=n(22329),a=n(5676),o=n(81198),u=n(25504);function c(e){let{state:t}=e,{marks:n,video:c}=t,[d,m]=(0,s.useState)(null),f=(0,o.e)(),v=(0,a.K)({marks:n,learnerInteractions:f}),x=(0,l.Lx)(c)?c.state.src:"";return(0,r.jsx)(u.i,{videoSrc:x,marks:n,learnerInteractions:f,tools:(0,r.jsx)(i.w,{showOverlayContentIndex:d,marks:n,learnerInteractions:f,openOverlayByStartTime:function(e){let t=n.findIndex(t=>t.startTime===e);-1!==t&&m(t)},close:()=>m(null)}),checkSeekAndPlay:v})}},22329:function(e,t,n){n.d(t,{w:function(){return p}});var r=n(52322),l=n(10919),s=n(33444),i=n(97158),a=n(38924),o=n(26266),u=n(94043),c=n(58933),d=n(50322),m=n(61883),f=n(2784),v=n(93047),x=n(81198);function p(e){var t;let{showOverlayContentIndex:n,marks:p,learnerInteractions:h,close:j,openOverlayByStartTime:b}=e,g=(0,d.uY)(),T=(0,f.useRef)(null),y=(0,i.T)().plugins.interactiveVideo,N=(0,m.tR)("chapters"),k=(0,m.PB)(N)[0],w=null!==n?p[n]:null,{attempts:C,solved:S}=(0,x.j)(w,h);function E(){g&&(j(),g.currentTime=g.currentTime+.01,setTimeout(()=>{var e;return null===(e=g.$el)||void 0===e?void 0:e.focus()}))}return((0,f.useEffect)(()=>{if(!g||g.paused)return;let e=p.find(e=>e.startTime===(null==k?void 0:k.startTime));if(!e)return;let{solved:t}=(0,x.j)(e,h);k&&!t&&(g.pause(),setTimeout(()=>{var e;null===(e=T.current)||void 0===e||e.classList.add("triggered")},150),setTimeout(()=>{var t;g.currentTime>e.startTime&&g.currentTime<e.startTime+v.s&&b(e.startTime),null===(t=T.current)||void 0===t||t.classList.add("triggered")},1100))},[k,h,p,b,g]),g)?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"pointer-events-none absolute top-3 flex w-full sm:justify-center",children:(null==k?void 0:k.text)?(0,r.jsxs)("button",{ref:T,className:"serlo-button-learner-primary pointer-events-auto animate-in slide-in-from-bottom-4 [&.triggered]:animate-bounce",onClick:()=>{b(k.startTime),g.pause()},children:[(0,r.jsx)(s.J,{icon:c.A8})," ",k.text]}):null}),(0,r.jsx)(l.EditorModal,{isOpen:!!w,setIsOpen:()=>E(),className:"bottom-24 top-side h-auto w-full max-w-4xl translate-y-0 overflow-x-auto",title:null!==(t=null==w?void 0:w.title)&&void 0!==t?t:"",extraTitleClassName:"serlo-h2",children:w&&null!==n?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"h-6"}),(0,r.jsx)(a._,{document:w.child}),C>0?(0,r.jsxs)("p",{className:"mx-side my-4",children:[(0,r.jsx)("i",{children:y[S?"exerciseSolved":"repeatPromt"]}),(0,r.jsx)("br",{}),(0,r.jsxs)("button",{className:"serlo-button-edit-primary mt-1",onClick:()=>{if(E(),g){if(!S){let e=0===n?0:p[n-1].startTime+v.s;g.currentTime=e}g.play()}},children:[(0,r.jsx)(s.J,{icon:S?u.zc:o.DY})," ",y[S?"play":"rewind"]]})]}):null]}):null})]}):null}}}]);
2//# sourceMappingURL=552.7b64df95d04ab102.js.map