@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.
13 lines • 3.14 kB
JavaScript
import { ChangeDetectionStrategy, Component, } from '@angular/core';
import * as i0 from "@angular/core";
export class LoadingPlaceholderComponent {
constructor() { }
ngOnInit() { }
}
LoadingPlaceholderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoadingPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
LoadingPlaceholderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: LoadingPlaceholderComponent, selector: "loading-placeholder", ngImport: i0, template: `<div class="placeholder-item"></div>`, isInline: true, styles: [".placeholder-item{box-shadow:0 4px 10px #21212126;position:relative;overflow:hidden;height:100%}.placeholder-item:before{content:\"\";display:block;position:absolute;left:-200px;top:0;height:100%;width:200px;background:linear-gradient(to right,transparent 0%,#e8e8e8 50%,transparent 100%);animation:load 1s cubic-bezier(.4,0,.2,1) infinite}@keyframes load{0%{left:-200px}to{left:100%}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoadingPlaceholderComponent, decorators: [{
type: Component,
args: [{ selector: 'loading-placeholder', template: `<div class="placeholder-item"></div>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".placeholder-item{box-shadow:0 4px 10px #21212126;position:relative;overflow:hidden;height:100%}.placeholder-item:before{content:\"\";display:block;position:absolute;left:-200px;top:0;height:100%;width:200px;background:linear-gradient(to right,transparent 0%,#e8e8e8 50%,transparent 100%);animation:load 1s cubic-bezier(.4,0,.2,1) infinite}@keyframes load{0%{left:-200px}to{left:100%}}\n"] }]
}], ctorParameters: function () { return []; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1wbGFjZWhvbGRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aW93YS9zcGlubmVyL3NyYy9saWIvbG9hZGluZy1wbGFjZWhvbGRlci9sb2FkaW5nLXBsYWNlaG9sZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FHVixNQUFNLGVBQWUsQ0FBQzs7QUFRdkIsTUFBTSxPQUFPLDJCQUEyQjtJQUN0QyxnQkFBZSxDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDOzt5SEFIUiwyQkFBMkI7NkdBQTNCLDJCQUEyQiwyREFKNUIsc0NBQXNDOzRGQUlyQywyQkFBMkI7a0JBTnZDLFNBQVM7K0JBQ0UscUJBQXFCLFlBQ3JCLHNDQUFzQyxtQkFFL0IsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPbkluaXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsb2FkaW5nLXBsYWNlaG9sZGVyJyxcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwicGxhY2Vob2xkZXItaXRlbVwiPjwvZGl2PmAsXG4gIHN0eWxlVXJsczogWycuL2xvYWRpbmctcGxhY2Vob2xkZXIuY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTG9hZGluZ1BsYWNlaG9sZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge31cbn1cbiJdfQ==