https://plus.rtl.de/9375-40f9b9a0da7c7b13.bundle.js

1"use strict";(globalThis.__LOADABLE_LOADED_CHUNKS__||=[]).push([[9375],{99730(e,t,o){var i=o(93743);o.d(t,["I",0,({position:e,show:t,children:o,defaultPosition:n,animateTop:a})=>{const r=e&&n?e.width/n.width:1,l=((e={enabled:!0,block:"none"})=>{const t=(0,i._)(null);return(0,i.p)(()=>{if(!e.enabled)return;let o=0,i=0,n=!1,a=!1;const r=e=>{1===e.touches.length&&(o=e.touches[0].clientY,i=e.touches[0].clientX,n=!1,a=!1)},l=t=>{if(1!==t.touches.length)return;const r=t.touches[0].clientY,l=t.touches[0].clientX,c=Math.abs(r-o),s=Math.abs(l-i);!n&&(s>5||c>5)&&(n=!0,a=s>c),n?a?("scroll-x"===e.block||"all"===e.block)&&t.preventDefault():("scroll-y"===e.block||"all"===e.block)&&t.preventDefault():t.preventDefault()};return t.current?.addEventListener("touchstart",r,{passive:!0}),t.current?.addEventListener("touchmove",l,{passive:!1}),()=>{t.current?.removeEventListener("touchstart",r),t.current?.removeEventListener("touchmove",l)}},[e.enabled]),t})({enabled:t,block:"scroll-y"});return(0,i.o)(i.I,{css:".animation-translate-top{animation-name:translate-top-animation;animation-duration:.6s;animation-fill-mode:backwards;animation-delay:.3s}@keyframes translate-top-animation{0%{top:var(--top-interaction-start)}to{top:var(--top-interaction-end)}}.interaction-wrapper{position:absolute;margin:0;pointer-events:none;box-sizing:border-box}",children:(0,i.o)("div",{ref:l,className:`interaction-wrapper ${a&&"animation-translate-top"}`,style:{top:e?.top?e?.top/(10*r)+"em":0,left:e?.left?e?.left/(10*r)+"em":0,width:e?.width?e?.width/(10*r)+"em":"100%",height:e?.height?e?.height/(10*r)+"em":"100%",transform:e?.rotation?`rotate(${e.rotation}deg)`:"",display:t?"flex":"none",fontSize:r&&1!==r?`${r}em`:void 0,"--top-interaction-start":e?.top?(e?.top+40)/(10*r)+"em":0,"--top-interaction-end":e?.top?e?.top/(10*r)+"em":0},children:o})})}])},96582(e,t,o){var i=o(93743),n=o(99730),a=o(502);const r=({height:e,width:t,emojiName:o})=>(0,i.o)(i.I,{css:".emoji-poll-wrapper{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.emoji-image{width:100%;height:100%;position:absolute;object-fit:cover;background-color:transparent}",children:(0,i.o)("div",{className:"emoji-poll-wrapper",style:{width:t,height:e},children:(0,i.o)("img",{alt:`Poll emoji - ${o}`,className:"emoji-image",src:`https://images.join-stories.com/cdn-cgi/image/quality=70,dpr=2,format=auto,width=32,fit=cover/emojis/${o}.png`})})}),l=({progress:e,backgroundMode:t})=>(0,i.o)(i.I,{css:".progress-container{width:100%;height:100%;border-radius:8px;overflow:hidden;position:absolute}.progress-bar{height:100%;background-color:#00000026;transition:width .3s ease-in-out}.progress-bar.dark{background-color:#ffffff26}",children:(0,i.o)("div",{className:"progress-container",children:(0,i.o)("div",{className:`progress-bar ${t}`,style:{width:`${e}%`}})})}),c=({emoji:e,textValue:t,font:o,pollStyle:n,color:c,backgroundColor:s,backgroundMode:d,showPercentageAnswers:m,index:p,chosenIndex:h,progress:g,onChoiceClick:u,isLast:f,animateChoice:y})=>{const b=m?"showPercent":"hidePercent",w=h===p,v=void 0!==h,{containerClasses:x,percentWrapperClasses:k,textClasses:C,textWrapperClasses:$}=((e,t)=>({containerClasses:"showPercent"===e?"show-percent":t?"chosen-hide-percent":"not-chosen-hide-percent",textWrapperClasses:"showPercent"===e?"clicked":"",textClasses:"showPercent"===e?"":t?"chosen-hide-percent":"",percentWrapperClasses:"showPercent"===e?"result":""}))(b,w);return(0,i.o)(i.I,{css:".choice-container-binary-poll{display:flex;justify-content:center;align-items:center;border-radius:10em;backdrop-filter:blur(8.5px);-webkit-backdrop-filter:blur(8.5px);box-shadow:0 4em 4em #00000040;flex-grow:1;overflow:hidden;cursor:pointer;position:relative;margin:0 auto;width:calc(100% - 1em);height:4.4em;min-height:4.4em;transition:opacity .3s ease-in-out;box-sizing:border-box;pointer-events:all}@keyframes width-grow{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.choice-container-binary-poll.margin-bottom{margin-bottom:.6em}.choice-container-binary-poll.chosen-hide-percent{animation-name:width-grow;animation-duration:.6s}.choice-container-binary-poll.not-chosen-hide-percent{opacity:.5}@keyframes animate-opacity-binary{0%{opacity:0}

1to{opacity:.5}}@keyframes animate-choice-showcase{0%,to{opacity:.5}50%{opacity:1;transform:scale(1.05)}}@keyframes binary-choice-initial-state{0%{opacity:.5}to{opacity:1}}.choice-container-binary-poll.animate-choice-showcase{animation-name:animate-opacity-binary,animate-choice-showcase,binary-choice-initial-state;animation-duration:.5s,.7s,.7s;animation-fill-mode:forwards}.choice-wrapper-move{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:left .3s ease-in-out;overflow:hidden;max-width:calc(100% - 3.2em)}.choice-wrapper-move.clicked{top:50%;left:calc(0% + 1.2em);text-align:start;transform:translateY(-50%);max-width:calc(100% - 6.8em)}.choice-percent-binary{position:absolute;top:100%;right:1.2em;transform:translateY(-20%);opacity:0;transition:top .3s ease-in-out,opacity .3s ease-in-out}.choice-percent-binary.result{top:50%;right:1.2em;transform:translateY(-50%);opacity:1}.percent-response-binary{text-align:center;font-style:normal;line-height:normal;margin:0}.choice-p{color:#0f0f0f;text-align:center;text-overflow:ellipsis;font-family:Montserrat;font-size:1.4em;font-style:normal;font-weight:500;letter-spacing:0;line-height:normal;margin:0;white-space:nowrap;overflow:hidden;width:100%}@keyframes font-size-grow{0%,to{font-size:1.4em}50%{font-size:1.5em}}.choice-p.chosen-hide-percent{font-weight:700;animation-name:font-size-grow;animation-duration:.6s}.choice-p.italic{font-style:italic}.choice-p.underline{text-decoration:underline}",children:(0,i.o)("div",{className:`choice-container-binary-poll ${v?x:""} ${!f&&"margin-bottom"} ${y&&"animate-choice-showcase"}`,style:{backgroundColor:(0,a.c)("0.7",s),...y?{animationDelay:`0s, ${.4+.45*p}s, 1.25s`}:{}},onClick:()=>{u(p)},children:[(0,i.o)("div",{className:`choice-wrapper-move ${v?$:""}`,style:{},children:"emoji"===n?(0,i.o)(r,{height:"2.4em",width:"2.4em",emojiName:e?.emojiName}):(0,i.o)("p",{className:`choice-p ${o?.emphasis?.italic?"italic":""} ${o?.emphasis?.underline?"underline":""} ${w?C:""} `,style:{color:c,fontSize:(o?.fontSize??0)/10+"em",fontFamily:o?.fontFamily},children:(0,i.w)(t)})}),m&&(0,i.o)("div",{className:`choice-percent-binary ${v?k:""}`,children:(0,i.o)("p",{className:"percent-response-binary",style:{color:c,fontSize:(o?.fontSize??0)/10+"em",fontFamily:o?.fontFamily},children:[g,"%"]})}),m?(0,i.o)(l,{progress:v?g:0,backgroundMode:d}):null]})})},s=({position:e,defaultPosition:t,show:o,data:a,widget:r,animate:l})=>{const s=(0,i._)(null),{title:d,choices:m,backgroundMode:p,color:h,showPercentageAnswers:g}=a??{},u=m?.textValues.value1.text||"Choice 1",f=m?.textValues.value2.text||"Choice 2",y=[{emoji:m?.emojiValues.emoji1,textValue:u},{emoji:m?.emojiValues.emoji2,textValue:f}],{chosenIndex:b}=r,w="number"!=typeof b&&l;return(0,i.y)(s,3,".title-binary-poll-overflow",[s,d?.font,d?.value,o]),(0,i.o)(i.I,{css:".container-binary-poll{display:flex;flex-direction:column;height:100%;width:100%}.title-binary-poll{color:#fff;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.32);font-style:normal;font-weight:600;letter-spacing:0;line-height:normal;margin:0}.title-binary-poll.animation-opacity{animation-name:animation-title;animation-duration:.6s;animation-fill-mode:backwards}@keyframes animation-title{0%{opacity:0}to{opacity:1}}.choices-wrapper-binary-poll{display:flex;flex-direction:column;min-height:0}.title-binary-poll.italic{font-style:italic}.title-binary-poll.underline{text-decoration:underline}",children:(0,i.o)(n.I,{show:o,position:e,defaultPosition:t,animateTop:w,children:(0,i.o)("div",{ref:s,className:"container-binary-poll",children:[(0,i.o)("div",{style:{marginBottom:"1.2em"},children:(0,i.o)("div",{className:`title-binary-poll ${d?.font.emphasis?.italic?"italic":""} ${d?.font.emphasis?.underline?"underline":""} ${w&&"animation-opacity"}`,style:{fontFamily:d?.font.fontFamily,fontSize:(d?.font.fontSize??0)/10+"em",color:d?.color},children:(0,i.o)("span",{className:"title-binary-poll-overflow","data-original-text":(0,i.w)(d?.value),children:(0,i.w)(d?.value)})})}),(0,i.o)("div",{className:"choices-wrapper-binary-poll",children:y.map((e,t)=>(0,i.o)(c,{emoji:e.emoji,textValue:e.textValue,index:t,font:m?.textValues.font,color:m?.textValues.color,pollStyle:m?.pollStyle,backgroundColor:h,backgroundMode:p,showPercentageAnswers:g,chosenIndex:r.chosenIndex,onChoiceClick:r.onInteractionClick,progress:r.progress?.[t],isLast:1===t,animateChoice:w},t))})]})})})},d=({showPercentageAnswers:e,index:t,chosenIndex:o,backgroundMode:n,choices:a,choice:r,handleClickProgress:c,choicesProgress:s,isLast:d,show:m,animateChoices:p})=>{const h=(0,i._)(null),{choiceContainerClasses:g}=((e,t)=>({choiceContainerClasses:e?"":t?"chosen-multiple-hide-percent":"not-chosen-multiple-hide-percent",textClasses:""}))(e,t===o),u=r.value?r.value:`Choice ${t+1}

1`,f=a?.font,y=(a?.font.fontSize??0)/10+"em",b=a?.values.length??1,w="number"==typeof o,v=`${Math.round(s[t]??0)}%`,x=`${(0,i.w)(u)}${e&&w?` ${v}`:""}`;return(0,i.y)(h,2,".choice-span",[f,u,m]),(0,i.o)("div",{ref:h,className:`choice-global-wrapper ${n} ${"number"==typeof o&&g} ${!d&&"margin-bottom"} ${p&&"chosen-mutliple-begin"}`,style:p?{animationDelay:`${.4+.5*t}s, ${.4+.5*b}s`}:{},onClick:()=>{c(t)},children:[e&&(0,i.o)(l,{progress:w?s[t]:0,backgroundMode:n}),(0,i.o)("button",{className:`choice-wrapper ${n}`,"aria-label":x,children:[(0,i.o)("div",{className:`choice ${e?"show-percentage":""} ${a?.font.emphasis?.italic?"italic":""} ${a?.font.emphasis?.underline?"underline":""} `,style:{fontFamily:a?.font.fontFamily,fontSize:y,color:a?.color,flexGrow:1,minWidth:0},children:(0,i.o)("span",{className:"choice-span","data-original-text":(0,i.w)(u),children:(0,i.w)(u)})}),(0,i.o)("p",{className:"choice-percent "+(e&&w?"show-result":""),style:{fontFamily:a?.font.fontFamily,fontSize:y,color:a?.color},children:v})]})]})},m=({position:e,defaultPosition:t,show:o,data:r,widget:l,animate:c})=>{const{backgroundMode:s,title:m,choices:p,color:h,showTotalVotes:g,showPercentageAnswers:u}=r??{},f=(0,i._)(null),{progress:y,onInteractionClick:b,totalVotes:w,chosenIndex:v}=l,x=(m?.font.fontSize??1)/10,k=c&&"number"!=typeof v;return(0,i.y)(f,3,".title-multiple-polls-span",[f,m?.font,m?.value,o]),(0,i.o)(i.I,{css:".container-polls{display:flex;flex-direction:column;padding:2.2em 0 1.2em;border-radius:1.6em;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);width:100%;height:100%;position:relative;align-items:center;box-sizing:border-box}.container-polls.animate-fade-in{animation-name:animation-fade-in-multiple-poll;animation-duration:.6s;animation-fill-mode:backwards;animation-delay:.2s}@keyframes animation-fade-in-multiple-poll{0%{opacity:0}to{opacity:1}}.container-polls.big-padding-bottom{padding-bottom:2.4em}.container-polls.small-padding-bottom{padding-bottom:1.2em}.container-polls.dark{background:#14141466}.container-choices{display:flex;flex-direction:column;width:100%;align-items:center;margin-top:2.2em}.container-choices.margin-bottom{margin-bottom:2.2em}.choice-wrapper{text-align:initial;background-color:transparent;border-radius:.8em;width:100%;height:100%;padding:0 .8em 0 1.2em;cursor:pointer;display:flex;flex-grow:1;min-height:0;align-items:center;box-sizing:border-box;position:relative}.choice-global-wrapper{background-color:#0003;border-radius:.8em;width:calc(100% - 3.2em);height:4em;min-height:4em;max-height:4em;cursor:pointer;display:flex;flex:0;overflow:hidden;align-items:center;position:relative;-webkit-user-select:none;user-select:none;transition:box-shadow .6s ease-in-out,background-color .6s ease-in-out,opacity .6s ease-in-out;pointer-events:all}@keyframes choice-grow{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.choice-global-wrapper.chosen-multiple-hide-percent{animation-name:choice-grow;animation-duration:.6s;box-shadow:0 .1em .4em #00000040;background-color:#0000004d}.choice-global-wrapper.dark{background-color:#fff3}.choice-global-wrapper.dark.chosen-multiple-hide-percent{background-color:#ffffff4d}.choice-global-wrapper.not-chosen-multiple-hide-percent{opacity:.5}@keyframes choice-showcase-correct{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes choice-initial-state{0%{opacity:.5}to{opacity:1;background-color:#0003}}@keyframes choice-dark-initial-state{0%{opacity:.5}to{opacity:1;background-color:#fff3}}.choice-global-wrapper.chosen-mutliple-begin{animation-name:choice-showcase-correct,choice-initial-state;animation-duration:.7s,.6s;animation-fill-mode:forwards;box-shadow:0 .1em .4em #00000040;background-color:#0000004d;opacity:.5}.choice-global-wrapper.dark.chosen-mutliple-begin{background-color:#ffffff4d;animation-name:choice-showcase-correct,choice-dark-initial-state}.choice-global-wrapper.margin-bottom{margin-bottom:1.2em}.choice-percent{position:absolute;top:100%;right:.8em;transform:translateY(-20%);opacity:0;transition:top .2s ease-in-out,opacity .3s ease-in-out;margin:0}.choice-percent.show-result{top:50%;right:.8em;transform:translateY(-50%);opacity:1}.choice-wrapper.dark{background:#fff3}.title-multiple-polls{color:#000;text-align:center;font-family:Montserrat_600;font-size:1.6em;font-style:normal;font-weight:600;letter-spacing:0;line-height:normal;margin:0 0 -2px;width:calc(100% - 2em);padding-bottom:2px}.title-multiple-polls.italic,.choice.italic{font-style:italic}.title-multiple-polls.underline,.choice.underline{text-decoration:underline}.choice{color:#000;font-family:Montserrat;font-size:1.4em;font-style:normal;font-weight:500;letter-spacing:0;line-height:1;margin:0;width:100%;max-width:100%;transition:max-width .2s ease-in-out}.choice.show-percentage{max-width:calc(100% - 2.8em)}.votes{color:#000c;font-family:Montserrat;font-size:1.2em;font-style:normal;font-weight:400;letter-spacing:0;line-height:normal;margin:0}.votes.dark{color:#fffc}.votes-wrapper{display:flex;justify-content:flex-end;align-items:flex-start;align-self:stretch;width:calc(100% - 3.2em);margin:0 auto}",children:(0,i.o)(n.I,{show:o,position:e,defaultPosition:t,animateTop:k,children:(0,i.o)("div",{ref:f,className:`container-polls ${g?"small-padding-bottom":"big-padding-bottom"} ${k&&"animate-fade-in"}`,style:{backgroundColor:(0,a.c)("0.4",h)},children:[(0,i.o)("div",{id:"title-multiple-polls",className:`title-multiple-polls ${m?.font.emphasis?.italic?"italic":""} ${m?.font.emphasis?.underline?"underline":""}`,style:{fontFamily:m?.font.fontFamily,fontSize:`${x}em`,width:`calc(100% - ${3.2/x}em)`,color:m?.color},children:(0,i.o)("span",{className:"title-multiple-polls-span","data-original-text":(0,i.w)(m?.value),children:(0,i.w)(m?.value)})}),(0,i.o)("div",{className:`container-choices ${g&&"margin-bottom"}`,children:p?.values.map((e,t)=>(0,i.o)(d,{backgroundMode:s,choice:e,choices:p,choicesProgress:y,handleClickProgress:b,index:t,chosenIndex:v,showPercentageAnswers:u,isLast:t===p.values.length-1,show:o,animateChoices:k},e.id))}),g&&(0,i.o)("div",{className:"votes-wrapper",children:(0,i.o)("p",{className:`votes ${s}`,style:{fontFamily:p?.font.fontFamily},children:[w," ",w>1?"votes":"vote"]})})]})})})};o.d(t,["P",0,({type:e,data:t,show:o,position:n,defaultPosition:a,widget:r,animate:l})=>{switch(e){case"multiplePoll":return(0,i.o)(m,{data:t,show:o,widget:r,position:n,defaultPosition:a,animate:l});case"binaryPoll":return(0,i.o)(s,{data:t,show:o,widget:r,position:n,defaultPosition:a,animate:l});default:return null}}])},79375(e,t,o){o.r(t);var i=o(93743),n=o(61903),a=o(74776),r=o(96582);const l=({setInteractionBlockingState:e,sendAnalytics:t,interactionId:o,data:l,type:c,show:s,position:d,defaultPosition:m,animate:p,onView:h,onEngage:g,onComplete:u,onExit:f,isContentActive:y,isVertical:b})=>{const w="multiplePoll"===c?l.choices.values.length:2,{progress:v,onInteractionClick:x,totalVotes:k,chosenIndex:C}=(({interactionId:e,apiUrl:t,numberChoices:o,setInteractionBlockingState:r,show:l,isContentActive:c=!0,isVertical:s,...d})=>{const[m,p]=(0,a.u)(e),[h,g]=(0,i.h)(Array(o).fill(0)),[u,f]=(0,i.h)(()=>m()),y=(0,i._)(!1),{onEngage:b,onComplete:w}=(0,n.u)(l&&c,d,void 0!==u?"already-completed":"ignored");(0,i.p)(()=>{r?.(!s&&l&&void 0===u)},[l,s]),(0,i.p)(()=>{!l||void 0===u||r&&setTimeout(()=>{r(!1)},1e3)},[l,u]),(0,i.p)(()=>{l&&!y.current&&t&&(fetch(`${t}/trash`,{method:"GET"}).then(e=>e.json()).then(e=>{const t=(e?.options??[])?.reduce((e,t)=>

1[...e,t.count],[]);g(t.length?t:Array(o).fill(0))}),y.current=!0)},[l]);const v=(({countOptions:e})=>{const t=(0,i.A)(e);return 0===t?Array(e.length).fill(0):e.reduce((e,o,i)=>{const n=o/t*100,a=n>50?Math.ceil(n):Math.floor(n);return{total:e.total+a,values:[...e.values,a]}},{total:0,values:[]}).values})({countOptions:h});return{progress:v,onInteractionClick:e=>{void 0!==m()||!t||void 0===u&&(b({engageType:"poll-clicked",interactionEngageValue1:e.toString(),interactionEngageValue2:o.toString(),isCompletionEngage:!0}),fetch(`${t}/trash/not-useful`,{method:"POST",body:JSON.stringify({option_selected:e})}).then(()=>{w({engageType:"poll-clicked",interactionEngageValue1:e.toString(),interactionEngageValue2:o.toString()}),p(e)}),g(t=>(({optionChosen:e,counterOptions:t})=>[...t.slice(0,e),(t[e]??0)+1,...t.slice(e+1)])({optionChosen:e,counterOptions:t})),f(e))},totalVotes:(0,i.A)(h),chosenIndex:u}})({show:s,apiUrl:l.apiUrl,interactionId:o,numberChoices:w,sendAnalytics:t,setInteractionBlockingState:e,onView:h,onEngage:g,onComplete:u,onExit:f,isContentActive:y,isVertical:b});return(0,i.o)(r.P,{type:c,data:l,show:s,widget:{progress:v,onInteractionClick:x,totalVotes:k,chosenIndex:C},position:d,defaultPosition:m,animate:p})};o.d(t,["PollLiveController",0,l,"default",0,l])},502(e,t,o){o.d(t,["c",0,(e,t)=>void 0===t?t:t.replace(/[^,]+(?=\))/,e)])},61903(e,t,o){var i=o(93743),n=o(88207);o.d(t,["u",0,(e,{onView:t,onExit:o,onEngage:a,onComplete:r},l="ignored",{interactionEngageUrl:c,interactionEngageLabel:s}={})=>{const d=(0,i._)(!1),m=(0,i._)(l),p=(0,i._)(0),h=(0,n.a)(),g=e&&h;return(0,i.p)(()=>{g?("cancelled"===m.current?m.current="ignored":"ignored"!==m.current&&(m.current="already-completed"),d.current=!0,t?.({interactionEngageUrl:c,interactionEngageLabel:s,isAlreadyCompleted:"already-completed"===m.current}),p.current=0):d.current&&("engaged"===m.current&&(m.current="cancelled"),d.current=!1,o?.({interactionEngageUrl:c,interactionEngageLabel:s,exitState:m.current}))},[g,c,s]),(0,i.p)(()=>()=>{d.current&&("engaged"===m.current&&(m.current="cancelled"),o?.({interactionEngageUrl:c,interactionEngageLabel:s,exitState:m.current}))},[c,s]),{onEngage:e=>{"ignored"===m.current&&(m.current="engaged"),p.current++;const t=1===p.current;a?.({interactionEngageUrl:c,interactionEngageLabel:s,isFirstEngage:t,isAlreadyCompleted:"already-completed"===m.current,...e})},onComplete:e=>{"engaged"===m.current&&(m.current="completed");const t=p.current<=1;r?.({interactionEngageUrl:c,interactionEngageLabel:s,isFirstEngage:t,isAlreadyCompleted:"already-completed"===m.current,...e})}}}])},74776(e,t,o){const i="join-interactions-vote",n=()=>{try{return JSON.parse(localStorage.getItem(i)??"{}")}catch(e){return console.error("Error getting votes",e),{}}};o.d(t,["u",0,e=>[()=>n()[e],t=>{(e=>{try{localStorage.setItem(i,JSON.stringify(e))}catch(e){console.error("Error persisting votes",e)}})({...n(),[e]:t})}]])}}]);
2//# sourceMappingURL=sourcemaps/9375-40f9b9a0da7c7b13.bundle.js.map