@skyux/navbar 5.7.2 → 6.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,6 @@
1
+ export * from './lib/modules/navbar/navbar.module';
2
+ // Components and directives must be exported to support Angular's "partial" Ivy compiler.
3
+ // Obscure names are used to indicate types are not part of the public API.
4
+ export { SkyNavbarComponent as λ1 } from './lib/modules/navbar/navbar.component';
5
+ export { SkyNavbarItemComponent as λ2 } from './lib/modules/navbar/navbar-item.component';
6
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbmF2YmFyL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG9DQUFvQyxDQUFDO0FBRW5ELDBGQUEwRjtBQUMxRiwyRUFBMkU7QUFDM0UsT0FBTyxFQUFFLGtCQUFrQixJQUFJLEVBQUUsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ2pGLE9BQU8sRUFBRSxzQkFBc0IsSUFBSSxFQUFFLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvbmF2YmFyL25hdmJhci5tb2R1bGUnO1xuXG4vLyBDb21wb25lbnRzIGFuZCBkaXJlY3RpdmVzIG11c3QgYmUgZXhwb3J0ZWQgdG8gc3VwcG9ydCBBbmd1bGFyJ3MgXCJwYXJ0aWFsXCIgSXZ5IGNvbXBpbGVyLlxuLy8gT2JzY3VyZSBuYW1lcyBhcmUgdXNlZCB0byBpbmRpY2F0ZSB0eXBlcyBhcmUgbm90IHBhcnQgb2YgdGhlIHB1YmxpYyBBUEkuXG5leHBvcnQgeyBTa3lOYXZiYXJDb21wb25lbnQgYXMgzrsxIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9uYXZiYXIvbmF2YmFyLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lOYXZiYXJJdGVtQ29tcG9uZW50IGFzIM67MiB9IGZyb20gJy4vbGliL21vZHVsZXMvbmF2YmFyL25hdmJhci1pdGVtLmNvbXBvbmVudCc7XG4iXX0=
@@ -0,0 +1,18 @@
1
+ import { Component, Input } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/common";
4
+ /**
5
+ * Displays a navigation item in the navbar. It can include sub-navigation items in
6
+ * a dropdown menu.
7
+ */
8
+ export class SkyNavbarItemComponent {
9
+ }
10
+ SkyNavbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
11
+ SkyNavbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyNavbarItemComponent, selector: "sky-navbar-item", inputs: { active: "active" }, ngImport: i0, template: "<div class=\"sky-navbar-item\" [ngClass]=\"{ 'sky-navbar-item-active': active }\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-navbar-item{display:block;font-weight:600;margin-right:5px;height:100%}.sky-navbar-item ::ng-deep a,.sky-navbar-item ::ng-deep .sky-dropdown-item>a,.sky-navbar-item ::ng-deep .sky-dropdown-button{background-color:transparent;border:none;color:#a7b1c2;display:block;padding:16px 12px;text-decoration:none;width:100%}.sky-navbar-item ::ng-deep .sky-dropdown-menu{background-color:#2f4050}.sky-navbar-item ::ng-deep .sky-dropdown-item{color:#a7b1c2;display:block;font-size:13px;font-weight:400;margin:0}.sky-navbar-item ::ng-deep .sky-dropdown-item:hover{background-color:#293846;color:#fff}.sky-navbar-item ::ng-deep .sky-dropdown-item:hover>::ng-deep a,.sky-navbar-item ::ng-deep .sky-dropdown-item:hover ::ng-deep .sky-dropdown-button{color:#fff}.sky-navbar-item ::ng-deep .sky-dropdown:hover .sky-dropdown-button,.sky-navbar-item ::ng-deep .sky-navbar-item-active,.sky-navbar-item.sky-navbar-item-active ::ng-deep>*,.sky-navbar-item.sky-navbar-item-active ::ng-deep .sky-dropdown-button{background-color:#293846;color:#fff;border-bottom:4px solid #1c84c6;padding-bottom:12px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
12
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarItemComponent, decorators: [{
13
+ type: Component,
14
+ args: [{ selector: 'sky-navbar-item', template: "<div class=\"sky-navbar-item\" [ngClass]=\"{ 'sky-navbar-item-active': active }\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-navbar-item{display:block;font-weight:600;margin-right:5px;height:100%}.sky-navbar-item ::ng-deep a,.sky-navbar-item ::ng-deep .sky-dropdown-item>a,.sky-navbar-item ::ng-deep .sky-dropdown-button{background-color:transparent;border:none;color:#a7b1c2;display:block;padding:16px 12px;text-decoration:none;width:100%}.sky-navbar-item ::ng-deep .sky-dropdown-menu{background-color:#2f4050}.sky-navbar-item ::ng-deep .sky-dropdown-item{color:#a7b1c2;display:block;font-size:13px;font-weight:400;margin:0}.sky-navbar-item ::ng-deep .sky-dropdown-item:hover{background-color:#293846;color:#fff}.sky-navbar-item ::ng-deep .sky-dropdown-item:hover>::ng-deep a,.sky-navbar-item ::ng-deep .sky-dropdown-item:hover ::ng-deep .sky-dropdown-button{color:#fff}.sky-navbar-item ::ng-deep .sky-dropdown:hover .sky-dropdown-button,.sky-navbar-item ::ng-deep .sky-navbar-item-active,.sky-navbar-item.sky-navbar-item-active ::ng-deep>*,.sky-navbar-item.sky-navbar-item-active ::ng-deep .sky-dropdown-button{background-color:#293846;color:#fff;border-bottom:4px solid #1c84c6;padding-bottom:12px}\n"] }]
15
+ }], propDecorators: { active: [{
16
+ type: Input
17
+ }] } });
18
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL25hdmJhci9zcmMvbGliL21vZHVsZXMvbmF2YmFyL25hdmJhci1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9uYXZiYXIvc3JjL2xpYi9tb2R1bGVzL25hdmJhci9uYXZiYXItaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBRWpEOzs7R0FHRztBQU1ILE1BQU0sT0FBTyxzQkFBc0I7O21IQUF0QixzQkFBc0I7dUdBQXRCLHNCQUFzQixxRkNYbkMsMkhBR0E7MkZEUWEsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLGlCQUFpQjs4QkFVcEIsTUFBTTtzQkFEWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIERpc3BsYXlzIGEgbmF2aWdhdGlvbiBpdGVtIGluIHRoZSBuYXZiYXIuIEl0IGNhbiBpbmNsdWRlIHN1Yi1uYXZpZ2F0aW9uIGl0ZW1zIGluXG4gKiBhIGRyb3Bkb3duIG1lbnUuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1uYXZiYXItaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9uYXZiYXItaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25hdmJhci1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNreU5hdmJhckl0ZW1Db21wb25lbnQge1xuICAvKipcbiAgICogSW5kaWNhdGVzIHdoZXRoZXIgdGhlIG5hdmlnYXRpb24gaXRlbSBpcyBhY3RpdmUuXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgYWN0aXZlOiBib29sZWFuO1xufVxuIiwiPGRpdiBjbGFzcz1cInNreS1uYXZiYXItaXRlbVwiIFtuZ0NsYXNzXT1cInsgJ3NreS1uYXZiYXItaXRlbS1hY3RpdmUnOiBhY3RpdmUgfVwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
@@ -0,0 +1,14 @@
1
+ import { Component } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ /**
4
+ * Displays top-level navigation.
5
+ */
6
+ export class SkyNavbarComponent {
7
+ }
8
+ SkyNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9
+ SkyNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyNavbarComponent, selector: "sky-navbar", ngImport: i0, template: "<div class=\"sky-navbar\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-navbar{background-color:#2f4050;display:flex;align-items:flex-start;flex-direction:row}\n"] });
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarComponent, decorators: [{
11
+ type: Component,
12
+ args: [{ selector: 'sky-navbar', template: "<div class=\"sky-navbar\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-navbar{background-color:#2f4050;display:flex;align-items:flex-start;flex-direction:row}\n"] }]
13
+ }] });
14
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9uYXZiYXIvc3JjL2xpYi9tb2R1bGVzL25hdmJhci9uYXZiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL25hdmJhci9zcmMvbGliL21vZHVsZXMvbmF2YmFyL25hdmJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUUxQzs7R0FFRztBQU1ILE1BQU0sT0FBTyxrQkFBa0I7OytHQUFsQixrQkFBa0I7bUdBQWxCLGtCQUFrQixrRENWL0IsbUVBR0E7MkZET2Esa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBEaXNwbGF5cyB0b3AtbGV2ZWwgbmF2aWdhdGlvbi5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LW5hdmJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9uYXZiYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9uYXZiYXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5TmF2YmFyQ29tcG9uZW50IHt9XG4iLCI8ZGl2IGNsYXNzPVwic2t5LW5hdmJhclwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
@@ -0,0 +1,19 @@
1
+ import { CommonModule } from '@angular/common';
2
+ import { NgModule } from '@angular/core';
3
+ import { SkyNavbarItemComponent } from './navbar-item.component';
4
+ import { SkyNavbarComponent } from './navbar.component';
5
+ import * as i0 from "@angular/core";
6
+ export class SkyNavbarModule {
7
+ }
8
+ SkyNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
9
+ SkyNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarModule, declarations: [SkyNavbarComponent, SkyNavbarItemComponent], imports: [CommonModule], exports: [SkyNavbarComponent, SkyNavbarItemComponent] });
10
+ SkyNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarModule, imports: [[CommonModule]] });
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarModule, decorators: [{
12
+ type: NgModule,
13
+ args: [{
14
+ declarations: [SkyNavbarComponent, SkyNavbarItemComponent],
15
+ imports: [CommonModule],
16
+ exports: [SkyNavbarComponent, SkyNavbarItemComponent],
17
+ }]
18
+ }] });
19
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9uYXZiYXIvc3JjL2xpYi9tb2R1bGVzL25hdmJhci9uYXZiYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQU94RCxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLGlCQUpYLGtCQUFrQixFQUFFLHNCQUFzQixhQUMvQyxZQUFZLGFBQ1osa0JBQWtCLEVBQUUsc0JBQXNCOzZHQUV6QyxlQUFlLFlBSGpCLENBQUMsWUFBWSxDQUFDOzJGQUdaLGVBQWU7a0JBTDNCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsa0JBQWtCLEVBQUUsc0JBQXNCLENBQUM7b0JBQzFELE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMsa0JBQWtCLEVBQUUsc0JBQXNCLENBQUM7aUJBQ3REIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFNreU5hdmJhckl0ZW1Db21wb25lbnQgfSBmcm9tICcuL25hdmJhci1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lOYXZiYXJDb21wb25lbnQgfSBmcm9tICcuL25hdmJhci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTa3lOYXZiYXJDb21wb25lbnQsIFNreU5hdmJhckl0ZW1Db21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgZXhwb3J0czogW1NreU5hdmJhckNvbXBvbmVudCwgU2t5TmF2YmFySXRlbUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFNreU5hdmJhck1vZHVsZSB7fVxuIl19
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ export * from './index';
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5dXgtbmF2YmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL25hdmJhci9zcmMvc2t5dXgtbmF2YmFyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19
@@ -0,0 +1,52 @@
1
+ import * as i1 from '@angular/common';
2
+ import { CommonModule } from '@angular/common';
3
+ import * as i0 from '@angular/core';
4
+ import { Component, Input, NgModule } from '@angular/core';
5
+
6
+ /**
7
+ * Displays a navigation item in the navbar. It can include sub-navigation items in
8
+ * a dropdown menu.
9
+ */
10
+ class SkyNavbarItemComponent {
11
+ }
12
+ SkyNavbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
13
+ SkyNavbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyNavbarItemComponent, selector: "sky-navbar-item", inputs: { active: "active" }, ngImport: i0, template: "<div class=\"sky-navbar-item\" [ngClass]=\"{ 'sky-navbar-item-active': active }\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-navbar-item{display:block;font-weight:600;margin-right:5px;height:100%}.sky-navbar-item ::ng-deep a,.sky-navbar-item ::ng-deep .sky-dropdown-item>a,.sky-navbar-item ::ng-deep .sky-dropdown-button{background-color:transparent;border:none;color:#a7b1c2;display:block;padding:16px 12px;text-decoration:none;width:100%}.sky-navbar-item ::ng-deep .sky-dropdown-menu{background-color:#2f4050}.sky-navbar-item ::ng-deep .sky-dropdown-item{color:#a7b1c2;display:block;font-size:13px;font-weight:400;margin:0}.sky-navbar-item ::ng-deep .sky-dropdown-item:hover{background-color:#293846;color:#fff}.sky-navbar-item ::ng-deep .sky-dropdown-item:hover>::ng-deep a,.sky-navbar-item ::ng-deep .sky-dropdown-item:hover ::ng-deep .sky-dropdown-button{color:#fff}.sky-navbar-item ::ng-deep .sky-dropdown:hover .sky-dropdown-button,.sky-navbar-item ::ng-deep .sky-navbar-item-active,.sky-navbar-item.sky-navbar-item-active ::ng-deep>*,.sky-navbar-item.sky-navbar-item-active ::ng-deep .sky-dropdown-button{background-color:#293846;color:#fff;border-bottom:4px solid #1c84c6;padding-bottom:12px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
14
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarItemComponent, decorators: [{
15
+ type: Component,
16
+ args: [{ selector: 'sky-navbar-item', template: "<div class=\"sky-navbar-item\" [ngClass]=\"{ 'sky-navbar-item-active': active }\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-navbar-item{display:block;font-weight:600;margin-right:5px;height:100%}.sky-navbar-item ::ng-deep a,.sky-navbar-item ::ng-deep .sky-dropdown-item>a,.sky-navbar-item ::ng-deep .sky-dropdown-button{background-color:transparent;border:none;color:#a7b1c2;display:block;padding:16px 12px;text-decoration:none;width:100%}.sky-navbar-item ::ng-deep .sky-dropdown-menu{background-color:#2f4050}.sky-navbar-item ::ng-deep .sky-dropdown-item{color:#a7b1c2;display:block;font-size:13px;font-weight:400;margin:0}.sky-navbar-item ::ng-deep .sky-dropdown-item:hover{background-color:#293846;color:#fff}.sky-navbar-item ::ng-deep .sky-dropdown-item:hover>::ng-deep a,.sky-navbar-item ::ng-deep .sky-dropdown-item:hover ::ng-deep .sky-dropdown-button{color:#fff}.sky-navbar-item ::ng-deep .sky-dropdown:hover .sky-dropdown-button,.sky-navbar-item ::ng-deep .sky-navbar-item-active,.sky-navbar-item.sky-navbar-item-active ::ng-deep>*,.sky-navbar-item.sky-navbar-item-active ::ng-deep .sky-dropdown-button{background-color:#293846;color:#fff;border-bottom:4px solid #1c84c6;padding-bottom:12px}\n"] }]
17
+ }], propDecorators: { active: [{
18
+ type: Input
19
+ }] } });
20
+
21
+ /**
22
+ * Displays top-level navigation.
23
+ */
24
+ class SkyNavbarComponent {
25
+ }
26
+ SkyNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
27
+ SkyNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyNavbarComponent, selector: "sky-navbar", ngImport: i0, template: "<div class=\"sky-navbar\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-navbar{background-color:#2f4050;display:flex;align-items:flex-start;flex-direction:row}\n"] });
28
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarComponent, decorators: [{
29
+ type: Component,
30
+ args: [{ selector: 'sky-navbar', template: "<div class=\"sky-navbar\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-navbar{background-color:#2f4050;display:flex;align-items:flex-start;flex-direction:row}\n"] }]
31
+ }] });
32
+
33
+ class SkyNavbarModule {
34
+ }
35
+ SkyNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
36
+ SkyNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarModule, declarations: [SkyNavbarComponent, SkyNavbarItemComponent], imports: [CommonModule], exports: [SkyNavbarComponent, SkyNavbarItemComponent] });
37
+ SkyNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarModule, imports: [[CommonModule]] });
38
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarModule, decorators: [{
39
+ type: NgModule,
40
+ args: [{
41
+ declarations: [SkyNavbarComponent, SkyNavbarItemComponent],
42
+ imports: [CommonModule],
43
+ exports: [SkyNavbarComponent, SkyNavbarItemComponent],
44
+ }]
45
+ }] });
46
+
47
+ /**
48
+ * Generated bundle index. Do not edit.
49
+ */
50
+
51
+ export { SkyNavbarModule, SkyNavbarComponent as λ1, SkyNavbarItemComponent as λ2 };
52
+ //# sourceMappingURL=skyux-navbar.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"skyux-navbar.mjs","sources":["../../../../../libs/components/navbar/src/lib/modules/navbar/navbar-item.component.ts","../../../../../libs/components/navbar/src/lib/modules/navbar/navbar-item.component.html","../../../../../libs/components/navbar/src/lib/modules/navbar/navbar.component.ts","../../../../../libs/components/navbar/src/lib/modules/navbar/navbar.component.html","../../../../../libs/components/navbar/src/lib/modules/navbar/navbar.module.ts","../../../../../libs/components/navbar/src/skyux-navbar.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n/**\n * Displays a navigation item in the navbar. It can include sub-navigation items in\n * a dropdown menu.\n */\n@Component({\n selector: 'sky-navbar-item',\n templateUrl: './navbar-item.component.html',\n styleUrls: ['./navbar-item.component.scss'],\n})\nexport class SkyNavbarItemComponent {\n /**\n * Indicates whether the navigation item is active.\n * @default false\n */\n @Input()\n public active: boolean;\n}\n","<div class=\"sky-navbar-item\" [ngClass]=\"{ 'sky-navbar-item-active': active }\">\n <ng-content></ng-content>\n</div>\n","import { Component } from '@angular/core';\n\n/**\n * Displays top-level navigation.\n */\n@Component({\n selector: 'sky-navbar',\n templateUrl: './navbar.component.html',\n styleUrls: ['./navbar.component.scss'],\n})\nexport class SkyNavbarComponent {}\n","<div class=\"sky-navbar\">\n <ng-content></ng-content>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { SkyNavbarItemComponent } from './navbar-item.component';\nimport { SkyNavbarComponent } from './navbar.component';\n\n@NgModule({\n declarations: [SkyNavbarComponent, SkyNavbarItemComponent],\n imports: [CommonModule],\n exports: [SkyNavbarComponent, SkyNavbarItemComponent],\n})\nexport class SkyNavbarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAEA;;;AAGG;MAMU,sBAAsB,CAAA;;mHAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,qFCXnC,2HAGA,EAAA,MAAA,EAAA,CAAA,6jCAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDQa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;+BACE,iBAAiB,EAAA,QAAA,EAAA,2HAAA,EAAA,MAAA,EAAA,CAAA,6jCAAA,CAAA,EAAA,CAAA;8BAUpB,MAAM,EAAA,CAAA;sBADZ,KAAK;;;AEdR;;AAEG;MAMU,kBAAkB,CAAA;;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,kDCV/B,mEAGA,EAAA,MAAA,EAAA,CAAA,gGAAA,CAAA,EAAA,CAAA,CAAA;2FDOa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;+BACE,YAAY,EAAA,QAAA,EAAA,mEAAA,EAAA,MAAA,EAAA,CAAA,gGAAA,CAAA,EAAA,CAAA;;;MEKX,eAAe,CAAA;;4GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;6GAAf,eAAe,EAAA,YAAA,EAAA,CAJX,kBAAkB,EAAE,sBAAsB,aAC/C,YAAY,CAAA,EAAA,OAAA,EAAA,CACZ,kBAAkB,EAAE,sBAAsB,CAAA,EAAA,CAAA,CAAA;6GAEzC,eAAe,EAAA,OAAA,EAAA,CAHjB,CAAC,YAAY,CAAC,CAAA,EAAA,CAAA,CAAA;2FAGZ,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,kBAAkB,EAAE,sBAAsB,CAAC;oBAC1D,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,OAAO,EAAE,CAAC,kBAAkB,EAAE,sBAAsB,CAAC;iBACtD,CAAA;;;ACVD;;AAEG;;;;"}
@@ -0,0 +1,52 @@
1
+ import * as i1 from '@angular/common';
2
+ import { CommonModule } from '@angular/common';
3
+ import * as i0 from '@angular/core';
4
+ import { Component, Input, NgModule } from '@angular/core';
5
+
6
+ /**
7
+ * Displays a navigation item in the navbar. It can include sub-navigation items in
8
+ * a dropdown menu.
9
+ */
10
+ class SkyNavbarItemComponent {
11
+ }
12
+ SkyNavbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
13
+ SkyNavbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyNavbarItemComponent, selector: "sky-navbar-item", inputs: { active: "active" }, ngImport: i0, template: "<div class=\"sky-navbar-item\" [ngClass]=\"{ 'sky-navbar-item-active': active }\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-navbar-item{display:block;font-weight:600;margin-right:5px;height:100%}.sky-navbar-item ::ng-deep a,.sky-navbar-item ::ng-deep .sky-dropdown-item>a,.sky-navbar-item ::ng-deep .sky-dropdown-button{background-color:transparent;border:none;color:#a7b1c2;display:block;padding:16px 12px;text-decoration:none;width:100%}.sky-navbar-item ::ng-deep .sky-dropdown-menu{background-color:#2f4050}.sky-navbar-item ::ng-deep .sky-dropdown-item{color:#a7b1c2;display:block;font-size:13px;font-weight:400;margin:0}.sky-navbar-item ::ng-deep .sky-dropdown-item:hover{background-color:#293846;color:#fff}.sky-navbar-item ::ng-deep .sky-dropdown-item:hover>::ng-deep a,.sky-navbar-item ::ng-deep .sky-dropdown-item:hover ::ng-deep .sky-dropdown-button{color:#fff}.sky-navbar-item ::ng-deep .sky-dropdown:hover .sky-dropdown-button,.sky-navbar-item ::ng-deep .sky-navbar-item-active,.sky-navbar-item.sky-navbar-item-active ::ng-deep>*,.sky-navbar-item.sky-navbar-item-active ::ng-deep .sky-dropdown-button{background-color:#293846;color:#fff;border-bottom:4px solid #1c84c6;padding-bottom:12px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
14
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarItemComponent, decorators: [{
15
+ type: Component,
16
+ args: [{ selector: 'sky-navbar-item', template: "<div class=\"sky-navbar-item\" [ngClass]=\"{ 'sky-navbar-item-active': active }\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-navbar-item{display:block;font-weight:600;margin-right:5px;height:100%}.sky-navbar-item ::ng-deep a,.sky-navbar-item ::ng-deep .sky-dropdown-item>a,.sky-navbar-item ::ng-deep .sky-dropdown-button{background-color:transparent;border:none;color:#a7b1c2;display:block;padding:16px 12px;text-decoration:none;width:100%}.sky-navbar-item ::ng-deep .sky-dropdown-menu{background-color:#2f4050}.sky-navbar-item ::ng-deep .sky-dropdown-item{color:#a7b1c2;display:block;font-size:13px;font-weight:400;margin:0}.sky-navbar-item ::ng-deep .sky-dropdown-item:hover{background-color:#293846;color:#fff}.sky-navbar-item ::ng-deep .sky-dropdown-item:hover>::ng-deep a,.sky-navbar-item ::ng-deep .sky-dropdown-item:hover ::ng-deep .sky-dropdown-button{color:#fff}.sky-navbar-item ::ng-deep .sky-dropdown:hover .sky-dropdown-button,.sky-navbar-item ::ng-deep .sky-navbar-item-active,.sky-navbar-item.sky-navbar-item-active ::ng-deep>*,.sky-navbar-item.sky-navbar-item-active ::ng-deep .sky-dropdown-button{background-color:#293846;color:#fff;border-bottom:4px solid #1c84c6;padding-bottom:12px}\n"] }]
17
+ }], propDecorators: { active: [{
18
+ type: Input
19
+ }] } });
20
+
21
+ /**
22
+ * Displays top-level navigation.
23
+ */
24
+ class SkyNavbarComponent {
25
+ }
26
+ SkyNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
27
+ SkyNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyNavbarComponent, selector: "sky-navbar", ngImport: i0, template: "<div class=\"sky-navbar\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-navbar{background-color:#2f4050;display:flex;align-items:flex-start;flex-direction:row}\n"] });
28
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarComponent, decorators: [{
29
+ type: Component,
30
+ args: [{ selector: 'sky-navbar', template: "<div class=\"sky-navbar\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-navbar{background-color:#2f4050;display:flex;align-items:flex-start;flex-direction:row}\n"] }]
31
+ }] });
32
+
33
+ class SkyNavbarModule {
34
+ }
35
+ SkyNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
36
+ SkyNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarModule, declarations: [SkyNavbarComponent, SkyNavbarItemComponent], imports: [CommonModule], exports: [SkyNavbarComponent, SkyNavbarItemComponent] });
37
+ SkyNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarModule, imports: [[CommonModule]] });
38
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyNavbarModule, decorators: [{
39
+ type: NgModule,
40
+ args: [{
41
+ declarations: [SkyNavbarComponent, SkyNavbarItemComponent],
42
+ imports: [CommonModule],
43
+ exports: [SkyNavbarComponent, SkyNavbarItemComponent],
44
+ }]
45
+ }] });
46
+
47
+ /**
48
+ * Generated bundle index. Do not edit.
49
+ */
50
+
51
+ export { SkyNavbarModule, SkyNavbarComponent as λ1, SkyNavbarItemComponent as λ2 };
52
+ //# sourceMappingURL=skyux-navbar.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"skyux-navbar.mjs","sources":["../../../../../libs/components/navbar/src/lib/modules/navbar/navbar-item.component.ts","../../../../../libs/components/navbar/src/lib/modules/navbar/navbar-item.component.html","../../../../../libs/components/navbar/src/lib/modules/navbar/navbar.component.ts","../../../../../libs/components/navbar/src/lib/modules/navbar/navbar.component.html","../../../../../libs/components/navbar/src/lib/modules/navbar/navbar.module.ts","../../../../../libs/components/navbar/src/skyux-navbar.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n/**\n * Displays a navigation item in the navbar. It can include sub-navigation items in\n * a dropdown menu.\n */\n@Component({\n selector: 'sky-navbar-item',\n templateUrl: './navbar-item.component.html',\n styleUrls: ['./navbar-item.component.scss'],\n})\nexport class SkyNavbarItemComponent {\n /**\n * Indicates whether the navigation item is active.\n * @default false\n */\n @Input()\n public active: boolean;\n}\n","<div class=\"sky-navbar-item\" [ngClass]=\"{ 'sky-navbar-item-active': active }\">\n <ng-content></ng-content>\n</div>\n","import { Component } from '@angular/core';\n\n/**\n * Displays top-level navigation.\n */\n@Component({\n selector: 'sky-navbar',\n templateUrl: './navbar.component.html',\n styleUrls: ['./navbar.component.scss'],\n})\nexport class SkyNavbarComponent {}\n","<div class=\"sky-navbar\">\n <ng-content></ng-content>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { SkyNavbarItemComponent } from './navbar-item.component';\nimport { SkyNavbarComponent } from './navbar.component';\n\n@NgModule({\n declarations: [SkyNavbarComponent, SkyNavbarItemComponent],\n imports: [CommonModule],\n exports: [SkyNavbarComponent, SkyNavbarItemComponent],\n})\nexport class SkyNavbarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAEA;;;AAGG;MAMU,sBAAsB,CAAA;;mHAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,qFCXnC,2HAGA,EAAA,MAAA,EAAA,CAAA,6jCAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDQa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;+BACE,iBAAiB,EAAA,QAAA,EAAA,2HAAA,EAAA,MAAA,EAAA,CAAA,6jCAAA,CAAA,EAAA,CAAA;8BAUpB,MAAM,EAAA,CAAA;sBADZ,KAAK;;;AEdR;;AAEG;MAMU,kBAAkB,CAAA;;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,kDCV/B,mEAGA,EAAA,MAAA,EAAA,CAAA,gGAAA,CAAA,EAAA,CAAA,CAAA;2FDOa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;+BACE,YAAY,EAAA,QAAA,EAAA,mEAAA,EAAA,MAAA,EAAA,CAAA,gGAAA,CAAA,EAAA,CAAA;;;MEKX,eAAe,CAAA;;4GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;6GAAf,eAAe,EAAA,YAAA,EAAA,CAJX,kBAAkB,EAAE,sBAAsB,aAC/C,YAAY,CAAA,EAAA,OAAA,EAAA,CACZ,kBAAkB,EAAE,sBAAsB,CAAA,EAAA,CAAA,CAAA;6GAEzC,eAAe,EAAA,OAAA,EAAA,CAHjB,CAAC,YAAY,CAAC,CAAA,EAAA,CAAA,CAAA;2FAGZ,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,kBAAkB,EAAE,sBAAsB,CAAC;oBAC1D,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,OAAO,EAAE,CAAC,kBAAkB,EAAE,sBAAsB,CAAC;AACtD,iBAAA,CAAA;;;ACVD;;AAEG;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/navbar",
3
- "version": "5.7.2",
3
+ "version": "6.0.0-beta.2",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -15,18 +15,34 @@
15
15
  "url": "https://github.com/blackbaud/skyux/issues"
