@ui-tool/core
Version:
46 lines • 7.81 kB
JavaScript
import { Component, HostBinding, Inject } from '@angular/core';
import { DISPLAY_SPINNER_OPTIONS, SPINNER_HOST, SPINNER_REQUEST_ID, SPINNER_SERVICE } from '../../../constants';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../../models";
export class BasicSpinnerComponent {
//#endregion
//#region Constructor
constructor(_requestId, options, host, _spinnerService) {
this._requestId = _requestId;
this.options = options;
this.host = host;
this._spinnerService = _spinnerService;
}
//#region Accessors
get requestId() {
return this._requestId;
}
//#endregion
//#region Methods
cancel() {
this._spinnerService.deleteSpinner(this.host, this.requestId);
}
}
BasicSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BasicSpinnerComponent, deps: [{ token: SPINNER_REQUEST_ID }, { token: DISPLAY_SPINNER_OPTIONS }, { token: SPINNER_HOST }, { token: SPINNER_SERVICE }], target: i0.ɵɵFactoryTarget.Component });
BasicSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: BasicSpinnerComponent, selector: "basic-spinner", host: { properties: { "attr.request-id": "this.requestId" } }, ngImport: i0, template: "<div class=\"loader-container\">\n <div class=\"loader\"></div>\n <ng-container *ngIf=\"options && options.closing\">\n <button type=\"button\" (click)=\"cancel()\">{{options.closeText || 'Cancel' }}</button>\n </ng-container>\n</div>\n", styles: [":host{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2;background-color:#000000bf;overflow:hidden}:host.hidden{display:none}.loader,.loader:after{border-radius:50%;width:10em;height:10em}.loader{font-size:5px;position:relative;text-indent:-9999em;border-top:1.1em solid rgba(255,255,255,.2);border-right:1.1em solid rgba(255,255,255,.2);border-bottom:1.1em solid rgba(255,255,255,.2);border-left:1.1em solid #ffffff;transform:translateZ(0);animation:spin 1.1s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{background:transparent;border:none;z-index:3;text-align:center}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BasicSpinnerComponent, decorators: [{
type: Component,
args: [{ selector: 'basic-spinner', template: "<div class=\"loader-container\">\n <div class=\"loader\"></div>\n <ng-container *ngIf=\"options && options.closing\">\n <button type=\"button\" (click)=\"cancel()\">{{options.closeText || 'Cancel' }}</button>\n </ng-container>\n</div>\n", styles: [":host{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2;background-color:#000000bf;overflow:hidden}:host.hidden{display:none}.loader,.loader:after{border-radius:50%;width:10em;height:10em}.loader{font-size:5px;position:relative;text-indent:-9999em;border-top:1.1em solid rgba(255,255,255,.2);border-right:1.1em solid rgba(255,255,255,.2);border-bottom:1.1em solid rgba(255,255,255,.2);border-left:1.1em solid #ffffff;transform:translateZ(0);animation:spin 1.1s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{background:transparent;border:none;z-index:3;text-align:center}\n"] }]
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
type: Inject,
args: [SPINNER_REQUEST_ID]
}] }, { type: i2.DisplaySpinnerOptions, decorators: [{
type: Inject,
args: [DISPLAY_SPINNER_OPTIONS]
}] }, { type: undefined, decorators: [{
type: Inject,
args: [SPINNER_HOST]
}] }, { type: undefined, decorators: [{
type: Inject,
args: [SPINNER_SERVICE]
}] }]; }, propDecorators: { requestId: [{
type: HostBinding,
args: ['attr.request-id']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtc3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL21vZHVsZXMvc3Bpbm5lci9iYXNpYy1zcGlubmVyL2Jhc2ljLXNwaW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9tb2R1bGVzL3NwaW5uZXIvYmFzaWMtc3Bpbm5lci9iYXNpYy1zcGlubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsWUFBWSxFQUFFLGtCQUFrQixFQUFFLGVBQWUsRUFBQyxNQUFNLG9CQUFvQixDQUFDOzs7O0FBVTlHLE1BQU0sT0FBTyxxQkFBcUI7SUFTaEMsWUFBWTtJQUVaLHFCQUFxQjtJQUVyQixZQUVxQixVQUFrQixFQUVyQixPQUE4QixFQUU5QixJQUFZLEVBRVQsZUFBZ0M7UUFOaEMsZUFBVSxHQUFWLFVBQVUsQ0FBUTtRQUVyQixZQUFPLEdBQVAsT0FBTyxDQUF1QjtRQUU5QixTQUFJLEdBQUosSUFBSSxDQUFRO1FBRVQsb0JBQWUsR0FBZixlQUFlLENBQWlCO0lBQ3JELENBQUM7SUFwQkQsbUJBQW1CO0lBRW5CLElBQ1csU0FBUztRQUNsQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQWlCRCxZQUFZO0lBRVosaUJBQWlCO0lBRVYsTUFBTTtRQUNYLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2hFLENBQUM7O21IQTlCVSxxQkFBcUIsa0JBY3RCLGtCQUFrQixhQUVsQix1QkFBdUIsYUFFdkIsWUFBWSxhQUVaLGVBQWU7dUdBcEJkLHFCQUFxQixvSENYbEMsb1BBTUE7NEZES2EscUJBQXFCO2tCQU5qQyxTQUFTOytCQUVFLGVBQWU7OzBCQWtCdEIsTUFBTTsyQkFBQyxrQkFBa0I7OzBCQUV6QixNQUFNOzJCQUFDLHVCQUF1Qjs7MEJBRTlCLE1BQU07MkJBQUMsWUFBWTs7MEJBRW5CLE1BQU07MkJBQUMsZUFBZTs0Q0FmZCxTQUFTO3NCQURuQixXQUFXO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBIb3N0QmluZGluZywgSW5qZWN0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7RElTUExBWV9TUElOTkVSX09QVElPTlMsIFNQSU5ORVJfSE9TVCwgU1BJTk5FUl9SRVFVRVNUX0lELCBTUElOTkVSX1NFUlZJQ0V9IGZyb20gJy4uLy4uLy4uL2NvbnN0YW50cyc7XG5pbXBvcnQge0Rpc3BsYXlTcGlubmVyT3B0aW9uc30gZnJvbSAnLi4vLi4vLi4vbW9kZWxzJztcbmltcG9ydCB7SVNwaW5uZXJTZXJ2aWNlfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6Y29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnYmFzaWMtc3Bpbm5lcicsXG4gIHRlbXBsYXRlVXJsOiAnYmFzaWMtc3Bpbm5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydiYXNpYy1zcGlubmVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQmFzaWNTcGlubmVyQ29tcG9uZW50IHtcblxuICAvLyNyZWdpb24gQWNjZXNzb3JzXG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLnJlcXVlc3QtaWQnKVxuICBwdWJsaWMgZ2V0IHJlcXVlc3RJZCgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9yZXF1ZXN0SWQ7XG4gIH1cblxuICAvLyNlbmRyZWdpb25cblxuICAvLyNyZWdpb24gQ29uc3RydWN0b3JcblxuICBwdWJsaWMgY29uc3RydWN0b3IoXG4gICAgQEluamVjdChTUElOTkVSX1JFUVVFU1RfSUQpXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IF9yZXF1ZXN0SWQ6IHN0cmluZyxcbiAgICBASW5qZWN0KERJU1BMQVlfU1BJTk5FUl9PUFRJT05TKVxuICAgIHB1YmxpYyByZWFkb25seSBvcHRpb25zOiBEaXNwbGF5U3Bpbm5lck9wdGlvbnMsXG4gICAgQEluamVjdChTUElOTkVSX0hPU1QpXG4gICAgcHVibGljIHJlYWRvbmx5IGhvc3Q6IHN0cmluZyxcbiAgICBASW5qZWN0KFNQSU5ORVJfU0VSVklDRSlcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgX3NwaW5uZXJTZXJ2aWNlOiBJU3Bpbm5lclNlcnZpY2UpIHtcbiAgfVxuXG4gIC8vI2VuZHJlZ2lvblxuXG4gIC8vI3JlZ2lvbiBNZXRob2RzXG5cbiAgcHVibGljIGNhbmNlbCgpOiB2b2lkIHtcbiAgICB0aGlzLl9zcGlubmVyU2VydmljZS5kZWxldGVTcGlubmVyKHRoaXMuaG9zdCwgdGhpcy5yZXF1ZXN0SWQpO1xuICB9XG5cbiAgLy8jZW5kcmVnaW9uXG59XG4iLCI8ZGl2IGNsYXNzPVwibG9hZGVyLWNvbnRhaW5lclwiPlxuICA8ZGl2IGNsYXNzPVwibG9hZGVyXCI+PC9kaXY+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJvcHRpb25zICYmIG9wdGlvbnMuY2xvc2luZ1wiPlxuICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIChjbGljayk9XCJjYW5jZWwoKVwiPnt7b3B0aW9ucy5jbG9zZVRleHQgfHwgJ0NhbmNlbCcgfX08L2J1dHRvbj5cbiAgPC9uZy1jb250YWluZXI+XG48L2Rpdj5cbiJdfQ==