ng-cw-v12/fesm2015/ng-cw-v12-blur-text.js

Angular UI component library

import * as i0 from '@angular/core';
import { Component, Input, NgModule } from '@angular/core';
import * as i1 from '@angular/common';
import { CommonModule } from '@angular/common';

class BlurTextComponent {
    constructor() {
        this.ncText = '';
        this.ncBlurColor = 'inherit';
        this._hover = false;
        this._lockIcon = false;
    }
    set ncHover(val) {
        this._hover = val !== null && val !== undefined && val !== false && val !== 'false';
    }
    get ncHover() {
        return this._hover;
    }
    set ncLockIcon(val) {
        this._lockIcon = val !== null && val !== undefined && val !== false && val !== 'false';
    }
    get ncLockIcon() {
        return this._lockIcon;
    }
    ngOnInit() {
    }
}
BlurTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: BlurTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
BlurTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: BlurTextComponent, selector: "nc-blur-text", inputs: { ncText: "ncText", ncBlurColor: "ncBlurColor", ncHover: "ncHover", ncLockIcon: "ncLockIcon" }, ngImport: i0, template: "<span class=\"nc-secret-text\" [style.--nc-blur-color]=\"ncBlurColor\" [class.nc-secret-text-hover]=\"ncHover\">\n    {{ncText}}\n</span>\n<span class=\"nc-secret-text-lock\" *ngIf=\"ncLockIcon\">\uD83D\uDD12</span>", styles: [":host{display:inline-block}.nc-secret-text{color:var(--nc-blur-color)!important;filter:blur(calc(1em / 4.67))}.nc-secret-text.nc-secret-text-hover:hover{filter:none;color:inherit!important;transition:filter .3s ease-in .4s,color .2s ease-in}.nc-secret-text-lock{color:transparent!important;text-shadow:0 0 0 #a1a2d4}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: BlurTextComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'nc-blur-text',
                    templateUrl: './blur-text.component.html',
                    styleUrls: ['./blur-text.component.less']
                }]
        }], ctorParameters: function () { return []; }, propDecorators: { ncText: [{
                type: Input
            }], ncBlurColor: [{
                type: Input
            }], ncHover: [{
                type: Input
            }], ncLockIcon: [{
                type: Input
            }] } });

class NcBlurTextModule {
}
NcBlurTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: NcBlurTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
NcBlurTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: NcBlurTextModule, declarations: [BlurTextComponent], imports: [CommonModule], exports: [BlurTextComponent] });
NcBlurTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: NcBlurTextModule, imports: [[
            CommonModule
        ]] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: NcBlurTextModule, decorators: [{
            type: NgModule,
            args: [{
                    declarations: [
                        BlurTextComponent
                    ],
                    imports: [
                        CommonModule
                    ],
                    exports: [
                        BlurTextComponent
                    ]
                }]
        }] });

/**
 * Generated bundle index. Do not edit.
 */

export { BlurTextComponent, NcBlurTextModule };
//# sourceMappingURL=ng-cw-v12-blur-text.js.map