16
16
  },
17
17
  "homepage": "https://github.com/blackbaud/skyux#readme",
18
+ "exports": {
19
+ "./package.json": {
20
+ "default": "./package.json"
21
+ },
22
+ ".": {
23
+ "types": "./skyux-navbar.d.ts",
24
+ "esm2020": "./esm2020/skyux-navbar.mjs",
25
+ "es2020": "./fesm2020/skyux-navbar.mjs",
26
+ "es2015": "./fesm2015/skyux-navbar.mjs",
27
+ "node": "./fesm2015/skyux-navbar.mjs",
28
+ "default": "./fesm2020/skyux-navbar.mjs"
29
+ },
30
+ "./documentation.json": {
31
+ "default": "./documentation.json"
32
+ }
33
+ },
18
34
  "peerDependencies": {
19
- "@angular/common": "^12.2.16",
20
- "@angular/core": "^12.2.16"
35
+ "@angular/common": "^13.2.7",
36
+ "@angular/core": "^13.2.7"
21
37
  },
22
38
  "dependencies": {
23
39
  "tslib": "^2.3.1"
24
40
  },
25
- "main": "bundles/skyux-navbar.umd.js",
26
- "module": "fesm2015/skyux-navbar.js",
27
- "es2015": "fesm2015/skyux-navbar.js",
28
- "esm2015": "esm2015/skyux-navbar.js",
29
- "fesm2015": "fesm2015/skyux-navbar.js",
41
+ "module": "fesm2015/skyux-navbar.mjs",
42
+ "es2020": "fesm2020/skyux-navbar.mjs",
43
+ "esm2020": "esm2020/skyux-navbar.mjs",
44
+ "fesm2020": "fesm2020/skyux-navbar.mjs",
45
+ "fesm2015": "fesm2015/skyux-navbar.mjs",
30
46
  "typings": "skyux-navbar.d.ts",
