@angulogic/ng-sidebar
Version:
angular sidebar - standalone components
38 lines • 3.48 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, isStandalone: true, 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]',
standalone: true
}]
}], ctorParameters: () => [{ type: i1.NgSidebarService }], propDecorators: { toggleSidebar: [{
type: HostListener,
args: ['click']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1zaWRlYmFyL3NyYy9saWIvdG9nZ2xlci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUd4RDs7Ozs7R0FLRztBQUtILE1BQU0sT0FBTyxnQkFBZ0I7SUFDM0I7Ozs7T0FJRztJQUNILFlBQW9CLGNBQWdDO1FBQWhDLG1CQUFjLEdBQWQsY0FBYyxDQUFrQjtJQUFHLENBQUM7SUFFeEQ7O09BRUc7SUFFSCxhQUFhO1FBQ1gsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN0QyxDQUFDOytHQWRVLGdCQUFnQjttR0FBaEIsZ0JBQWdCOzs0RkFBaEIsZ0JBQWdCO2tCQUo1QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjtxRkFhQyxhQUFhO3NCQURaLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdExpc3RlbmVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ1NpZGViYXJTZXJ2aWNlIH0gZnJvbSAnLi9uZy1zaWRlYmFyLnNlcnZpY2UnO1xuXG4vKipcbiAqIEEgZGlyZWN0aXZlIHRoYXQgdG9nZ2xlcyB0aGUgc2lkZWJhciB3aGVuIHRoZSBhdHRhY2hlZCBlbGVtZW50IGlzIGNsaWNrZWQuXG4gKlxuICogQGV4cG9ydFxuICogQGNsYXNzIFRvZ2dsZXJEaXJlY3RpdmVcbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NpZGViYXJUb2dnbGVyXScsXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgVG9nZ2xlckRpcmVjdGl2ZSB7XG4gIC8qKlxuICAgKiBDcmVhdGVzIGFuIGluc3RhbmNlIG9mIGBUb2dnbGVyRGlyZWN0aXZlYC5cbiAgICpcbiAgICogQHBhcmFtIHtOZ1NpZGViYXJTZXJ2aWNlfSBzaWRlYmFyU2VydmljZSAtIFRoZSBzaWRlYmFyIHNlcnZpY2UgdGhhdCBtYW5hZ2VzIHNpZGViYXIgc3RhdGUuXG4gICAqL1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNpZGViYXJTZXJ2aWNlOiBOZ1NpZGViYXJTZXJ2aWNlKSB7fVxuXG4gIC8qKlxuICAgKiBMaXN0ZW5zIGZvciBjbGljayBldmVudHMgb24gdGhlIGhvc3QgZWxlbWVudCBhbmQgdG9nZ2xlcyB0aGUgc2lkZWJhci5cbiAgICovXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgdG9nZ2xlU2lkZWJhcigpOiB2b2lkIHtcbiAgICB0aGlzLnNpZGViYXJTZXJ2aWNlLnRvZ2dsZVNpZGViYXIoKTtcbiAgfVxufVxuIl19