ng-cw-v12
Version:
Angular UI component library
31 lines • 4.23 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
export 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
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0ZWQtZ3JhZGllbnQtdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL2FuaW1hdGVkLWdyYWRpZW50LXRleHQvYW5pbWF0ZWQtZ3JhZGllbnQtdGV4dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL2FuaW1hdGVkLWdyYWRpZW50LXRleHQvYW5pbWF0ZWQtZ3JhZGllbnQtdGV4dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPekQsTUFBTSxPQUFPLDZCQUE2QjtJQU14QztRQUxTLFdBQU0sR0FBVyxFQUFFLENBQUM7UUFDcEIsWUFBTyxHQUFXLENBQUMsQ0FBQztRQUNwQixnQkFBVyxHQUFXLFNBQVMsQ0FBQztRQUNoQyxjQUFTLEdBQVcsU0FBUyxDQUFDO0lBRXZCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7OzBIQVRVLDZCQUE2Qjs4R0FBN0IsNkJBQTZCLHVLQ1AxQywrS0FHTzsyRkRJTSw2QkFBNkI7a0JBTHpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDJCQUEyQjtvQkFDckMsV0FBVyxFQUFFLHlDQUF5QztvQkFDdEQsU0FBUyxFQUFFLENBQUMseUNBQXlDLENBQUM7aUJBQ3ZEOzBFQUVVLE1BQU07c0JBQWQsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ25jLWFuaW1hdGVkLWdyYWRpZW50LXRleHQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hbmltYXRlZC1ncmFkaWVudC10ZXh0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hbmltYXRlZC1ncmFkaWVudC10ZXh0LmNvbXBvbmVudC5sZXNzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFuaW1hdGVkR3JhZGllbnRUZXh0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBuY1RleHQ6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIG5jU3BlZWQ6IG51bWJlciA9IDE7XHJcbiAgQElucHV0KCkgbmNDb2xvckZyb206IHN0cmluZyA9ICcjZmZhYTQwJztcclxuICBASW5wdXQoKSBuY0NvbG9yVG86IHN0cmluZyA9ICcjOWM0MGZmJztcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG59XHJcbiIsIjxzcGFuIHN0eWxlPVwiLS1jb2xvci1mcm9tOiB7e25jQ29sb3JGcm9tfX07IC0tY29sb3ItdG86IHt7bmNDb2xvclRvfX07IC0tYmctc2l6ZToge3tuY1NwZWVkICogMzAwfX0lO1wiXHJcbiAgICBjbGFzcz1cImFuaW1hdGUtZ3JhZGllbnQtdGV4dFwiPlxyXG4gICAge3tuY1RleHR9fVxyXG48L3NwYW4+Il19