'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const core = require('./core-859ae5a6.js');

const NavigationItem = class {
    constructor(hostRef) {
        core.registerInstance(this, hostRef);
        this.anjNavigationItemSelected = core.createEvent(this, "anjNavigationItemSelected", 7);
    }
    onClick(e) {
        e.preventDefault();
        this.anjNavigationItemSelected.emit();
    }
    render() {
        const path = window.location.pathname;
        return (core.h("anj-headline", null, core.h("h4", null, core.h("a", { href: `${path}#${this.section}`, onClick: (e) => this.onClick(e) }, core.h("slot", null)))));
    }
    static get style() { return ".sc-anj-navigation-item-h {\n  display: block;\n  font-size: 0.875rem;\n  font-family: var(--anj-font-family);\n  font-weight: normal;\n  line-height: 1.5;\n  outline: none;\n}\n.sc-anj-navigation-item-h, .sc-anj-navigation-item-h::before, .sc-anj-navigation-item-h::after {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  outline: none;\n}\n.sc-anj-navigation-item-h:focus, .sc-anj-navigation-item-h:active, .sc-anj-navigation-item-h *.sc-anj-navigation-item:focus, .sc-anj-navigation-item-h *.sc-anj-navigation-item:active {\n  outline: none;\n}\n.sc-anj-navigation-item-h:not(:last-child) {\n  margin-bottom: 0.5rem;\n}\n[active].sc-anj-navigation-item-h a.sc-anj-navigation-item {\n  color: var(--anj-text);\n}\n[active].sc-anj-navigation-item-h a.sc-anj-navigation-item:hover {\n  text-decoration: none;\n}"; }
};

exports.anj_navigation_item = NavigationItem;
