ng-cw-v12
Version:
Angular UI component library
57 lines (52 loc) • 3.51 kB
JavaScript
import * as i0 from '@angular/core';
import { Component, Input, NgModule } from '@angular/core';
class AnimatedGradientTextComponent {
constructor() {
this.ncText = '';
this.ncSpeed = 1;
this.ncColorFrom = '#ffaa40';
this.ncColorTo = '#9c40ff';
}
ngOnInit() {
}
}
AnimatedGradientTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: AnimatedGradientTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
AnimatedGradientTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: AnimatedGradientTextComponent, selector: "nc-animated-gradient-text", inputs: { ncText: "ncText", ncSpeed: "ncSpeed", ncColorFrom: "ncColorFrom", ncColorTo: "ncColorTo" }, ngImport: i0, template: "<span style=\"--color-from: {{ncColorFrom}}; --color-to: {{ncColorTo}}; --bg-size: {{ncSpeed * 300}}%;\"\r\n class=\"animate-gradient-text\">\r\n {{ncText}}\r\n</span>", styles: [".animate-gradient-text{display:inline;background-image:linear-gradient(to right,var(--color-from),var(--color-to),var(--color-from));background-clip:text;-webkit-background-clip:text;color:transparent;background-size:var(--bg-size) 100%;animation:gradient 8s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}\n"] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: AnimatedGradientTextComponent, decorators: [{
type: Component,
args: [{
selector: 'nc-animated-gradient-text',
templateUrl: './animated-gradient-text.component.html',
styleUrls: ['./animated-gradient-text.component.less']
}]
}], ctorParameters: function () { return []; }, propDecorators: { ncText: [{
type: Input
}], ncSpeed: [{
type: Input
}], ncColorFrom: [{
type: Input
}], ncColorTo: [{
type: Input
}] } });
class NcAnimatedGradientTextModule {
}
NcAnimatedGradientTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: NcAnimatedGradientTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
NcAnimatedGradientTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: NcAnimatedGradientTextModule, declarations: [AnimatedGradientTextComponent], exports: [AnimatedGradientTextComponent] });
NcAnimatedGradientTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: NcAnimatedGradientTextModule, imports: [[]] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: NcAnimatedGradientTextModule, decorators: [{
type: NgModule,
args: [{
declarations: [
AnimatedGradientTextComponent
],
imports: [],
exports: [
AnimatedGradientTextComponent
]
}]
}] });
/**
* Generated bundle index. Do not edit.
*/
export { AnimatedGradientTextComponent, NcAnimatedGradientTextModule };
//# sourceMappingURL=ng-cw-v12-animated-gradient-text.js.map