@angulogic/ng-sidebar
Version:
angular sidebar
37 lines • 3.44 kB
JavaScript
import { Directive, HostListener } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "./ng-sidebar.service";
/**
* A directive that toggles the sidebar when the attached element is clicked.
*
* @export
* @class TogglerDirective
*/
export class TogglerDirective {
/**
* Creates an instance of `TogglerDirective`.
*
* @param {NgSidebarService} sidebarService - The sidebar service that manages sidebar state.
*/
constructor(sidebarService) {
this.sidebarService = sidebarService;
}
/**
* Listens for click events on the host element and toggles the sidebar.
*/
toggleSidebar() {
this.sidebarService.toggleSidebar();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TogglerDirective, deps: [{ token: i1.NgSidebarService }], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TogglerDirective, selector: "[sidebarToggler]", host: { listeners: { "click": "toggleSidebar()" } }, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TogglerDirective, decorators: [{
type: Directive,
args: [{
selector: '[sidebarToggler]',
}]
}], ctorParameters: () => [{ type: i1.NgSidebarService }], propDecorators: { toggleSidebar: [{
type: HostListener,
args: ['click']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1zaWRlYmFyL3NyYy9saWIvdG9nZ2xlci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUd4RDs7Ozs7R0FLRztBQUlILE1BQU0sT0FBTyxnQkFBZ0I7SUFDM0I7Ozs7T0FJRztJQUNILFlBQW9CLGNBQWdDO1FBQWhDLG1CQUFjLEdBQWQsY0FBYyxDQUFrQjtJQUFHLENBQUM7SUFFeEQ7O09BRUc7SUFFSCxhQUFhO1FBQ1gsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN0QyxDQUFDOytHQWRVLGdCQUFnQjttR0FBaEIsZ0JBQWdCOzs0RkFBaEIsZ0JBQWdCO2tCQUg1QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7aUJBQzdCO3FGQWFDLGFBQWE7c0JBRFosWUFBWTt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBIb3N0TGlzdGVuZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTmdTaWRlYmFyU2VydmljZSB9IGZyb20gJy4vbmctc2lkZWJhci5zZXJ2aWNlJztcclxuXHJcbi8qKlxyXG4gKiBBIGRpcmVjdGl2ZSB0aGF0IHRvZ2dsZXMgdGhlIHNpZGViYXIgd2hlbiB0aGUgYXR0YWNoZWQgZWxlbWVudCBpcyBjbGlja2VkLlxyXG4gKlxyXG4gKiBAZXhwb3J0XHJcbiAqIEBjbGFzcyBUb2dnbGVyRGlyZWN0aXZlXHJcbiAqL1xyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogJ1tzaWRlYmFyVG9nZ2xlcl0nLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVG9nZ2xlckRpcmVjdGl2ZSB7XHJcbiAgLyoqXHJcbiAgICogQ3JlYXRlcyBhbiBpbnN0YW5jZSBvZiBgVG9nZ2xlckRpcmVjdGl2ZWAuXHJcbiAgICpcclxuICAgKiBAcGFyYW0ge05nU2lkZWJhclNlcnZpY2V9IHNpZGViYXJTZXJ2aWNlIC0gVGhlIHNpZGViYXIgc2VydmljZSB0aGF0IG1hbmFnZXMgc2lkZWJhciBzdGF0ZS5cclxuICAgKi9cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNpZGViYXJTZXJ2aWNlOiBOZ1NpZGViYXJTZXJ2aWNlKSB7fVxyXG5cclxuICAvKipcclxuICAgKiBMaXN0ZW5zIGZvciBjbGljayBldmVudHMgb24gdGhlIGhvc3QgZWxlbWVudCBhbmQgdG9nZ2xlcyB0aGUgc2lkZWJhci5cclxuICAgKi9cclxuICBASG9zdExpc3RlbmVyKCdjbGljaycpXHJcbiAgdG9nZ2xlU2lkZWJhcigpOiB2b2lkIHtcclxuICAgIHRoaXMuc2lkZWJhclNlcnZpY2UudG9nZ2xlU2lkZWJhcigpO1xyXG4gIH1cclxufVxyXG4iXX0=