@ng-doc/ui-kit
Version:
<!-- PROJECT LOGO --> <br /> <div align="center"> <a href="https://github.com/ng-doc/ng-doc"> <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px"> </a>
33 lines (29 loc) • 2.25 kB
JavaScript
import * as i0 from '@angular/core';
import { inject, ElementRef, Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
class NgDocFloatedContentComponent {
constructor() {
this.propertyName = '';
this.alignTo = 'left';
this.element = inject(ElementRef).nativeElement;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocFloatedContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: NgDocFloatedContentComponent, isStandalone: true, selector: "[ng-doc-floated-content]", inputs: { bindTo: "bindTo", propertyName: "propertyName", alignTo: "alignTo" }, host: { properties: { "attr.data-ng-doc-align": "this.alignTo" } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host{position:absolute;display:flex;top:0;align-items:center;height:100%;pointer-events:none}:host[data-ng-doc-align=left]{left:0}:host[data-ng-doc-align=right]{right:0}:host ::ng-deep>*{pointer-events:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocFloatedContentComponent, decorators: [{
type: Component,
args: [{ selector: '[ng-doc-floated-content]', template: ` <ng-content></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{position:absolute;display:flex;top:0;align-items:center;height:100%;pointer-events:none}:host[data-ng-doc-align=left]{left:0}:host[data-ng-doc-align=right]{right:0}:host ::ng-deep>*{pointer-events:auto}\n"] }]
}], propDecorators: { bindTo: [{
type: Input
}], propertyName: [{
type: Input
}], alignTo: [{
type: Input
}, {
type: HostBinding,
args: ['attr.data-ng-doc-align']
}] } });
/**
* Generated bundle index. Do not edit.
*/
export { NgDocFloatedContentComponent };
//# sourceMappingURL=ng-doc-ui-kit-components-floated-content.mjs.map