@cbpds/web-components
Version:
Web components for the CBP Design System.
5 lines • 1.74 kB
JavaScript
/*!
* CPB Design System web components - built with Stencil
*/
import{r as e,h as t,a as o,g as i}from"./p-436f46fe.js";import{s}from"./p-93ade441.js";const c="cbp-skip-nav a{display:inline-block;padding:0.75rem 1.25rem;border-radius:var(--cbp-border-radius-softest);position:absolute;top:-1000rem;left:var(--cbp-space-1x);background-color:var(--cbp-color-black);color:var(--cbp-color-text-lightest);font-size:1rem;font-weight:var(--cbp-font-weight-bold);font-family:inherit}cbp-skip-nav a:active,cbp-skip-nav a:focus{top:var(--cbp-space-1x);text-decoration:none;outline-style:solid;outline-width:var(--cbp-border-size-md);outline-color:var(--cbp-button-color-outline-focus);outline-offset:calc(-1 * var(--cbp-space-1x));z-index:var(-cbp-z-index-level-top)}";const n=c;const a=class{constructor(t){e(this,t);this.targetId="main";this.shortcutKey=undefined;this.sx={}}handleClick(e){e.preventDefault();e.stopPropagation();const t=document.querySelector(`#${this.targetId}`);if(t){t.focus()}}componentWillLoad(){const e=document.querySelector(`#${this.targetId}`);if(!e)console.warn(`Configuration Error (cbp-skip-nav): The specified targetId of "${this.targetId}" cannot be found in the current page.`);if(typeof this.sx=="string"){this.sx=JSON.parse(this.sx)||{}}s(this.link,Object.assign({},this.sx))}render(){return t(o,{key:"ebe7c5eb9b7b92d7eeda2924593dbd9f5a8fce8e"},t("a",{key:"2266d2e95bf43a263982e4ec04dbd3ab639315d1",href:this.targetId?`#${this.targetId}`:null,accessKey:this.shortcutKey,ref:e=>this.link=e,onClick:e=>this.handleClick(e)},t("slot",{key:"d78174faef5634c25cb3515c3bb3e2e54ea49ec7"},"Skip to main content")))}get host(){return i(this)}};a.style=n;export{a as cbp_skip_nav};
//# sourceMappingURL=p-5f1fba71.entry.js.map