https://www.menshealth.de/_next/static/chunks/articleinlinecontenttable.0cc44e6ae95a278a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[56485],{22850:function(e,t){"use strict";var n,l;void 0===(l="function"==typeof(n=function(){var e=/\s/,t=/<(\w*)>/g;return function(n,l,r){var i,o,a,n=n||"",s=0,c=0,d="",u="",h=!1;for("string"==typeof l?l=function(e){for(var n,l=[];null!==(n=t.exec(e));)l.push(n[1]);return 0!==l.length?l:null}(l):Array.isArray(l)||(l=null),i=0,o=n.length;i<o;i++)switch(a=n[i]){case"<":if(h)break;if(" "==n[i+1]){f(a);break}if(0==s){s=1,f(a);break}if(1==s){c++;break}f(a);break;case">":if(c){c--;break}if(h)break;if(1==s){h=s=0,l&&(u+=">",function(){var t,n,i,o="",a=!1;e:for(t=0,n=u.length;t<n;t++)switch(i=u[t].toLowerCase()){case"<":break;case">":break e;case"/":a=!0;break;default:if(i.match(e)){if(a)break e}else a=!0,o+=i}-1!==l.indexOf(o)?d+=u:r&&"string"==typeof r?d+=r:r&&r.hasOwnProperty(o)?d+=r[o]:r&&r.hasOwnProperty("default")&&(d+=r.default),u=""}());break}if(2==s||3==s&&"-"==n[i-1]&&"-"==n[i-2]){h=s=0,u="";break}f(a);break;case'"':case"'":1==s&&(h==a?h=!1:h||(h=a)),f(a);break;case"!":if(1==s&&"<"==n[i-1]){s=2;break}f(a);break;case"-":if(2==s&&"-"==n[i-1]&&"!"==n[i-2]){s=3;break}f(a);break;case"E":case"e":if(2==s&&"doctype"==n.substr(i-6,7).toLowerCase()){s=1;break}f(a);break;default:f(a)}function f(e){0==s?d+=e:l&&1==s&&(u+=e)}return d}})?n.apply(t,[]):n)||(e.exports=l)},23240:(e,t,n)=>{e.exports=n.p+"static/img/icon_gallery_video.svg"},27258:(e,t,n)=>{e.exports=n.p+"static/img/icon-article-nav.svg"},46253:(e,t,n)=>{e.exports=n.p+"static/img/icon-article-nav-open.svg"},60043:(e,t,n)=>{"use strict";n.r(t),n.d(t,{ArticleInlineContentTable:()=>T,default:()=>k});var l=n(6029),r=n(69916),i=n.n(r),o=n(32988),a=n.n(o),s=n(55729),c=n(72855),d=n(43178),u=n(22850),h=n.n(u),f=n(63622),b=n(19851),p=n(30004),g=n(23240),m=n.n(g),_=n(27258),x=n.n(_),y=n(46253),w=n.n(y),v=n(41498),C=n(23661);let T=({textContainerRef:e,isOrderedList:t,title:n,contentTableClosed:r,page:o,fallbackHeadlines:u=[]})=>{let[g,_]=(0,s.useState)(),[y,T]=(0,s.useState)(!1),[k,S]=(0,s.useState)(!1),E=(0,s.useRef)(null),N=(0,s.useRef)(null),A=(0,s.useRef)(null),[O,j]=(0,s.useState)(!0),[D,I]=(0,s.useState)([]),R=(0,b.b)(e=>e.globalScrolldown),q=(0,p.Y)(e=>e.isSubnavOpen),{isStickyGalleryActive:B}=(0,s.useContext)(d.y),G=(0,f.A)(),U=()=>{!0===k&&L(),S(!k),T(!y&&Date.now())},L=()=>{let e=document.querySelector("body");e&&(e.style.overflow="");let t=document.getElementById("inline-content-table");t&&G&&(t.style.overflow="");let n=document.querySelector(".va-content-table__content");n&&G&&(n.style.height="100%",n.style.overflow="")},V=e=>{if(!e||!window?.document?.scrollingElement)return;let t=document.querySelector(".va-header-outer"),n=t?.getBoundingClientRect()?.height||0,l=window.scrollY+e.getBoundingClientRect().top-n-55;window.document.scrollingElement.scrollTop=l},Y=({text:t,locked:n,isFazit:l,affiliateId:r})=>{if(l){L(),S(!1),V(document.querySelector(".va-inline-result")||document.querySelector(".paywall-delimiter")),T(!1);return}if(n){L(),S(!1);let n=[...e?.current?.querySelectorAll("h2, h3")||[]].filter(e=>e?.innerText?.length>0).find(e=>(0,c.htmlEntitiesDecode)(String(e.innerText).toUpperCase())===(0,c.htmlEntitiesDecode)(String(t).toUpperCase())),l=r?e?.current?.querySelector(`[data-affiliate-anchor="${r}"]`):null;V(n||l||document.querySelector(".paywall-delimiter")),T(!1);return}let i=e?.current?.querySelectorAll("h2, h3")||[];i&&Array.isArray(i)&&(i=i?.filter(e=>e?.innerText?.length>0)),L(),S(!1);let o=navigator.userAgent,a=o.indexOf("Chrome")>-1,s=o.indexOf("Safari")>-1,d=o.indexOf("Firefox")>-1;a&&s&&(s=!1);for(let e=0;e<i.length;e++){let n=i[e];if((0,c.htmlEntitiesDecode)(String(n.innerText).toUpperCase())===(0,c.htmlEntitiesDecode)(String(t).toUpperCase())){if(window?.document?.scrollingElement){let e=window?.scrollY+n.getBoundingClientRect?.()?.top;if(!R){let t=document.querySelector(".va-header-outer"),n=t?.getBoundingClientRect()||{height:0},l=E.current.getBoundingClientRect(),r=N.current.getBoundingClientRect();d?e-=n?.height+l.height-r.height:e-=n?.height-55}s?window.document.scrollingElement.scrollTop=e-E.current.clientHeight:d?window.document.scrollingElement.scrollTop=e:window.document.scrollingElement.scrollTop=e-55}T(!1);break}}},P=t=>{let n=window.scrollY,l=e?.current?.querySelectorAll("h2, h3:not(.productTestHeader,.no-content-table)")||[];l&&Array.isArray(l)&&(l=l?.filter(e=>e?.innerText?.length>0));let r=null;for(let e=0;e<l.length;e++){let t=l[e],i=window?.scrollY+t?.getBoundingClientRect?.()?.top-55-20,o=l[e+1],a=window?.scrollY+o?.getBoundingClientRect?.()?.top-55-20;if(t)if(k)r=null;else if(i<n&&(!o||a>n)){r=t.innerText;break}else r=null}if(!r)return void _(null);for(let e=0;e<D?.length;e++){let t=D[e];if(h()((0,c.htmlEntitiesDecode)(String(t.text).toUpperCase()))===(0,c.htmlEntitiesDecode)(String(r).toUpperCase())){_(h()((0,c.htmlEntitiesDecode)(String(t.text))));break}}};function X(t,n){let l=Array.from(e?.current?.querySelectorAll("h2, h3:not(.productTestHeader,.no-content-table)"));l&&Array.isArray(l)&&(l=l?.filter(e=>e?.innerText?.length>0));let r=Array.from(e?.current?.querySelectorAll("[data-inline-gallery], [data-inline-video='1']")),i=l.map((e,t)=>{let n=!1,i=!1,o=!1;return[...r].forEach((r,a)=>

