ngx-navkit
Version:
A simple angular library to create admin dashboard and website toolbar sidenav view
48 lines • 5.65 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";
export class NavkitToolbarComponent {
constructor(navkitService) {
this.navkitService = navkitService;
this.open = false;
this.sticky = false;
this.sidenavToggle = false;
this.height = 60;
}
ngOnInit() { }
get HeadingClass() {
return 'navkit-toolbar';
}
get toolbarSticky() {
return this.sticky;
}
toggleSidenav() {
this.navkitService.toggleSidenav();
}
}
NavkitToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NavkitToolbarComponent, deps: [{ token: i1.NgxNavkitService }], target: i0.ɵɵFactoryTarget.Component });
NavkitToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: NavkitToolbarComponent, selector: "navkit-toolbar", inputs: { sticky: "sticky", sidenavToggle: "sidenavToggle", height: "height" }, host: { properties: { "class": "this.HeadingClass", "class.sticky": "this.toolbarSticky", "style.height.px": "this.height", "style.minHeight.px": "this.height" } }, ngImport: i0, template: "<div *ngIf=\"sidenavToggle\" class=\"navkit-hamburger\" (click)=\"toggleSidenav()\">\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n</div>\r\n<ng-content></ng-content>\r\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NavkitToolbarComponent, decorators: [{
type: Component,
args: [{ selector: 'navkit-toolbar', template: "<div *ngIf=\"sidenavToggle\" class=\"navkit-hamburger\" (click)=\"toggleSidenav()\">\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n</div>\r\n<ng-content></ng-content>\r\n" }]
}], ctorParameters: function () { return [{ type: i1.NgxNavkitService }]; }, propDecorators: { HeadingClass: [{
type: HostBinding,
args: ['class']
}], sticky: [{
type: Input
}], toolbarSticky: [{
type: HostBinding,
args: ['class.sticky']
}], sidenavToggle: [{
type: Input
}], height: [{
type: HostBinding,
args: ['style.height.px']
}, {
type: HostBinding,
args: ['style.minHeight.px']
}, {
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2a2l0LXRvb2xiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW5hdmtpdC9zcmMvbGliL2NvbXBvbmVudHMvbmF2a2l0LXRvb2xiYXIvbmF2a2l0LXRvb2xiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW5hdmtpdC9zcmMvbGliL2NvbXBvbmVudHMvbmF2a2l0LXRvb2xiYXIvbmF2a2l0LXRvb2xiYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXRFLE1BQU0sT0FBTyxzQkFBc0I7SUFFakMsWUFBc0IsYUFBK0I7UUFBL0Isa0JBQWEsR0FBYixhQUFhLENBQWtCO1FBRHJELFNBQUksR0FBRyxLQUFLLENBQUM7UUFVYixXQUFNLEdBQUcsS0FBSyxDQUFDO1FBT2Ysa0JBQWEsR0FBWSxLQUFLLENBQUM7UUFLL0IsV0FBTSxHQUFXLEVBQUUsQ0FBQztJQXJCb0MsQ0FBQztJQUV6RCxRQUFRLEtBQVUsQ0FBQztJQUVuQixJQUEwQixZQUFZO1FBQ3BDLE9BQU8sZ0JBQWdCLENBQUM7SUFDMUIsQ0FBQztJQUtELElBQWlDLGFBQWE7UUFDNUMsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7SUFVRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUNyQyxDQUFDOzttSEEzQlUsc0JBQXNCO3VHQUF0QixzQkFBc0IsMlNDUm5DLDBMQU1BOzJGREVhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxnQkFBZ0I7dUdBVUEsWUFBWTtzQkFBckMsV0FBVzt1QkFBQyxPQUFPO2dCQUtwQixNQUFNO3NCQURMLEtBQUs7Z0JBRzJCLGFBQWE7c0JBQTdDLFdBQVc7dUJBQUMsY0FBYztnQkFLM0IsYUFBYTtzQkFEWixLQUFLO2dCQU1OLE1BQU07c0JBSEwsV0FBVzt1QkFBQyxpQkFBaUI7O3NCQUM3QixXQUFXO3VCQUFDLG9CQUFvQjs7c0JBQ2hDLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5neE5hdmtpdFNlcnZpY2UgfSBmcm9tICcuLi8uLi9uZ3gtbmF2a2l0LnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICduYXZraXQtdG9vbGJhcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL25hdmtpdC10b29sYmFyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFtdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmF2a2l0VG9vbGJhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgb3BlbiA9IGZhbHNlO1xyXG4gIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBuYXZraXRTZXJ2aWNlOiBOZ3hOYXZraXRTZXJ2aWNlKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgSGVhZGluZ0NsYXNzKCkge1xyXG4gICAgcmV0dXJuICduYXZraXQtdG9vbGJhcic7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIHN0aWNreSA9IGZhbHNlO1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnN0aWNreScpIGdldCB0b29sYmFyU3RpY2t5KCkge1xyXG4gICAgcmV0dXJuIHRoaXMuc3RpY2t5O1xyXG4gIH1cclxuXHJcbiAgQElucHV0KClcclxuICBzaWRlbmF2VG9nZ2xlOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBIb3N0QmluZGluZygnc3R5bGUuaGVpZ2h0LnB4JylcclxuICBASG9zdEJpbmRpbmcoJ3N0eWxlLm1pbkhlaWdodC5weCcpXHJcbiAgQElucHV0KClcclxuICBoZWlnaHQ6IG51bWJlciA9IDYwO1xyXG5cclxuICB0b2dnbGVTaWRlbmF2KCkge1xyXG4gICAgdGhpcy5uYXZraXRTZXJ2aWNlLnRvZ2dsZVNpZGVuYXYoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiAqbmdJZj1cInNpZGVuYXZUb2dnbGVcIiBjbGFzcz1cIm5hdmtpdC1oYW1idXJnZXJcIiAoY2xpY2spPVwidG9nZ2xlU2lkZW5hdigpXCI+XHJcbiAgPHNwYW4+PC9zcGFuPlxyXG4gIDxzcGFuPjwvc3Bhbj5cclxuICA8c3Bhbj48L3NwYW4+XHJcbjwvZGl2PlxyXG48bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiJdfQ==