@kushki/ng-suka
Version:
<p align="center"> <h1 align="center">Suka Components Angular</h1> <p align="center"> An Angular implementation of the Suka Design System </p> </p>
77 lines • 4.32 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, HostBinding, ElementRef } from '@angular/core';
export class Loading {
/**
* @param {?} elementRef
*/
constructor(elementRef) {
this.elementRef = elementRef;
this.title = 'Loading';
/**
* set to `false` to stop the loading animation
*/
this.isActive = true;
/**
* Specify the size of the button
*/
this.size = 'normal';
/**
* Set to `true` to make loader with an overlay.
*/
this.overlay = false;
}
}
Loading.decorators = [
{ type: Component, args: [{
selector: 'suka-loading',
template: `
<div
[ngClass]="{
'loading--small': size === 'sm',
'loading--stop': !isActive && !overlay,
'loading-overlay--stop': !isActive && overlay
}"
class="loading">
<svg class="loading__svg" viewBox="-75 -75 150 150">
<title>{{title}}</title>
<circle class="loading__stroke" cx="0" cy="0" r="37.5" />
</svg>
</div>
`
}] }
];
/** @nocollapse */
Loading.ctorParameters = () => [
{ type: ElementRef }
];
Loading.propDecorators = {
title: [{ type: Input }],
isActive: [{ type: Input }],
size: [{ type: Input }],
overlay: [{ type: Input }, { type: HostBinding, args: ['class.loading-overlay',] }]
};
if (false) {
/** @type {?} */
Loading.prototype.title;
/**
* set to `false` to stop the loading animation
* @type {?}
*/
Loading.prototype.isActive;
/**
* Specify the size of the button
* @type {?}
*/
Loading.prototype.size;
/**
* Set to `true` to make loader with an overlay.
* @type {?}
*/
Loading.prototype.overlay;
/** @type {?} */
Loading.prototype.elementRef;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Aa3VzaGtpL25nLXN1a2EvIiwic291cmNlcyI6WyJsaWIvbG9hZGluZy9sb2FkaW5nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQW1CMUUsTUFBTSxPQUFPLE9BQU87Ozs7SUFrQmxCLFlBQW1CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFqQmhDLFVBQUssR0FBRyxTQUFTLENBQUM7Ozs7UUFLbEIsYUFBUSxHQUFHLElBQUksQ0FBQzs7OztRQUtoQixTQUFJLEdBQW9CLFFBQVEsQ0FBQzs7OztRQUtLLFlBQU8sR0FBRyxLQUFLLENBQUM7SUFFbkIsQ0FBQzs7O1lBbkM5QyxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7OztHQWFUO2FBQ0Y7Ozs7WUFsQnVDLFVBQVU7OztvQkFvQi9DLEtBQUs7dUJBS0wsS0FBSzttQkFLTCxLQUFLO3NCQUtMLEtBQUssWUFBSSxXQUFXLFNBQUMsdUJBQXVCOzs7O0lBZjdDLHdCQUEyQjs7Ozs7SUFLM0IsMkJBQXlCOzs7OztJQUt6Qix1QkFBMEM7Ozs7O0lBSzFDLDBCQUErRDs7SUFFbkQsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgSG9zdEJpbmRpbmcsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3VrYS1sb2FkaW5nJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2XG4gICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICdsb2FkaW5nLS1zbWFsbCc6IHNpemUgPT09ICdzbScsXG4gICAgICAgICdsb2FkaW5nLS1zdG9wJzogIWlzQWN0aXZlICYmICFvdmVybGF5LFxuICAgICAgICAnbG9hZGluZy1vdmVybGF5LS1zdG9wJzogIWlzQWN0aXZlICYmIG92ZXJsYXlcbiAgICAgIH1cIlxuICAgICAgY2xhc3M9XCJsb2FkaW5nXCI+XG4gICAgICA8c3ZnIGNsYXNzPVwibG9hZGluZ19fc3ZnXCIgdmlld0JveD1cIi03NSAtNzUgMTUwIDE1MFwiPlxuICAgICAgICA8dGl0bGU+e3t0aXRsZX19PC90aXRsZT5cbiAgICAgICAgPGNpcmNsZSBjbGFzcz1cImxvYWRpbmdfX3N0cm9rZVwiIGN4PVwiMFwiIGN5PVwiMFwiIHI9XCIzNy41XCIgLz5cbiAgICAgIDwvc3ZnPlxuICAgIDwvZGl2PlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIExvYWRpbmcge1xuICBASW5wdXQoKSB0aXRsZSA9ICdMb2FkaW5nJztcblxuICAvKipcbiAgICogc2V0IHRvIGBmYWxzZWAgdG8gc3RvcCB0aGUgbG9hZGluZyBhbmltYXRpb25cbiAgICovXG4gIEBJbnB1dCgpIGlzQWN0aXZlID0gdHJ1ZTtcblxuICAvKipcbiAgICogU3BlY2lmeSB0aGUgc2l6ZSBvZiB0aGUgYnV0dG9uXG4gICAqL1xuICBASW5wdXQoKSBzaXplOiAnbm9ybWFsJyB8ICdzbScgPSAnbm9ybWFsJztcblxuICAvKipcbiAgICogU2V0IHRvIGB0cnVlYCB0byBtYWtlIGxvYWRlciB3aXRoIGFuIG92ZXJsYXkuXG4gICAqL1xuICBASW5wdXQoKSBASG9zdEJpbmRpbmcoJ2NsYXNzLmxvYWRpbmctb3ZlcmxheScpIG92ZXJsYXkgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZikge31cbn1cbiJdfQ==