@skyux/a11y 4.0.1 → 5.0.0
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.
- package/LICENSE +21 -0
- package/bundles/skyux-a11y.umd.js +129 -295
- package/bundles/skyux-a11y.umd.js.map +1 -1
- package/documentation.json +402 -0
- package/esm2015/modules/shared/a11y-resources.module.js +39 -15
- package/esm2015/modules/skip-link/skip-link-adapter.service.js +10 -12
- package/esm2015/modules/skip-link/skip-link-args.js +2 -1
- package/esm2015/modules/skip-link/skip-link-host.component.js +24 -18
- package/esm2015/modules/skip-link/skip-link.js +2 -1
- package/esm2015/modules/skip-link/skip-link.module.js +26 -26
- package/esm2015/modules/skip-link/skip-link.service.js +19 -18
- package/esm2015/public-api.js +5 -0
- package/esm2015/skyux-a11y.js +2 -6
- package/fesm2015/skyux-a11y.js +116 -89
- package/fesm2015/skyux-a11y.js.map +1 -1
- package/modules/shared/a11y-resources.module.d.ts +12 -0
- package/modules/skip-link/skip-link-adapter.service.d.ts +3 -0
- package/modules/skip-link/skip-link-host.component.d.ts +3 -0
- package/modules/skip-link/skip-link.module.d.ts +8 -0
- package/modules/skip-link/skip-link.service.d.ts +3 -0
- package/package.json +8 -23
- package/{public_api.d.ts → public-api.d.ts} +0 -0
- package/skyux-a11y.d.ts +2 -5
- package/CHANGELOG.md +0 -27
- package/bundles/skyux-a11y.umd.min.js +0 -16
- package/bundles/skyux-a11y.umd.min.js.map +0 -1
- package/esm2015/plugin-resources/a11y-resources-provider.js +0 -16
- package/esm2015/public_api.js +0 -3
- package/esm5/modules/shared/a11y-resources.module.js +0 -20
- package/esm5/modules/skip-link/skip-link-adapter.service.js +0 -27
- package/esm5/modules/skip-link/skip-link-args.js +0 -2
- package/esm5/modules/skip-link/skip-link-host.component.js +0 -38
- package/esm5/modules/skip-link/skip-link.js +0 -1
- package/esm5/modules/skip-link/skip-link.module.js +0 -40
- package/esm5/modules/skip-link/skip-link.service.js +0 -53
- package/esm5/plugin-resources/a11y-resources-provider.js +0 -17
- package/esm5/public_api.js +0 -3
- package/esm5/skyux-a11y.js +0 -9
- package/fesm5/skyux-a11y.js +0 -175
- package/fesm5/skyux-a11y.js.map +0 -1
- package/plugin-resources/a11y-resources-provider.d.ts +0 -5
- package/skyux-a11y.metadata.json +0 -1
- package/src/assets/locales/resources_en_US.json +0 -6
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
var SkySkipLinkService_1;
|
|
2
|
-
import { __decorate } from "tslib";
|
|
3
1
|
import { Injectable } from '@angular/core';
|
|
4
|
-
import { SkyDynamicComponentLocation
|
|
2
|
+
import { SkyDynamicComponentLocation } from '@skyux/core';
|
|
5
3
|
import { SkySkipLinkHostComponent } from './skip-link-host.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@skyux/core";
|
|
6
6
|
/**
|
|
7
7
|
* An Angular service that adds "skip links" to the page. Skip links will only be displayed
|
|
8
8
|
* when the page initially loads and the user presses the Tab key, in which case the first link will
|
|
@@ -11,7 +11,7 @@ import { SkySkipLinkHostComponent } from './skip-link-host.component';
|
|
|
11
11
|
* otherwise, focus will move to the first focusable element on the page.
|
|
12
12
|
* @dynamic
|
|
13
13
|
*/
|
|
14
|
-
|
|
14
|
+
export class SkySkipLinkService {
|
|
15
15
|
constructor(dynamicComponentService) {
|
|
16
16
|
this.dynamicComponentService = dynamicComponentService;
|
|
17
17
|
}
|
|
@@ -27,24 +27,25 @@ let SkySkipLinkService = SkySkipLinkService_1 = class SkySkipLinkService {
|
|
|
27
27
|
});
|
|
28
28
|
}
|
|
29
29
|
removeHostComponent() {
|
|
30
|
-
this.dynamicComponentService.removeComponent(
|
|
31
|
-
|
|
30
|
+
this.dynamicComponentService.removeComponent(SkySkipLinkService.host);
|
|
31
|
+
SkySkipLinkService.host = undefined;
|
|
32
32
|
}
|
|
33
33
|
createHostComponent() {
|
|
34
|
-
if (!
|
|
34
|
+
if (!SkySkipLinkService.host) {
|
|
35
35
|
const componentRef = this.dynamicComponentService.createComponent(SkySkipLinkHostComponent, {
|
|
36
36
|
location: SkyDynamicComponentLocation.BodyTop
|
|
37
37
|
});
|
|
38
|
-
|
|
38
|
+
SkySkipLinkService.host = componentRef;
|
|
39
39
|
}
|
|
40
|
-
return
|
|
40
|
+
return SkySkipLinkService.host;
|
|
41
41
|
}
|
|
42
|
-
}
|
|
43
|
-
SkySkipLinkService
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
42
|
+
}
|
|
43
|
+
SkySkipLinkService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkySkipLinkService, deps: [{ token: i1.SkyDynamicComponentService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
44
|
+
SkySkipLinkService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkySkipLinkService, providedIn: 'root' });
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkySkipLinkService, decorators: [{
|
|
46
|
+
type: Injectable,
|
|
47
|
+
args: [{
|
|
48
|
+
providedIn: 'root'
|
|
49
|
+
}]
|
|
50
|
+
}], ctorParameters: function () { return [{ type: i1.SkyDynamicComponentService }]; } });
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tpcC1saW5rLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hMTF5L3NyYy9tb2R1bGVzL3NraXAtbGluay9za2lwLWxpbmsuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsVUFBVSxFQUNYLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFDTCwyQkFBMkIsRUFFNUIsTUFBTSxhQUFhLENBQUM7QUFVckIsT0FBTyxFQUNMLHdCQUF3QixFQUN6QixNQUFNLDRCQUE0QixDQUFDOzs7QUFFcEM7Ozs7Ozs7R0FPRztBQUlILE1BQU0sT0FBTyxrQkFBa0I7SUFHN0IsWUFDVSx1QkFBbUQ7UUFBbkQsNEJBQXVCLEdBQXZCLHVCQUF1QixDQUE0QjtJQUN6RCxDQUFDO0lBRUUsWUFBWSxDQUFDLElBQXFCO1FBQ3ZDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFpQixFQUFFLEVBQUU7WUFDbkQsTUFBTSxnQkFBZ0IsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUMzQyxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUM1QixDQUFDLENBQUMsQ0FBQztRQUVILDRGQUE0RjtRQUM1RixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7WUFDeEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUNuQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTSxtQkFBbUI7UUFDeEIsSUFBSSxDQUFDLHVCQUF1QixDQUFDLGVBQWUsQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN0RSxrQkFBa0IsQ0FBQyxJQUFJLEdBQUcsU0FBUyxDQUFDO0lBQ3RDLENBQUM7SUFFTyxtQkFBbUI7UUFDekIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksRUFBRTtZQUM1QixNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsdUJBQXVCLENBQUMsZUFBZSxDQUMvRCx3QkFBd0IsRUFDeEI7Z0JBQ0UsUUFBUSxFQUFFLDJCQUEyQixDQUFDLE9BQU87YUFDOUMsQ0FDRixDQUFDO1lBRUYsa0JBQWtCLENBQUMsSUFBSSxHQUFHLFlBQVksQ0FBQztTQUN4QztRQUVELE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDO0lBQ2pDLENBQUM7OytHQXRDVSxrQkFBa0I7bUhBQWxCLGtCQUFrQixjQUZqQixNQUFNOzJGQUVQLGtCQUFrQjtrQkFIOUIsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnRSZWYsXG4gIEluamVjdGFibGVcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIFNreUR5bmFtaWNDb21wb25lbnRMb2NhdGlvbixcbiAgU2t5RHluYW1pY0NvbXBvbmVudFNlcnZpY2Vcbn0gZnJvbSAnQHNreXV4L2NvcmUnO1xuXG5pbXBvcnQge1xuICBTa3lTa2lwTGlua1xufSBmcm9tICcuL3NraXAtbGluayc7XG5cbmltcG9ydCB7XG4gIFNreVNraXBMaW5rQXJnc1xufSBmcm9tICcuL3NraXAtbGluay1hcmdzJztcblxuaW1wb3J0IHtcbiAgU2t5U2tpcExpbmtIb3N0Q29tcG9uZW50XG59IGZyb20gJy4vc2tpcC1saW5rLWhvc3QuY29tcG9uZW50JztcblxuLyoqXG4gKiBBbiBBbmd1bGFyIHNlcnZpY2UgdGhhdCBhZGRzIFwic2tpcCBsaW5rc1wiIHRvIHRoZSBwYWdlLiAgU2tpcCBsaW5rcyB3aWxsIG9ubHkgYmUgZGlzcGxheWVkXG4gKiB3aGVuIHRoZSBwYWdlIGluaXRpYWxseSBsb2FkcyBhbmQgdGhlIHVzZXIgcHJlc3NlcyB0aGUgVGFiIGtleSwgaW4gd2hpY2ggY2FzZSB0aGUgZmlyc3QgbGluayB3aWxsXG4gKiBiZSBkaXNwbGF5ZWQgYW5kIGZvY3VzZWQuICBDbGlja2luZyB0aGUgYnV0dG9uIHdpbGwgc2tpcCB0byB0aGUgc3BlY2lmaWVkIGVsZW1lbnQuICBQcmVzc2luZ1xuICogdGhlIFRhYiBrZXkgYWdhaW4gd2lsbCBtb3ZlIHRvIHRoZSBuZXh0IHNraXAgbGluayBpZiBtb3JlIHRoYW4gb25lIHNraXAgbGluayBpcyBzcGVjaWZpZWQ7XG4gKiBvdGhlcndpc2UsIGZvY3VzIHdpbGwgbW92ZSB0byB0aGUgZmlyc3QgZm9jdXNhYmxlIGVsZW1lbnQgb24gdGhlIHBhZ2UuXG4gKiBAZHluYW1pY1xuICovXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290J1xufSlcbmV4cG9ydCBjbGFzcyBTa3lTa2lwTGlua1NlcnZpY2Uge1xuICBwcml2YXRlIHN0YXRpYyBob3N0OiBDb21wb25lbnRSZWY8U2t5U2tpcExpbmtIb3N0Q29tcG9uZW50PjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGR5bmFtaWNDb21wb25lbnRTZXJ2aWNlOiBTa3lEeW5hbWljQ29tcG9uZW50U2VydmljZVxuICApIHsgfVxuXG4gIHB1YmxpYyBzZXRTa2lwTGlua3MoYXJnczogU2t5U2tpcExpbmtBcmdzKSB7XG4gICAgYXJncy5saW5rcyA9IGFyZ3MubGlua3MuZmlsdGVyKChsaW5rOiBTa3lTa2lwTGluaykgPT4ge1xuICAgICAgY29uc3QgZWxlbWVudFJlZkV4aXN0cyA9IChsaW5rLmVsZW1lbnRSZWYpO1xuICAgICAgcmV0dXJuIChlbGVtZW50UmVmRXhpc3RzKTtcbiAgICB9KTtcblxuICAgIC8vIFRpbWVvdXQgbmVlZGVkIGluIGNhc2UgdGhlIGNvbnN1bWVyIHNldHMgdGhlIHNraXAgbGlua3Mgd2l0aGluIGFuIEFuZ3VsYXIgbGlmZWN5Y2xlIGhvb2suXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBjb25zdCBob3N0ID0gdGhpcy5jcmVhdGVIb3N0Q29tcG9uZW50KCk7XG4gICAgICBob3N0Lmluc3RhbmNlLmxpbmtzID0gYXJncy5saW5rcztcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyByZW1vdmVIb3N0Q29tcG9uZW50KCk6IHZvaWQge1xuICAgIHRoaXMuZHluYW1pY0NvbXBvbmVudFNlcnZpY2UucmVtb3ZlQ29tcG9uZW50KFNreVNraXBMaW5rU2VydmljZS5ob3N0KTtcbiAgICBTa3lTa2lwTGlua1NlcnZpY2UuaG9zdCA9IHVuZGVmaW5lZDtcbiAgfVxuXG4gIHByaXZhdGUgY3JlYXRlSG9zdENvbXBvbmVudCgpOiBDb21wb25lbnRSZWY8U2t5U2tpcExpbmtIb3N0Q29tcG9uZW50PiB7XG4gICAgaWYgKCFTa3lTa2lwTGlua1NlcnZpY2UuaG9zdCkge1xuICAgICAgY29uc3QgY29tcG9uZW50UmVmID0gdGhpcy5keW5hbWljQ29tcG9uZW50U2VydmljZS5jcmVhdGVDb21wb25lbnQoXG4gICAgICAgIFNreVNraXBMaW5rSG9zdENvbXBvbmVudCxcbiAgICAgICAge1xuICAgICAgICAgIGxvY2F0aW9uOiBTa3lEeW5hbWljQ29tcG9uZW50TG9jYXRpb24uQm9keVRvcFxuICAgICAgICB9XG4gICAgICApO1xuXG4gICAgICBTa3lTa2lwTGlua1NlcnZpY2UuaG9zdCA9IGNvbXBvbmVudFJlZjtcbiAgICB9XG5cbiAgICByZXR1cm4gU2t5U2tpcExpbmtTZXJ2aWNlLmhvc3Q7XG4gIH1cblxufVxuIl19
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export * from './modules/skip-link/skip-link-args';
|
|
2
|
+
export * from './modules/skip-link/skip-link.module';
|
|
3
|
+
export * from './modules/skip-link/skip-link.service';
|
|
4
|
+
export * from './modules/skip-link/skip-link';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2ExMXkvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYywrQkFBK0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9za2lwLWxpbmsvc2tpcC1saW5rLWFyZ3MnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL3NraXAtbGluay9za2lwLWxpbmsubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9za2lwLWxpbmsvc2tpcC1saW5rLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL3NraXAtbGluay9za2lwLWxpbmsnO1xuIl19
|
package/esm2015/skyux-a11y.js
CHANGED
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Generated bundle index. Do not edit.
|
|
3
3
|
*/
|
|
4
|
-
export * from './
|
|
5
|
-
|
|
6
|
-
export { SkySkipLinkAdapterService as ɵb } from './modules/skip-link/skip-link-adapter.service';
|
|
7
|
-
export { SkySkipLinkHostComponent as ɵa } from './modules/skip-link/skip-link-host.component';
|
|
8
|
-
export { SkyA11yResourcesProvider as ɵd } from './plugin-resources/a11y-resources-provider';
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5dXgtYTExeS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bza3l1eC9hMTF5LyIsInNvdXJjZXMiOlsic2t5dXgtYTExeS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDO0FBRTdCLE9BQU8sRUFBQyxzQkFBc0IsSUFBSSxFQUFFLEVBQUMsTUFBTSx3Q0FBd0MsQ0FBQztBQUNwRixPQUFPLEVBQUMseUJBQXlCLElBQUksRUFBRSxFQUFDLE1BQU0sK0NBQStDLENBQUM7QUFDOUYsT0FBTyxFQUFDLHdCQUF3QixJQUFJLEVBQUUsRUFBQyxNQUFNLDhDQUE4QyxDQUFDO0FBQzVGLE9BQU8sRUFBQyx3QkFBd0IsSUFBSSxFQUFFLEVBQUMsTUFBTSw0Q0FBNEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcblxuZXhwb3J0IHtTa3lBMTF5UmVzb3VyY2VzTW9kdWxlIGFzIMm1Y30gZnJvbSAnLi9tb2R1bGVzL3NoYXJlZC9hMTF5LXJlc291cmNlcy5tb2R1bGUnO1xuZXhwb3J0IHtTa3lTa2lwTGlua0FkYXB0ZXJTZXJ2aWNlIGFzIMm1Yn0gZnJvbSAnLi9tb2R1bGVzL3NraXAtbGluay9za2lwLWxpbmstYWRhcHRlci5zZXJ2aWNlJztcbmV4cG9ydCB7U2t5U2tpcExpbmtIb3N0Q29tcG9uZW50IGFzIMm1YX0gZnJvbSAnLi9tb2R1bGVzL3NraXAtbGluay9za2lwLWxpbmstaG9zdC5jb21wb25lbnQnO1xuZXhwb3J0IHtTa3lBMTF5UmVzb3VyY2VzUHJvdmlkZXIgYXMgybVkfSBmcm9tICcuL3BsdWdpbi1yZXNvdXJjZXMvYTExeS1yZXNvdXJjZXMtcHJvdmlkZXInOyJdfQ==
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5dXgtYTExeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2ExMXkvc3JjL3NreXV4LWExMXkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
|
package/fesm2015/skyux-a11y.js
CHANGED
|
@@ -1,34 +1,53 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { NgModule, Injectable, Component, ChangeDetectionStrategy } from '@angular/core';
|
|
3
|
+
import * as i2 from '@angular/common';
|
|
3
4
|
import { CommonModule } from '@angular/common';
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
5
|
+
import * as i3 from '@skyux/i18n';
|
|
6
|
+
import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
|
|
7
|
+
import * as i1 from '@skyux/core';
|
|
8
|
+
import { SkyDynamicComponentLocation } from '@skyux/core';
|
|
6
9
|
|
|
7
|
-
|
|
8
|
-
constructor() {
|
|
9
|
-
this.resources = { "EN-US": { "skyux_list_skip_to_link": "Skip to {0}" } };
|
|
10
|
-
}
|
|
11
|
-
getString(localeInfo, name) {
|
|
12
|
-
return getStringForLocale(this.resources, localeInfo.locale, name);
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
SkyA11yResourcesProvider = __decorate([
|
|
16
|
-
Injectable()
|
|
17
|
-
], SkyA11yResourcesProvider);
|
|
10
|
+
//#region imports
|
|
18
11
|
|
|
19
|
-
|
|
12
|
+
/**
|
|
13
|
+
* NOTICE: DO NOT MODIFY THIS FILE!
|
|
14
|
+
* The contents of this file were automatically generated by
|
|
15
|
+
* the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-a11y' schematic.
|
|
16
|
+
* To update this file, simply rerun the command.
|
|
17
|
+
*/
|
|
18
|
+
const RESOURCES = {
|
|
19
|
+
'EN-US': { "skyux_list_skip_to_link": { "message": "Skip to {0}" } },
|
|
20
20
|
};
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
21
|
+
class SkyA11yResourcesProvider {
|
|
22
|
+
getString(localeInfo, name) {
|
|
23
|
+
return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* Import into any component library module that needs to use resource strings.
|
|
28
|
+
*/
|
|
29
|
+
class SkyA11yResourcesModule {
|
|
30
|
+
}
|
|
31
|
+
SkyA11yResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyA11yResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
32
|
+
SkyA11yResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyA11yResourcesModule, exports: [SkyI18nModule] });
|
|
33
|
+
SkyA11yResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyA11yResourcesModule, providers: [{
|
|
34
|
+
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
35
|
+
useClass: SkyA11yResourcesProvider,
|
|
36
|
+
multi: true
|
|
37
|
+
}], imports: [SkyI18nModule] });
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyA11yResourcesModule, decorators: [{
|
|
39
|
+
type: NgModule,
|
|
40
|
+
args: [{
|
|
41
|
+
exports: [SkyI18nModule],
|
|
42
|
+
providers: [{
|
|
43
|
+
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
44
|
+
useClass: SkyA11yResourcesProvider,
|
|
45
|
+
multi: true
|
|
46
|
+
}]
|
|
47
|
+
}]
|
|
48
|
+
}] });
|
|
30
49
|
|
|
31
|
-
|
|
50
|
+
class SkySkipLinkAdapterService {
|
|
32
51
|
constructor(windowRef) {
|
|
33
52
|
this.windowRef = windowRef;
|
|
34
53
|
}
|
|
@@ -42,15 +61,14 @@ let SkySkipLinkAdapterService = class SkySkipLinkAdapterService {
|
|
|
42
61
|
win.scroll(0, scrollTop);
|
|
43
62
|
targetElement.focus();
|
|
44
63
|
}
|
|
45
|
-
}
|
|
46
|
-
SkySkipLinkAdapterService
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
], SkySkipLinkAdapterService);
|
|
64
|
+
}
|
|
65
|
+
SkySkipLinkAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkySkipLinkAdapterService, deps: [{ token: i1.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
66
|
+
SkySkipLinkAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkySkipLinkAdapterService });
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkySkipLinkAdapterService, decorators: [{
|
|
68
|
+
type: Injectable
|
|
69
|
+
}], ctorParameters: function () { return [{ type: i1.SkyAppWindowRef }]; } });
|
|
52
70
|
|
|
53
|
-
|
|
71
|
+
class SkySkipLinkHostComponent {
|
|
54
72
|
constructor(changeDetector, adapter) {
|
|
55
73
|
this.changeDetector = changeDetector;
|
|
56
74
|
this.adapter = adapter;
|
|
@@ -65,21 +83,55 @@ let SkySkipLinkHostComponent = class SkySkipLinkHostComponent {
|
|
|
65
83
|
skipTo(link) {
|
|
66
84
|
this.adapter.skipTo(link);
|
|
67
85
|
}
|
|
68
|
-
}
|
|
69
|
-
SkySkipLinkHostComponent
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
];
|
|
73
|
-
SkySkipLinkHostComponent
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
86
|
+
}
|
|
87
|
+
SkySkipLinkHostComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkySkipLinkHostComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SkySkipLinkAdapterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
88
|
+
SkySkipLinkHostComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkySkipLinkHostComponent, selector: "sky-skip-link-host", providers: [
|
|
89
|
+
SkySkipLinkAdapterService
|
|
90
|
+
], ngImport: i0, template: "<button *ngFor=\"let link of links\"\n class=\"sky-btn sky-btn-primary sky-skip-link\"\n type=\"button\"\n (click)=\"skipTo(link)\"\n>\n {{ 'skyux_list_skip_to_link' | skyLibResources:link.title }}\n</button>\n", styles: [".sky-skip-link{position:absolute;left:-999px;width:1px;height:1px;top:auto}.sky-skip-link:focus,.sky-skip-link:active{display:inline-block;height:auto;width:auto;position:absolute;top:10px;left:10px;margin:auto;z-index:10000}\n"], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "skyLibResources": i3.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
91
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkySkipLinkHostComponent, decorators: [{
|
|
92
|
+
type: Component,
|
|
93
|
+
args: [{
|
|
94
|
+
selector: 'sky-skip-link-host',
|
|
95
|
+
templateUrl: './skip-link-host.component.html',
|
|
96
|
+
styleUrls: ['./skip-link-host.component.scss'],
|
|
97
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
98
|
+
providers: [
|
|
99
|
+
SkySkipLinkAdapterService
|
|
100
|
+
]
|
|
101
|
+
}]
|
|
102
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: SkySkipLinkAdapterService }]; } });
|
|
103
|
+
|
|
104
|
+
/**
|
|
105
|
+
* The Angular module that enables "skip links" to be added to the page.
|
|
106
|
+
*/
|
|
107
|
+
class SkySkipLinkModule {
|
|
108
|
+
}
|
|
109
|
+
SkySkipLinkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkySkipLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
110
|
+
SkySkipLinkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkySkipLinkModule, declarations: [SkySkipLinkHostComponent], imports: [CommonModule,
|
|
111
|
+
SkyI18nModule,
|
|
112
|
+
SkyA11yResourcesModule] });
|
|
113
|
+
SkySkipLinkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkySkipLinkModule, imports: [[
|
|
114
|
+
CommonModule,
|
|
115
|
+
SkyI18nModule,
|
|
116
|
+
SkyA11yResourcesModule
|
|
117
|
+
]] });
|
|
118
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkySkipLinkModule, decorators: [{
|
|
119
|
+
type: NgModule,
|
|
120
|
+
args: [{
|
|
121
|
+
entryComponents: [
|
|
122
|
+
SkySkipLinkHostComponent
|
|
123
|
+
],
|
|
124
|
+
declarations: [
|
|
125
|
+
SkySkipLinkHostComponent
|
|
126
|
+
],
|
|
127
|
+
imports: [
|
|
128
|
+
CommonModule,
|
|
129
|
+
SkyI18nModule,
|
|
130
|
+
SkyA11yResourcesModule
|
|
131
|
+
]
|
|
132
|
+
}]
|
|
133
|
+
}] });
|
|
81
134
|
|
|
82
|
-
var SkySkipLinkService_1;
|
|
83
135
|
/**
|
|
84
136
|
* An Angular service that adds "skip links" to the page. Skip links will only be displayed
|
|
85
137
|
* when the page initially loads and the user presses the Tab key, in which case the first link will
|
|
@@ -88,7 +140,7 @@ var SkySkipLinkService_1;
|
|
|
88
140
|
* otherwise, focus will move to the first focusable element on the page.
|
|
89
141
|
* @dynamic
|
|
90
142
|
*/
|
|
91
|
-
|
|
143
|
+
class SkySkipLinkService {
|
|
92
144
|
constructor(dynamicComponentService) {
|
|
93
145
|
this.dynamicComponentService = dynamicComponentService;
|
|
94
146
|
}
|
|
@@ -104,56 +156,31 @@ let SkySkipLinkService = SkySkipLinkService_1 = class SkySkipLinkService {
|
|
|
104
156
|
});
|
|
105
157
|
}
|
|
106
158
|
removeHostComponent() {
|
|
107
|
-
this.dynamicComponentService.removeComponent(
|
|
108
|
-
|
|
159
|
+
this.dynamicComponentService.removeComponent(SkySkipLinkService.host);
|
|
160
|
+
SkySkipLinkService.host = undefined;
|
|
109
161
|
}
|
|
110
162
|
createHostComponent() {
|
|
111
|
-
if (!
|
|
163
|
+
if (!SkySkipLinkService.host) {
|
|
112
164
|
const componentRef = this.dynamicComponentService.createComponent(SkySkipLinkHostComponent, {
|
|
113
165
|
location: SkyDynamicComponentLocation.BodyTop
|
|
114
166
|
});
|
|
115
|
-
|
|
167
|
+
SkySkipLinkService.host = componentRef;
|
|
116
168
|
}
|
|
117
|
-
return
|
|
169
|
+
return SkySkipLinkService.host;
|
|
118
170
|
}
|
|
119
|
-
}
|
|
120
|
-
SkySkipLinkService
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
* The Angular module that enables "skip links" to be added to the page.
|
|
129
|
-
*/
|
|
130
|
-
let SkySkipLinkModule = class SkySkipLinkModule {
|
|
131
|
-
};
|
|
132
|
-
SkySkipLinkModule = __decorate([
|
|
133
|
-
NgModule({
|
|
134
|
-
entryComponents: [
|
|
135
|
-
SkySkipLinkHostComponent
|
|
136
|
-
],
|
|
137
|
-
declarations: [
|
|
138
|
-
SkySkipLinkHostComponent
|
|
139
|
-
],
|
|
140
|
-
imports: [
|
|
141
|
-
CommonModule,
|
|
142
|
-
SkyDynamicComponentModule,
|
|
143
|
-
SkyI18nModule,
|
|
144
|
-
SkyA11yResourcesModule
|
|
145
|
-
],
|
|
146
|
-
providers: [
|
|
147
|
-
SkyAppWindowRef,
|
|
148
|
-
SkySkipLinkAdapterService,
|
|
149
|
-
SkySkipLinkService
|
|
150
|
-
]
|
|
151
|
-
})
|
|
152
|
-
], SkySkipLinkModule);
|
|
171
|
+
}
|
|
172
|
+
SkySkipLinkService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkySkipLinkService, deps: [{ token: i1.SkyDynamicComponentService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
173
|
+
SkySkipLinkService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkySkipLinkService, providedIn: 'root' });
|
|
174
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkySkipLinkService, decorators: [{
|
|
175
|
+
type: Injectable,
|
|
176
|
+
args: [{
|
|
177
|
+
providedIn: 'root'
|
|
178
|
+
}]
|
|
179
|
+
}], ctorParameters: function () { return [{ type: i1.SkyDynamicComponentService }]; } });
|
|
153
180
|
|
|
154
181
|
/**
|
|
155
182
|
* Generated bundle index. Do not edit.
|
|
156
183
|
*/
|
|
157
184
|
|
|
158
|
-
export { SkySkipLinkModule, SkySkipLinkService
|
|
185
|
+
export { SkySkipLinkModule, SkySkipLinkService };
|
|
159
186
|
//# sourceMappingURL=skyux-a11y.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skyux-a11y.js","sources":["
|
|
1
|
+
{"version":3,"file":"skyux-a11y.js","sources":["../../../projects/a11y/src/modules/skip-link/skip-link-args.ts","../../../projects/a11y/src/modules/shared/a11y-resources.module.ts","../../../projects/a11y/src/modules/skip-link/skip-link-adapter.service.ts","../../../projects/a11y/src/modules/skip-link/skip-link-host.component.ts","../../../projects/a11y/src/modules/skip-link/skip-link-host.component.html","../../../projects/a11y/src/modules/skip-link/skip-link.module.ts","../../../projects/a11y/src/modules/skip-link/skip-link.service.ts","../../../projects/a11y/src/skyux-a11y.ts"],"sourcesContent":["//#region imports\n\nimport {\n SkySkipLink\n} from './skip-link';\n\n//#endregion\n\n/**\n * Options specified when setting the page's skip links.\n */\nexport interface SkySkipLinkArgs {\n\n /**\n * The skip links to create.\n */\n links: SkySkipLink[];\n\n}\n","/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-a11y' schematic.\n * To update this file, simply rerun the command.\n */\n\nimport { NgModule } from '@angular/core';\nimport {\n getLibStringForLocale,\n SkyAppLocaleInfo,\n SkyI18nModule,\n SkyLibResources,\n SkyLibResourcesProvider,\n SKY_LIB_RESOURCES_PROVIDERS\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n 'EN-US': {\"skyux_list_skip_to_link\":{\"message\":\"Skip to {0}\"}},\n};\n\nexport class SkyA11yResourcesProvider implements SkyLibResourcesProvider {\n public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n exports: [SkyI18nModule],\n providers: [{\n provide: SKY_LIB_RESOURCES_PROVIDERS,\n useClass: SkyA11yResourcesProvider,\n multi: true\n }]\n})\nexport class SkyA11yResourcesModule { }\n","import {\n Injectable\n} from '@angular/core';\n\nimport {\n SkyAppWindowRef\n} from '@skyux/core';\n\nimport {\n SkySkipLink\n} from './skip-link';\n\n@Injectable()\nexport class SkySkipLinkAdapterService {\n\n constructor(\n private windowRef: SkyAppWindowRef\n ) { }\n\n public skipTo(link: SkySkipLink): void {\n const targetElement = link.elementRef.nativeElement;\n const win = this.windowRef.nativeWindow;\n const bodyElement = win.document.body;\n\n const bodyMarginTop = parseInt(win.getComputedStyle(bodyElement).marginTop, 10);\n const bodyDefaultPadding = 10;\n const scrollTop = targetElement.offsetTop - bodyMarginTop - bodyDefaultPadding;\n\n win.scroll(0, scrollTop);\n\n targetElement.focus();\n }\n}\n","import {\n ChangeDetectorRef,\n ChangeDetectionStrategy,\n Component\n} from '@angular/core';\n\nimport {\n SkySkipLink\n} from './skip-link';\n\nimport {\n SkySkipLinkAdapterService\n} from './skip-link-adapter.service';\n\n@Component({\n selector: 'sky-skip-link-host',\n templateUrl: './skip-link-host.component.html',\n styleUrls: ['./skip-link-host.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n SkySkipLinkAdapterService\n ]\n})\nexport class SkySkipLinkHostComponent {\n\n public get links(): SkySkipLink[] {\n return this._links;\n }\n\n public set links(value: SkySkipLink[]) {\n this._links = value;\n this.changeDetector.markForCheck();\n }\n\n private _links: SkySkipLink[];\n\n constructor(\n private changeDetector: ChangeDetectorRef,\n private adapter: SkySkipLinkAdapterService\n ) { }\n\n public skipTo(link: SkySkipLink): void {\n this.adapter.skipTo(link);\n }\n\n}\n","<button *ngFor=\"let link of links\"\n class=\"sky-btn sky-btn-primary sky-skip-link\"\n type=\"button\"\n (click)=\"skipTo(link)\"\n>\n {{ 'skyux_list_skip_to_link' | skyLibResources:link.title }}\n</button>\n","import {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n SkyI18nModule\n} from '@skyux/i18n';\n\nimport {\n SkyA11yResourcesModule\n} from '../shared/a11y-resources.module';\n\nimport {\n SkySkipLinkHostComponent\n} from './skip-link-host.component';\n\n/**\n * The Angular module that enables \"skip links\" to be added to the page.\n */\n@NgModule({\n entryComponents: [\n SkySkipLinkHostComponent\n ],\n declarations: [\n SkySkipLinkHostComponent\n ],\n imports: [\n CommonModule,\n SkyI18nModule,\n SkyA11yResourcesModule\n ]\n})\nexport class SkySkipLinkModule { }\n","import {\n ComponentRef,\n Injectable\n} from '@angular/core';\n\nimport {\n SkyDynamicComponentLocation,\n SkyDynamicComponentService\n} from '@skyux/core';\n\nimport {\n SkySkipLink\n} from './skip-link';\n\nimport {\n SkySkipLinkArgs\n} from './skip-link-args';\n\nimport {\n SkySkipLinkHostComponent\n} from './skip-link-host.component';\n\n/**\n * An Angular service that adds \"skip links\" to the page. Skip links will only be displayed\n * when the page initially loads and the user presses the Tab key, in which case the first link will\n * be displayed and focused. Clicking the button will skip to the specified element. Pressing\n * the Tab key again will move to the next skip link if more than one skip link is specified;\n * otherwise, focus will move to the first focusable element on the page.\n * @dynamic\n */\n@Injectable({\n providedIn: 'root'\n})\nexport class SkySkipLinkService {\n private static host: ComponentRef<SkySkipLinkHostComponent>;\n\n constructor(\n private dynamicComponentService: SkyDynamicComponentService\n ) { }\n\n public setSkipLinks(args: SkySkipLinkArgs) {\n args.links = args.links.filter((link: SkySkipLink) => {\n const elementRefExists = (link.elementRef);\n return (elementRefExists);\n });\n\n // Timeout needed in case the consumer sets the skip links within an Angular lifecycle hook.\n setTimeout(() => {\n const host = this.createHostComponent();\n host.instance.links = args.links;\n });\n }\n\n public removeHostComponent(): void {\n this.dynamicComponentService.removeComponent(SkySkipLinkService.host);\n SkySkipLinkService.host = undefined;\n }\n\n private createHostComponent(): ComponentRef<SkySkipLinkHostComponent> {\n if (!SkySkipLinkService.host) {\n const componentRef = this.dynamicComponentService.createComponent(\n SkySkipLinkHostComponent,\n {\n location: SkyDynamicComponentLocation.BodyTop\n }\n );\n\n SkySkipLinkService.host = componentRef;\n }\n\n return SkySkipLinkService.host;\n }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,14 @@
|
|
|
1
|
+
import { SkyAppLocaleInfo, SkyLibResourcesProvider } from '@skyux/i18n';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@skyux/i18n";
|
|
4
|
+
export declare class SkyA11yResourcesProvider implements SkyLibResourcesProvider {
|
|
5
|
+
getString(localeInfo: SkyAppLocaleInfo, name: string): string;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Import into any component library module that needs to use resource strings.
|
|
9
|
+
*/
|
|
1
10
|
export declare class SkyA11yResourcesModule {
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyA11yResourcesModule, never>;
|
|
12
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyA11yResourcesModule, never, never, [typeof i1.SkyI18nModule]>;
|
|
13
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SkyA11yResourcesModule>;
|
|
2
14
|
}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { SkyAppWindowRef } from '@skyux/core';
|
|
2
2
|
import { SkySkipLink } from './skip-link';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
3
4
|
export declare class SkySkipLinkAdapterService {
|
|
4
5
|
private windowRef;
|
|
5
6
|
constructor(windowRef: SkyAppWindowRef);
|
|
6
7
|
skipTo(link: SkySkipLink): void;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkySkipLinkAdapterService, never>;
|
|
9
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<SkySkipLinkAdapterService>;
|
|
7
10
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ChangeDetectorRef } from '@angular/core';
|
|
2
2
|
import { SkySkipLink } from './skip-link';
|
|
3
3
|
import { SkySkipLinkAdapterService } from './skip-link-adapter.service';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
4
5
|
export declare class SkySkipLinkHostComponent {
|
|
5
6
|
private changeDetector;
|
|
6
7
|
private adapter;
|
|
@@ -9,4 +10,6 @@ export declare class SkySkipLinkHostComponent {
|
|
|
9
10
|
private _links;
|
|
10
11
|
constructor(changeDetector: ChangeDetectorRef, adapter: SkySkipLinkAdapterService);
|
|
11
12
|
skipTo(link: SkySkipLink): void;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkySkipLinkHostComponent, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkySkipLinkHostComponent, "sky-skip-link-host", never, {}, {}, never, never>;
|
|
12
15
|
}
|
|
@@ -1,5 +1,13 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./skip-link-host.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "@skyux/i18n";
|
|
5
|
+
import * as i4 from "../shared/a11y-resources.module";
|
|
1
6
|
/**
|
|
2
7
|
* The Angular module that enables "skip links" to be added to the page.
|
|
3
8
|
*/
|
|
4
9
|
export declare class SkySkipLinkModule {
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkySkipLinkModule, never>;
|
|
11
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SkySkipLinkModule, [typeof i1.SkySkipLinkHostComponent], [typeof i2.CommonModule, typeof i3.SkyI18nModule, typeof i4.SkyA11yResourcesModule], never>;
|
|
12
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SkySkipLinkModule>;
|
|
5
13
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { SkyDynamicComponentService } from '@skyux/core';
|
|
2
2
|
import { SkySkipLinkArgs } from './skip-link-args';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
3
4
|
/**
|
|
4
5
|
* An Angular service that adds "skip links" to the page. Skip links will only be displayed
|
|
5
6
|
* when the page initially loads and the user presses the Tab key, in which case the first link will
|
|
@@ -15,4 +16,6 @@ export declare class SkySkipLinkService {
|
|
|
15
16
|
setSkipLinks(args: SkySkipLinkArgs): void;
|
|
16
17
|
removeHostComponent(): void;
|
|
17
18
|
private createHostComponent;
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkySkipLinkService, never>;
|
|
20
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<SkySkipLinkService>;
|
|
18
21
|
}
|
package/package.json
CHANGED
|
@@ -1,35 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/a11y",
|
|
3
|
-
"version": "
|
|
4
|
-
"description": "SKY UX Accessibility",
|
|
5
|
-
"keywords": [],
|
|
6
|
-
"author": "Blackbaud",
|
|
7
|
-
"license": "ISC",
|
|
8
|
-
"repository": {
|
|
9
|
-
"type": "git",
|
|
10
|
-
"url": "git+https://github.com/blackbaud/skyux-a11y.git"
|
|
11
|
-
},
|
|
12
|
-
"bugs": {
|
|
13
|
-
"url": "https://github.com/blackbaud/skyux-a11y/issues"
|
|
14
|
-
},
|
|
15
|
-
"homepage": "https://github.com/blackbaud/skyux-a11y#readme",
|
|
3
|
+
"version": "5.0.0",
|
|
16
4
|
"peerDependencies": {
|
|
17
|
-
"@angular/common": "^
|
|
18
|
-
"@angular/core": "^
|
|
19
|
-
"@skyux/core": "^
|
|
20
|
-
"@skyux/i18n": "^
|
|
5
|
+
"@angular/common": "^12.2.7",
|
|
6
|
+
"@angular/core": "^12.2.7",
|
|
7
|
+
"@skyux/core": "^5.0.0-beta.12",
|
|
8
|
+
"@skyux/i18n": "^5.0.0"
|
|
21
9
|
},
|
|
22
10
|
"dependencies": {
|
|
23
|
-
"tslib": "^
|
|
11
|
+
"tslib": "^2.3.1"
|
|
24
12
|
},
|
|
25
13
|
"main": "bundles/skyux-a11y.umd.js",
|
|
26
|
-
"module": "
|
|
14
|
+
"module": "fesm2015/skyux-a11y.js",
|
|
27
15
|
"es2015": "fesm2015/skyux-a11y.js",
|
|
28
|
-
"esm5": "esm5/skyux-a11y.js",
|
|
29
16
|
"esm2015": "esm2015/skyux-a11y.js",
|
|
30
|
-
"fesm5": "fesm5/skyux-a11y.js",
|
|
31
17
|
"fesm2015": "fesm2015/skyux-a11y.js",
|
|
32
18
|
"typings": "skyux-a11y.d.ts",
|
|
33
|
-
"metadata": "skyux-a11y.metadata.json",
|
|
34
19
|
"sideEffects": false
|
|
35
|
-
}
|
|
20
|
+
}
|
|
File without changes
|
package/skyux-a11y.d.ts
CHANGED
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Generated bundle index. Do not edit.
|
|
3
3
|
*/
|
|
4
|
-
|
|
5
|
-
export
|
|
6
|
-
export { SkySkipLinkAdapterService as ɵb } from './modules/skip-link/skip-link-adapter.service';
|
|
7
|
-
export { SkySkipLinkHostComponent as ɵa } from './modules/skip-link/skip-link-host.component';
|
|
8
|
-
export { SkyA11yResourcesProvider as ɵd } from './plugin-resources/a11y-resources-provider';
|
|
4
|
+
/// <amd-module name="@skyux/a11y" />
|
|
5
|
+
export * from './public-api';
|
package/CHANGELOG.md
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
# 4.0.1 (2020-08-05)
|
|
2
|
-
|
|
3
|
-
- Added support for `@skyux/theme@4.8.0` and `@skyux-sdk/builder@4.3.0`. [#16](https://github.com/blackbaud/skyux-a11y/pull/16)
|
|
4
|
-
|
|
5
|
-
# 4.0.0 (2020-05-12)
|
|
6
|
-
|
|
7
|
-
### New features
|
|
8
|
-
|
|
9
|
-
- Updated the pipeline to transpile to the [Angular Package Format](https://docs.google.com/document/d/1CZC2rcpxffTDfRDs6p1cfbmKNLA6x5O-NtkJglDaBVs/preview). [#6](https://github.com/blackbaud/skyux-a11y/pull/6)
|
|
10
|
-
|
|
11
|
-
# 4.0.0-rc.0 (2020-04-15)
|
|
12
|
-
|
|
13
|
-
### New features
|
|
14
|
-
|
|
15
|
-
- Updated the pipeline to transpile to the [Angular Package Format](https://docs.google.com/document/d/1CZC2rcpxffTDfRDs6p1cfbmKNLA6x5O-NtkJglDaBVs/preview). [#6](https://github.com/blackbaud/skyux-a11y/pull/6)
|
|
16
|
-
|
|
17
|
-
# 3.0.0 (2019-01-14)
|
|
18
|
-
|
|
19
|
-
- Major version release.
|
|
20
|
-
|
|
21
|
-
# 3.0.0-rc.1 (2018-12-20)
|
|
22
|
-
|
|
23
|
-
- Added support for `@skyux/core@3.5.1`.
|
|
24
|
-
|
|
25
|
-
# 3.0.0-rc.0 (2018-12-18)
|
|
26
|
-
|
|
27
|
-
- Initial release.
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@skyux/core"),require("@skyux/i18n")):"function"==typeof define&&define.amd?define("@skyux/a11y",["exports","@angular/core","@angular/common","@skyux/core","@skyux/i18n"],t):t(((e=e||self).skyux=e.skyux||{},e.skyux.a11y={}),e.ng.core,e.ng.common,e.core$1,e.i18n)}(this,(function(e,t,n,o,i){"use strict";
|
|
2
|
-
/*! *****************************************************************************
|
|
3
|
-
Copyright (c) Microsoft Corporation. All rights reserved.
|
|
4
|
-
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
|
|
5
|
-
this file except in compliance with the License. You may obtain a copy of the
|
|
6
|
-
License at http://www.apache.org/licenses/LICENSE-2.0
|
|
7
|
-
|
|
8
|
-
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
9
|
-
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
|
|
10
|
-
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
|
|
11
|
-
MERCHANTABLITY OR NON-INFRINGEMENT.
|
|
12
|
-
|
|
13
|
-
See the Apache Version 2.0 License for specific language governing permissions
|
|
14
|
-
and limitations under the License.
|
|
15
|
-
***************************************************************************** */function r(e,t,n,o){var i,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(s=(r<3?i(s):r>3?i(t,n,s):i(t,n))||s);return r>3&&s&&Object.defineProperty(t,n,s),s}var s=function(){function e(){this.resources={"EN-US":{skyux_list_skip_to_link:"Skip to {0}"}}}return e.prototype.getString=function(e,t){return i.getStringForLocale(this.resources,e.locale,t)},e=r([t.Injectable()],e)}(),c=function(){function e(){}return e=r([t.NgModule({providers:[{provide:i.SKY_LIB_RESOURCES_PROVIDERS,useClass:s,multi:!0}]})],e)}(),u=function(){function e(e){this.windowRef=e}return e.prototype.skipTo=function(e){var t=e.elementRef.nativeElement,n=this.windowRef.nativeWindow,o=n.document.body,i=parseInt(n.getComputedStyle(o).marginTop,10),r=t.offsetTop-i-10;n.scroll(0,r),t.focus()},e.ctorParameters=function(){return[{type:o.SkyAppWindowRef}]},e=r([t.Injectable()],e)}(),p=function(){function e(e,t){this.changeDetector=e,this.adapter=t}return Object.defineProperty(e.prototype,"links",{get:function(){return this._links},set:function(e){this._links=e,this.changeDetector.markForCheck()},enumerable:!0,configurable:!0}),e.prototype.skipTo=function(e){this.adapter.skipTo(e)},e.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:u}]},e=r([t.Component({selector:"sky-skip-link-host",template:'<button *ngFor="let link of links"\n class="sky-btn sky-btn-primary sky-skip-link"\n type="button"\n (click)="skipTo(link)"\n>\n {{ \'skyux_list_skip_to_link\' | skyLibResources:link.title }}\n</button>\n',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[".sky-skip-link{position:absolute;left:-999px;width:1px;height:1px;top:auto}.sky-skip-link:active,.sky-skip-link:focus{display:inline-block;height:auto;width:auto;position:absolute;top:10px;left:10px;margin:auto;z-index:10000}"]})],e)}(),a=function(){function e(e){this.dynamicComponentService=e}var n;return n=e,e.prototype.setSkipLinks=function(e){var t=this;e.links=e.links.filter((function(e){return e.elementRef})),setTimeout((function(){t.createHostComponent().instance.links=e.links}))},e.prototype.removeHostComponent=function(){this.dynamicComponentService.removeComponent(n.host),n.host=void 0},e.prototype.createHostComponent=function(){if(!n.host){var e=this.dynamicComponentService.createComponent(p,{location:o.SkyDynamicComponentLocation.BodyTop});n.host=e}return n.host},e.ctorParameters=function(){return[{type:o.SkyDynamicComponentService}]},e=n=r([t.Injectable()],e)}(),l=function(){function e(){}return e=r([t.NgModule({entryComponents:[p],declarations:[p],imports:[n.CommonModule,o.SkyDynamicComponentModule,i.SkyI18nModule,c],providers:[o.SkyAppWindowRef,u,a]})],e)}();e.SkySkipLinkModule=l,e.SkySkipLinkService=a,e.ɵa=p,e.ɵb=u,e.ɵc=c,e.ɵd=s,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
16
|
-
//# sourceMappingURL=skyux-a11y.umd.min.js.map
|