ng-cw-v12
Version:
Angular UI Component Library
37 lines • 4.97 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
export class AnimatedShinyTextComponent {
constructor() {
/** 文本内容 */
this.ncText = '';
/** 闪光条宽度 */
this.ncShimmerWidth = 100;
/** 文本颜色 */
this.ncTextColor = 'rgba(82, 82, 82, 0.7)';
/** 闪光颜色 */
this.ncShinyColor = 'rgba(0, 0, 0, 0.8)';
/** 动画时长，单位ms */
this.ncDuration = 8000;
}
}
AnimatedShinyTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: AnimatedShinyTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
AnimatedShinyTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: AnimatedShinyTextComponent, selector: "nc-animated-shiny-text", inputs: { ncText: "ncText", ncShimmerWidth: "ncShimmerWidth", ncTextColor: "ncTextColor", ncShinyColor: "ncShinyColor", ncDuration: "ncDuration" }, ngImport: i0, template: "<span class=\"nc-animated-shiny-text\"\r\n style=\"--shiny-width: {{ncShimmerWidth}}px; --text-color: {{ncTextColor}}; --shiny-color: {{ncShinyColor}}; --animation-duration: {{ncDuration}}ms;\">\r\n {{ncText}}\r\n</span>", styles: [".nc-animated-shiny-text{background-clip:text;-webkit-background-clip:text;background-repeat:no-repeat;background-position:0 0;background-size:var(--shiny-width) 100%;color:var(--text-color);background-image:linear-gradient(to right,transparent,var(--shiny-color) 50%,transparent);animation:shiny-text var(--animation-duration) cubic-bezier(0,0,.2,1) infinite}@keyframes shiny-text{0%,90%,to{background-position:calc(-100% - var(--shiny-width)) 0}30%,60%{background-position:calc(100% + var(--shiny-width)) 0}}\n"] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: AnimatedShinyTextComponent, decorators: [{
type: Component,
args: [{
selector: 'nc-animated-shiny-text',
templateUrl: './animated-shiny-text.component.html',
styleUrls: ['./animated-shiny-text.component.less'],
}]
}], propDecorators: { ncText: [{
type: Input
}], ncShimmerWidth: [{
type: Input
}], ncTextColor: [{
type: Input
}], ncShinyColor: [{
type: Input
}], ncDuration: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0ZWQtc2hpbnktdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL2FuaW1hdGVkLXNoaW55LXRleHQvYW5pbWF0ZWQtc2hpbnktdGV4dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL2FuaW1hdGVkLXNoaW55LXRleHQvYW5pbWF0ZWQtc2hpbnktdGV4dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPakQsTUFBTSxPQUFPLDBCQUEwQjtJQUx2QztRQU1FLFdBQVc7UUFDRixXQUFNLEdBQVcsRUFBRSxDQUFDO1FBQzdCLFlBQVk7UUFDSCxtQkFBYyxHQUFXLEdBQUcsQ0FBQztRQUN0QyxXQUFXO1FBQ0YsZ0JBQVcsR0FBVyx1QkFBdUIsQ0FBQztRQUN2RCxXQUFXO1FBQ0YsaUJBQVksR0FBVyxvQkFBb0IsQ0FBQztRQUNyRCxnQkFBZ0I7UUFDUCxlQUFVLEdBQVcsSUFBSSxDQUFDO0tBQ3BDOzt1SEFYWSwwQkFBMEI7MkdBQTFCLDBCQUEwQixrTkNQdkMsb09BR087MkZESU0sMEJBQTBCO2tCQUx0QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx3QkFBd0I7b0JBQ2xDLFdBQVcsRUFBRSxzQ0FBc0M7b0JBQ25ELFNBQVMsRUFBRSxDQUFDLHNDQUFzQyxDQUFDO2lCQUNwRDs4QkFHVSxNQUFNO3NCQUFkLEtBQUs7Z0JBRUcsY0FBYztzQkFBdEIsS0FBSztnQkFFRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUcsVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbmMtYW5pbWF0ZWQtc2hpbnktdGV4dCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FuaW1hdGVkLXNoaW55LXRleHQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FuaW1hdGVkLXNoaW55LXRleHQuY29tcG9uZW50Lmxlc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFuaW1hdGVkU2hpbnlUZXh0Q29tcG9uZW50IHtcclxuICAvKiog5paH5pys5YaF5a65ICovXHJcbiAgQElucHV0KCkgbmNUZXh0OiBzdHJpbmcgPSAnJztcclxuICAvKiog6Zeq5YWJ5p2h5a695bqmICovXHJcbiAgQElucHV0KCkgbmNTaGltbWVyV2lkdGg6IG51bWJlciA9IDEwMDtcclxuICAvKiog5paH5pys6aKc6ImyICovXHJcbiAgQElucHV0KCkgbmNUZXh0Q29sb3I6IHN0cmluZyA9ICdyZ2JhKDgyLCA4MiwgODIsIDAuNyknO1xyXG4gIC8qKiDpl6rlhYnpopzoibIgKi9cclxuICBASW5wdXQoKSBuY1NoaW55Q29sb3I6IHN0cmluZyA9ICdyZ2JhKDAsIDAsIDAsIDAuOCknO1xyXG4gIC8qKiDliqjnlLvml7bplb/vvIzljZXkvY1tcyAqL1xyXG4gIEBJbnB1dCgpIG5jRHVyYXRpb246IG51bWJlciA9IDgwMDA7XHJcbn1cclxuIiwiPHNwYW4gY2xhc3M9XCJuYy1hbmltYXRlZC1zaGlueS10ZXh0XCJcclxuICAgIHN0eWxlPVwiLS1zaGlueS13aWR0aDoge3tuY1NoaW1tZXJXaWR0aH19cHg7IC0tdGV4dC1jb2xvcjoge3tuY1RleHRDb2xvcn19OyAtLXNoaW55LWNvbG9yOiB7e25jU2hpbnlDb2xvcn19OyAtLWFuaW1hdGlvbi1kdXJhdGlvbjoge3tuY0R1cmF0aW9ufX1tcztcIj5cclxuICAgIHt7bmNUZXh0fX1cclxuPC9zcGFuPiJdfQ==