https://www.ursamajorvt.com/cdn/shop/t/1853/assets/component-scrol…?v=160288521725337923031789743621

1!function(){class t extends HTMLElement{constructor(){super(),this.init()}init(){this.targetSelector=this.dataset.target,this.offset=this.dataset.offset?parseInt(this.dataset.offset):0,this.targetSelector?this.bindEvents():console.warn("scroll-into-view: No target specified")}bindEvents(){const t=this.querySelector("button");t&&t.addEventListener("click",this.handleClick.bind(this))}handleClick(t){t.preventDefault(),this.scrollToTarget()}scrollToTarget(){const t=document.querySelector(this.targetSelector);if(!t)return void console.warn(`scroll-into-view: Target element "${this.targetSelector}" not found`);const e=this.getHeaderHeight(),o=t.offsetTop-e-this.offset;window.scrollTo({top:o,behavior:"smooth"})}getHeaderHeight(){const t=getComputedStyle(document.body),e=t.getPropertyValue("--nav-height"),o=t.getPropertyValue("--banner-height");return(e?parseInt(e.replace("px","")):0)+(o?parseInt(o.replace("px","")):0)}}customElements.define("scroll-into-view",t)}();