@vismaux/ngx-nordic-cool
Version:
Common Nordic-Cool components for Angular.
38 lines • 7.03 kB
JavaScript
import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, Output, } from '@angular/core';
import { NcISidebarItem } from './sidebar-item/sidebar-item.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class NcSidebarComponent {
constructor(cdRef) {
this.cdRef = cdRef;
this.hiddenMenuChange = new EventEmitter();
}
ngAfterContentInit() {
this.sidebarItems.changes.subscribe(() => this.cdRef.markForCheck());
}
ngAfterViewInit() {
this.cdRef.detectChanges();
}
toggleMenu() {
this.hiddenMenu = !this.hiddenMenu;
this.hiddenMenuChange.emit(this.hiddenMenu);
}
}
NcSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: NcSidebarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
NcSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: NcSidebarComponent, selector: "nc-sidebar", inputs: { accordion: "accordion", hiddenMenu: "hiddenMenu", secondary: "secondary" }, outputs: { hiddenMenuChange: "hiddenMenuChange" }, queries: [{ propertyName: "sidebarItems", predicate: NcISidebarItem }], exportAs: ["ncSidebar"], ngImport: i0, template: "<div\n class=\"vertical-nav\"\n [class.vertical-nav-secondary]=\"secondary\"\n [class.hidden-menu]=\"hiddenMenu\"\n>\n <ul>\n <ng-container\n *ngFor=\"let item of sidebarItems\"\n [ngTemplateOutlet]=\"item.contentTpl\"\n ></ng-container>\n\n <li class=\"show-nav\">\n <a (click)=\"toggleMenu()\"></a>\n </li>\n </ul>\n</div>\n", styles: [":host{display:block;height:100%}.vertical-nav{position:relative;top:unset;height:100%;padding-bottom:0}.vertical-nav>ul{height:100%;padding-bottom:0}\n"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: NcSidebarComponent, decorators: [{
type: Component,
args: [{ selector: 'nc-sidebar', exportAs: 'ncSidebar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"vertical-nav\"\n [class.vertical-nav-secondary]=\"secondary\"\n [class.hidden-menu]=\"hiddenMenu\"\n>\n <ul>\n <ng-container\n *ngFor=\"let item of sidebarItems\"\n [ngTemplateOutlet]=\"item.contentTpl\"\n ></ng-container>\n\n <li class=\"show-nav\">\n <a (click)=\"toggleMenu()\"></a>\n </li>\n </ul>\n</div>\n", styles: [":host{display:block;height:100%}.vertical-nav{position:relative;top:unset;height:100%;padding-bottom:0}.vertical-nav>ul{height:100%;padding-bottom:0}\n"] }]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { accordion: [{
type: Input
}], hiddenMenu: [{
type: Input
}], secondary: [{
type: Input
}], hiddenMenuChange: [{
type: Output
}], sidebarItems: [{
type: ContentChildren,
args: [NcISidebarItem]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbm9yZGljLWNvb2wvc3JjL2xpYi9zaWRlYmFyL3NpZGViYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW5vcmRpYy1jb29sL3NyYy9saWIvc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFHTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUNULGVBQWUsRUFDZixZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FFUCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUNBQXVDLENBQUM7OztBQVN2RSxNQUFNLE9BQU8sa0JBQWtCO0lBVTdCLFlBQW9CLEtBQXdCO1FBQXhCLFVBQUssR0FBTCxLQUFLLENBQW1CO1FBTHpCLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFLbkIsQ0FBQztJQUVoRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQztJQUN2RSxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUNuQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUM5QyxDQUFDOzsrR0F2QlUsa0JBQWtCO21HQUFsQixrQkFBa0Isd05BT1osY0FBYyxzREM3QmpDLHdXQWdCQTsyRkRNYSxrQkFBa0I7a0JBUDlCLFNBQVM7K0JBQ0UsWUFBWSxZQUNaLFdBQVcsbUJBR0osdUJBQXVCLENBQUMsTUFBTTt3R0FHdEMsU0FBUztzQkFBakIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRWEsZ0JBQWdCO3NCQUFsQyxNQUFNO2dCQUdFLFlBQVk7c0JBRHBCLGVBQWU7dUJBQUMsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyQ29udGVudEluaXQsXG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgUXVlcnlMaXN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTmNJU2lkZWJhckl0ZW0gfSBmcm9tICcuL3NpZGViYXItaXRlbS9zaWRlYmFyLWl0ZW0uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmMtc2lkZWJhcicsXG4gIGV4cG9ydEFzOiAnbmNTaWRlYmFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NpZGViYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zaWRlYmFyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOY1NpZGViYXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0LCBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgYWNjb3JkaW9uOiBib29sZWFuO1xuICBASW5wdXQoKSBoaWRkZW5NZW51OiBib29sZWFuO1xuICBASW5wdXQoKSBzZWNvbmRhcnk6IGJvb2xlYW47XG5cbiAgQE91dHB1dCgpIHJlYWRvbmx5IGhpZGRlbk1lbnVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihOY0lTaWRlYmFySXRlbSlcbiAgcmVhZG9ubHkgc2lkZWJhckl0ZW1zOiBRdWVyeUxpc3Q8TmNJU2lkZWJhckl0ZW0+O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnNpZGViYXJJdGVtcy5jaGFuZ2VzLnN1YnNjcmliZSgoKSA9PiB0aGlzLmNkUmVmLm1hcmtGb3JDaGVjaygpKTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIHRvZ2dsZU1lbnUoKTogdm9pZCB7XG4gICAgdGhpcy5oaWRkZW5NZW51ID0gIXRoaXMuaGlkZGVuTWVudTtcbiAgICB0aGlzLmhpZGRlbk1lbnVDaGFuZ2UuZW1pdCh0aGlzLmhpZGRlbk1lbnUpO1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwidmVydGljYWwtbmF2XCJcbiAgW2NsYXNzLnZlcnRpY2FsLW5hdi1zZWNvbmRhcnldPVwic2Vjb25kYXJ5XCJcbiAgW2NsYXNzLmhpZGRlbi1tZW51XT1cImhpZGRlbk1lbnVcIlxuPlxuICA8dWw+XG4gICAgPG5nLWNvbnRhaW5lclxuICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2Ygc2lkZWJhckl0ZW1zXCJcbiAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIml0ZW0uY29udGVudFRwbFwiXG4gICAgPjwvbmctY29udGFpbmVyPlxuXG4gICAgPGxpIGNsYXNzPVwic2hvdy1uYXZcIj5cbiAgICAgIDxhIChjbGljayk9XCJ0b2dnbGVNZW51KClcIj48L2E+XG4gICAgPC9saT5cbiAgPC91bD5cbjwvZGl2PlxuIl19