1{if(l[t+1]&&l[t+1].compareDocumentPosition(r)===Node.DOCUMENT_POSITION_FOLLOWING&&(o=!0),e.compareDocumentPosition(r)===Node.DOCUMENT_POSITION_FOLLOWING&&!o){let e=r?.dataset||{};e.inlineVideo?i=!0:e.inlineGallery&&(n=!0)}}),{text:e.innerText,hasGallery:n,hasVideo:i}}),o=new Set;i=i.filter(e=>{let t=h()((0,c.htmlEntitiesDecode)(String(e.text))).trim().toUpperCase();return!t||!o.has(t)&&(o.add(t),!0)});let a=e=>h()((0,c.htmlEntitiesDecode)(String(e))).trim().toUpperCase();if(Array.isArray(u)&&u.length>i.length){let e=0;u.forEach(t=>{let n=a(t.text);if(!n)return;let l=i.findIndex(e=>a(e.text)===n);-1!==l?e=l+1:(i.splice(e,0,{text:t.text,hasGallery:!1,hasVideo:!1,locked:!0,isFazit:!!t.isFazit,affiliateId:t.affiliateId}),e+=1)})}let s=!1;D.length!==i.length?s=!0:i.forEach((e,t)=>{Object.keys(e).forEach(n=>{e[n]!==D?.[t]?.[n]&&(s=!0)})}),s&&I(i)}return((0,s.useEffect)(()=>{X(),window.addEventListener("scroll",P);let t=new MutationObserver(X);return t.observe(e.current,{childList:!0,subtree:!0}),()=>{window.removeEventListener("scroll",P),t.disconnect()}},[D]),(0,s.useEffect)(()=>{r?(T(!1),j(!0)):r||(T(!0),j(!0))},[]),!D?.length||B)?null:(0,l.jsxs)("div",{className:"mb-9",...(0,C.h)("table"),children:[(0,l.jsx)("div",{className:a()({"va-content-table lg:w-px-620 px-2 transition-all shadow-md":!0,[i().bgColor]:!0,hidden:q}),ref:E,id:"inline-content-table",children:(0,l.jsxs)("div",{className:a()({"va-content-table__inner overflow-hidden duration-500 ease-in-out px-4 lg:px-0":!0,"max-h-px-48":!y,[i().open]:y}),children:[(0,l.jsxs)("button",{"aria-expanded":y,"aria-controls":"contentTableContent",id:"contentTableToggle",className:a()({"va-fireplace-wrapper va-content-table__header max-w-content h-px-48 mx-auto flex items-center justify-between py-2 w-full font-skin-primary font-bold cursor-pointer":!0,"text-sm":R&&!O}),ref:N,onClick:U,onKeyDown:e=>{(" "===e.key||"Enter"===e.key)&&(e.preventDefault(),U())},children:[(0,l.jsx)("span",{className:"mr-4 block truncate",children:g||n||"In diesem Artikel:"}),y?(0,l.jsx)(v.B,{src:x(),className:"size-px-24"}):(0,l.jsx)(v.B,{src:w(),className:"size-px-24"})]}),(0,l.jsx)("div",{className:a()({"va-content-table__content -mb-5 max-w-content mx-auto":!0}),id:"contentTableContent",role:"region","aria-labelledby":"contentTableToggle",children:(0,l.jsx)(t?"ol":"ul",{className:a()({"va-content-table__list ml-6 lg:!ml-p

1x-30 font-skin-primary text-sm space-y-4":!0,"list-decimal":t,"list-disc":!t}),children:D.map((e,t)=>(0,l.jsx)("li",{className:a()({"font-bold":e.text===g}),children:(0,l.jsxs)("button",{onClick:Y.bind(null,e),onKeyDown:t=>{"Enter"===t.key&&(t.preventDefault(),Y(e))},className:"cursor-pointer underline text-left",children:[(0,l.jsx)("span",{children:e.text}),(0,l.jsx)("span",{className:a()({"inline-block h-px-18 overflow-hidden relative top-px-3 ml-2.5":!0,"w-px-20":e.hasGallery&&!e.hasVideo||!e.hasGallery&&e.hasVideo,[i().svg]:e.hasGallery&&!e.hasVideo,"w-px-52":e.hasGallery&&e.hasVideo,hidden:!e.hasGallery&&!e.hasVideo}),children:(0,l.jsx)(v.B,{src:m(),className:"relative h-4 w-auto"})})]})},`content-table-list-entry-${t}`))})})]})}),(0,l.jsx)("div",{ref:A})]})},k=T},69916:e=>{e.exports={"has--video":"inlineContentTable_has--video__a4TVO",hasVideo:"inlineContentTable_has--video__a4TVO","has--gallery":"inlineContentTable_has--gallery__WY3w_",hasGallery:"inlineContentTable_has--gallery__WY3w_","has--both":"inlineContentTable_has--both__hpodN",hasBoth:"inlineContentTable_has--both__hpodN","table--open":"inlineContentTable_table--open__XIyvv",tableOpen:"inlineContentTable_table--open__XIyvv","arrow-icon":"inlineContentTable_arrow-icon__LJvjU",arrowIcon:"inlineContentTable_arrow-icon__LJvjU","text-color":"inlineContentTable_text-color__X6pPs",textColor:"inlineContentTable_text-color__X6pPs",background:"inlineContentTable_background__idp2l","bg-color":"inlineContentTable_bg-color__JXRAC",bgColor:"inlineContentTable_bg-color__JXRAC","inline-table":"inlineContentTable_inline-table__G1xpe",inlineTable:"inlineContentTable_inline-table__G1xpe",open:"inlineContentTable_open__EauIR",svg:"inlineContentTable_svg__pYItp"}}}]);