import { Component, input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../navbar/navbar.component";
export class HeaderComponent {
    constructor() {
        /**
         * Navbar color (default 'primary')
         */
        this.color = input('primary');
        /**
         * Label to go to the main content / Bypass link
         */
        this.goToMain = input('Go to the main content');
        /**
         * Label to go to the main navigation / Bypass link
         */
        this.goToNav = input('Go to the main navigation');
        /**
         * Label to go to the footer / Bypass link
         */
        this.goToFooter = input('Go to the footer');
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: HeaderComponent, selector: "mic-header", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, goToMain: { classPropertyName: "goToMain", publicName: "goToMain", isSignal: true, isRequired: false, transformFunction: null }, goToNav: { classPropertyName: "goToNav", publicName: "goToNav", isSignal: true, isRequired: false, transformFunction: null }, goToFooter: { classPropertyName: "goToFooter", publicName: "goToFooter", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<header role=\"banner\">\n  <mic-navbar [color]=\"color()\">\n    <nav class=\"bypass-links\" role=\"navigation\" aria-label=\"Bypass links\">\n      <ul id=\"bypass\" class=\"bypass-list\">\n        <li>\n          <a class=\"bypass {{ color() }}\" href=\"#main-navigation\">{{ goToNav() }}</a>\n        </li>\n        <li>\n          <a class=\"bypass {{ color() }}\" href=\"#main-content\">{{ goToMain() }}</a>\n        </li>\n        <li>\n          <a class=\"bypass {{ color() }}\" href=\"#footer\">{{ goToFooter() }}</a>\n        </li>\n      </ul>\n    </nav>\n    <div class=\"header-navbar\">\n      <ng-content></ng-content>\n    </div>\n  </mic-navbar>\n</header>\n", styles: [":host{height:max-content}:host .bypass{display:inline-block;position:absolute;left:-999rem;top:.5rem;width:20rem;z-index:100;padding:.5rem}:host .bypass:focus{left:.5rem}:host .bypass-links{width:0}:host .bypass-list{margin:0}:host .bypass-list li{list-style-type:none}:host .header-navbar{width:100%}\n"], dependencies: [{ kind: "component", type: i1.NavbarComponent, selector: "mic-navbar", inputs: ["color", "mode"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderComponent, decorators: [{
            type: Component,
            args: [{ selector: 'mic-header', template: "<header role=\"banner\">\n  <mic-navbar [color]=\"color()\">\n    <nav class=\"bypass-links\" role=\"navigation\" aria-label=\"Bypass links\">\n      <ul id=\"bypass\" class=\"bypass-list\">\n        <li>\n          <a class=\"bypass {{ color() }}\" href=\"#main-navigation\">{{ goToNav() }}</a>\n        </li>\n        <li>\n          <a class=\"bypass {{ color() }}\" href=\"#main-content\">{{ goToMain() }}</a>\n        </li>\n        <li>\n          <a class=\"bypass {{ color() }}\" href=\"#footer\">{{ goToFooter() }}</a>\n        </li>\n      </ul>\n    </nav>\n    <div class=\"header-navbar\">\n      <ng-content></ng-content>\n    </div>\n  </mic-navbar>\n</header>\n", styles: [":host{height:max-content}:host .bypass{display:inline-block;position:absolute;left:-999rem;top:.5rem;width:20rem;z-index:100;padding:.5rem}:host .bypass:focus{left:.5rem}:host .bypass-links{width:0}:host .bypass-list{margin:0}:host .bypass-list li{list-style-type:none}:host .header-navbar{width:100%}\n"] }]
        }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3RoZW1lL3NyYy9saWIvaGVhZGVyL2hlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy90aGVtZS9zcmMvbGliL2hlYWRlci9oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVFqRCxNQUFNLE9BQU8sZUFBZTtJQUw1QjtRQU1FOztXQUVHO1FBQ0gsVUFBSyxHQUFHLEtBQUssQ0FBYyxTQUFTLENBQUMsQ0FBQztRQUV0Qzs7V0FFRztRQUNILGFBQVEsR0FBRyxLQUFLLENBQVMsd0JBQXdCLENBQUMsQ0FBQztRQUVuRDs7V0FFRztRQUNILFlBQU8sR0FBRyxLQUFLLENBQVMsMkJBQTJCLENBQUMsQ0FBQztRQUVyRDs7V0FFRztRQUNILGVBQVUsR0FBRyxLQUFLLENBQVMsa0JBQWtCLENBQUMsQ0FBQztLQUNoRDsrR0FwQlksZUFBZTttR0FBZixlQUFlLDRqQkNSNUIsdXFCQW9CQTs7NEZEWmEsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmF2YmFyQ29sb3IgfSBmcm9tICcuLi9uYXZiYXIvbmF2YmFyLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWljLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9oZWFkZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBIZWFkZXJDb21wb25lbnQge1xuICAvKipcbiAgICogTmF2YmFyIGNvbG9yIChkZWZhdWx0ICdwcmltYXJ5JylcbiAgICovXG4gIGNvbG9yID0gaW5wdXQ8TmF2YmFyQ29sb3I+KCdwcmltYXJ5Jyk7XG5cbiAgLyoqXG4gICAqIExhYmVsIHRvIGdvIHRvIHRoZSBtYWluIGNvbnRlbnQgLyBCeXBhc3MgbGlua1xuICAgKi9cbiAgZ29Ub01haW4gPSBpbnB1dDxzdHJpbmc+KCdHbyB0byB0aGUgbWFpbiBjb250ZW50Jyk7XG5cbiAgLyoqXG4gICAqIExhYmVsIHRvIGdvIHRvIHRoZSBtYWluIG5hdmlnYXRpb24gLyBCeXBhc3MgbGlua1xuICAgKi9cbiAgZ29Ub05hdiA9IGlucHV0PHN0cmluZz4oJ0dvIHRvIHRoZSBtYWluIG5hdmlnYXRpb24nKTtcblxuICAvKipcbiAgICogTGFiZWwgdG8gZ28gdG8gdGhlIGZvb3RlciAvIEJ5cGFzcyBsaW5rXG4gICAqL1xuICBnb1RvRm9vdGVyID0gaW5wdXQ8c3RyaW5nPignR28gdG8gdGhlIGZvb3RlcicpO1xufVxuIiwiPGhlYWRlciByb2xlPVwiYmFubmVyXCI+XG4gIDxtaWMtbmF2YmFyIFtjb2xvcl09XCJjb2xvcigpXCI+XG4gICAgPG5hdiBjbGFzcz1cImJ5cGFzcy1saW5rc1wiIHJvbGU9XCJuYXZpZ2F0aW9uXCIgYXJpYS1sYWJlbD1cIkJ5cGFzcyBsaW5rc1wiPlxuICAgICAgPHVsIGlkPVwiYnlwYXNzXCIgY2xhc3M9XCJieXBhc3MtbGlzdFwiPlxuICAgICAgICA8bGk+XG4gICAgICAgICAgPGEgY2xhc3M9XCJieXBhc3Mge3sgY29sb3IoKSB9fVwiIGhyZWY9XCIjbWFpbi1uYXZpZ2F0aW9uXCI+e3sgZ29Ub05hdigpIH19PC9hPlxuICAgICAgICA8L2xpPlxuICAgICAgICA8bGk+XG4gICAgICAgICAgPGEgY2xhc3M9XCJieXBhc3Mge3sgY29sb3IoKSB9fVwiIGhyZWY9XCIjbWFpbi1jb250ZW50XCI+e3sgZ29Ub01haW4oKSB9fTwvYT5cbiAgICAgICAgPC9saT5cbiAgICAgICAgPGxpPlxuICAgICAgICAgIDxhIGNsYXNzPVwiYnlwYXNzIHt7IGNvbG9yKCkgfX1cIiBocmVmPVwiI2Zvb3RlclwiPnt7IGdvVG9Gb290ZXIoKSB9fTwvYT5cbiAgICAgICAgPC9saT5cbiAgICAgIDwvdWw+XG4gICAgPC9uYXY+XG4gICAgPGRpdiBjbGFzcz1cImhlYWRlci1uYXZiYXJcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9taWMtbmF2YmFyPlxuPC9oZWFkZXI+XG4iXX0=