@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>
63 lines • 4.47 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';
var Loading = /** @class */ (function () {
function Loading(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: "\n <div\n [ngClass]=\"{\n 'loading--small': size === 'sm',\n 'loading--stop': !isActive && !overlay,\n 'loading-overlay--stop': !isActive && overlay\n }\"\n class=\"loading\">\n <svg class=\"loading__svg\" viewBox=\"-75 -75 150 150\">\n <title>{{title}}</title>\n <circle class=\"loading__stroke\" cx=\"0\" cy=\"0\" r=\"37.5\" />\n </svg>\n </div>\n "
}] }
];
/** @nocollapse */
Loading.ctorParameters = function () { return [
{ type: ElementRef }
]; };
Loading.propDecorators = {
title: [{ type: Input }],
isActive: [{ type: Input }],
size: [{ type: Input }],
overlay: [{ type: Input }, { type: HostBinding, args: ['class.loading-overlay',] }]
};
return Loading;
}());
export { Loading };
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Aa3VzaGtpL25nLXN1a2EvIiwic291cmNlcyI6WyJsaWIvbG9hZGluZy9sb2FkaW5nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRTtJQW1DRSxpQkFBbUIsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQWpCaEMsVUFBSyxHQUFHLFNBQVMsQ0FBQzs7OztRQUtsQixhQUFRLEdBQUcsSUFBSSxDQUFDOzs7O1FBS2hCLFNBQUksR0FBb0IsUUFBUSxDQUFDOzs7O1FBS0ssWUFBTyxHQUFHLEtBQUssQ0FBQztJQUVuQixDQUFDOztnQkFuQzlDLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsY0FBYztvQkFDeEIsUUFBUSxFQUFFLG1hQWFUO2lCQUNGOzs7O2dCQWxCdUMsVUFBVTs7O3dCQW9CL0MsS0FBSzsyQkFLTCxLQUFLO3VCQUtMLEtBQUs7MEJBS0wsS0FBSyxZQUFJLFdBQVcsU0FBQyx1QkFBdUI7O0lBRy9DLGNBQUM7Q0FBQSxBQXBDRCxJQW9DQztTQW5CWSxPQUFPOzs7SUFDbEIsd0JBQTJCOzs7OztJQUszQiwyQkFBeUI7Ozs7O0lBS3pCLHVCQUEwQzs7Ozs7SUFLMUMsMEJBQStEOztJQUVuRCw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBIb3N0QmluZGluZywgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWthLWxvYWRpbmcnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXZcbiAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgJ2xvYWRpbmctLXNtYWxsJzogc2l6ZSA9PT0gJ3NtJyxcbiAgICAgICAgJ2xvYWRpbmctLXN0b3AnOiAhaXNBY3RpdmUgJiYgIW92ZXJsYXksXG4gICAgICAgICdsb2FkaW5nLW92ZXJsYXktLXN0b3AnOiAhaXNBY3RpdmUgJiYgb3ZlcmxheVxuICAgICAgfVwiXG4gICAgICBjbGFzcz1cImxvYWRpbmdcIj5cbiAgICAgIDxzdmcgY2xhc3M9XCJsb2FkaW5nX19zdmdcIiB2aWV3Qm94PVwiLTc1IC03NSAxNTAgMTUwXCI+XG4gICAgICAgIDx0aXRsZT57e3RpdGxlfX08L3RpdGxlPlxuICAgICAgICA8Y2lyY2xlIGNsYXNzPVwibG9hZGluZ19fc3Ryb2tlXCIgY3g9XCIwXCIgY3k9XCIwXCIgcj1cIjM3LjVcIiAvPlxuICAgICAgPC9zdmc+XG4gICAgPC9kaXY+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgTG9hZGluZyB7XG4gIEBJbnB1dCgpIHRpdGxlID0gJ0xvYWRpbmcnO1xuXG4gIC8qKlxuICAgKiBzZXQgdG8gYGZhbHNlYCB0byBzdG9wIHRoZSBsb2FkaW5nIGFuaW1hdGlvblxuICAgKi9cbiAgQElucHV0KCkgaXNBY3RpdmUgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBTcGVjaWZ5IHRoZSBzaXplIG9mIHRoZSBidXR0b25cbiAgICovXG4gIEBJbnB1dCgpIHNpemU6ICdub3JtYWwnIHwgJ3NtJyA9ICdub3JtYWwnO1xuXG4gIC8qKlxuICAgKiBTZXQgdG8gYHRydWVgIHRvIG1ha2UgbG9hZGVyIHdpdGggYW4gb3ZlcmxheS5cbiAgICovXG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnY2xhc3MubG9hZGluZy1vdmVybGF5Jykgb3ZlcmxheSA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7fVxufVxuIl19