import{r as o,h as r}from"./p-083180bf.js";import{n as s}from"./p-a7fc1e02.js";const t=class{constructor(r){o(this,r),this.ignored=!0,this.scrollAnimation="smooth",s(this)}disconnectedCallback(){}render(){const{callbacks:o}=function(o){const{scrollTagName:r,scrollId:s}=o;return{callbacks:{scroll:async function(){const t=null===document||void 0===document?void 0:document.querySelector(r||`#${s}`);t.dispatchEvent(new CustomEvent("sq:reveal",{detail:r||`#${s}`,bubbles:!0,composed:!0})),await new Promise((o=>setTimeout(o,500))),t.scrollIntoView({behavior:o.scrollAnimation})}}}}(this);return r("sl-button",{type:"secondary",exportparts:"base: secondarybutton-base",onClick:o.scroll,size:this.size,pill:this.pill,circle:this.circle},r("style",{type:"text/css"},'\n    *::part(secondarybutton-base),\n    sl-button[type="secondary"]::part(base) {\n      font-family: var(--sqm-primary-font);\n      background-color: var(--sqm-secondary-button-background);\n      color: var(--sqm-secondary-button-color);\n      border-color: var(--sqm-secondary-button-color-border);\n      border-radius: var(--sqm-secondary-button-radius);\n    }\n\n    *::part(secondarybutton-base):hover,\n    sl-button[type="secondary"]::part(base):hover {\n      background-color: var(--sqm-secondary-button-background-hover);\n      color: var(--sqm-secondary-button-color-hover);\n      border-color: var(--sqm-secondary-button-border-color-hover);\n    }\n  '),(this.iconSlot||this.iconName)&&r("sl-icon",{slot:this.iconSlot||"prefix",name:this.iconName}),this.buttonText,r("slot",null))}};export{t as sqm_scroll}