@skyux/a11y 5.0.0-beta.2 → 5.5.0-alpha.0

package/README.md

@@ -1,5 +1,7 @@
-# @skyux/a11y
+# a11y
 
-[![npm](https://img.shields.io/npm/v/@skyux/a11y.svg)](https://www.npmjs.com/package/@skyux/a11y)
-![SKY UX CI](https://github.com/blackbaud/skyux-a11y/workflows/SKY%20UX%20CI/badge.svg)
-[![coverage](https://codecov.io/gh/blackbaud/skyux-a11y/branch/master/graphs/badge.svg?branch=master)](https://codecov.io/gh/blackbaud/skyux-a11y/branch/master)
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test a11y` to execute the unit tests.

package/bundles/skyux-a11y.umd.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@skyux/i18n'), require('@skyux/core')) :
     typeof define === 'function' && define.amd ? define('@skyux/a11y', ['exports', '@angular/core', '@angular/common', '@skyux/i18n', '@skyux/core'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.a11y = {}), global.ng.core, global.ng.common, global.i3, global.i1));
-}(this, (function (exports, i0, i2, i3, i1) { 'use strict';
+})(this, (function (exports, i0, i2, i3, i1) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -13,14 +13,12 @@
                     var d = Object.getOwnPropertyDescriptor(e, k);
                     Object.defineProperty(n, k, d.get ? d : {
                         enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
+                        get: function () { return e[k]; }
                     });
                 }
             });
         }
-        n['default'] = e;
+        n["default"] = e;
         return Object.freeze(n);
     }
 
@@ -36,7 +34,7 @@
      * To update this file, simply rerun the command.
      */
     var RESOURCES = {
-        'EN-US': { "skyux_list_skip_to_link": { "message": "Skip to {0}" } },
+        'EN-US': { skyux_list_skip_to_link: { message: 'Skip to {0}' } },
     };
     var SkyA11yResourcesProvider = /** @class */ (function () {
         function SkyA11yResourcesProvider() {
@@ -54,22 +52,26 @@
         }
         return SkyA11yResourcesModule;
     }());
-    SkyA11yResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SkyA11yResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyA11yResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SkyA11yResourcesModule, exports: [i3.SkyI18nModule] });
-    SkyA11yResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SkyA11yResourcesModule, providers: [{
+    SkyA11yResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyA11yResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyA11yResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyA11yResourcesModule, exports: [i3.SkyI18nModule] });
+    SkyA11yResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyA11yResourcesModule, providers: [
+            {
                 provide: i3.SKY_LIB_RESOURCES_PROVIDERS,
                 useClass: SkyA11yResourcesProvider,
-                multi: true
-            }], imports: [i3.SkyI18nModule] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SkyA11yResourcesModule, decorators: [{
+                multi: true,
+            },
+        ], imports: [i3.SkyI18nModule] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyA11yResourcesModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         exports: [i3.SkyI18nModule],
-                        providers: [{
+                        providers: [
+                            {
                                 provide: i3.SKY_LIB_RESOURCES_PROVIDERS,
                                 useClass: SkyA11yResourcesProvider,
-                                multi: true
-                            }]
+                                multi: true,
+                            },
+                        ],
                     }]
             }] });
 
@@ -89,9 +91,9 @@
         };
         return SkySkipLinkAdapterService;
     }());
-    SkySkipLinkAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SkySkipLinkAdapterService, deps: [{ token: i1__namespace.SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkySkipLinkAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SkySkipLinkAdapterService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SkySkipLinkAdapterService, decorators: [{
+    SkySkipLinkAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySkipLinkAdapterService, deps: [{ token: i1__namespace.SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkySkipLinkAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySkipLinkAdapterService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySkipLinkAdapterService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return [{ type: i1__namespace.SkyAppWindowRef }]; } });
 
@@ -116,20 +118,16 @@
         };
         return SkySkipLinkHostComponent;
     }());
-    SkySkipLinkHostComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SkySkipLinkHostComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkySkipLinkAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkySkipLinkHostComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.2", type: SkySkipLinkHostComponent, selector: "sky-skip-link-host", providers: [
-            SkySkipLinkAdapterService
-        ], ngImport: i0__namespace, 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__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "skyLibResources": i3__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SkySkipLinkHostComponent, decorators: [{
+    SkySkipLinkHostComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySkipLinkHostComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkySkipLinkAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkySkipLinkHostComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySkipLinkHostComponent, selector: "sky-skip-link-host", providers: [SkySkipLinkAdapterService], ngImport: i0__namespace, template: "<button\n  *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__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "skyLibResources": i3__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySkipLinkHostComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-skip-link-host',
-                        templateUrl: './skip-link-host.component.html',
-                        styleUrls: ['./skip-link-host.component.scss'],
+                        template: "<button\n  *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"],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        providers: [
-                            SkySkipLinkAdapterService
-                        ]
+                        providers: [SkySkipLinkAdapterService],
                     }]
             }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: SkySkipLinkAdapterService }]; } });
 
@@ -141,29 +139,15 @@
         }
         return SkySkipLinkModule;
     }());
-    SkySkipLinkModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SkySkipLinkModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkySkipLinkModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SkySkipLinkModule, declarations: [SkySkipLinkHostComponent], imports: [i2.CommonModule,
-            i3.SkyI18nModule,
-            SkyA11yResourcesModule] });
-    SkySkipLinkModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SkySkipLinkModule, imports: [[
-                i2.CommonModule,
-                i3.SkyI18nModule,
-                SkyA11yResourcesModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SkySkipLinkModule, decorators: [{
+    SkySkipLinkModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySkipLinkModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkySkipLinkModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySkipLinkModule, declarations: [SkySkipLinkHostComponent], imports: [i2.CommonModule, i3.SkyI18nModule, SkyA11yResourcesModule] });
+    SkySkipLinkModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySkipLinkModule, imports: [[i2.CommonModule, i3.SkyI18nModule, SkyA11yResourcesModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySkipLinkModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
-                        entryComponents: [
-                            SkySkipLinkHostComponent
-                        ],
-                        declarations: [
-                            SkySkipLinkHostComponent
-                        ],
-                        imports: [
-                            i2.CommonModule,
-                            i3.SkyI18nModule,
-                            SkyA11yResourcesModule
-                        ]
+                        entryComponents: [SkySkipLinkHostComponent],
+                        declarations: [SkySkipLinkHostComponent],
+                        imports: [i2.CommonModule, i3.SkyI18nModule, SkyA11yResourcesModule],
                     }]
             }] });
 
@@ -182,8 +166,8 @@
         SkySkipLinkService.prototype.setSkipLinks = function (args) {
             var _this = this;
             args.links = args.links.filter(function (link) {
-                var elementRefExists = (link.elementRef);
-                return (elementRefExists);
+                var elementRefExists = link.elementRef;
+                return elementRefExists;
             });
             // Timeout needed in case the consumer sets the skip links within an Angular lifecycle hook.
             setTimeout(function () {
@@ -198,7 +182,7 @@
         SkySkipLinkService.prototype.createHostComponent = function () {
             if (!SkySkipLinkService.host) {
                 var componentRef = this.dynamicComponentService.createComponent(SkySkipLinkHostComponent, {
-                    location: i1.SkyDynamicComponentLocation.BodyTop
+                    location: i1.SkyDynamicComponentLocation.BodyTop,
                 });
                 SkySkipLinkService.host = componentRef;
             }
@@ -206,12 +190,12 @@
         };
         return SkySkipLinkService;
     }());
-    SkySkipLinkService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SkySkipLinkService, deps: [{ token: i1__namespace.SkyDynamicComponentService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkySkipLinkService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SkySkipLinkService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.2", ngImport: i0__namespace, type: SkySkipLinkService, decorators: [{
+    SkySkipLinkService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySkipLinkService, deps: [{ token: i1__namespace.SkyDynamicComponentService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkySkipLinkService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySkipLinkService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySkipLinkService, decorators: [{
                 type: i0.Injectable,
                 args: [{
-                        providedIn: 'root'
+                        providedIn: 'root',
                     }]
             }], ctorParameters: function () { return [{ type: i1__namespace.SkyDynamicComponentService }]; } });
 
@@ -224,5 +208,5 @@
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=skyux-a11y.umd.js.map