@junte/ui
Version:
Quality Angular UI components kit
47 lines • 4.25 kB
JavaScript
import { __decorate, __metadata } from "tslib";
import { Component, HostBinding, Input } from '@angular/core';
import { PropertyApi } from '../../core/decorators/api';
import { Size } from '../../core/enums/size';
var SpinnerComponent = /** @class */ (function () {
function SpinnerComponent() {
this.host = 'jnt-spinner-host';
this._size = Size.normal;
}
Object.defineProperty(SpinnerComponent.prototype, "size", {
set: function (size) {
this._size = size || Size.normal;
},
enumerable: true,
configurable: true
});
__decorate([
HostBinding('attr.host'),
__metadata("design:type", Object)
], SpinnerComponent.prototype, "host", void 0);
__decorate([
HostBinding('attr.data-size'),
__metadata("design:type", String)
], SpinnerComponent.prototype, "_size", void 0);
__decorate([
PropertyApi({
description: 'Spinner size',
path: 'ui.size',
default: Size.normal,
options: [Size.small,
Size.normal,
Size.large]
}),
Input(),
__metadata("design:type", String),
__metadata("design:paramtypes", [String])
], SpinnerComponent.prototype, "size", null);
SpinnerComponent = __decorate([
Component({
selector: 'jnt-spinner',
template: "<svg child-of=\"jnt-spinner-host\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path child-of=\"jnt-spinner-host\" data-stroke-spinner1 d=\"M26.59 19C25.55 23 21.6 27 16.0001 27C10.4 27 6.55 23 5.41003 19\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"></path>\n <path child-of=\"jnt-spinner-host\" data-stroke-spinner2 d=\"M5.41003 13C6.55 9 10.4046 5 16.0001 5C21.5956 5 25.55 9 26.59 13\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"></path>\n</svg>"
})
], SpinnerComponent);
return SpinnerComponent;
}());
export { SpinnerComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AanVudGUvdWkvIiwic291cmNlcyI6WyJsaWIvbGF5b3V0L3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDeEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBTTdDO0lBQUE7UUFFcUMsU0FBSSxHQUFHLGtCQUFrQixDQUFDO1FBRzdELFVBQUssR0FBUyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBYzVCLENBQUM7SUFKVSxzQkFBSSxrQ0FBSTthQUFSLFVBQVMsSUFBVTtZQUMxQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQ25DLENBQUM7OztPQUFBO0lBZnlCO1FBQXpCLFdBQVcsQ0FBQyxXQUFXLENBQUM7O2tEQUFvQztJQUc3RDtRQURDLFdBQVcsQ0FBQyxnQkFBZ0IsQ0FBQzs7bURBQ0o7SUFVakI7UUFSUixXQUFXLENBQUM7WUFDWCxXQUFXLEVBQUUsY0FBYztZQUMzQixJQUFJLEVBQUUsU0FBUztZQUNmLE9BQU8sRUFBRSxJQUFJLENBQUMsTUFBTTtZQUNwQixPQUFPLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSztnQkFDbEIsSUFBSSxDQUFDLE1BQU07Z0JBQ1gsSUFBSSxDQUFDLEtBQUssQ0FBQztTQUNkLENBQUM7UUFDRCxLQUFLLEVBQUU7OztnREFFUDtJQWpCVSxnQkFBZ0I7UUFKNUIsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLGFBQWE7WUFDdkIsaWhCQUEwQztTQUMzQyxDQUFDO09BQ1csZ0JBQWdCLENBbUI1QjtJQUFELHVCQUFDO0NBQUEsQUFuQkQsSUFtQkM7U0FuQlksZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFByb3BlcnR5QXBpIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzL2FwaSc7XG5pbXBvcnQgeyBTaXplIH0gZnJvbSAnLi4vLi4vY29yZS9lbnVtcy9zaXplJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnam50LXNwaW5uZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Bpbm5lci5lbmNhcHN1bGF0ZWQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgU3Bpbm5lckNvbXBvbmVudCB7XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmhvc3QnKSByZWFkb25seSBob3N0ID0gJ2pudC1zcGlubmVyLWhvc3QnO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXNpemUnKVxuICBfc2l6ZTogU2l6ZSA9IFNpemUubm9ybWFsO1xuXG4gIEBQcm9wZXJ0eUFwaSh7XG4gICAgZGVzY3JpcHRpb246ICdTcGlubmVyIHNpemUnLFxuICAgIHBhdGg6ICd1aS5zaXplJyxcbiAgICBkZWZhdWx0OiBTaXplLm5vcm1hbCxcbiAgICBvcHRpb25zOiBbU2l6ZS5zbWFsbCxcbiAgICAgIFNpemUubm9ybWFsLFxuICAgICAgU2l6ZS5sYXJnZV1cbiAgfSlcbiAgQElucHV0KCkgc2V0IHNpemUoc2l6ZTogU2l6ZSkge1xuICAgIHRoaXMuX3NpemUgPSBzaXplIHx8IFNpemUubm9ybWFsO1xuICB9XG5cbn1cbiJdfQ==