UNPKG

ng-cw-v12

Version:

Angular UI component library

89 lines (80 loc) 5.42 kB
(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core')) : typeof define === 'function' && define.amd ? define('ng-cw-v12/animated-gradient-text', ['exports', '@angular/core'], factory) : (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["ng-cw-v12"] = global["ng-cw-v12"] || {}, global["ng-cw-v12"]["animated-gradient-text"] = {}), global.ng.core)); })(this, (function (exports, i0) { '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 AnimatedGradientTextComponent = /** @class */ (function () { function AnimatedGradientTextComponent() { this.ncText = ''; this.ncSpeed = 1; this.ncColorFrom = '#ffaa40'; this.ncColorTo = '#9c40ff'; } AnimatedGradientTextComponent.prototype.ngOnInit = function () { }; return AnimatedGradientTextComponent; }()); AnimatedGradientTextComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: AnimatedGradientTextComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component }); AnimatedGradientTextComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: AnimatedGradientTextComponent, decorators: [{ type: i0.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: i0.Input }], ncSpeed: [{ type: i0.Input }], ncColorFrom: [{ type: i0.Input }], ncColorTo: [{ type: i0.Input }] } }); var NcAnimatedGradientTextModule = /** @class */ (function () { function NcAnimatedGradientTextModule() { } return NcAnimatedGradientTextModule; }()); NcAnimatedGradientTextModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NcAnimatedGradientTextModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule }); NcAnimatedGradientTextModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NcAnimatedGradientTextModule, declarations: [AnimatedGradientTextComponent], exports: [AnimatedGradientTextComponent] }); NcAnimatedGradientTextModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NcAnimatedGradientTextModule, imports: [[]] }); i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NcAnimatedGradientTextModule, decorators: [{ type: i0.NgModule, args: [{ declarations: [ AnimatedGradientTextComponent ], imports: [], exports: [ AnimatedGradientTextComponent ] }] }] }); /** * Generated bundle index. Do not edit. */ exports.AnimatedGradientTextComponent = AnimatedGradientTextComponent; exports.NcAnimatedGradientTextModule = NcAnimatedGradientTextModule; Object.defineProperty(exports, '__esModule', { value: true }); })); //# sourceMappingURL=ng-cw-v12-animated-gradient-text.umd.js.map