@favian/headwind-ui
Version:
Headless UI for Angular - Styleless Angular components to integrate with Tailwind CSS
26 lines • 4.87 kB
JavaScript
import { Component, HostListener, ViewChild, ViewContainerRef, ViewEncapsulation } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../../services/headwind-overlay.service";
export class HeadwindOverlayOutletComponent {
constructor(_headwindOverlayService) {
this._headwindOverlayService = _headwindOverlayService;
}
onWindowEscapeKeydown() {
this._headwindOverlayService.closeLatest();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeadwindOverlayOutletComponent, deps: [{ token: i1.HeadwindOverlayService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: HeadwindOverlayOutletComponent, isStandalone: true, selector: "headwind-overlay-outlet", host: { listeners: { "window:keydown.escape": "onWindowEscapeKeydown()" }, classAttribute: "headwind-overlay-outlet" }, viewQueries: [{ propertyName: "viewContainerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<ng-container #container></ng-container>\r\n", styles: [".headwind-overlay-outlet{display:block;z-index:9999;pointer-events:none;position:fixed;inset:0}.headwind-overlay-outlet>*{pointer-events:auto}\n"], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeadwindOverlayOutletComponent, decorators: [{
type: Component,
args: [{ selector: 'headwind-overlay-outlet', standalone: true, imports: [], host: {
class: 'headwind-overlay-outlet',
}, encapsulation: ViewEncapsulation.None, template: "<ng-container #container></ng-container>\r\n", styles: [".headwind-overlay-outlet{display:block;z-index:9999;pointer-events:none;position:fixed;inset:0}.headwind-overlay-outlet>*{pointer-events:auto}\n"] }]
}], ctorParameters: () => [{ type: i1.HeadwindOverlayService }], propDecorators: { viewContainerRef: [{
type: ViewChild,
args: ['container', { read: ViewContainerRef }]
}], onWindowEscapeKeydown: [{
type: HostListener,
args: ['window:keydown.escape']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZHdpbmQtb3ZlcmxheS1vdXRsZXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaGVhZHdpbmQtdWkvc3JjL2NvbXBvbmVudHMvaGVhZHdpbmQtb3ZlcmxheS1vdXRsZXQvaGVhZHdpbmQtb3ZlcmxheS1vdXRsZXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaGVhZHdpbmQtdWkvc3JjL2NvbXBvbmVudHMvaGVhZHdpbmQtb3ZlcmxheS1vdXRsZXQvaGVhZHdpbmQtb3ZlcmxheS1vdXRsZXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFjeEcsTUFBTSxPQUFPLDhCQUE4QjtJQUd6QyxZQUE2Qix1QkFBK0M7UUFBL0MsNEJBQXVCLEdBQXZCLHVCQUF1QixDQUF3QjtJQUFHLENBQUM7SUFHaEYscUJBQXFCO1FBQ25CLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUM3QyxDQUFDOytHQVJVLDhCQUE4QjttR0FBOUIsOEJBQThCLHFTQUNULGdCQUFnQiw2QkNmbEQsOENBQ0E7OzRGRGFhLDhCQUE4QjtrQkFYMUMsU0FBUzsrQkFDRSx5QkFBeUIsY0FDdkIsSUFBSSxXQUNQLEVBQUUsUUFHTDt3QkFDSixLQUFLLEVBQUUseUJBQXlCO3FCQUNqQyxpQkFDYyxpQkFBaUIsQ0FBQyxJQUFJOzJGQUdlLGdCQUFnQjtzQkFBbkUsU0FBUzt1QkFBQyxXQUFXLEVBQUUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBS2xELHFCQUFxQjtzQkFEcEIsWUFBWTt1QkFBQyx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RMaXN0ZW5lciwgVmlld0NoaWxkLCBWaWV3Q29udGFpbmVyUmVmLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBIZWFkd2luZE92ZXJsYXlTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvaGVhZHdpbmQtb3ZlcmxheS5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaGVhZHdpbmQtb3ZlcmxheS1vdXRsZXQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW10sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2hlYWR3aW5kLW92ZXJsYXktb3V0bGV0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vaGVhZHdpbmQtb3ZlcmxheS1vdXRsZXQuY29tcG9uZW50LnNjc3MnLFxyXG4gIGhvc3Q6IHtcclxuICAgIGNsYXNzOiAnaGVhZHdpbmQtb3ZlcmxheS1vdXRsZXQnLFxyXG4gIH0sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEhlYWR3aW5kT3ZlcmxheU91dGxldENvbXBvbmVudCB7XHJcbiAgQFZpZXdDaGlsZCgnY29udGFpbmVyJywgeyByZWFkOiBWaWV3Q29udGFpbmVyUmVmIH0pIHZpZXdDb250YWluZXJSZWYhOiBWaWV3Q29udGFpbmVyUmVmO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IF9oZWFkd2luZE92ZXJsYXlTZXJ2aWNlOiBIZWFkd2luZE92ZXJsYXlTZXJ2aWNlKSB7fVxyXG5cclxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6a2V5ZG93bi5lc2NhcGUnKVxyXG4gIG9uV2luZG93RXNjYXBlS2V5ZG93bigpOiB2b2lkIHtcclxuICAgIHRoaXMuX2hlYWR3aW5kT3ZlcmxheVNlcnZpY2UuY2xvc2VMYXRlc3QoKTtcclxuICB9XHJcbn1cclxuIiwiPG5nLWNvbnRhaW5lciAjY29udGFpbmVyPjwvbmctY29udGFpbmVyPlxyXG4iXX0=