cfc-ds
Version:
Design System do Conselho Federal de Contabilidade baseado no govbr-ds
46 lines • 7.99 kB
JavaScript
import { Component, Input } from '@angular/core';
import { LoadingDensity } from '../../enums/loading-density.enum';
import * as i0 from "@angular/core";
import * as i1 from "../../services/loading.service";
import * as i2 from "@angular/common";
import * as i3 from "@angular/flex-layout/extended";
export class LoadingComponent {
loadingService;
density = LoadingDensity.medium;
progress;
minValue = 0;
maxValue = 100;
isFullScreen = true;
loadingSubscription;
constructor(loadingService) {
this.loadingService = loadingService;
}
ngOnInit() {
// this.loadingSubscription = this.loadingService.isLoading$.subscribe(
// ({ isLoading, isFullScreen }) => {
// this.isFullScreen = isFullScreen;
// if (isLoading) {
// } else {
// }
// }
// );
}
ngOnDestroy() {
// this.loadingSubscription?.unsubscribe();
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoadingComponent, deps: [{ token: i1.LoadingService }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LoadingComponent, selector: "cfc-loading", inputs: { density: "density", progress: "progress", minValue: "minValue", maxValue: "maxValue" }, ngImport: i0, template: "<div\r\n class=\"br-loading\"\r\n role=\"progressbar\"\r\n [ariaLabel]=\"progress ? 'Carregando em ' + progress + '%' : 'Carregando...'\"\r\n [attr.data-progress]=\"progress\"\r\n [attr.aria-valuemin]=\"progress ? minValue : undefined\"\r\n [attr.aria-valuemax]=\"progress ? maxValue : undefined\"\r\n [ngClass]=\"density\">\r\n <ng-container *ngIf=\"progress\">\r\n <div class=\"br-loading-mask full\">\r\n <div class=\"br-loading-fill\"></div>\r\n </div>\r\n <div class=\"br-loading-mask\">\r\n <div class=\"br-loading-fill\"></div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n", styles: [".full-screen-overlay{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background:#00000073;-webkit-backdrop-filter:blur(.1px);backdrop-filter:blur(.1px);z-index:1000}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoadingComponent, decorators: [{
type: Component,
args: [{ selector: 'cfc-loading', template: "<div\r\n class=\"br-loading\"\r\n role=\"progressbar\"\r\n [ariaLabel]=\"progress ? 'Carregando em ' + progress + '%' : 'Carregando...'\"\r\n [attr.data-progress]=\"progress\"\r\n [attr.aria-valuemin]=\"progress ? minValue : undefined\"\r\n [attr.aria-valuemax]=\"progress ? maxValue : undefined\"\r\n [ngClass]=\"density\">\r\n <ng-container *ngIf=\"progress\">\r\n <div class=\"br-loading-mask full\">\r\n <div class=\"br-loading-fill\"></div>\r\n </div>\r\n <div class=\"br-loading-mask\">\r\n <div class=\"br-loading-fill\"></div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n", styles: [".full-screen-overlay{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background:#00000073;-webkit-backdrop-filter:blur(.1px);backdrop-filter:blur(.1px);z-index:1000}\n"] }]
}], ctorParameters: () => [{ type: i1.LoadingService }], propDecorators: { density: [{
type: Input
}], progress: [{
type: Input
}], minValue: [{
type: Input
}], maxValue: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jZmMtZHMvc3JjL2xpYi9jb21wb25lbnRzL2xvYWRpbmcvbG9hZGluZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jZmMtZHMvc3JjL2xpYi9jb21wb25lbnRzL2xvYWRpbmcvbG9hZGluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFHcEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7OztBQU9sRSxNQUFNLE9BQU8sZ0JBQWdCO0lBV1A7SUFUWCxPQUFPLEdBQW1CLGNBQWMsQ0FBQyxNQUFNLENBQUM7SUFDaEQsUUFBUSxDQUFVO0lBQ2xCLFFBQVEsR0FBVyxDQUFDLENBQUM7SUFDckIsUUFBUSxHQUFXLEdBQUcsQ0FBQztJQUVoQyxZQUFZLEdBQUcsSUFBSSxDQUFDO0lBRVosbUJBQW1CLENBQTJCO0lBRXRELFlBQW9CLGNBQThCO1FBQTlCLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtJQUFHLENBQUM7SUFFdEQsUUFBUTtRQUNOLHVFQUF1RTtRQUN2RSx1Q0FBdUM7UUFDdkMsd0NBQXdDO1FBQ3hDLHVCQUF1QjtRQUN2QixlQUFlO1FBQ2YsUUFBUTtRQUNSLE1BQU07UUFDTixLQUFLO0lBQ1AsQ0FBQztJQUVELFdBQVc7UUFDVCwyQ0FBMkM7SUFDN0MsQ0FBQzt3R0ExQlUsZ0JBQWdCOzRGQUFoQixnQkFBZ0IscUpDVjdCLG9tQkFpQkE7OzRGRFBhLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxhQUFhO21GQU1kLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IExvYWRpbmdTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvbG9hZGluZy5zZXJ2aWNlJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IExvYWRpbmdEZW5zaXR5IH0gZnJvbSAnLi4vLi4vZW51bXMvbG9hZGluZy1kZW5zaXR5LmVudW0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjZmMtbG9hZGluZycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xvYWRpbmcuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2xvYWRpbmcuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTG9hZGluZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuXHJcbiAgQElucHV0KCkgZGVuc2l0eTogTG9hZGluZ0RlbnNpdHkgPSBMb2FkaW5nRGVuc2l0eS5tZWRpdW07XHJcbiAgQElucHV0KCkgcHJvZ3Jlc3M/OiBudW1iZXI7XHJcbiAgQElucHV0KCkgbWluVmFsdWU6IG51bWJlciA9IDA7XHJcbiAgQElucHV0KCkgbWF4VmFsdWU6IG51bWJlciA9IDEwMDtcclxuXHJcbiAgaXNGdWxsU2NyZWVuID0gdHJ1ZTtcclxuXHJcbiAgcHJpdmF0ZSBsb2FkaW5nU3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb24gfCB1bmRlZmluZWQ7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbG9hZGluZ1NlcnZpY2U6IExvYWRpbmdTZXJ2aWNlKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIC8vIHRoaXMubG9hZGluZ1N1YnNjcmlwdGlvbiA9IHRoaXMubG9hZGluZ1NlcnZpY2UuaXNMb2FkaW5nJC5zdWJzY3JpYmUoXHJcbiAgICAvLyAgICh7IGlzTG9hZGluZywgaXNGdWxsU2NyZWVuIH0pID0+IHtcclxuICAgIC8vICAgICB0aGlzLmlzRnVsbFNjcmVlbiA9IGlzRnVsbFNjcmVlbjtcclxuICAgIC8vICAgICBpZiAoaXNMb2FkaW5nKSB7XHJcbiAgICAvLyAgICAgfSBlbHNlIHtcclxuICAgIC8vICAgICB9XHJcbiAgICAvLyAgIH1cclxuICAgIC8vICk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIC8vIHRoaXMubG9hZGluZ1N1YnNjcmlwdGlvbj8udW5zdWJzY3JpYmUoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdlxyXG4gIGNsYXNzPVwiYnItbG9hZGluZ1wiXHJcbiAgcm9sZT1cInByb2dyZXNzYmFyXCJcclxuICBbYXJpYUxhYmVsXT1cInByb2dyZXNzID8gJ0NhcnJlZ2FuZG8gZW0gJyArIHByb2dyZXNzICsgJyUnIDogJ0NhcnJlZ2FuZG8uLi4nXCJcclxuICBbYXR0ci5kYXRhLXByb2dyZXNzXT1cInByb2dyZXNzXCJcclxuICBbYXR0ci5hcmlhLXZhbHVlbWluXT1cInByb2dyZXNzID8gbWluVmFsdWUgOiB1bmRlZmluZWRcIlxyXG4gIFthdHRyLmFyaWEtdmFsdWVtYXhdPVwicHJvZ3Jlc3MgPyBtYXhWYWx1ZSA6IHVuZGVmaW5lZFwiXHJcbiAgW25nQ2xhc3NdPVwiZGVuc2l0eVwiPlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJwcm9ncmVzc1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cImJyLWxvYWRpbmctbWFzayBmdWxsXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJici1sb2FkaW5nLWZpbGxcIj48L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImJyLWxvYWRpbmctbWFza1wiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiYnItbG9hZGluZy1maWxsXCI+PC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuPC9kaXY+XHJcbiJdfQ==