@kms-ngx-ui/presentational 20.2.0 → 20.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1590,15 +1590,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
1590
1590
|
class LoaderComponent {
|
|
1591
1591
|
constructor() {
|
|
1592
1592
|
this.loading = false;
|
|
1593
|
+
/**
|
|
1594
|
+
* Accessible name for the spinner. Required to satisfy WCAG 1.1.1
|
|
1595
|
+
* (aria-progressbar-name) when the loader is visible.
|
|
1596
|
+
*/
|
|
1597
|
+
this.ariaLabel = '';
|
|
1593
1598
|
}
|
|
1594
1599
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1595
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: LoaderComponent, isStandalone: false, selector: "kms-loader", inputs: { loading: "loading" }, ngImport: i0, template: "@if (loading) {\n <div class=\"loading-spinner-shade\">\n <mat-spinner
|
|
1600
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: LoaderComponent, isStandalone: false, selector: "kms-loader", inputs: { loading: "loading", ariaLabel: "ariaLabel" }, ngImport: i0, template: "@if (loading) {\n <div class=\"loading-spinner-shade\">\n <mat-spinner\n class=\"spinnerMargin\"\n color=\"accent\"\n diameter=\"44\"\n [attr.aria-label]=\"ariaLabel || null\"\n ></mat-spinner>\n </div>\n}\n", styles: [""], dependencies: [{ kind: "component", type: i1$3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
|
|
1596
1601
|
}
|
|
1597
1602
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
1598
1603
|
type: Component,
|
|
1599
|
-
args: [{ selector: 'kms-loader', standalone: false, template: "@if (loading) {\n <div class=\"loading-spinner-shade\">\n <mat-spinner
|
|
1604
|
+
args: [{ selector: 'kms-loader', standalone: false, template: "@if (loading) {\n <div class=\"loading-spinner-shade\">\n <mat-spinner\n class=\"spinnerMargin\"\n color=\"accent\"\n diameter=\"44\"\n [attr.aria-label]=\"ariaLabel || null\"\n ></mat-spinner>\n </div>\n}\n" }]
|
|
1600
1605
|
}], propDecorators: { loading: [{
|
|
1601
1606
|
type: Input
|
|
1607
|
+
}], ariaLabel: [{
|
|
1608
|
+
type: Input
|
|
1602
1609
|
}] } });
|
|
1603
1610
|
|
|
1604
1611
|
/**
|