@engie-group/fluid-design-system-angular
Version:
Fluid Design System Angular
57 lines • 7.7 kB
JavaScript
import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class SpinnerComponent {
constructor() {
/**
* @ignore
*/
this.spinnerClassName = 'nj-spinner';
/**
* Spinner variant
*/
this.variant = 'normal';
/**
* Spinner size
*/
this.size = 'md';
/**
* Whether the spinner is rendered as a block (<div>) or an inline (<span>) element.
*/
this.isBlock = true;
}
/**
* @ignore
*/
getSpinnerVariantClass() {
if (!this.variant || this.variant === 'normal') {
return '';
}
return `${this.spinnerClassName}--${this.variant}`;
}
/**
* @ignore
*/
getSpinnerSizeClass() {
if (!this.size) {
return '';
}
return `${this.spinnerClassName}--${this.size}`;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SpinnerComponent, isStandalone: true, selector: "nj-spinner", inputs: { variant: "variant", size: "size", isLoading: "isLoading", isBlock: "isBlock" }, ngImport: i0, template: "<div *ngIf=\"isBlock\" class=\"nj-spinner\" [ngClass]=\"[isLoading ? '' : 'nj-sr-only', getSpinnerVariantClass(), getSpinnerSizeClass()]\" aria-live=\"polite\" aria-atomic=\"true\">\n <p *ngIf=\"isLoading\" class=\"nj-sr-only\">Loading...</p>\n</div>\n\n<span *ngIf=\"!isBlock\" class=\"nj-spinner\" [ngClass]=\"[isLoading ? '' : 'nj-sr-only', getSpinnerVariantClass(), getSpinnerSizeClass()]\" aria-live=\"polite\" aria-atomic=\"true\">\n <span *ngIf=\"isLoading\" class=\"nj-sr-only\">Loading...</span>\n</span>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpinnerComponent, decorators: [{
type: Component,
args: [{ selector: 'nj-spinner', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<div *ngIf=\"isBlock\" class=\"nj-spinner\" [ngClass]=\"[isLoading ? '' : 'nj-sr-only', getSpinnerVariantClass(), getSpinnerSizeClass()]\" aria-live=\"polite\" aria-atomic=\"true\">\n <p *ngIf=\"isLoading\" class=\"nj-sr-only\">Loading...</p>\n</div>\n\n<span *ngIf=\"!isBlock\" class=\"nj-spinner\" [ngClass]=\"[isLoading ? '' : 'nj-sr-only', getSpinnerVariantClass(), getSpinnerSizeClass()]\" aria-live=\"polite\" aria-atomic=\"true\">\n <span *ngIf=\"isLoading\" class=\"nj-sr-only\">Loading...</span>\n</span>\n", styles: [":host{display:contents}\n"] }]
}], ctorParameters: function () { return []; }, propDecorators: { variant: [{
type: Input
}], size: [{
type: Input
}], isLoading: [{
type: Input
}], isBlock: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcGlubmVyL3NwaW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBVzFFLE1BQU0sT0FBTyxnQkFBZ0I7SUE0QjNCO1FBM0JBOztXQUVHO1FBQ0sscUJBQWdCLEdBQUcsWUFBWSxDQUFDO1FBRXhDOztXQUVHO1FBQ00sWUFBTyxHQUFtQixRQUFRLENBQUM7UUFFNUM7O1dBRUc7UUFDTSxTQUFJLEdBQWdCLElBQUksQ0FBQztRQVNsQzs7V0FFRztRQUNNLFlBQU8sR0FBYSxJQUFJLENBQUM7SUFFbkIsQ0FBQztJQUVoQjs7T0FFRztJQUNILHNCQUFzQjtRQUNwQixJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLFFBQVEsRUFBRTtZQUM5QyxPQUFPLEVBQUUsQ0FBQztTQUNYO1FBQ0QsT0FBTyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsS0FBSyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDckQsQ0FBQztJQUVEOztPQUVHO0lBQ0gsbUJBQW1CO1FBQ2pCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2QsT0FBTyxFQUFFLENBQUM7U0FDWDtRQUNELE9BQU8sR0FBRyxJQUFJLENBQUMsZ0JBQWdCLEtBQUssSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2xELENBQUM7K0dBaERVLGdCQUFnQjttR0FBaEIsZ0JBQWdCLGdLQ1o3Qix1Z0JBT0Esa0ZER1ksWUFBWTs7NEZBRVgsZ0JBQWdCO2tCQVI1QixTQUFTOytCQUNFLFlBQVksbUJBR0wsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7MEVBV2QsT0FBTztzQkFBZixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFPRyxTQUFTO3NCQUFqQixLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3Bpbm5lclNpemUsIFNwaW5uZXJWYXJpYW50IH0gZnJvbSAnLi9zcGlubmVyLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmotc3Bpbm5lcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGlubmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Bpbm5lci5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV1cbn0pXG5leHBvcnQgY2xhc3MgU3Bpbm5lckNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBwcml2YXRlIHNwaW5uZXJDbGFzc05hbWUgPSAnbmotc3Bpbm5lcic7XG5cbiAgLyoqXG4gICAqIFNwaW5uZXIgdmFyaWFudFxuICAgKi9cbiAgQElucHV0KCkgdmFyaWFudDogU3Bpbm5lclZhcmlhbnQgPSAnbm9ybWFsJztcblxuICAvKipcbiAgICogU3Bpbm5lciBzaXplXG4gICAqL1xuICBASW5wdXQoKSBzaXplOiBTcGlubmVyU2l6ZSA9ICdtZCc7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdG8gcmVuZGVyIHRoZSBjb250ZW50IG9mIHRoZSBzcGlubmVyLFxuICAgKiB0aGUgd3JhcHBlciBvZiB0aGUgY29tcG9uZW50IGJlZWluZyBhbHdheXMgcmVuZGVyZWRcbiAgICogdG8gbWFrZSB0aGUgbGl2ZSByZWdpb24gd29yayBwcm9wZXJseS5cbiAgICovXG4gIEBJbnB1dCgpIGlzTG9hZGluZzogYm9vbGVhbjtcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgc3Bpbm5lciBpcyByZW5kZXJlZCBhcyBhIGJsb2NrICg8ZGl2Pikgb3IgYW4gaW5saW5lICg8c3Bhbj4pIGVsZW1lbnQuXG4gICAqL1xuICBASW5wdXQoKSBpc0Jsb2NrPzogYm9vbGVhbiA9IHRydWU7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBnZXRTcGlubmVyVmFyaWFudENsYXNzKCk6IHN0cmluZyB7XG4gICAgaWYgKCF0aGlzLnZhcmlhbnQgfHwgdGhpcy52YXJpYW50ID09PSAnbm9ybWFsJykge1xuICAgICAgcmV0dXJuICcnO1xuICAgIH1cbiAgICByZXR1cm4gYCR7dGhpcy5zcGlubmVyQ2xhc3NOYW1lfS0tJHt0aGlzLnZhcmlhbnR9YDtcbiAgfVxuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBnZXRTcGlubmVyU2l6ZUNsYXNzKCk6IHN0cmluZyB7XG4gICAgaWYgKCF0aGlzLnNpemUpIHtcbiAgICAgIHJldHVybiAnJztcbiAgICB9XG4gICAgcmV0dXJuIGAke3RoaXMuc3Bpbm5lckNsYXNzTmFtZX0tLSR7dGhpcy5zaXplfWA7XG4gIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCJpc0Jsb2NrXCIgY2xhc3M9XCJuai1zcGlubmVyXCIgW25nQ2xhc3NdPVwiW2lzTG9hZGluZyA/ICcnIDogJ25qLXNyLW9ubHknLCBnZXRTcGlubmVyVmFyaWFudENsYXNzKCksIGdldFNwaW5uZXJTaXplQ2xhc3MoKV1cIiBhcmlhLWxpdmU9XCJwb2xpdGVcIiBhcmlhLWF0b21pYz1cInRydWVcIj5cbiAgPHAgKm5nSWY9XCJpc0xvYWRpbmdcIiBjbGFzcz1cIm5qLXNyLW9ubHlcIj5Mb2FkaW5nLi4uPC9wPlxuPC9kaXY+XG5cbjxzcGFuICpuZ0lmPVwiIWlzQmxvY2tcIiBjbGFzcz1cIm5qLXNwaW5uZXJcIiBbbmdDbGFzc109XCJbaXNMb2FkaW5nID8gJycgOiAnbmotc3Itb25seScsIGdldFNwaW5uZXJWYXJpYW50Q2xhc3MoKSwgZ2V0U3Bpbm5lclNpemVDbGFzcygpXVwiIGFyaWEtbGl2ZT1cInBvbGl0ZVwiIGFyaWEtYXRvbWljPVwidHJ1ZVwiPlxuICA8c3BhbiAqbmdJZj1cImlzTG9hZGluZ1wiIGNsYXNzPVwibmotc3Itb25seVwiPkxvYWRpbmcuLi48L3NwYW4+XG48L3NwYW4+XG4iXX0=