ngx-navkit
Version:
A simple angular library to create admin dashboard and website toolbar sidenav view
38 lines • 6.38 kB
JavaScript
import { Component, HostBinding, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../../ngx-navkit.service";
import * as i2 from "@angular/common";
//import { RouteService } from '@services/route.service';
//import { ToolbarService } from '@services/toolbar.service';
export class NavkitSidenavComponent {
constructor(navkitService) {
this.navkitService = navkitService;
this.mode = 'side';
this.width = 300;
// @Input() navItems: NavItems[] = [];
this.sidenavOpen = true;
}
ngOnInit() {
this.navkitService.sideNavWidth.next(this.width);
}
get HeadingClass() {
return 'navkit-sidenav';
}
toggleSidenav() {
this.navkitService.toggleSidenav();
}
}
NavkitSidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NavkitSidenavComponent, deps: [{ token: i1.NgxNavkitService }], target: i0.ɵɵFactoryTarget.Component });
NavkitSidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: NavkitSidenavComponent, selector: "navkit-sidenav", inputs: { mode: "mode", width: "width" }, host: { properties: { "class": "this.HeadingClass" } }, ngImport: i0, template: "<div class=\"overlay\" (click)=\"toggleSidenav()\"></div>\r\n<div\r\n class=\"navkit-sidenav-inner\"\r\n [ngClass]=\"(navkitService.openSidenav | async) ? 'over' : 'side'\"\r\n [style.width.px]=\"width\"\r\n [style.maxWidth.px]=\"width\"\r\n>\r\n <div class=\"sidenav-btn-container\" (click)=\"toggleSidenav()\">\r\n <span class=\"cross-stand-alone\"></span>\r\n </div>\r\n <div class=\"sidenav-items\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NavkitSidenavComponent, decorators: [{
type: Component,
args: [{ selector: 'navkit-sidenav', template: "<div class=\"overlay\" (click)=\"toggleSidenav()\"></div>\r\n<div\r\n class=\"navkit-sidenav-inner\"\r\n [ngClass]=\"(navkitService.openSidenav | async) ? 'over' : 'side'\"\r\n [style.width.px]=\"width\"\r\n [style.maxWidth.px]=\"width\"\r\n>\r\n <div class=\"sidenav-btn-container\" (click)=\"toggleSidenav()\">\r\n <span class=\"cross-stand-alone\"></span>\r\n </div>\r\n <div class=\"sidenav-items\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n" }]
}], ctorParameters: function () { return [{ type: i1.NgxNavkitService }]; }, propDecorators: { mode: [{
type: Input
}], width: [{
type: Input
}], HeadingClass: [{
type: HostBinding,
args: ['class']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2a2l0LXNpZGVuYXYuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW5hdmtpdC9zcmMvbGliL2NvbXBvbmVudHMvbmF2a2l0LXNpZGVuYXYvbmF2a2l0LXNpZGVuYXYuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW5hdmtpdC9zcmMvbGliL2NvbXBvbmVudHMvbmF2a2l0LXNpZGVuYXYvbmF2a2l0LXNpZGVuYXYuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBS3RFLHlEQUF5RDtBQUN6RCw2REFBNkQ7QUFPN0QsTUFBTSxPQUFPLHNCQUFzQjtJQVVqQyxZQUFzQixhQUErQjtRQUEvQixrQkFBYSxHQUFiLGFBQWEsQ0FBa0I7UUFUNUMsU0FBSSxHQUFTLE1BQU0sQ0FBQztRQUc3QixVQUFLLEdBQVcsR0FBRyxDQUFDO1FBRXBCLHNDQUFzQztRQUV0QyxnQkFBVyxHQUFZLElBQUksQ0FBQztJQUU0QixDQUFDO0lBRXpELFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFRCxJQUEwQixZQUFZO1FBQ3BDLE9BQU8sZ0JBQWdCLENBQUM7SUFDMUIsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3JDLENBQUM7O21IQXRCVSxzQkFBc0I7dUdBQXRCLHNCQUFzQix3SkNibkMsMGRBY0E7MkZERGEsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLGdCQUFnQjt1R0FLakIsSUFBSTtzQkFBWixLQUFLO2dCQUdOLEtBQUs7c0JBREosS0FBSztnQkFhb0IsWUFBWTtzQkFBckMsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNb2RlIH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcclxuaW1wb3J0IHsgTmF2SXRlbXMgfSBmcm9tICcuLi8uLi9tb2RlbHMvbmF2SXRlbXMuaW50ZWZhY2UnO1xyXG5pbXBvcnQgeyBOZ3hOYXZraXRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vbmd4LW5hdmtpdC5zZXJ2aWNlJztcclxuaW1wb3J0IHsgdGFrZSB9IGZyb20gJ3J4anMnO1xyXG4vL2ltcG9ydCB7IFJvdXRlU2VydmljZSB9IGZyb20gJ0BzZXJ2aWNlcy9yb3V0ZS5zZXJ2aWNlJztcclxuLy9pbXBvcnQgeyBUb29sYmFyU2VydmljZSB9IGZyb20gJ0BzZXJ2aWNlcy90b29sYmFyLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICduYXZraXQtc2lkZW5hdicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL25hdmtpdC1zaWRlbmF2LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFtdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmF2a2l0U2lkZW5hdkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgbW9kZTogTW9kZSA9ICdzaWRlJztcclxuXHJcbiAgQElucHV0KClcclxuICB3aWR0aDogbnVtYmVyID0gMzAwO1xyXG5cclxuICAvLyBASW5wdXQoKSBuYXZJdGVtczogTmF2SXRlbXNbXSA9IFtdO1xyXG5cclxuICBzaWRlbmF2T3BlbjogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBuYXZraXRTZXJ2aWNlOiBOZ3hOYXZraXRTZXJ2aWNlKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMubmF2a2l0U2VydmljZS5zaWRlTmF2V2lkdGgubmV4dCh0aGlzLndpZHRoKTtcclxuICB9XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgSGVhZGluZ0NsYXNzKCkge1xyXG4gICAgcmV0dXJuICduYXZraXQtc2lkZW5hdic7XHJcbiAgfVxyXG5cclxuICB0b2dnbGVTaWRlbmF2KCkge1xyXG4gICAgdGhpcy5uYXZraXRTZXJ2aWNlLnRvZ2dsZVNpZGVuYXYoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm92ZXJsYXlcIiAoY2xpY2spPVwidG9nZ2xlU2lkZW5hdigpXCI+PC9kaXY+XHJcbjxkaXZcclxuICBjbGFzcz1cIm5hdmtpdC1zaWRlbmF2LWlubmVyXCJcclxuICBbbmdDbGFzc109XCIobmF2a2l0U2VydmljZS5vcGVuU2lkZW5hdiB8IGFzeW5jKSA/ICdvdmVyJyA6ICdzaWRlJ1wiXHJcbiAgW3N0eWxlLndpZHRoLnB4XT1cIndpZHRoXCJcclxuICBbc3R5bGUubWF4V2lkdGgucHhdPVwid2lkdGhcIlxyXG4+XHJcbiAgPGRpdiBjbGFzcz1cInNpZGVuYXYtYnRuLWNvbnRhaW5lclwiIChjbGljayk9XCJ0b2dnbGVTaWRlbmF2KClcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwiY3Jvc3Mtc3RhbmQtYWxvbmVcIj48L3NwYW4+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInNpZGVuYXYtaXRlbXNcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==