@cardboard-box/ngx-box
Version:
A collection of useful directives, components and services for angular
29 lines • 4.56 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class MagicCircleComponent {
constructor() {
this.width = '100%';
this.height = '100%';
}
ngOnInit() {
}
style() {
const animate = this.spinSpeed ? `animation-duration: ${this.spinSpeed};` : '';
return `width: calc(${this.width} - 2px); height: calc(${this.height} - 2px); ${animate}`;
}
}
MagicCircleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: MagicCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
MagicCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: MagicCircleComponent, selector: "magic-circle", inputs: { width: "width", height: "height", spinSpeed: ["spin-speed", "spinSpeed"] }, ngImport: i0, template: "<div class=\"magic-wrapper\" [style]=\"style()\" [ngClass]=\"{ 'spin': !!spinSpeed }\">\n <ng-content></ng-content>\n</div>", styles: [":host{width:100%;height:100%;position:relative;display:flex}.magic-wrapper{margin:auto;overflow:hidden;padding:2px}.magic-wrapper.spin{animation:spin 10s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: MagicCircleComponent, decorators: [{
type: Component,
args: [{ selector: 'magic-circle', template: "<div class=\"magic-wrapper\" [style]=\"style()\" [ngClass]=\"{ 'spin': !!spinSpeed }\">\n <ng-content></ng-content>\n</div>", styles: [":host{width:100%;height:100%;position:relative;display:flex}.magic-wrapper{margin:auto;overflow:hidden;padding:2px}.magic-wrapper.spin{animation:spin 10s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}\n"] }]
}], ctorParameters: function () { return []; }, propDecorators: { width: [{
type: Input
}], height: [{
type: Input
}], spinSpeed: [{
type: Input,
args: ['spin-speed']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFnaWMtY2lyY2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhcmRib2FyZGJveC9uZ3gtYm94L3NyYy9saWIvY29tcG9uZW50cy9tYWdpYy1jaXJjbGUvbWFnaWMtY2lyY2xlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhcmRib2FyZGJveC9uZ3gtYm94L3NyYy9saWIvY29tcG9uZW50cy9tYWdpYy1jaXJjbGUvbWFnaWMtY2lyY2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFPekQsTUFBTSxPQUFPLG9CQUFvQjtJQU03QjtRQUpTLFVBQUssR0FBVyxNQUFNLENBQUM7UUFDdkIsV0FBTSxHQUFXLE1BQU0sQ0FBQztJQUdqQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO0lBRUQsS0FBSztRQUNELE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLHVCQUF1QixJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUUvRSxPQUFPLGVBQWUsSUFBSSxDQUFDLEtBQUsseUJBQXlCLElBQUksQ0FBQyxNQUFNLFlBQVksT0FBTyxFQUFFLENBQUM7SUFDOUYsQ0FBQzs7aUhBZlEsb0JBQW9CO3FHQUFwQixvQkFBb0IsMElDUGpDLGdJQUVNOzJGREtPLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDSSxjQUFjOzBFQU1mLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ2UsU0FBUztzQkFBN0IsS0FBSzt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbWFnaWMtY2lyY2xlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbWFnaWMtY2lyY2xlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9tYWdpYy1jaXJjbGUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBNYWdpY0NpcmNsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBASW5wdXQoKSB3aWR0aDogc3RyaW5nID0gJzEwMCUnO1xuICAgIEBJbnB1dCgpIGhlaWdodDogc3RyaW5nID0gJzEwMCUnO1xuICAgIEBJbnB1dCgnc3Bpbi1zcGVlZCcpIHNwaW5TcGVlZD86IHN0cmluZztcblxuICAgIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB9XG5cbiAgICBzdHlsZSgpIHtcbiAgICAgICAgY29uc3QgYW5pbWF0ZSA9IHRoaXMuc3BpblNwZWVkID8gYGFuaW1hdGlvbi1kdXJhdGlvbjogJHt0aGlzLnNwaW5TcGVlZH07YCA6ICcnO1xuXG4gICAgICAgIHJldHVybiBgd2lkdGg6IGNhbGMoJHt0aGlzLndpZHRofSAtIDJweCk7IGhlaWdodDogY2FsYygke3RoaXMuaGVpZ2h0fSAtIDJweCk7ICR7YW5pbWF0ZX1gO1xuICAgIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cIm1hZ2ljLXdyYXBwZXJcIiBbc3R5bGVdPVwic3R5bGUoKVwiIFtuZ0NsYXNzXT1cInsgJ3NwaW4nOiAhIXNwaW5TcGVlZCB9XCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+Il19