ng-cw-v12
Version:
Angular UI component library
89 lines (80 loc) • 5.74 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common')) :
typeof define === 'function' && define.amd ? define('ng-cw-v12/animated-shiny-text', ['exports', '@angular/core', '@angular/common'], factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["ng-cw-v12"] = global["ng-cw-v12"] || {}, global["ng-cw-v12"]["animated-shiny-text"] = {}), global.ng.core, global.ng.common));
})(this, (function (exports, i0, i1) { 'use strict';
function _interopNamespace(e) {
if (e && e.__esModule) return e;
var n = Object.create(null);
if (e) {
Object.keys(e).forEach(function (k) {
if (k !== 'default') {
var d = Object.getOwnPropertyDescriptor(e, k);
Object.defineProperty(n, k, d.get ? d : {
enumerable: true,
get: function () { return e[k]; }
});
}
});
}
n["default"] = e;
return Object.freeze(n);
}
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
var AnimatedShinyTextComponent = /** @class */ (function () {
function AnimatedShinyTextComponent() {
this.ncText = '';
this.ncShimmerWidth = 100;
this.ncTheme = 'light';
}
return AnimatedShinyTextComponent;
}());
AnimatedShinyTextComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: AnimatedShinyTextComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
AnimatedShinyTextComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: "<span class=\"animated-shiny-text\" [ngClass]=\"{'light-mode': ncTheme === 'light', 'dark-mode': ncTheme === 'dark'}\"\n style=\"--shiny-width: {{ncShimmerWidth}}px\">\n {{ncText}}\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__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: AnimatedShinyTextComponent, decorators: [{
type: i0.Component,
args: [{
selector: 'nc-animated-shiny-text',
templateUrl: './animated-shiny-text.component.html',
styleUrls: ['./animated-shiny-text.component.less'],
}]
}], propDecorators: { ncText: [{
type: i0.Input
}], ncShimmerWidth: [{
type: i0.Input
}], ncTheme: [{
type: i0.Input
}] } });
var NcAnimatedShinyTextModule = /** @class */ (function () {
function NcAnimatedShinyTextModule() {
}
return NcAnimatedShinyTextModule;
}());
NcAnimatedShinyTextModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NcAnimatedShinyTextModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
NcAnimatedShinyTextModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NcAnimatedShinyTextModule, declarations: [AnimatedShinyTextComponent], imports: [i1.CommonModule], exports: [AnimatedShinyTextComponent] });
NcAnimatedShinyTextModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NcAnimatedShinyTextModule, imports: [[
i1.CommonModule
]] });
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NcAnimatedShinyTextModule, decorators: [{
type: i0.NgModule,
args: [{
declarations: [
AnimatedShinyTextComponent
],
imports: [
i1.CommonModule
],
exports: [
AnimatedShinyTextComponent
]
}]
}] });
/**
* Generated bundle index. Do not edit.
*/
exports.AnimatedShinyTextComponent = AnimatedShinyTextComponent;
exports.NcAnimatedShinyTextModule = NcAnimatedShinyTextModule;
Object.defineProperty(exports, '__esModule', { value: true });
}));
//# sourceMappingURL=ng-cw-v12-animated-shiny-text.umd.js.map