@crediblefinance/credible-ui
Version:
Credible's standard UI library
31 lines • 4.38 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 CfCrossComponent {
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: CfCrossComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: CfCrossComponent, selector: "cf-cross", inputs: { size: "size", animation: "animation" }, ngImport: i0, template: "<div class=\"cf-cross\">\n <i\n class=\"fa-solid fa-circle-xmark\"\n [@darkLight]=\"toggle ? 'dark' : 'light'\"\n [ngStyle]=\"{ 'font-size': size + 'rem' }\"\n ></i>\n</div>\n", styles: [".cf-cross .fa-circle-xmark{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: CfCrossComponent, decorators: [{
type: Component,
args: [{ selector: 'cf-cross', animations: animations, template: "<div class=\"cf-cross\">\n <i\n class=\"fa-solid fa-circle-xmark\"\n [@darkLight]=\"toggle ? 'dark' : 'light'\"\n [ngStyle]=\"{ 'font-size': size + 'rem' }\"\n ></i>\n</div>\n", styles: [".cf-cross .fa-circle-xmark{margin-right:.5rem}\n"] }]
}], ctorParameters: () => [], propDecorators: { size: [{
type: Input
}], animation: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2YtY3Jvc3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JlZGlibGUtdWkvc3JjL2xpYi9jZi1jcm9zcy9jZi1jcm9zcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVkaWJsZS11aS9zcmMvbGliL2NmLWNyb3NzL2NmLWNyb3NzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxTQUFTLEVBQUUsS0FBSyxFQUNuQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLFVBQVUsTUFBTSxhQUFhLENBQUM7OztBQVFyQyxNQUFNLE9BQU8sZ0JBQWdCO0lBQ2hCLElBQUksR0FBVyxHQUFHLENBQUM7SUFDbkIsU0FBUyxHQUFZLElBQUksQ0FBQztJQUVuQyxNQUFNLEdBQVksSUFBSSxDQUFDO0lBQ3ZCLFlBQVksQ0FBTTtJQUVsQixnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO1FBQ0osSUFBSSxJQUFJLENBQUMsU0FBUztZQUNkLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQsZUFBZTtRQUNYLElBQUksQ0FBQyxZQUFZLEdBQUcsV0FBVyxDQUFDLEdBQUcsRUFBRTtZQUNqQyxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUMvQixDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDYixDQUFDO3VHQWxCUSxnQkFBZ0I7MkZBQWhCLGdCQUFnQixrR0NYN0IsNE1BT0EsaUxERWdCLFVBQVU7OzJGQUViLGdCQUFnQjtrQkFONUIsU0FBUzsrQkFDSSxVQUFVLGNBR1IsVUFBVTt3REFHYixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ29tcG9uZW50LCBJbnB1dFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCBhbmltYXRpb25zIGZyb20gJy4vYW5pbWF0aW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdjZi1jcm9zcycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NmLWNyb3NzLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jZi1jcm9zcy5jb21wb25lbnQuc2NzcyddLFxuICAgIGFuaW1hdGlvbnM6IGFuaW1hdGlvbnNcbn0pXG5leHBvcnQgY2xhc3MgQ2ZDcm9zc0NvbXBvbmVudCB7XG4gICAgQElucHV0KCkgc2l6ZTogbnVtYmVyID0gMS41O1xuICAgIEBJbnB1dCgpIGFuaW1hdGlvbjogYm9vbGVhbiA9IHRydWU7XG5cbiAgICB0b2dnbGU6IGJvb2xlYW4gPSB0cnVlO1xuICAgIHNldEluZXJ2YWxJZDogYW55O1xuXG4gICAgY29uc3RydWN0b3IoKSB7IH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5hbmltYXRpb24pXG4gICAgICAgICAgICB0aGlzLnN0YXJ0QW5pbWF0aW9ucygpO1xuICAgIH1cblxuICAgIHN0YXJ0QW5pbWF0aW9ucygpIHtcbiAgICAgICAgdGhpcy5zZXRJbmVydmFsSWQgPSBzZXRJbnRlcnZhbCgoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLnRvZ2dsZSA9ICF0aGlzLnRvZ2dsZTtcbiAgICAgICAgfSwgMTAwMCk7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNmLWNyb3NzXCI+XG4gICAgPGlcbiAgICAgICAgY2xhc3M9XCJmYS1zb2xpZCBmYS1jaXJjbGUteG1hcmtcIlxuICAgICAgICBbQGRhcmtMaWdodF09XCJ0b2dnbGUgPyAnZGFyaycgOiAnbGlnaHQnXCJcbiAgICAgICAgW25nU3R5bGVdPVwieyAnZm9udC1zaXplJzogc2l6ZSArICdyZW0nIH1cIlxuICAgID48L2k+XG48L2Rpdj5cbiJdfQ==