@crediblefinance/credible-ui
Version:
Credible's standard UI library
31 lines • 4.34 kB
JavaScript
import { Component, Input } from '@angular/core';
import animations from './animation';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class CfTickComponent {
size = 1.5;
animation = true;
toggle = true;
setInervalId;
constructor() { }
ngOnInit() {
if (this.animation)
this.startAnimations();
}
startAnimations() {
this.setInervalId = setInterval(() => {
this.toggle = !this.toggle;
}, 1000);
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CfTickComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: CfTickComponent, selector: "cf-tick", inputs: { size: "size", animation: "animation" }, ngImport: i0, template: "<div class=\"cf-cross\">\n <i\n class=\"fa-solid fa-circle-check\"\n [@darkLight]=\"toggle ? 'dark' : 'light'\"\n [ngStyle]=\"{ 'font-size': size + 'rem' }\"\n ></i>\n</div>\n", styles: [".cf-tick .fa-circle-check{margin-right:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], animations: animations });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CfTickComponent, decorators: [{
type: Component,
args: [{ selector: 'cf-tick', animations: animations, template: "<div class=\"cf-cross\">\n <i\n class=\"fa-solid fa-circle-check\"\n [@darkLight]=\"toggle ? 'dark' : 'light'\"\n [ngStyle]=\"{ 'font-size': size + 'rem' }\"\n ></i>\n</div>\n", styles: [".cf-tick .fa-circle-check{margin-right:.5rem}\n"] }]
}], ctorParameters: () => [], propDecorators: { size: [{
type: Input
}], animation: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2YtdGljay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVkaWJsZS11aS9zcmMvbGliL2NmLXRpY2svY2YtdGljay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVkaWJsZS11aS9zcmMvbGliL2NmLXRpY2svY2YtdGljay5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUFFLEtBQUssRUFDbkIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxVQUFVLE1BQU0sYUFBYSxDQUFDOzs7QUFRckMsTUFBTSxPQUFPLGVBQWU7SUFDZixJQUFJLEdBQVcsR0FBRyxDQUFDO0lBQ25CLFNBQVMsR0FBWSxJQUFJLENBQUM7SUFFbkMsTUFBTSxHQUFZLElBQUksQ0FBQztJQUN2QixZQUFZLENBQU07SUFFbEIsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtRQUNKLElBQUksSUFBSSxDQUFDLFNBQVM7WUFDZCxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVELGVBQWU7UUFDWCxJQUFJLENBQUMsWUFBWSxHQUFHLFdBQVcsQ0FBQyxHQUFHLEVBQUU7WUFDakMsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDL0IsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ2IsQ0FBQzt1R0FsQlEsZUFBZTsyRkFBZixlQUFlLGlHQ1g1Qiw0TUFPQSxnTERFZ0IsVUFBVTs7MkZBRWIsZUFBZTtrQkFOM0IsU0FBUzsrQkFDSSxTQUFTLGNBR1AsVUFBVTt3REFHYixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ29tcG9uZW50LCBJbnB1dFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCBhbmltYXRpb25zIGZyb20gJy4vYW5pbWF0aW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdjZi10aWNrJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY2YtdGljay5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2YtdGljay5jb21wb25lbnQuc2NzcyddLFxuICAgIGFuaW1hdGlvbnM6IGFuaW1hdGlvbnNcbn0pXG5leHBvcnQgY2xhc3MgQ2ZUaWNrQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBzaXplOiBudW1iZXIgPSAxLjU7XG4gICAgQElucHV0KCkgYW5pbWF0aW9uOiBib29sZWFuID0gdHJ1ZTtcblxuICAgIHRvZ2dsZTogYm9vbGVhbiA9IHRydWU7XG4gICAgc2V0SW5lcnZhbElkOiBhbnk7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmFuaW1hdGlvbilcbiAgICAgICAgICAgIHRoaXMuc3RhcnRBbmltYXRpb25zKCk7XG4gICAgfVxuXG4gICAgc3RhcnRBbmltYXRpb25zKCkge1xuICAgICAgICB0aGlzLnNldEluZXJ2YWxJZCA9IHNldEludGVydmFsKCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMudG9nZ2xlID0gIXRoaXMudG9nZ2xlO1xuICAgICAgICB9LCAxMDAwKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY2YtY3Jvc3NcIj5cbiAgICA8aVxuICAgICAgICBjbGFzcz1cImZhLXNvbGlkIGZhLWNpcmNsZS1jaGVja1wiXG4gICAgICAgIFtAZGFya0xpZ2h0XT1cInRvZ2dsZSA/ICdkYXJrJyA6ICdsaWdodCdcIlxuICAgICAgICBbbmdTdHlsZV09XCJ7ICdmb250LXNpemUnOiBzaXplICsgJ3JlbScgfVwiXG4gICAgPjwvaT5cbjwvZGl2PlxuIl19