@uiowa/spinner
Version:
(action-spinner) rotating circle spinner, used for actions such as button clicks. (loading-bar) beeping blocks, used for loading promises. (uiowa-ring) rotating golden and black spinner, used as loading indicator.
20 lines • 3.76 kB
JavaScript
import { Component, Attribute, ChangeDetectionStrategy } from '@angular/core';
import * as i0 from "@angular/core";
export class UiowaRingComponent {
constructor(size) {
this.size = size;
if (!this.size || isNaN(this.size) || this.size < 0) {
this.size = 4;
}
}
}
UiowaRingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UiowaRingComponent, deps: [{ token: 'size', attribute: true }], target: i0.ɵɵFactoryTarget.Component });
UiowaRingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: UiowaRingComponent, selector: "uiowa-ring", ngImport: i0, template: "<div\r\n class=\"ring\"\r\n [style.height.rem]=\"size\"\r\n [style.width.rem]=\"size\"\r\n [style.border-width.rem]=\"size / 4\"\r\n></div>\r\n", styles: [".ring{border-radius:50%;border-color:#000000 #ffcd00;border-style:solid;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UiowaRingComponent, decorators: [{
type: Component,
args: [{ selector: 'uiowa-ring', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n class=\"ring\"\r\n [style.height.rem]=\"size\"\r\n [style.width.rem]=\"size\"\r\n [style.border-width.rem]=\"size / 4\"\r\n></div>\r\n", styles: [".ring{border-radius:50%;border-color:#000000 #ffcd00;border-style:solid;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
type: Attribute,
args: ['size']
}] }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWlvd2EtcmluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aW93YS9zcGlubmVyL3NyYy9saWIvdWlvd2EtcmluZy91aW93YS1yaW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Vpb3dhL3NwaW5uZXIvc3JjL2xpYi91aW93YS1yaW5nL3Vpb3dhLXJpbmcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUTlFLE1BQU0sT0FBTyxrQkFBa0I7SUFDN0IsWUFBc0MsSUFBWTtRQUFaLFNBQUksR0FBSixJQUFJLENBQVE7UUFDaEQsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsRUFBRTtZQUNuRCxJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsQ0FBQztTQUNmO0lBQ0gsQ0FBQzs7Z0hBTFUsa0JBQWtCLGtCQUNOLE1BQU07b0dBRGxCLGtCQUFrQixrRENSL0IscUpBTUE7NEZERWEsa0JBQWtCO2tCQU45QixTQUFTOytCQUNFLFlBQVksbUJBR0wsdUJBQXVCLENBQUMsTUFBTTs7MEJBR2xDLFNBQVM7MkJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQXR0cmlidXRlLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd1aW93YS1yaW5nJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdWlvd2EtcmluZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdWlvd2EtcmluZy5jb21wb25lbnQuY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBVaW93YVJpbmdDb21wb25lbnQge1xyXG4gIGNvbnN0cnVjdG9yKEBBdHRyaWJ1dGUoJ3NpemUnKSBwdWJsaWMgc2l6ZTogbnVtYmVyKSB7XHJcbiAgICBpZiAoIXRoaXMuc2l6ZSB8fCBpc05hTih0aGlzLnNpemUpIHx8IHRoaXMuc2l6ZSA8IDApIHtcclxuICAgICAgdGhpcy5zaXplID0gNDtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdlxyXG4gIGNsYXNzPVwicmluZ1wiXHJcbiAgW3N0eWxlLmhlaWdodC5yZW1dPVwic2l6ZVwiXHJcbiAgW3N0eWxlLndpZHRoLnJlbV09XCJzaXplXCJcclxuICBbc3R5bGUuYm9yZGVyLXdpZHRoLnJlbV09XCJzaXplIC8gNFwiXHJcbj48L2Rpdj5cclxuIl19