ng-cw-v12
Version:
Angular UI component library
27 lines • 4.2 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class AnimatedShinyTextComponent {
constructor() {
this.ncText = '';
this.ncShimmerWidth = 100;
this.ncTheme = 'light';
}
}
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", ncTheme: "ncTheme" }, ngImport: i0, template: "<span class=\"animated-shiny-text\" [ngClass]=\"{'light-mode': ncTheme === 'light', 'dark-mode': ncTheme === 'dark'}\"\r\n style=\"--shiny-width: {{ncShimmerWidth}}px\">\r\n {{ncText}}\r\n</span>", styles: [":host span{margin-left:auto;margin-right:auto;max-width:28rem;background-clip:text;-webkit-background-clip:text;background-repeat:no-repeat;background-position:0 0;background-size:var(--shiny-width) 100%;color:#525252b3;background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.8) 50%,rgba(0,0,0,0));animation:shiny-text 8s cubic-bezier(0,0,.2,1) infinite}:host span.dark-mode{color:#a3a3a3b3;background-image:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.8) 50%,rgba(255,255,255,0))}@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"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
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
}], ncTheme: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0ZWQtc2hpbnktdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL2FuaW1hdGVkLXNoaW55LXRleHQvYW5pbWF0ZWQtc2hpbnktdGV4dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL2FuaW1hdGVkLXNoaW55LXRleHQvYW5pbWF0ZWQtc2hpbnktdGV4dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT2pELE1BQU0sT0FBTywwQkFBMEI7SUFMdkM7UUFNVyxXQUFNLEdBQVcsRUFBRSxDQUFDO1FBQ3BCLG1CQUFjLEdBQVcsR0FBRyxDQUFDO1FBQzdCLFlBQU8sR0FBcUIsT0FBTyxDQUFDO0tBQzlDOzt1SEFKWSwwQkFBMEI7MkdBQTFCLDBCQUEwQixrSkNQdkMsMk1BR087MkZESU0sMEJBQTBCO2tCQUx0QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx3QkFBd0I7b0JBQ2xDLFdBQVcsRUFBRSxzQ0FBc0M7b0JBQ25ELFNBQVMsRUFBRSxDQUFDLHNDQUFzQyxDQUFDO2lCQUNwRDs4QkFFVSxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ25jLWFuaW1hdGVkLXNoaW55LXRleHQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hbmltYXRlZC1zaGlueS10ZXh0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hbmltYXRlZC1zaGlueS10ZXh0LmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBbmltYXRlZFNoaW55VGV4dENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgbmNUZXh0OiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBuY1NoaW1tZXJXaWR0aDogbnVtYmVyID0gMTAwO1xyXG4gIEBJbnB1dCgpIG5jVGhlbWU6ICdsaWdodCcgfCAnZGFyaycgPSAnbGlnaHQnO1xyXG59XHJcbiIsIjxzcGFuIGNsYXNzPVwiYW5pbWF0ZWQtc2hpbnktdGV4dFwiIFtuZ0NsYXNzXT1cInsnbGlnaHQtbW9kZSc6IG5jVGhlbWUgPT09ICdsaWdodCcsICdkYXJrLW1vZGUnOiBuY1RoZW1lID09PSAnZGFyayd9XCJcclxuICAgIHN0eWxlPVwiLS1zaGlueS13aWR0aDoge3tuY1NoaW1tZXJXaWR0aH19cHhcIj5cclxuICAgIHt7bmNUZXh0fX1cclxuPC9zcGFuPiJdfQ==