https://help.jpegmini.com/_next/static/chunks/3146.5064b7fa6852b630.js

1try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="e175e04c-10b6-4d88-8e18-edf2a8c474bc",e._sentryDebugIdIdentifier="sentry-dbid-e175e04c-10b6-4d88-8e18-edf2a8c474bc")}()}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3146],{63146:function(e,t,n){n.r(t);var r=n(57437),l=n(2265),o=n(31734),i=n(69274),u=n(99376),s=n(92137),c=n(3293);t.default=e=>{var t,n;let{isOptimisticArticle:a,kbData:d,currLocale:f}=e,h=null!==(n=null==d?void 0:null===(t=d.resolvedkbColors)||void 0===t?void 0:t.brandedTextColorTheme)&&void 0!==n?n:c.Ok,[p,m]=(0,l.useState)(!1),[g,v]=(0,l.useState)([]),[x,b]=(0,l.useState)(null),[w,y]=(0,l.useState)(null),[E,k]=(0,l.useState)({top:0,height:0}),N=(0,l.useRef)(null),I=(0,l.useRef)(!1),j=(0,l.useRef)(new Map),T=(0,l.useRef)(null),C=(0,l.useRef)(!1),S=(0,l.useRef)(!1),_=(0,u.useParams)(),{locale:R}=null!=_?_:{locale:null!=f?f:s.gk},L=()=>

1{if(!x||!T.current){k({top:0,height:0});return}let e=j.current.get(x);if(!e){k({top:0,height:0});return}requestAnimationFrame(()=>{if(!T.current||!e){k({top:0,height:0});return}let t=T.current.getBoundingClientRect(),n=e.getBoundingClientRect();k({top:n.top-t.top,height:n.height})})};(0,l.useEffect)(()=>{let e=()=>{window.scrollY>0&&(S.current=!0)};return window.addEventListener("scroll",e,{once:!0}),()=>window.removeEventListener("scroll",e)},[]),(0,l.useLayoutEffect)(()=>{x&&L()},[x]);let q=e=>{let t=[];return e.forEach(e=>{var n,r;let l=parseInt(e.tagName.toLowerCase().substring(1),10);if(l>3)return;let o=null!==(r=null===(n=e.textContent)||void 0===n?void 0:n.trim())&&void 0!==r?r:"";if(!o)return;let i=e.id;if(!i){i=o.toLowerCase().normalize("NFKD").replace(RegExp("[^\\p{L}\\p{N}]+","gu"),"-").replace(/(^-|-$)/g,"");let t=1,n=i;for(;document.getElementById(i);)i="".concat(n,"-").concat(t++);e.id=i}t.push({id:i,text:o,level:l})}),t.length>0&&(v(t),!0)};(0,l.useEffect)(()=>{if(a){let e=document.querySelector(".bn-block-group");if(!e)return;if(q(e.querySelectorAll('.bn-block-content[data-content-type="heading"] h1, h2, h3'))){m(!0);return}let t=new MutationObserver(()=>{q(e.querySelectorAll('.bn-block-content[data-content-type="heading"] h1, h2, h3'))&&(m(!0),t.disconnect())});return t.observe(e,{childList:!0,subtree:!0}),()=>t.disconnect()}{let e=document.querySelector(".article-container");if(!e)return;q(e.querySelectorAll("h1, h2, h3")),m(!0)}},[a,d]),(0,l.useEffect)(()=>{if(0===g.length||C.current)return;C.current=!0;let e=window.location.hash.substring(1);if(e)g.find(t=>t.id===e)&&setTimeout(()=>{b(e);let t=document.getElementById(e);t&&setTimeout(()=>{I.current=!0,t.scrollIntoView({behavior:"smooth"}),setTimeout(()=>{I.current=!1},1e3)},100)},150);else{var t;!S.current&&(null===(t=g[0])||void 0===t?void 0:t.id)&&setTimeout(()=>{b(g[0].id)},150)}},[g]),(0,l.useEffect)(()=>{if(g.length>0){let e=g.map(e=>document.getElementById(e.id));return N.current=new IntersectionObserver(e=>{if(I.current)return;let t=e.filter(e=>e.isIntersecting).map(e=>({entry:e,top:e.boundingClientRect.top,id:e.target.id})).filter(e=>e.id).sort((e,t)=>e.top-t.top);if(t.length>0){let e=t[0];(null==e?void 0:e.id)&&b(e.id)}},{rootMargin:"-100px 0px -35% 0px"}),e.forEach(e=>{var t;e&&(null===(t=N.current)||void 0===t||t.observe(e))}),()=>{var e;null===(e=N.current)||void 0===e||e.disconnect()}}},[g]);let D=(e,t)=>{e.preventDefault(),I.current=!0,b(t);let n=()=>{let e=document.getElementById(t);return!!e&&(e.scrollIntoView({behavior:"smooth",block:"start",inline:"nearest"}),window.history.pushState(null,"","#".concat(t)),setTimeout(()=>{I.current=!1},1e3),!0)};n()||setTimeout(()=>{n()||(console.warn("Could not find heading element with ID: ".concat(t)),I.current=!1)},100)};if((0,l.useEffect)(()=>{let e=document.querySelector(".article-container");if(!e)return;let t=()=>{q(e.querySelectorAll("h1, h2, h3")),m(!0)};t();let n=new MutationObserver(()=>t());return n.observe(e,{childList:!0,subtree:!0}),()=>n.disconnect()},[]),!p)return(0,r.jsx)("div",{className:"simple-scrollarea sticky top-0 hidden h-[calc(100svh_-_74px)] w-[300px] min-w-[268px] overflow-auto pb-4 pr-0 pt-9 transition-all xl:block"});if(0===g.length)return null;let M=Math.min(...g.map(e=>e.level));return(0,r.jsx)("div",{className:"simple-scrollarea scrollbar-hidden sticky top-0 hidden h-[calc(100svh_-_74px)] w-[300px] min-w-[268px] overflow-auto pb-4 pr-0 pt-9 transition-all xl:block",children:(0,r.jsxs)("div",{className:"flex h-full flex-col justify-start gap-3",children:[(0,r.jsxs)("div",{className:"flex items-center justify-start gap-2 p-2 text-muted-foreground",children:[(0,r.jsx)(o.Z,{size:16}),(0,r.jsx)("span",{className:"text-sm font-medium text-muted-foreground",children:(null==d?void 0:d.tocHeaderText)&&(null==d?void 0:d.tocHeaderText.length)>0?null==d?void 0:d.tocHeaderText:(0,i.eZ)(null!=R?R:f,"tocHeader")})]}),(0,r.jsxs)("nav",{ref:T,className:"relative pl-6",children:[(0,r.jsx)("div",{className:"absolute bottom-[0px] left-[16px] top-[6px] w-px bg-secondary"}),x&&g.length>0&&E.height>0&&(0,r.jsx)("div",{className:"absolute left-[16px] w-px bg-muted-foreground transition-all duration-200 ease-out",style:{to

1p:"".concat(E.top,"px"),height:"".concat(E.height,"px"),..."default"!==h&&{backgroundColor:h}}}),(0,r.jsx)("ul",{className:"relative list-none",children:g.filter(e=>e.id).map(e=>{let t=e.id===x,n=e.id===w,l=e.level-M;return(0,r.jsx)("li",{ref:t=>{t?(j.current.set(e.id,t),e.id===x&&setTimeout(L,0)):j.current.delete(e.id)},className:"toc-item relative p-2 text-sm transition-colors duration-150 \n                    ".concat(e.level===M?"font-medium":"font-normal","\n                    ").concat(t?"text-foreground":n?"text-foreground":"text-muted-foreground"," cursor-pointer"),onClick:t=>D(t,e.id),onMouseEnter:()=>y(e.id),onMouseLeave:()=>y(null),children:(0,r.jsx)("p",{className:"".concat(0===l?"":1===l?"pl-6":"pl-12"),style:{...t&&"default"!==h&&{color:h}},children:e.text})},e.id)})})]})]})})}}}]);