https://www.pearlevision.com/_next/static/chunks/6587.d6852ef39298f6dc.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6587],{26587:(t,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>u});var o=e(95155),r=e(10319),l=e(2821),s=e(12115),a=e(34609),c=e.n(a);let u=t=>{let{theme:n,buttons:e,marginVertical:a,backgroundColor:u}=t,i=(0,s.useRef)(null),[_,h]=(0,s.useState)(!1),[b,d]=(0,s.useState)(0),[v,f]=(0,s.useState)(0),[m,g]=(0,s.useState)(null),[y,w]=(0,s.useState)(!1);return((0,s.useEffect)(()=>{let t=()=>{let t=i.current;t&&w(t.scrollWidth>t.clientWidth)};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),(0,s.useEffect)(()=>{var t;let n=document.querySelector('[class*="styles_anchor-buttons__list"]'),e=Array.from(null!=(t=null==n?void 0:n.querySelectorAll("button"))?t:[]),o=null==e?void 0:e.map(t=>document.getElementById(t.id.replace("button_",""))),r=new IntersectionObserver(t=>{t.forEach(t=>{if(t.isIntersecting){var n;g(null==t||null==(n=t.target)?void 0:n.id)}})},{root:null,threshold:.4});return null==o||o.forEach(t=>{t&&r.observe(t)}),()=>{r&&r.disconnect(),g(null)}},[]),(0,s.useEffect)(()=>{let t=()=>{window.scrollY<=100&&g(null)};return window.addEventListener("scroll",t),()=>{window.removeEventListener("scroll",t)}},[]),e&&0===e.length)?null:(0,o.jsx)("div",{className:(0,l.A)(c()["anchor-buttons"],c()["anchor-buttons--".concat(n)],c()["anchor-buttons--marginVertical-".concat(a)],!y&&c()["anchor-buttons--center"]),ref:i,onMouseDown:t=>{if(!i.current)return;t.preventDefault();let n=i.current;h(!0),d(t.pageX-n.offsetLeft),f(n.scrollLeft)},onMouseLeave:()=>h(!1),onMouseUp:()=>h(!1),onMouseMove:t=>{if(!i.current||!_)return;t.preventDefault();let n=i.current,e=t.pageX-n.offsetLeft;n.scrollLeft=v-(e-b)*1.5},style:{backgroundColor:(0,r.Gx)(u)},children:(0,o.jsx)("ul",{className:c()["anchor-buttons__list"],children:null==e?void 0:e.map((t,n)=>t.label&&t.anchor?(0,o.jsx)("li",{className:(0,l.A)(c()["anchor-buttons__list-item"],null===m&&0===n&&c()["anchor-buttons__list-item-default-active"]),children:(0,o.jsx)("button",{className:(0,l.A)(c()["anchor-buttons__button"],m===t.anchor||null===m&&0===n?c()["anchor-buttons__button-active"]:""),onClick:()=>{var n;let e=document.body,o=t.anchor.length>0?e.querySelector("#".concat(t.anchor)):void 0,r=null==o?void 0:o.getBoundingClientRect();window.scrollTo({top:window.scrollY+(null!=(n=null==r?void 0:r.top)?n:0)-100,behavior:"smooth"})},id:"button_".concat(t.anchor),children:t.label})},t.label):null)})})}},34609:t=>{t.exports={"anchor-buttons":"styles_anchor-buttons__mKE4_","anchor-buttons--marginVertical-X":"styles_anchor-buttons--marginVertical-X__D_N9M","anchor-buttons--marginVertical-S":"styles_anchor-buttons--marginVertical-S__C8drZ","anchor-buttons--marginVertical-M":"styles_anchor-buttons--marginVertical-M__bx6jO","anchor-buttons--marginVertical-L":"styles_anchor-buttons--marginVertical-L__6UVij","anchor-buttons--center":"styles_anchor-buttons--center__cIikn","anchor-buttons--dark":"styles_anchor-buttons--dark___Fdtn","anchor-buttons__button":"styles_anchor-buttons__button__WaVJP","anchor-buttons__button-active":"styles_anchor-buttons__button-active__wLtv7","anchor-buttons--light":"styles_anchor-buttons--light__jj8JE","anchor-buttons__list":"styles_anchor-buttons__list__RM8zt","anchor-buttons__list-item":"styles_anchor-buttons__list-item__bIhyX"}}}]);