31
47
  "sideEffects": false
32
- }
48
+ }
@@ -1,97 +0,0 @@
1
- (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core')) :
3
- typeof define === 'function' && define.amd ? define('@skyux/navbar', ['exports', '@angular/common', '@angular/core'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.navbar = {}), global.ng.common, global.ng.core));
5
- })(this, (function (exports, i1, i0) { 'use strict';
6
-
7
- function _interopNamespace(e) {
8
- if (e && e.__esModule) return e;
9
- var n = Object.create(null);
10
- if (e) {
11
- Object.keys(e).forEach(function (k) {
12
- if (k !== 'default') {
13
- var d = Object.getOwnPropertyDescriptor(e, k);
14
- Object.defineProperty(n, k, d.get ? d : {
15
- enumerable: true,
16
- get: function () { return e[k]; }
17
- });
18
- }
19
- });
20
- }
21
- n["default"] = e;
22
- return Object.freeze(n);
23
- }
24
-
25
- var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
26
- var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
27
-
28
- /**
29
- * Displays a navigation item in the navbar. It can include sub-navigation items in
30
- * a dropdown menu.
31
- */
32
- var SkyNavbarItemComponent = /** @class */ (function () {
33
- function SkyNavbarItemComponent() {
34
- }
35
- return SkyNavbarItemComponent;
36
- }());
37
- SkyNavbarItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNavbarItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
38
- SkyNavbarItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyNavbarItemComponent, selector: "sky-navbar-item", inputs: { active: "active" }, ngImport: i0__namespace, template: "<div class=\"sky-navbar-item\" [ngClass]=\"{ 'sky-navbar-item-active': active }\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-navbar-item{display:block;font-weight:600;margin-right:5px;height:100%}.sky-navbar-item ::ng-deep a,.sky-navbar-item ::ng-deep .sky-dropdown-item>a,.sky-navbar-item ::ng-deep .sky-dropdown-button{background-color:transparent;border:none;color:#a7b1c2;display:block;padding:16px 12px;text-decoration:none;width:100%}.sky-navbar-item ::ng-deep .sky-dropdown-menu{background-color:#2f4050}.sky-navbar-item ::ng-deep .sky-dropdown-item{color:#a7b1c2;display:block;font-size:13px;font-weight:normal;margin:0}.sky-navbar-item ::ng-deep .sky-dropdown-item:hover{background-color:#293846;color:#fff}.sky-navbar-item ::ng-deep .sky-dropdown-item:hover>::ng-deep a,.sky-navbar-item ::ng-deep .sky-dropdown-item:hover ::ng-deep .sky-dropdown-button{color:#fff}.sky-navbar-item ::ng-deep .sky-dropdown:hover .sky-dropdown-button,.sky-navbar-item ::ng-deep .sky-navbar-item-active,.sky-navbar-item.sky-navbar-item-active ::ng-deep>*,.sky-navbar-item.sky-navbar-item-active ::ng-deep .sky-dropdown-button{background-color:#293846;color:#fff;border-bottom:4px solid #1c84c6;padding-bottom:12px}\n"], directives: [{ type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
39
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNavbarItemComponent, decorators: [{
40
- type: i0.Component,
41
- args: [{
42
- selector: 'sky-navbar-item',
43
- template: "<div class=\"sky-navbar-item\" [ngClass]=\"{ 'sky-navbar-item-active': active }\">\n <ng-content></ng-content>\n</div>\n",
44
- styles: [".sky-navbar-item{display:block;font-weight:600;margin-right:5px;height:100%}.sky-navbar-item ::ng-deep a,.sky-navbar-item ::ng-deep .sky-dropdown-item>a,.sky-navbar-item ::ng-deep .sky-dropdown-button{background-color:transparent;border:none;color:#a7b1c2;display:block;padding:16px 12px;text-decoration:none;width:100%}.sky-navbar-item ::ng-deep .sky-dropdown-menu{background-color:#2f4050}.sky-navbar-item ::ng-deep .sky-dropdown-item{color:#a7b1c2;display:block;font-size:13px;font-weight:normal;margin:0}.sky-navbar-item ::ng-deep .sky-dropdown-item:hover{background-color:#293846;color:#fff}.sky-navbar-item ::ng-deep .sky-dropdown-item:hover>::ng-deep a,.sky-navbar-item ::ng-deep .sky-dropdown-item:hover ::ng-deep .sky-dropdown-button{color:#fff}.sky-navbar-item ::ng-deep .sky-dropdown:hover .sky-dropdown-button,.sky-navbar-item ::ng-deep .sky-navbar-item-active,.sky-navbar-item.sky-navbar-item-active ::ng-deep>*,.sky-navbar-item.sky-navbar-item-active ::ng-deep .sky-dropdown-button{background-color:#293846;color:#fff;border-bottom:4px solid #1c84c6;padding-bottom:12px}\n"],
45
- }]
46
- }], propDecorators: { active: [{
47
- type: i0.Input
48
- }] } });
49
-
50
- /**
51
- * Displays top-level navigation.
52
- */
53
- var SkyNavbarComponent = /** @class */ (function () {
54
- function SkyNavbarComponent() {
55
- }
56
- return SkyNavbarComponent;
57
- }());
58
- SkyNavbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNavbarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
59
- SkyNavbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyNavbarComponent, selector: "sky-navbar", ngImport: i0__namespace, template: "<div class=\"sky-navbar\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-navbar{background-color:#2f4050;display:flex;align-items:flex-start;flex-direction:row}\n"] });
60
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNavbarComponent, decorators: [{
61
- type: i0.Component,
62
- args: [{
63
- selector: 'sky-navbar',
64
- template: "<div class=\"sky-navbar\">\n <ng-content></ng-content>\n</div>\n",
65
- styles: [".sky-navbar{background-color:#2f4050;display:flex;align-items:flex-start;flex-direction:row}\n"],
66
- }]
67
- }] });
68
-
69
- var SkyNavbarModule = /** @class */ (function () {
70
- function SkyNavbarModule() {
71
- }
72
- return SkyNavbarModule;
73
- }());
74
- SkyNavbarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNavbarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
75
- SkyNavbarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNavbarModule, declarations: [SkyNavbarComponent, SkyNavbarItemComponent], imports: [i1.CommonModule], exports: [SkyNavbarComponent, SkyNavbarItemComponent] });
76
- SkyNavbarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNavbarModule, imports: [[i1.CommonModule]] });
77
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNavbarModule, decorators: [{
78
- type: i0.NgModule,
79
- args: [{
80
- declarations: [SkyNavbarComponent, SkyNavbarItemComponent],
81
- imports: [i1.CommonModule],
82
- exports: [SkyNavbarComponent, SkyNavbarItemComponent],
83
- }]
84
- }] });
85
-
86
- /**
87
- * Generated bundle index. Do not edit.
88
- */
89
-
90
- exports.SkyNavbarModule = SkyNavbarModule;
91
- exports["λ1"] = SkyNavbarComponent;
92
- exports["λ2"] = SkyNavbarItemComponent;
93
-
94
- Object.defineProperty(exports, '__esModule', { value: true });
95
-
96
- }));
97
- //# sourceMappingURL=skyux-navbar.umd.js.map
package/esm2015/index.js DELETED
@@ -1,6 +0,0 @@
1
- export * from './lib/modules/navbar/navbar.module';
2
- // Components and directives must be exported to support Angular's "partial" Ivy compiler.
3
- // Obscure names are used to indicate types are not part of the public API.
4
- export { SkyNavbarComponent as λ1 } from './lib/modules/navbar/navbar.component';
5
- export { SkyNavbarItemComponent as λ2 } from './lib/modules/navbar/navbar-item.component';
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/components/navbar/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AAEnD,0FAA0F;AAC1F,2EAA2E;AAC3E,OAAO,EAAE,kBAAkB,IAAI,EAAE,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,EAAE,sBAAsB,IAAI,EAAE,EAAE,MAAM,4CAA4C,CAAC","sourcesContent":["export * from './lib/modules/navbar/navbar.module';\n\n// Components and directives must be exported to support Angular's \"partial\" Ivy compiler.\n// Obscure names are used to indicate types are not part of the public API.\nexport { SkyNavbarComponent as λ1 } from './lib/modules/navbar/navbar.component';\nexport { SkyNavbarItemComponent as λ2 } from './lib/modules/navbar/navbar-item.component';\n"]}
@@ -1,22 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- /**
5
- * Displays a navigation item in the navbar. It can include sub-navigation items in
6
- * a dropdown menu.
7
- */
8
- export class SkyNavbarItemComponent {
9
- }
10
- SkyNavbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyNavbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
11
- SkyNavbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyNavbarItemComponent, selector: "sky-navbar-item", inputs: { active: "active" }, ngImport: i0, template: "<div class=\"sky-navbar-item\" [ngClass]=\"{ 'sky-navbar-item-active': active }\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-navbar-item{display:block;font-weight:600;margin-right:5px;height:100%}.sky-navbar-item ::ng-deep a,.sky-navbar-item ::ng-deep .sky-dropdown-item>a,.sky-navbar-item ::ng-deep .sky-dropdown-button{background-color:transparent;border:none;color:#a7b1c2;display:block;padding:16px 12px;text-decoration:none;width:100%}.sky-navbar-item ::ng-deep .sky-dropdown-menu{background-color:#2f4050}.sky-navbar-item ::ng-deep .sky-dropdown-item{color:#a7b1c2;display:block;font-size:13px;font-weight:normal;margin:0}.sky-navbar-item ::ng-deep .sky-dropdown-item:hover{background-color:#293846;color:#fff}.sky-navbar-item ::ng-deep .sky-dropdown-item:hover>::ng-deep a,.sky-navbar-item ::ng-deep .sky-dropdown-item:hover ::ng-deep .sky-dropdown-button{color:#fff}.sky-navbar-item ::ng-deep .sky-dropdown:hover .sky-dropdown-button,.sky-navbar-item ::ng-deep .sky-navbar-item-active,.sky-navbar-item.sky-navbar-item-active ::ng-deep>*,.sky-navbar-item.sky-navbar-item-active ::ng-deep .sky-dropdown-button{background-color:#293846;color:#fff;border-bottom:4px solid #1c84c6;padding-bottom:12px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyNavbarItemComponent, decorators: [{
13
- type: Component,
14
- args: [{
15
- selector: 'sky-navbar-item',
16
- templateUrl: './navbar-item.component.html',
17
- styleUrls: ['./navbar-item.component.scss'],
18
- }]
19
- }], propDecorators: { active: [{
20
- type: Input
21
- }] } });
22
- //# sourceMappingURL=navbar-item.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"navbar-item.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/navbar/src/lib/modules/navbar/navbar-item.component.ts","../../../../../../../../libs/components/navbar/src/lib/modules/navbar/navbar-item.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;AAEjD;;;GAGG;AAMH,MAAM,OAAO,sBAAsB;;oHAAtB,sBAAsB;wGAAtB,sBAAsB,qFCXnC,2HAGA;4FDQa,sBAAsB;kBALlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,WAAW,EAAE,8BAA8B;oBAC3C,SAAS,EAAE,CAAC,8BAA8B,CAAC;iBAC5C;8BAOQ,MAAM;sBADZ,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\n\n/**\n * Displays a navigation item in the navbar. It can include sub-navigation items in\n * a dropdown menu.\n */\n@Component({\n selector: 'sky-navbar-item',\n templateUrl: './navbar-item.component.html',\n styleUrls: ['./navbar-item.component.scss'],\n})\nexport class SkyNavbarItemComponent {\n /**\n * Indicates whether the navigation item is active.\n * @default false\n */\n @Input()\n public active: boolean;\n}\n","<div class=\"sky-navbar-item\" [ngClass]=\"{ 'sky-navbar-item-active': active }\">\n <ng-content></ng-content>\n</div>\n"]}
@@ -1,18 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Displays top-level navigation.
5
- */
6
- export class SkyNavbarComponent {
7
- }
8
- SkyNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9
- SkyNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyNavbarComponent, selector: "sky-navbar", ngImport: i0, template: "<div class=\"sky-navbar\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-navbar{background-color:#2f4050;display:flex;align-items:flex-start;flex-direction:row}\n"] });
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyNavbarComponent, decorators: [{
11
- type: Component,
12
- args: [{
13
- selector: 'sky-navbar',
14
- templateUrl: './navbar.component.html',
15
- styleUrls: ['./navbar.component.scss'],
16
- }]
17
- }] });
18
- //# sourceMappingURL=navbar.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"navbar.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/navbar/src/lib/modules/navbar/navbar.component.ts","../../../../../../../../libs/components/navbar/src/lib/modules/navbar/navbar.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;GAEG;AAMH,MAAM,OAAO,kBAAkB;;gHAAlB,kBAAkB;oGAAlB,kBAAkB,kDCV/B,mEAGA;4FDOa,kBAAkB;kBAL9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,WAAW,EAAE,yBAAyB;oBACtC,SAAS,EAAE,CAAC,yBAAyB,CAAC;iBACvC","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Displays top-level navigation.\n */\n@Component({\n selector: 'sky-navbar',\n templateUrl: './navbar.component.html',\n styleUrls: ['./navbar.component.scss'],\n})\nexport class SkyNavbarComponent {}\n","<div class=\"sky-navbar\">\n <ng-content></ng-content>\n</div>\n"]}
@@ -1,19 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { SkyNavbarItemComponent } from './navbar-item.component';
4
- import { SkyNavbarComponent } from './navbar.component';
5
- import * as i0 from "@angular/core";
6
- export class SkyNavbarModule {
7
- }
8
- SkyNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
9
- SkyNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyNavbarModule, declarations: [SkyNavbarComponent, SkyNavbarItemComponent], imports: [CommonModule], exports: [SkyNavbarComponent, SkyNavbarItemComponent] });
10
- SkyNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyNavbarModule, imports: [[CommonModule]] });
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyNavbarModule, decorators: [{
12
- type: NgModule,
13
- args: [{
14
- declarations: [SkyNavbarComponent, SkyNavbarItemComponent],
15
- imports: [CommonModule],
16
- exports: [SkyNavbarComponent, SkyNavbarItemComponent],
17
- }]
18
- }] });
19
- //# sourceMappingURL=navbar.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"navbar.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/navbar/src/lib/modules/navbar/navbar.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;;AAOxD,MAAM,OAAO,eAAe;;6GAAf,eAAe;8GAAf,eAAe,iBAJX,kBAAkB,EAAE,sBAAsB,aAC/C,YAAY,aACZ,kBAAkB,EAAE,sBAAsB;8GAEzC,eAAe,YAHjB,CAAC,YAAY,CAAC;4FAGZ,eAAe;kBAL3B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,kBAAkB,EAAE,sBAAsB,CAAC;oBAC1D,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,kBAAkB,EAAE,sBAAsB,CAAC;iBACtD","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { SkyNavbarItemComponent } from './navbar-item.component';\nimport { SkyNavbarComponent } from './navbar.component';\n\n@NgModule({\n declarations: [SkyNavbarComponent, SkyNavbarItemComponent],\n imports: [CommonModule],\n exports: [SkyNavbarComponent, SkyNavbarItemComponent],\n})\nexport class SkyNavbarModule {}\n"]}
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- export * from './index';
5
- //# sourceMappingURL=skyux-navbar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"skyux-navbar.js","sourceRoot":"","sources":["../../../../../libs/components/navbar/src/skyux-navbar.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}
@@ -1,60 +0,0 @@
1
- import * as i1 from '@angular/common';
2
- import { CommonModule } from '@angular/common';
3
- import * as i0 from '@angular/core';
4
- import { Component, Input, NgModule } from '@angular/core';
5
-
6
- /**
7
- * Displays a navigation item in the navbar. It can include sub-navigation items in
8
- * a dropdown menu.
9
- */
10
- class SkyNavbarItemComponent {
11
- }
12
- SkyNavbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyNavbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
13
- SkyNavbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyNavbarItemComponent, selector: "sky-navbar-item", inputs: { active: "active" }, ngImport: i0, template: "<div class=\"sky-navbar-item\" [ngClass]=\"{ 'sky-navbar-item-active': active }\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-navbar-item{display:block;font-weight:600;margin-right:5px;height:100%}.sky-navbar-item ::ng-deep a,.sky-navbar-item ::ng-deep .sky-dropdown-item>a,.sky-navbar-item ::ng-deep .sky-dropdown-button{background-color:transparent;border:none;color:#a7b1c2;display:block;padding:16px 12px;text-decoration:none;width:100%}.sky-navbar-item ::ng-deep .sky-dropdown-menu{background-color:#2f4050}.sky-navbar-item ::ng-deep .sky-dropdown-item{color:#a7b1c2;display:block;font-size:13px;font-weight:normal;margin:0}.sky-navbar-item ::ng-deep .sky-dropdown-item:hover{background-color:#293846;color:#fff}.sky-navbar-item ::ng-deep .sky-dropdown-item:hover>::ng-deep a,.sky-navbar-item ::ng-deep .sky-dropdown-item:hover ::ng-deep .sky-dropdown-button{color:#fff}.sky-navbar-item ::ng-deep .sky-dropdown:hover .sky-dropdown-button,.sky-navbar-item ::ng-deep .sky-navbar-item-active,.sky-navbar-item.sky-navbar-item-active ::ng-deep>*,.sky-navbar-item.sky-navbar-item-active ::ng-deep .sky-dropdown-button{background-color:#293846;color:#fff;border-bottom:4px solid #1c84c6;padding-bottom:12px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
14
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyNavbarItemComponent, decorators: [{
15
- type: Component,
16
- args: [{
17
- selector: 'sky-navbar-item',
18
- templateUrl: './navbar-item.component.html',
19
- styleUrls: ['./navbar-item.component.scss'],
20
- }]
21
- }], propDecorators: { active: [{
22
- type: Input
23
- }] } });
24
-
25
- /**
26
- * Displays top-level navigation.
27
- */
28
- class SkyNavbarComponent {
29
- }
30
- SkyNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
31
- SkyNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyNavbarComponent, selector: "sky-navbar", ngImport: i0, template: "<div class=\"sky-navbar\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-navbar{background-color:#2f4050;display:flex;align-items:flex-start;flex-direction:row}\n"] });
32
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyNavbarComponent, decorators: [{
33
- type: Component,
34
- args: [{
35
- selector: 'sky-navbar',
36
- templateUrl: './navbar.component.html',
37
- styleUrls: ['./navbar.component.scss'],
38
- }]
39
- }] });
40
-
41
- class SkyNavbarModule {
42
- }
43
- SkyNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
44
- SkyNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyNavbarModule, declarations: [SkyNavbarComponent, SkyNavbarItemComponent], imports: [CommonModule], exports: [SkyNavbarComponent, SkyNavbarItemComponent] });
45
- SkyNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyNavbarModule, imports: [[CommonModule]] });
46
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyNavbarModule, decorators: [{
47
- type: NgModule,
48
- args: [{
49
- declarations: [SkyNavbarComponent, SkyNavbarItemComponent],
50
- imports: [CommonModule],
51
- exports: [SkyNavbarComponent, SkyNavbarItemComponent],
52
- }]
53
- }] });
54
-
55
- /**
56
- * Generated bundle index. Do not edit.
57
- */
58
-
59
- export { SkyNavbarModule, SkyNavbarComponent as λ1, SkyNavbarItemComponent as λ2 };
60
- //# sourceMappingURL=skyux-navbar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"skyux-navbar.js","sources":["../../../../../libs/components/navbar/src/lib/modules/navbar/navbar-item.component.ts","../../../../../libs/components/navbar/src/lib/modules/navbar/navbar-item.component.html","../../../../../libs/components/navbar/src/lib/modules/navbar/navbar.component.ts","../../../../../libs/components/navbar/src/lib/modules/navbar/navbar.component.html","../../../../../libs/components/navbar/src/lib/modules/navbar/navbar.module.ts","../../../../../libs/components/navbar/src/skyux-navbar.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n/**\n * Displays a navigation item in the navbar. It can include sub-navigation items in\n * a dropdown menu.\n */\n@Component({\n selector: 'sky-navbar-item',\n templateUrl: './navbar-item.component.html',\n styleUrls: ['./navbar-item.component.scss'],\n})\nexport class SkyNavbarItemComponent {\n /**\n * Indicates whether the navigation item is active.\n * @default false\n */\n @Input()\n public active: boolean;\n}\n","<div class=\"sky-navbar-item\" [ngClass]=\"{ 'sky-navbar-item-active': active }\">\n <ng-content></ng-content>\n</div>\n","import { Component } from '@angular/core';\n\n/**\n * Displays top-level navigation.\n */\n@Component({\n selector: 'sky-navbar',\n templateUrl: './navbar.component.html',\n styleUrls: ['./navbar.component.scss'],\n})\nexport class SkyNavbarComponent {}\n","<div class=\"sky-navbar\">\n <ng-content></ng-content>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { SkyNavbarItemComponent } from './navbar-item.component';\nimport { SkyNavbarComponent } from './navbar.component';\n\n@NgModule({\n declarations: [SkyNavbarComponent, SkyNavbarItemComponent],\n imports: [CommonModule],\n exports: [SkyNavbarComponent, SkyNavbarItemComponent],\n})\nexport class SkyNavbarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAEA;;;;MASa,sBAAsB;;oHAAtB,sBAAsB;wGAAtB,sBAAsB,qFCXnC,2HAGA;4FDQa,sBAAsB;kBALlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,WAAW,EAAE,8BAA8B;oBAC3C,SAAS,EAAE,CAAC,8BAA8B,CAAC;iBAC5C;8BAOQ,MAAM;sBADZ,KAAK;;;AEdR;;;MAQa,kBAAkB;;gHAAlB,kBAAkB;oGAAlB,kBAAkB,kDCV/B,mEAGA;4FDOa,kBAAkB;kBAL9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,WAAW,EAAE,yBAAyB;oBACtC,SAAS,EAAE,CAAC,yBAAyB,CAAC;iBACvC;;;MEEY,eAAe;;6GAAf,eAAe;8GAAf,eAAe,iBAJX,kBAAkB,EAAE,sBAAsB,aAC/C,YAAY,aACZ,kBAAkB,EAAE,sBAAsB;8GAEzC,eAAe,YAHjB,CAAC,YAAY,CAAC;4FAGZ,eAAe;kBAL3B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,kBAAkB,EAAE,sBAAsB,CAAC;oBAC1D,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,kBAAkB,EAAE,sBAAsB,CAAC;iBACtD;;;ACVD;;;;;;"}