govuk-angular
Version:
Angular components port of govuk-frontend nunjucks macros.
16 lines • 3.95 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class GovUKLoadingBarComponent {
}
GovUKLoadingBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GovUKLoadingBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
GovUKLoadingBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: GovUKLoadingBarComponent, selector: "govuk-loading", inputs: { slId: "slId", isLoading: "isLoading" }, ngImport: i0, template: "<div *ngIf=\"isLoading\" id=\"{{slId}}\">\n\n <h4 class=\"govuk-heading-s\">Loading....</h4>\n\n <div class=\"progress-bar\">\n <span class=\"bar\">\n <span class=\"progress\"></span>\n </span>\n </div>\n\n</div>", styles: ["@keyframes loader{0%{width:0}20%{width:10%}25%{width:24%}43%{width:41%}56%{width:50%}66%{width:52%}71%{width:60%}75%{width:76%}94%{width:86%}to{width:100%}}.progress-bar{border-radius:60px;overflow:hidden;width:100%}.progress-bar span{display:block}.bar{background:govuk-colour(\"blue\")}.progress{animation:loader 8s ease infinite;background:#1d70b8;color:#fff;padding:5px;width:0}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GovUKLoadingBarComponent, decorators: [{
type: Component,
args: [{ selector: 'govuk-loading', template: "<div *ngIf=\"isLoading\" id=\"{{slId}}\">\n\n <h4 class=\"govuk-heading-s\">Loading....</h4>\n\n <div class=\"progress-bar\">\n <span class=\"bar\">\n <span class=\"progress\"></span>\n </span>\n </div>\n\n</div>", styles: ["@keyframes loader{0%{width:0}20%{width:10%}25%{width:24%}43%{width:41%}56%{width:50%}66%{width:52%}71%{width:60%}75%{width:76%}94%{width:86%}to{width:100%}}.progress-bar{border-radius:60px;overflow:hidden;width:100%}.progress-bar span{display:block}.bar{background:govuk-colour(\"blue\")}.progress{animation:loader 8s ease infinite;background:#1d70b8;color:#fff;padding:5px;width:0}\n"] }]
}], propDecorators: { slId: [{
type: Input
}], isLoading: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ292dWstYW5ndWxhci9zcmMvbGliL2xvYWRpbmcvbG9hZGluZy1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ292dWstYW5ndWxhci9zcmMvbGliL2xvYWRpbmcvbG9hZGluZy1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRyxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9sRCxNQUFNLE9BQU8sd0JBQXdCOztxSEFBeEIsd0JBQXdCO3lHQUF4Qix3QkFBd0IsdUdDUHJDLG9QQVVNOzJGREhPLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxlQUFlOzhCQU1oQixJQUFJO3NCQUFaLEtBQUs7Z0JBR0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dvdnVrLWxvYWRpbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vbG9hZGluZy1iYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9sb2FkaW5nLWJhci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdvdlVLTG9hZGluZ0JhckNvbXBvbmVudHtcbiAgLyoqIFVzZSB0byBjcmVhdGUgdW5pcXVlIGlkcyBmb3IgZWFjaCBpdGVtIGluIHRoZSByYWRpbyBsaXN0ICovXG4gIEBJbnB1dCgpIHNsSWQ6IHN0cmluZztcblxuICAvKiogVGl0bGUgdG8gZGlzcGxheSBhdCB0aGUgdG9wIG9mIHRoZSByYWRpbyBsaXN0ICovXG4gIEBJbnB1dCgpIGlzTG9hZGluZzogYm9vbGVhbjtcblxufVxuIiwiPGRpdiAqbmdJZj1cImlzTG9hZGluZ1wiIGlkPVwie3tzbElkfX1cIj5cblxuICAgIDxoNCBjbGFzcz1cImdvdnVrLWhlYWRpbmctc1wiPkxvYWRpbmcuLi4uPC9oND5cblxuICAgIDxkaXYgY2xhc3M9XCJwcm9ncmVzcy1iYXJcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJiYXJcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJwcm9ncmVzc1wiPjwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuXG48L2Rpdj4iXX0=