angular-bootstrap-italia
Version:
<p align="center"> <h1 align="center">Bootstrap Italia + Angular 9</h1>
17 lines • 4.2 kB
JavaScript
import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
let HeaderNavbarComponent = class HeaderNavbarComponent {
constructor() { }
};
__decorate([
Input()
], HeaderNavbarComponent.prototype, "menuItems", void 0);
HeaderNavbarComponent = __decorate([
Component({
selector: 'lib-header-navbar',
template: "<div class=\"it-header-navbar-wrapper\">\r\n <div class=\"container-fluid\">\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n\r\n <nav class=\"navbar navbar-expand-lg has-megamenu\">\r\n <button class=\"custom-navbar-toggler\" type=\"button\" aria-controls=\"nav10\" aria-expanded=\"false\"\r\n aria-label=\"Toggle navigation\" data-target=\"#nav10\">\r\n <svg class=\"icon\">\r\n <use xlink:href=\"./assets/bootstrap-italia/svg/sprite.svg#it-burger\"></use>\r\n </svg>\r\n </button>\r\n <div class=\"navbar-collapsable\" id=\"nav10\">\r\n <div class=\"overlay\"></div>\r\n <div class=\"close-div sr-only\">\r\n <button class=\"btn close-menu\" type=\"button\"><span class=\"it-close\"></span>close</button>\r\n </div>\r\n <div class=\"menu-wrapper\">\r\n\r\n <ul class=\"navbar-nav\">\r\n\r\n <ng-template ngFor let-item [ngForOf]=\"menuItems\">\r\n <ng-container [ngSwitch]=\"item.type\">\r\n\r\n <li *ngSwitchCase=\"'link'\" class=\"nav-item\" routerLinkActive=\"active\"\r\n [routerLinkActiveOptions]=\"{exact: true}\">\r\n\r\n <a *ngIf=\"!item.disabled; else elseBlock\" class=\"nav-link\" [routerLink]=\"[item.href]\"\r\n routerLinkActive=\"active\" [routerLinkActiveOptions]=\"{exact: true}\" #rla=\"routerLinkActive\">\r\n <span>{{ item.title }}</span>\r\n <span *ngIf=\"rla.isActive\" class=\"sr-only\"> attivo</span>\r\n </a>\r\n\r\n <ng-template #elseBlock>\r\n <a class=\"nav-link disabled\" [routerLink]=\"[item.href]\"><span>{{ item.title }}</span></a>\r\n </ng-template>\r\n\r\n </li>\r\n\r\n <li class=\"nav-item dropdown\" *ngSwitchCase=\"'dropdown'\">\r\n <lib-dropdown *ngSwitchCase=\"'dropdown'\" [title]=\"item.title\" [heading]=\"item.payload.heading\"\r\n [items]=\"item.payload.elements\"></lib-dropdown>\r\n </li>\r\n\r\n </ng-container>\r\n </ng-template>\r\n\r\n </ul>\r\n </div>\r\n\r\n </div>\r\n </nav>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
styles: [""]
})
], HeaderNavbarComponent);
export { HeaderNavbarComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLW5hdmJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9hbmd1bGFyLWJvb3RzdHJhcC1pdGFsaWEvIiwic291cmNlcyI6WyJsaWIvdGVtcGxhdGUvaGVhZGVyL2hlYWRlci1uYXZiYXIvaGVhZGVyLW5hdmJhci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBVWpELElBQWEscUJBQXFCLEdBQWxDLE1BQWEscUJBQXFCO0lBSWhDLGdCQUFnQixDQUFDO0NBRWxCLENBQUE7QUFKVTtJQUFSLEtBQUssRUFBRTt3REFBK0I7QUFGNUIscUJBQXFCO0lBTGpDLFNBQVMsQ0FBQztRQUNULFFBQVEsRUFBRSxtQkFBbUI7UUFDN0IsczdFQUE2Qzs7S0FFOUMsQ0FBQztHQUNXLHFCQUFxQixDQU1qQztTQU5ZLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8vIE1vZGVsc1xyXG5pbXBvcnQgeyBIZWFkZXJOYXZiYXJJdGVtIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzL2hlYWRlci1uYXZiYXItaXRlbSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1oZWFkZXItbmF2YmFyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vaGVhZGVyLW5hdmJhci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vaGVhZGVyLW5hdmJhci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBIZWFkZXJOYXZiYXJDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBtZW51SXRlbXM6IEhlYWRlck5hdmJhckl0ZW1bXTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbn1cclxuIl19