@skyux/indicators 5.7.2 → 6.0.0-beta.2

package/bundles/skyux-indicators.umd.js

@@ -1,2463 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@skyux/i18n'), require('@skyux/theme'), require('@skyux/core'), require('@angular/animations'), require('rxjs'), require('rxjs/operators')) :
-    typeof define === 'function' && define.amd ? define('@skyux/indicators', ['exports', '@angular/common', '@angular/core', '@skyux/i18n', '@skyux/theme', '@skyux/core', '@angular/animations', 'rxjs', 'rxjs/operators'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.indicators = {}), global.ng.common, global.ng.core, global.i1$1, global.i3, global.i1$2, global.ng.animations, global.rxjs, global.rxjs.operators));
-})(this, (function (exports, i1, i0, i1$1, i3, i1$2, animations, rxjs, operators) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-            r = Reflect.decorate(decorators, target, key, desc);
-        else
-            for (var i = decorators.length - 1; i >= 0; i--)
-                if (d = decorators[i])
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-            return Reflect.metadata(metadataKey, metadataValue);
-    }
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try {
-                step(generator.next(value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function rejected(value) { try {
-                step(generator["throw"](value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
-                }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
-                }
-                finally {
-                    f = t = 0;
-                }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    function __spreadArray(to, from, pack) {
-        if (pack || arguments.length === 2)
-            for (var i = 0, l = from.length, ar; i < l; i++) {
-                if (ar || !(i in from)) {
-                    if (!ar)
-                        ar = Array.prototype.slice.call(from, 0, i);
-                    ar[i] = from[i];
-                }
-            }
-        return to.concat(ar || Array.prototype.slice.call(from));
-    }
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try {
-            step(g[n](v));
-        }
-        catch (e) {
-            settle(q[0][3], e);
-        } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length)
-            resume(q[0][0], q[0][1]); }
-    }
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
-        }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-    }
-
-    /**
-     * @internal
-     */
-    var SkyIconResolverService = /** @class */ (function () {
-        function SkyIconResolverService(manifestSvc) {
-            var e_1, _a;
-            this.glyphMap = new Map();
-            try {
-                // Map the icons by name for more efficient lookup.
-                for (var _b = __values(manifestSvc.getManifest().glyphs), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var glyph = _c.value;
-                    this.glyphMap.set(glyph.name, glyph);
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-        }
-        SkyIconResolverService.prototype.resolveIcon = function (iconName, variant) {
-            var variantIconName = variant && iconName + "-" + variant;
-            if (variantIconName && this.glyphMap.has(variantIconName)) {
-                // A variant was specified and exists; return it.
-                return variantIconName;
-            }
-            if (variant !== 'line' && !this.glyphMap.has(iconName)) {
-                // Either the solid variant was specified and doesn't exist, or no variant was
-                // specified and a non-variant doesn't exist; fall back to the line variant.
-                var lineIconName = iconName + "-line";
-                if (this.glyphMap.has(lineIconName)) {
-                    return lineIconName;
-                }
-            }
-            // Fall back to the icon name as-is.
-            return iconName;
-        };
-        return SkyIconResolverService;
-    }());
-    SkyIconResolverService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIconResolverService, deps: [{ token: i3__namespace.SkyThemeIconManifestService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyIconResolverService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIconResolverService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIconResolverService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }], ctorParameters: function () { return [{ type: i3__namespace.SkyThemeIconManifestService }]; } });
-
-    /**
-     * @internal
-     */
-    var SkyIconClassListPipe = /** @class */ (function () {
-        function SkyIconClassListPipe(resolver) {
-            this.resolver = resolver;
-        }
-        SkyIconClassListPipe.prototype.transform = function (icon, iconType, size, fixedWidth, variant) {
-            var classList;
-            if (iconType === 'skyux') {
-                var resolvedIcon = this.resolver.resolveIcon(icon, variant);
-                classList = ['sky-i-' + resolvedIcon];
-            }
-            else {
-                classList = ['fa', 'fa-' + icon];
-            }
-            if (size) {
-                classList.push('fa-' + size);
-            }
-            if (fixedWidth) {
-                classList.push('fa-fw');
-            }
-            return classList;
-        };
-        return SkyIconClassListPipe;
-    }());
-    SkyIconClassListPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIconClassListPipe, deps: [{ token: SkyIconResolverService }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    SkyIconClassListPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIconClassListPipe, name: "skyIconClassList" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIconClassListPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'skyIconClassList',
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyIconResolverService }]; } });
-
-    var SkyIconStackComponent = /** @class */ (function () {
-        function SkyIconStackComponent() {
-        }
-        return SkyIconStackComponent;
-    }());
-    SkyIconStackComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIconStackComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyIconStackComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: { size: "size", baseIcon: "baseIcon", topIcon: "topIcon" }, ngImport: i0__namespace, template: "<span\n  aria-hidden=\"true\"\n  class=\"sky-icon-stack fa-stack\"\n  [ngClass]=\"size ? 'fa-' + size + ' sky-icon-stack-size-' + size : ''\"\n>\n  <i\n    *ngIf=\"baseIcon\"\n    class=\"sky-icon fa-stack-2x\"\n    [ngClass]=\"baseIcon.icon | skyIconClassList: baseIcon.iconType\"\n  ></i>\n  <i\n    *ngIf=\"topIcon\"\n    class=\"sky-icon fa-stack-1x fa-inverse sky-icon-inverse\"\n    [ngClass]=\"topIcon.icon | skyIconClassList: topIcon.iconType\"\n  ></i>\n</span>\n", styles: [":host{display:inline-block;vertical-align:bottom}.sky-icon-stack-size-xs.fa-stack{width:1.25em;height:1.25em;line-height:1.25em}.sky-icon-stack-size-xs .fa-stack-2x{font-size:1.25em}.sky-icon-stack-size-xs .fa-stack-1x{font-size:.625em}.fa-stack-1x.sky-i-check:before{position:relative;top:1px}.fa-stack-1x.sky-i-exclamation:before{position:relative;top:2px;left:-.5px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-icon-inverse{color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-icon-inverse{color:#121212}\n"], directives: [{ type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyIconClassList": SkyIconClassListPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIconStackComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-icon-stack',
-                        template: "<span\n  aria-hidden=\"true\"\n  class=\"sky-icon-stack fa-stack\"\n  [ngClass]=\"size ? 'fa-' + size + ' sky-icon-stack-size-' + size : ''\"\n>\n  <i\n    *ngIf=\"baseIcon\"\n    class=\"sky-icon fa-stack-2x\"\n    [ngClass]=\"baseIcon.icon | skyIconClassList: baseIcon.iconType\"\n  ></i>\n  <i\n    *ngIf=\"topIcon\"\n    class=\"sky-icon fa-stack-1x fa-inverse sky-icon-inverse\"\n    [ngClass]=\"topIcon.icon | skyIconClassList: topIcon.iconType\"\n  ></i>\n</span>\n",
-                        styles: [":host{display:inline-block;vertical-align:bottom}.sky-icon-stack-size-xs.fa-stack{width:1.25em;height:1.25em;line-height:1.25em}.sky-icon-stack-size-xs .fa-stack-2x{font-size:1.25em}.sky-icon-stack-size-xs .fa-stack-1x{font-size:.625em}.fa-stack-1x.sky-i-check:before{position:relative;top:1px}.fa-stack-1x.sky-i-exclamation:before{position:relative;top:2px;left:-.5px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-icon-inverse{color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-icon-inverse{color:#121212}\n"],
-                    }]
-            }], propDecorators: { size: [{
-                    type: i0.Input
-                }], baseIcon: [{
-                    type: i0.Input
-                }], topIcon: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyIconComponent = /** @class */ (function () {
-        function SkyIconComponent() {
-            /**
-             * Specifies the type of icon to display. Specifying `"fa"` will display a Font Awesome icon,
-             * while specifying `"skyux"` will display an icon from the custom SKY UX icon font. Note that
-             * the custom SKY UX icon font is currently in beta.
-             * @default "fa"
-             */
-            this.iconType = 'fa';
-        }
-        return SkyIconComponent;
-    }());
-    SkyIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIconComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyIconComponent, selector: "sky-icon", inputs: { icon: "icon", iconType: "iconType", size: "size", fixedWidth: "fixedWidth", variant: "variant" }, ngImport: i0__namespace, template: "<i\n  *ngIf=\"icon\"\n  aria-hidden=\"true\"\n  class=\"sky-icon\"\n  [ngClass]=\"icon | skyIconClassList: iconType:size:fixedWidth:variant\"\n>\n</i>\n", styles: [":host{display:inline-block}i{display:inherit}\n"], directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "skyIconClassList": SkyIconClassListPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIconComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-icon',
-                        template: "<i\n  *ngIf=\"icon\"\n  aria-hidden=\"true\"\n  class=\"sky-icon\"\n  [ngClass]=\"icon | skyIconClassList: iconType:size:fixedWidth:variant\"\n>\n</i>\n",
-                        styles: [":host{display:inline-block}i{display:inherit}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], propDecorators: { icon: [{
-                    type: i0.Input
-                }], iconType: [{
-                    type: i0.Input
-                }], size: [{
-                    type: i0.Input
-                }], fixedWidth: [{
-                    type: i0.Input
-                }], variant: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyIconModule = /** @class */ (function () {
-        function SkyIconModule() {
-        }
-        return SkyIconModule;
-    }());
-    SkyIconModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIconModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyIconModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIconModule, declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent], imports: [i1.CommonModule, i3.SkyThemeIconManifestModule], exports: [SkyIconComponent, SkyIconStackComponent] });
-    SkyIconModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIconModule, imports: [[i1.CommonModule, i3.SkyThemeIconManifestModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIconModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent],
-                        imports: [i1.CommonModule, i3.SkyThemeIconManifestModule],
-                        exports: [SkyIconComponent, SkyIconStackComponent],
-                    }]
-            }] });
-
-    /**
-     * NOTICE: DO NOT MODIFY THIS FILE!
-     * The contents of this file were automatically generated by
-     * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-indicators' schematic.
-     * To update this file, simply rerun the command.
-     */
-    var RESOURCES = {
-        'EN-US': {
-            skyux_alert_close: { message: 'Close the alert' },
-            skyux_help_inline_button_title: { message: 'Show help content' },
-            skyux_status_indicator_sr_completed: { message: 'Completed:' },
-            skyux_status_indicator_sr_error: { message: 'Error:' },
-            skyux_status_indicator_sr_important_info: {
-                message: 'Important information:',
-            },
-            skyux_status_indicator_sr_warning: { message: 'Warning:' },
-            skyux_tokens_dismiss_button_title: { message: 'Remove item' },
-            skyux_wait_aria_alt_text: { message: 'Loading.' },
-            skyux_wait_blocking_aria_alt_text: { message: 'Loading. Please wait.' },
-            skyux_wait_page_aria_alt_text: { message: 'Page loading.' },
-            skyux_wait_page_blocking_aria_alt_text: {
-                message: 'Page loading. Please wait.',
-            },
-        },
-    };
-    var SkyIndicatorsResourcesProvider = /** @class */ (function () {
-        function SkyIndicatorsResourcesProvider() {
-        }
-        SkyIndicatorsResourcesProvider.prototype.getString = function (localeInfo, name) {
-            return i1$1.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-        };
-        return SkyIndicatorsResourcesProvider;
-    }());
-    /**
-     * Import into any component library module that needs to use resource strings.
-     */
-    var SkyIndicatorsResourcesModule = /** @class */ (function () {
-        function SkyIndicatorsResourcesModule() {
-        }
-        return SkyIndicatorsResourcesModule;
-    }());
-    SkyIndicatorsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIndicatorsResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyIndicatorsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIndicatorsResourcesModule, exports: [i1$1.SkyI18nModule] });
-    SkyIndicatorsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIndicatorsResourcesModule, providers: [
-            {
-                provide: i1$1.SKY_LIB_RESOURCES_PROVIDERS,
-                useClass: SkyIndicatorsResourcesProvider,
-                multi: true,
-            },
-        ], imports: [i1$1.SkyI18nModule] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIndicatorsResourcesModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        exports: [i1$1.SkyI18nModule],
-                        providers: [
-                            {
-                                provide: i1$1.SKY_LIB_RESOURCES_PROVIDERS,
-                                useClass: SkyIndicatorsResourcesProvider,
-                                multi: true,
-                            },
-                        ],
-                    }]
-            }] });
-
-    /**
-     * @internl
-     */
-    var SkyIndicatorIconUtility = /** @class */ (function () {
-        function SkyIndicatorIconUtility() {
-        }
-        SkyIndicatorIconUtility.getIconsForType = function (indicatorType) {
-            var icon;
-            var baseIcon;
-            var topIcon;
-            // tslint:disable-next-line: switch-default
-            switch (indicatorType) {
-                case 'danger':
-                case 'warning':
-                    icon = 'warning';
-                    baseIcon = 'triangle-solid';
-                    topIcon = 'exclamation';
-                    break;
-                case 'info':
-                    icon = 'exclamation-circle';
-                    baseIcon = 'circle-solid';
-                    topIcon = 'help-i';
-                    break;
-                case 'success':
-                    icon = 'check';
-                    baseIcon = 'circle-solid';
-                    topIcon = 'check';
-                    break;
-            }
-            return {
-                defaultThemeIcon: icon,
-                modernThemeBaseIcon: {
-                    icon: baseIcon,
-                    iconType: 'skyux',
-                },
-                modernThemeTopIcon: {
-                    icon: topIcon,
-                    iconType: 'skyux',
-                },
-            };
-        };
-        return SkyIndicatorIconUtility;
-    }());
-
-    var ALERT_TYPE_DEFAULT = 'warning';
-    var SkyAlertComponent = /** @class */ (function () {
-        function SkyAlertComponent() {
-            /**
-             * Fires when users close the alert.
-             */
-            this.closedChange = new i0.EventEmitter();
-        }
-        Object.defineProperty(SkyAlertComponent.prototype, "alertType", {
-            get: function () {
-                return this._alertType || ALERT_TYPE_DEFAULT;
-            },
-            /**
-             * Specifies a style for the alert to determine the icon and background color.
-             * The valid options are `danger`, `info`, `success`, and `warning`.
-             * @default "warning"
-             */
-            set: function (value) {
-                this._alertType = value;
-                this.updateAlertIcon();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyAlertComponent.prototype.ngOnInit = function () {
-            this.updateAlertIcon();
-        };
-        SkyAlertComponent.prototype.close = function () {
-            this.closed = true;
-            this.closedChange.emit(true);
-        };
-        SkyAlertComponent.prototype.updateAlertIcon = function () {
-            var indicatorIcon = SkyIndicatorIconUtility.getIconsForType(this.alertType);
-            this.alertBaseIcon = indicatorIcon.modernThemeBaseIcon;
-            this.alertTopIcon = indicatorIcon.modernThemeTopIcon;
-        };
-        return SkyAlertComponent;
-    }());
-    SkyAlertComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAlertComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyAlertComponent, selector: "sky-alert", inputs: { alertType: "alertType", closeable: "closeable", closed: "closed" }, outputs: { closedChange: "closedChange" }, ngImport: i0__namespace, template: "<div\n  class=\"sky-alert\"\n  [skyThemeClass]=\"{\n    'sky-rounded-corners': 'default',\n    'sky-box sky-elevation-1': 'modern'\n  }\"\n  role=\"alert\"\n  [hidden]=\"closed\"\n  [ngClass]=\"{\n    'sky-alert-info': alertType === 'info',\n    'sky-alert-success': alertType === 'success',\n    'sky-alert-warning': alertType === 'warning',\n    'sky-alert-danger': alertType === 'danger',\n    'sky-alert-closeable': closeable\n  }\"\n>\n  <div aria-hidden=\"true\" class=\"sky-alert-icon-theme-modern\">\n    <sky-icon-stack [baseIcon]=\"alertBaseIcon\" [topIcon]=\"alertTopIcon\">\n    </sky-icon-stack>\n  </div>\n  <div class=\"sky-alert-content\">\n    <ng-content></ng-content>\n  </div>\n  <button\n    class=\"sky-alert-close\"\n    type=\"button\"\n    [attr.aria-label]=\"'skyux_alert_close' | skyLibResources\"\n    [hidden]=\"!closeable\"\n    (click)=\"close()\"\n  >\n    <span aria-hidden=\"true\">\n      <sky-icon class=\"sky-alert-close-icon-theme-default\" icon=\"close\">\n      </sky-icon>\n      <sky-icon\n        class=\"sky-alert-close-icon-theme-modern\"\n        icon=\"close\"\n        iconType=\"skyux\"\n        size=\"2x\"\n      >\n      </sky-icon>\n    </span>\n  </button>\n</div>\n", styles: ["@charset \"UTF-8\";.sky-alert{padding:0 10px;margin-bottom:20px;border-left:solid 30px;color:#212327;display:flex;flex-direction:row;align-items:center}.sky-alert .sky-alert-content{padding-top:10px;padding-bottom:10px;width:100%}.sky-alert .sky-alert-content ::ng-deep a{color:#212327cc;text-decoration:underline}.sky-alert .sky-alert-content ::ng-deep a:hover{color:#212327}.sky-alert button{margin-left:auto;width:32px;height:32px}.sky-alert.sky-alert-info{background-color:#81d4f7;border-color:#00b4f1}.sky-alert.sky-alert-info:before{content:\"\\f06a\";font-family:FontAwesome;margin-left:-31px;margin-right:20px;color:#fff}.sky-alert.sky-alert-success{background-color:#b7da9b;border-color:#72bf44}.sky-alert.sky-alert-success:before{content:\"\\f00c\";font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff}.sky-alert.sky-alert-warning{background-color:#ffd597;border-color:#fbb034}.sky-alert.sky-alert-warning:before{content:\"\\f071\";font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff}.sky-alert.sky-alert-danger{background-color:#f7a08f;border-color:#ef4044}.sky-alert.sky-alert-danger:before{content:\"\\f071\";font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff}.sky-alert-close{cursor:pointer;font-weight:bold;line-height:1;margin:0;padding:0;color:#212327;opacity:.8;border:none;background-color:transparent;display:none}.sky-alert-close:hover{opacity:1}.sky-alert-closeable .sky-alert-close{display:block}.sky-alert-close-icon-theme-modern,.sky-alert-icon-theme-modern{display:none}:host-context(.sky-theme-modern) .sky-alert{border-left-width:7px}:host-context(.sky-theme-modern) .sky-alert .sky-alert-content{padding:15px}:host-context(.sky-theme-modern) .sky-alert.sky-alert-info{background-color:#c1e8fb}:host-context(.sky-theme-modern) .sky-alert-info:before,:host-context(.sky-theme-modern) .sky-alert-success:before,:host-context(.sky-theme-modern) .sky-alert-warning:before,:host-context(.sky-theme-modern) .sky-alert-danger:before{display:none}:host-context(.sky-theme-modern) .sky-alert-info .sky-alert-icon-theme-modern{color:#00b4f1}:host-context(.sky-theme-modern) .sky-alert-success .sky-alert-icon-theme-modern{color:#72bf44}:host-context(.sky-theme-modern) .sky-alert-warning .sky-alert-icon-theme-modern{color:#fbb034}:host-context(.sky-theme-modern) .sky-alert-danger .sky-alert-icon-theme-modern{color:#ef4044}:host-context(.sky-theme-modern) .sky-alert-icon-theme-modern{display:block}:host-context(.sky-theme-modern) .sky-alert-close-icon-theme-default{display:none}:host-context(.sky-theme-modern) .sky-alert-close-icon-theme-modern{display:inline}.sky-theme-modern .sky-alert{border-left-width:7px}.sky-theme-modern .sky-alert .sky-alert-content{padding:15px}.sky-theme-modern .sky-alert.sky-alert-info{background-color:#c1e8fb}.sky-theme-modern .sky-alert-info:before,.sky-theme-modern .sky-alert-success:before,.sky-theme-modern .sky-alert-warning:before,.sky-theme-modern .sky-alert-danger:before{display:none}.sky-theme-modern .sky-alert-info .sky-alert-icon-theme-modern{color:#00b4f1}.sky-theme-modern .sky-alert-success .sky-alert-icon-theme-modern{color:#72bf44}.sky-theme-modern .sky-alert-warning .sky-alert-icon-theme-modern{color:#fbb034}.sky-theme-modern .sky-alert-danger .sky-alert-icon-theme-modern{color:#ef4044}.sky-theme-modern .sky-alert-icon-theme-modern{display:block}.sky-theme-modern .sky-alert-close-icon-theme-default{display:none}.sky-theme-modern .sky-alert-close-icon-theme-modern{display:inline}\n"], components: [{ type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }, { type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i3__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "skyLibResources": i1__namespace$1.SkyLibResourcesPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAlertComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-alert',
-                        styles: ["@charset \"UTF-8\";.sky-alert{padding:0 10px;margin-bottom:20px;border-left:solid 30px;color:#212327;display:flex;flex-direction:row;align-items:center}.sky-alert .sky-alert-content{padding-top:10px;padding-bottom:10px;width:100%}.sky-alert .sky-alert-content ::ng-deep a{color:#212327cc;text-decoration:underline}.sky-alert .sky-alert-content ::ng-deep a:hover{color:#212327}.sky-alert button{margin-left:auto;width:32px;height:32px}.sky-alert.sky-alert-info{background-color:#81d4f7;border-color:#00b4f1}.sky-alert.sky-alert-info:before{content:\"\\f06a\";font-family:FontAwesome;margin-left:-31px;margin-right:20px;color:#fff}.sky-alert.sky-alert-success{background-color:#b7da9b;border-color:#72bf44}.sky-alert.sky-alert-success:before{content:\"\\f00c\";font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff}.sky-alert.sky-alert-warning{background-color:#ffd597;border-color:#fbb034}.sky-alert.sky-alert-warning:before{content:\"\\f071\";font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff}.sky-alert.sky-alert-danger{background-color:#f7a08f;border-color:#ef4044}.sky-alert.sky-alert-danger:before{content:\"\\f071\";font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff}.sky-alert-close{cursor:pointer;font-weight:bold;line-height:1;margin:0;padding:0;color:#212327;opacity:.8;border:none;background-color:transparent;display:none}.sky-alert-close:hover{opacity:1}.sky-alert-closeable .sky-alert-close{display:block}.sky-alert-close-icon-theme-modern,.sky-alert-icon-theme-modern{display:none}:host-context(.sky-theme-modern) .sky-alert{border-left-width:7px}:host-context(.sky-theme-modern) .sky-alert .sky-alert-content{padding:15px}:host-context(.sky-theme-modern) .sky-alert.sky-alert-info{background-color:#c1e8fb}:host-context(.sky-theme-modern) .sky-alert-info:before,:host-context(.sky-theme-modern) .sky-alert-success:before,:host-context(.sky-theme-modern) .sky-alert-warning:before,:host-context(.sky-theme-modern) .sky-alert-danger:before{display:none}:host-context(.sky-theme-modern) .sky-alert-info .sky-alert-icon-theme-modern{color:#00b4f1}:host-context(.sky-theme-modern) .sky-alert-success .sky-alert-icon-theme-modern{color:#72bf44}:host-context(.sky-theme-modern) .sky-alert-warning .sky-alert-icon-theme-modern{color:#fbb034}:host-context(.sky-theme-modern) .sky-alert-danger .sky-alert-icon-theme-modern{color:#ef4044}:host-context(.sky-theme-modern) .sky-alert-icon-theme-modern{display:block}:host-context(.sky-theme-modern) .sky-alert-close-icon-theme-default{display:none}:host-context(.sky-theme-modern) .sky-alert-close-icon-theme-modern{display:inline}.sky-theme-modern .sky-alert{border-left-width:7px}.sky-theme-modern .sky-alert .sky-alert-content{padding:15px}.sky-theme-modern .sky-alert.sky-alert-info{background-color:#c1e8fb}.sky-theme-modern .sky-alert-info:before,.sky-theme-modern .sky-alert-success:before,.sky-theme-modern .sky-alert-warning:before,.sky-theme-modern .sky-alert-danger:before{display:none}.sky-theme-modern .sky-alert-info .sky-alert-icon-theme-modern{color:#00b4f1}.sky-theme-modern .sky-alert-success .sky-alert-icon-theme-modern{color:#72bf44}.sky-theme-modern .sky-alert-warning .sky-alert-icon-theme-modern{color:#fbb034}.sky-theme-modern .sky-alert-danger .sky-alert-icon-theme-modern{color:#ef4044}.sky-theme-modern .sky-alert-icon-theme-modern{display:block}.sky-theme-modern .sky-alert-close-icon-theme-default{display:none}.sky-theme-modern .sky-alert-close-icon-theme-modern{display:inline}\n"],
-                        template: "<div\n  class=\"sky-alert\"\n  [skyThemeClass]=\"{\n    'sky-rounded-corners': 'default',\n    'sky-box sky-elevation-1': 'modern'\n  }\"\n  role=\"alert\"\n  [hidden]=\"closed\"\n  [ngClass]=\"{\n    'sky-alert-info': alertType === 'info',\n    'sky-alert-success': alertType === 'success',\n    'sky-alert-warning': alertType === 'warning',\n    'sky-alert-danger': alertType === 'danger',\n    'sky-alert-closeable': closeable\n  }\"\n>\n  <div aria-hidden=\"true\" class=\"sky-alert-icon-theme-modern\">\n    <sky-icon-stack [baseIcon]=\"alertBaseIcon\" [topIcon]=\"alertTopIcon\">\n    </sky-icon-stack>\n  </div>\n  <div class=\"sky-alert-content\">\n    <ng-content></ng-content>\n  </div>\n  <button\n    class=\"sky-alert-close\"\n    type=\"button\"\n    [attr.aria-label]=\"'skyux_alert_close' | skyLibResources\"\n    [hidden]=\"!closeable\"\n    (click)=\"close()\"\n  >\n    <span aria-hidden=\"true\">\n      <sky-icon class=\"sky-alert-close-icon-theme-default\" icon=\"close\">\n      </sky-icon>\n      <sky-icon\n        class=\"sky-alert-close-icon-theme-modern\"\n        icon=\"close\"\n        iconType=\"skyux\"\n        size=\"2x\"\n      >\n      </sky-icon>\n    </span>\n  </button>\n</div>\n",
-                    }]
-            }], propDecorators: { alertType: [{
-                    type: i0.Input
-                }], closeable: [{
-                    type: i0.Input
-                }], closed: [{
-                    type: i0.Input
-                }], closedChange: [{
-                    type: i0.Output
-                }] } });
-
-    var SkyAlertModule = /** @class */ (function () {
-        function SkyAlertModule() {
-        }
-        return SkyAlertModule;
-    }());
-    SkyAlertModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAlertModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAlertModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAlertModule, declarations: [SkyAlertComponent], imports: [i1.CommonModule,
-            i1$1.SkyI18nModule,
-            SkyIconModule,
-            SkyIndicatorsResourcesModule,
-            i3.SkyThemeModule], exports: [SkyAlertComponent] });
-    SkyAlertModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAlertModule, imports: [[
-                i1.CommonModule,
-                i1$1.SkyI18nModule,
-                SkyIconModule,
-                SkyIndicatorsResourcesModule,
-                i3.SkyThemeModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAlertModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyAlertComponent],
-                        imports: [
-                            i1.CommonModule,
-                            i1$1.SkyI18nModule,
-                            SkyIconModule,
-                            SkyIndicatorsResourcesModule,
-                            i3.SkyThemeModule,
-                        ],
-                        exports: [SkyAlertComponent],
-                    }]
-            }] });
-
-    /**
-     * Displays a chevron icon.
-     * @internal
-     */
-    var SkyExpansionIndicatorComponent = /** @class */ (function () {
-        function SkyExpansionIndicatorComponent() {
-        }
-        Object.defineProperty(SkyExpansionIndicatorComponent.prototype, "direction", {
-            get: function () {
-                return this._direction || 'up';
-            },
-            /**
-             * Specifies whether the chevron points up or down.
-             */
-            set: function (value) {
-                /* istanbul ignore else */
-                if (value != this._direction) {
-                    this._direction = value;
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return SkyExpansionIndicatorComponent;
-    }());
-    SkyExpansionIndicatorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyExpansionIndicatorComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyExpansionIndicatorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyExpansionIndicatorComponent, selector: "sky-expansion-indicator", inputs: { direction: "direction" }, ngImport: i0__namespace, template: "<div\n  aria-hidden=\"true\"\n  class=\"sky-expansion-indicator\"\n  [ngClass]=\"['sky-expansion-indicator-' + direction]\"\n>\n  <ng-container *skyThemeIf=\"'default'\">\n    <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n  </ng-container>\n  <ng-container *skyThemeIf=\"'modern'\">\n    <span class=\"sky-expansion-indicator-glyph-container\">\n      <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n    </span>\n  </ng-container>\n</div>\n\n<ng-template #icon>\n  <i class=\"sky-expansion-indicator-part sky-expansion-indicator-left\"> </i>\n  <i class=\"sky-expansion-indicator-part sky-expansion-indicator-right\"> </i>\n</ng-template>\n", styles: [".sky-expansion-indicator{display:inline-block;border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;overflow:hidden;width:24px;position:relative;vertical-align:top}.sky-expansion-indicator-part{border-color:#cdcfd2;border-style:solid;border-width:3px 0 0 0;display:inline-block;height:10px;position:absolute;top:10px;transition:transform .25s,left .25s;vertical-align:top;width:10px}.sky-expansion-indicator-up .sky-expansion-indicator-left{left:7px;transform:rotate(-45deg)}.sky-expansion-indicator-up .sky-expansion-indicator-right{left:7px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-left{left:2px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-right{left:12px;transform:rotate(-45deg)}:host-context(.sky-theme-modern) .sky-expansion-indicator{height:26px;width:26px}:host-context(.sky-theme-modern) .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}:host-context(.sky-theme-modern) .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{border-radius:1px 0 0 1px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{border-radius:0 1px 1px 0}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{left:10.5px}.sky-theme-modern .sky-expansion-indicator{height:26px;width:26px}.sky-theme-modern .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}.sky-theme-modern .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}.sky-theme-modern .sky-expansion-indicator-left{border-radius:1px 0 0 1px}.sky-theme-modern .sky-expansion-indicator-right{border-radius:0 1px 1px 0}.sky-theme-modern .sky-expansion-indicator-left{left:4px}.sky-theme-modern .sky-expansion-indicator-right{left:10.5px}\n"], directives: [{ type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i1__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyExpansionIndicatorComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-expansion-indicator',
-                        styles: [".sky-expansion-indicator{display:inline-block;border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;overflow:hidden;width:24px;position:relative;vertical-align:top}.sky-expansion-indicator-part{border-color:#cdcfd2;border-style:solid;border-width:3px 0 0 0;display:inline-block;height:10px;position:absolute;top:10px;transition:transform .25s,left .25s;vertical-align:top;width:10px}.sky-expansion-indicator-up .sky-expansion-indicator-left{left:7px;transform:rotate(-45deg)}.sky-expansion-indicator-up .sky-expansion-indicator-right{left:7px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-left{left:2px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-right{left:12px;transform:rotate(-45deg)}:host-context(.sky-theme-modern) .sky-expansion-indicator{height:26px;width:26px}:host-context(.sky-theme-modern) .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}:host-context(.sky-theme-modern) .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{border-radius:1px 0 0 1px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{border-radius:0 1px 1px 0}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{left:10.5px}.sky-theme-modern .sky-expansion-indicator{height:26px;width:26px}.sky-theme-modern .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}.sky-theme-modern .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}.sky-theme-modern .sky-expansion-indicator-left{border-radius:1px 0 0 1px}.sky-theme-modern .sky-expansion-indicator-right{border-radius:0 1px 1px 0}.sky-theme-modern .sky-expansion-indicator-left{left:4px}.sky-theme-modern .sky-expansion-indicator-right{left:10.5px}\n"],
-                        template: "<div\n  aria-hidden=\"true\"\n  class=\"sky-expansion-indicator\"\n  [ngClass]=\"['sky-expansion-indicator-' + direction]\"\n>\n  <ng-container *skyThemeIf=\"'default'\">\n    <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n  </ng-container>\n  <ng-container *skyThemeIf=\"'modern'\">\n    <span class=\"sky-expansion-indicator-glyph-container\">\n      <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n    </span>\n  </ng-container>\n</div>\n\n<ng-template #icon>\n  <i class=\"sky-expansion-indicator-part sky-expansion-indicator-left\"> </i>\n  <i class=\"sky-expansion-indicator-part sky-expansion-indicator-right\"> </i>\n</ng-template>\n",
-                    }]
-            }], propDecorators: { direction: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyExpansionIndicatorModule = /** @class */ (function () {
-        function SkyExpansionIndicatorModule() {
-        }
-        return SkyExpansionIndicatorModule;
-    }());
-    SkyExpansionIndicatorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyExpansionIndicatorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyExpansionIndicatorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyExpansionIndicatorModule, declarations: [SkyExpansionIndicatorComponent], imports: [i1.CommonModule, i3.SkyThemeModule], exports: [SkyExpansionIndicatorComponent] });
-    SkyExpansionIndicatorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyExpansionIndicatorModule, imports: [[i1.CommonModule, i3.SkyThemeModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyExpansionIndicatorModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyExpansionIndicatorComponent],
-                        imports: [i1.CommonModule, i3.SkyThemeModule],
-                        exports: [SkyExpansionIndicatorComponent],
-                    }]
-            }] });
-
-    /**
-     * Creates an accessible button that wraps the chevron icon.
-     * @internal
-     */
-    var SkyChevronComponent = /** @class */ (function () {
-        function SkyChevronComponent() {
-            /**
-             * Indicates whether to disable the chevron button.
-             */
-            this.disabled = false;
-            /**
-             * Fires when the direction of the chevron changes.
-             */
-            this.directionChange = new i0.EventEmitter();
-        }
-        Object.defineProperty(SkyChevronComponent.prototype, "direction", {
-            get: function () {
-                return this._direction || 'up';
-            },
-            /**
-             * Specifies whether the chevron points up or down.
-             */
-            set: function (value) {
-                /* istanbul ignore else */
-                if (value != this._direction) {
-                    this._direction = value;
-                    /* istanbul ignore else */
-                    if (value === 'up') {
-                        this.ariaExpanded = true;
-                    }
-                    else if (this.direction === 'down') {
-                        this.ariaExpanded = false;
-                    }
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyChevronComponent.prototype.chevronClick = function (event) {
-            event.stopPropagation();
-            this.direction = this.direction === 'up' ? 'down' : 'up';
-            this.directionChange.emit(this.direction);
-        };
-        return SkyChevronComponent;
-    }());
-    SkyChevronComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyChevronComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyChevronComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyChevronComponent, selector: "sky-chevron", inputs: { ariaControls: "ariaControls", ariaLabel: "ariaLabel", direction: "direction", disabled: "disabled" }, outputs: { directionChange: "directionChange" }, ngImport: i0__namespace, template: "<button\n  class=\"sky-chevron\"\n  type=\"button\"\n  [attr.aria-controls]=\"ariaControls\"\n  [attr.aria-expanded]=\"ariaExpanded\"\n  [attr.aria-label]=\"ariaLabel\"\n  [disabled]=\"disabled\"\n  [ngClass]=\"['sky-chevron-' + direction]\"\n  [skyThemeClass]=\"{\n    'sky-btn sky-btn-icon-borderless': 'modern'\n  }\"\n  (click)=\"chevronClick($event)\"\n>\n  <sky-expansion-indicator [direction]=\"direction\"></sky-expansion-indicator>\n</button>\n", styles: ["button{background:lightblue}.sky-chevron{border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;padding:0;overflow:hidden;width:24px;cursor:pointer;position:relative;vertical-align:top}.sky-chevron:hover .sky-chevron-part{border-color:#979ba2}\n"], components: [{ type: SkyExpansionIndicatorComponent, selector: "sky-expansion-indicator", inputs: ["direction"] }], directives: [{ type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyChevronComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-chevron',
-                        styles: ["button{background:lightblue}.sky-chevron{border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;padding:0;overflow:hidden;width:24px;cursor:pointer;position:relative;vertical-align:top}.sky-chevron:hover .sky-chevron-part{border-color:#979ba2}\n"],
-                        template: "<button\n  class=\"sky-chevron\"\n  type=\"button\"\n  [attr.aria-controls]=\"ariaControls\"\n  [attr.aria-expanded]=\"ariaExpanded\"\n  [attr.aria-label]=\"ariaLabel\"\n  [disabled]=\"disabled\"\n  [ngClass]=\"['sky-chevron-' + direction]\"\n  [skyThemeClass]=\"{\n    'sky-btn sky-btn-icon-borderless': 'modern'\n  }\"\n  (click)=\"chevronClick($event)\"\n>\n  <sky-expansion-indicator [direction]=\"direction\"></sky-expansion-indicator>\n</button>\n",
-                    }]
-            }], propDecorators: { ariaControls: [{
-                    type: i0.Input
-                }], ariaLabel: [{
-                    type: i0.Input
-                }], direction: [{
-                    type: i0.Input
-                }], disabled: [{
-                    type: i0.Input
-                }], directionChange: [{
-                    type: i0.Output
-                }] } });
-
-    var SkyChevronModule = /** @class */ (function () {
-        function SkyChevronModule() {
-        }
-        return SkyChevronModule;
-    }());
-    SkyChevronModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyChevronModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyChevronModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyChevronModule, declarations: [SkyChevronComponent], imports: [i1.CommonModule,
-            i1$1.SkyI18nModule,
-            SkyIndicatorsResourcesModule,
-            i3.SkyThemeModule,
-            SkyExpansionIndicatorModule], exports: [SkyChevronComponent] });
-    SkyChevronModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyChevronModule, imports: [[
-                i1.CommonModule,
-                i1$1.SkyI18nModule,
-                SkyIndicatorsResourcesModule,
-                i3.SkyThemeModule,
-                SkyExpansionIndicatorModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyChevronModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyChevronComponent],
-                        imports: [
-                            i1.CommonModule,
-                            i1$1.SkyI18nModule,
-                            SkyIndicatorsResourcesModule,
-                            i3.SkyThemeModule,
-                            SkyExpansionIndicatorModule,
-                        ],
-                        exports: [SkyChevronComponent],
-                    }]
-            }] });
-
-    var SkyHelpInlineComponent = /** @class */ (function () {
-        function SkyHelpInlineComponent() {
-            /**
-             * Fires when the user clicks the help inline button.
-             */
-            this.actionClick = new i0.EventEmitter();
-        }
-        SkyHelpInlineComponent.prototype.onClick = function () {
-            this.actionClick.emit();
-        };
-        return SkyHelpInlineComponent;
-    }());
-    SkyHelpInlineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyHelpInlineComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyHelpInlineComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyHelpInlineComponent, selector: "sky-help-inline", outputs: { actionClick: "actionClick" }, ngImport: i0__namespace, template: "<button\n  class=\"sky-help-inline\"\n  type=\"button\"\n  [attr.aria-label]=\"'skyux_help_inline_button_title' | skyLibResources\"\n  (click)=\"onClick()\"\n>\n  <sky-icon *skyThemeIf=\"'default'\" icon=\"info-circle\"> </sky-icon>\n  <sky-icon-stack\n    *skyThemeIf=\"'modern'\"\n    size=\"xs\"\n    [baseIcon]=\"{\n      icon: 'circle-solid',\n      iconType: 'skyux'\n    }\"\n    [topIcon]=\"{\n      icon: 'help-i',\n      iconType: 'skyux'\n    }\"\n  >\n  </sky-icon-stack>\n</button>\n", styles: [".sky-help-inline{color:#0974a1;font-size:15px;background-color:transparent;border:none;display:inline-block}.sky-help-inline:hover{color:#065171;transition:color .15s;cursor:pointer}:host-context(.sky-theme-modern) .sky-help-inline ::ng-deep .fa-stack-2x{font-size:16px}:host-context(.sky-theme-modern) .sky-help-inline ::ng-deep .fa-stack-1x{font-size:10px}.sky-theme-modern .sky-help-inline ::ng-deep .fa-stack-2x{font-size:16px}.sky-theme-modern .sky-help-inline ::ng-deep .fa-stack-1x{font-size:10px}\n"], components: [{ type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }], directives: [{ type: i3__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], pipes: { "skyLibResources": i1__namespace$1.SkyLibResourcesPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyHelpInlineComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-help-inline',
-                        template: "<button\n  class=\"sky-help-inline\"\n  type=\"button\"\n  [attr.aria-label]=\"'skyux_help_inline_button_title' | skyLibResources\"\n  (click)=\"onClick()\"\n>\n  <sky-icon *skyThemeIf=\"'default'\" icon=\"info-circle\"> </sky-icon>\n  <sky-icon-stack\n    *skyThemeIf=\"'modern'\"\n    size=\"xs\"\n    [baseIcon]=\"{\n      icon: 'circle-solid',\n      iconType: 'skyux'\n    }\"\n    [topIcon]=\"{\n      icon: 'help-i',\n      iconType: 'skyux'\n    }\"\n  >\n  </sky-icon-stack>\n</button>\n",
-                        styles: [".sky-help-inline{color:#0974a1;font-size:15px;background-color:transparent;border:none;display:inline-block}.sky-help-inline:hover{color:#065171;transition:color .15s;cursor:pointer}:host-context(.sky-theme-modern) .sky-help-inline ::ng-deep .fa-stack-2x{font-size:16px}:host-context(.sky-theme-modern) .sky-help-inline ::ng-deep .fa-stack-1x{font-size:10px}.sky-theme-modern .sky-help-inline ::ng-deep .fa-stack-2x{font-size:16px}.sky-theme-modern .sky-help-inline ::ng-deep .fa-stack-1x{font-size:10px}\n"],
-                    }]
-            }], propDecorators: { actionClick: [{
-                    type: i0.Output
-                }] } });
-
-    var SkyHelpInlineModule = /** @class */ (function () {
-        function SkyHelpInlineModule() {
-        }
-        return SkyHelpInlineModule;
-    }());
-    SkyHelpInlineModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyHelpInlineModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyHelpInlineModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyHelpInlineModule, declarations: [SkyHelpInlineComponent], imports: [i1.CommonModule,
-            i1$1.SkyI18nModule,
-            SkyIconModule,
-            SkyIndicatorsResourcesModule,
-            i3.SkyThemeModule], exports: [SkyHelpInlineComponent] });
-    SkyHelpInlineModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyHelpInlineModule, imports: [[
-                i1.CommonModule,
-                i1$1.SkyI18nModule,
-                SkyIconModule,
-                SkyIndicatorsResourcesModule,
-                i3.SkyThemeModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyHelpInlineModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyHelpInlineComponent],
-                        imports: [
-                            i1.CommonModule,
-                            i1$1.SkyI18nModule,
-                            SkyIconModule,
-                            SkyIndicatorsResourcesModule,
-                            i3.SkyThemeModule,
-                        ],
-                        exports: [SkyHelpInlineComponent],
-                    }]
-            }] });
-
-    /**
-     * Specifies a label to display in smaller, plain text under or beside the value.
-     * @required
-     */
-    var SkyKeyInfoLabelComponent = /** @class */ (function () {
-        function SkyKeyInfoLabelComponent() {
-        }
-        return SkyKeyInfoLabelComponent;
-    }());
-    SkyKeyInfoLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyKeyInfoLabelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyKeyInfoLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyKeyInfoLabelComponent, selector: "sky-key-info-label", ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyKeyInfoLabelComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-key-info-label',
-                        template: '<ng-content></ng-content>',
-                    }]
-            }] });
-
-    /**
-     * Specifies a value to display in larger, bold text.
-     * @required
-     */
-    var SkyKeyInfoValueComponent = /** @class */ (function () {
-        function SkyKeyInfoValueComponent() {
-        }
-        return SkyKeyInfoValueComponent;
-    }());
-    SkyKeyInfoValueComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyKeyInfoValueComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyKeyInfoValueComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyKeyInfoValueComponent, selector: "sky-key-info-value", ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyKeyInfoValueComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-key-info-value',
-                        template: '<ng-content></ng-content>',
-                    }]
-            }] });
-
-    var SkyKeyInfoComponent = /** @class */ (function () {
-        function SkyKeyInfoComponent() {
-            /**
-             * Specifies whether to display key info in a `vertical` layout with the label under the
-             * value or in a `horizontal` layout with the label beside the value.
-             * @default "vertical"
-             */
-            this.layout = 'vertical';
-        }
-        return SkyKeyInfoComponent;
-    }());
-    SkyKeyInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyKeyInfoComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyKeyInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyKeyInfoComponent, selector: "sky-key-info", inputs: { layout: "layout" }, ngImport: i0__namespace, template: "<div\n  class=\"sky-key-info\"\n  [ngClass]=\"{\n    'sky-key-info-horizontal': layout === 'horizontal'\n  }\"\n>\n  <div class=\"sky-key-info-value sky-headline\">\n    <ng-content select=\"sky-key-info-value\"> </ng-content>\n  </div>\n  <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n    <ng-content select=\"sky-key-info-label\"> </ng-content>\n  </div>\n</div>\n", styles: [".sky-key-info{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-value,.sky-key-info.sky-key-info-horizontal .sky-key-info-label{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}:host-context(.sky-theme-modern) .sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}.sky-theme-modern .sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}\n"], directives: [{ type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyKeyInfoComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-key-info',
-                        template: "<div\n  class=\"sky-key-info\"\n  [ngClass]=\"{\n    'sky-key-info-horizontal': layout === 'horizontal'\n  }\"\n>\n  <div class=\"sky-key-info-value sky-headline\">\n    <ng-content select=\"sky-key-info-value\"> </ng-content>\n  </div>\n  <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n    <ng-content select=\"sky-key-info-label\"> </ng-content>\n  </div>\n</div>\n",
-                        styles: [".sky-key-info{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-value,.sky-key-info.sky-key-info-horizontal .sky-key-info-label{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}:host-context(.sky-theme-modern) .sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}.sky-theme-modern .sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}\n"],
-                    }]
-            }], propDecorators: { layout: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyKeyInfoModule = /** @class */ (function () {
-        function SkyKeyInfoModule() {
-        }
-        return SkyKeyInfoModule;
-    }());
-    SkyKeyInfoModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyKeyInfoModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyKeyInfoModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyKeyInfoModule, declarations: [SkyKeyInfoComponent,
-            SkyKeyInfoLabelComponent,
-            SkyKeyInfoValueComponent], imports: [i1.CommonModule], exports: [SkyKeyInfoComponent,
-            SkyKeyInfoLabelComponent,
-            SkyKeyInfoValueComponent] });
-    SkyKeyInfoModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyKeyInfoModule, imports: [[i1.CommonModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyKeyInfoModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SkyKeyInfoComponent,
-                            SkyKeyInfoLabelComponent,
-                            SkyKeyInfoValueComponent,
-                        ],
-                        imports: [i1.CommonModule],
-                        exports: [
-                            SkyKeyInfoComponent,
-                            SkyKeyInfoLabelComponent,
-                            SkyKeyInfoValueComponent,
-                        ],
-                    }]
-            }] });
-
-    var SkyLabelComponent = /** @class */ (function () {
-        function SkyLabelComponent() {
-        }
-        Object.defineProperty(SkyLabelComponent.prototype, "labelType", {
-            get: function () {
-                return this._labelType || 'info';
-            },
-            /**
-             * The type of label to display.
-             * @required
-             */
-            set: function (value) {
-                this._labelType = value;
-                this.updateIcon();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyLabelComponent.prototype.updateIcon = function () {
-            var indicatorIcon = SkyIndicatorIconUtility.getIconsForType(this.labelType);
-            this.icon = indicatorIcon.defaultThemeIcon;
-            this.baseIcon = indicatorIcon.modernThemeBaseIcon;
-            this.topIcon = indicatorIcon.modernThemeTopIcon;
-        };
-        return SkyLabelComponent;
-    }());
-    SkyLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLabelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyLabelComponent, selector: "sky-label", inputs: { labelType: "labelType" }, ngImport: i0__namespace, template: "<span class=\"sky-label\" [ngClass]=\"'sky-label-' + labelType\">\n  <span class=\"sky-label-icon-theme-default\">\n    <sky-icon [icon]=\"icon\"></sky-icon>\n  </span>\n  <span class=\"sky-label-icon-theme-modern\">\n    <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n    </sky-icon-stack>\n  </span>\n  <span class=\"sky-label-text\">\n    <ng-content></ng-content>\n  </span>\n</span>\n", styles: [".sky-label{color:#212327;display:inline;border-radius:10rem;font-weight:400;line-height:2.2;margin:0 3px;padding:.3em .6em;white-space:nowrap}.sky-label-success{background-color:#b7da9b}.sky-label-info{background-color:#81d4f7}.sky-label-warning{background-color:#ffd597}.sky-label-danger{background-color:#f7a08f}.sky-label-text{display:inline-block;padding-left:5px}.sky-label-icon-theme-modern{display:none}:host-context(.sky-theme-modern) .sky-label{align-items:center;display:inline-flex;line-height:1}:host-context(.sky-theme-modern) .sky-label.sky-label-info{background-color:#c1e8fb}:host-context(.sky-theme-modern) .sky-label.sky-label-info,:host-context(.sky-theme-modern) .sky-label.sky-label-success{padding:4px 15px 4px 6px}:host-context(.sky-theme-modern) .sky-label.sky-label-warning,:host-context(.sky-theme-modern) .sky-label.sky-label-danger{padding:4px 15px 4px 9px}:host-context(.sky-theme-modern) .sky-label-icon-theme-default{display:none}:host-context(.sky-theme-modern) .sky-label-icon-theme-modern{display:block}:host-context(.sky-theme-modern) .sky-label-info .sky-label-icon-theme-modern{color:#00b4f1}:host-context(.sky-theme-modern) .sky-label-success .sky-label-icon-theme-modern{color:#72bf44}:host-context(.sky-theme-modern) .sky-label-warning .sky-label-icon-theme-modern{color:#fbb034}:host-context(.sky-theme-modern) .sky-label-danger .sky-label-icon-theme-modern{color:#ef4044}.sky-theme-modern .sky-label{align-items:center;display:inline-flex;line-height:1}.sky-theme-modern .sky-label.sky-label-info{background-color:#c1e8fb}.sky-theme-modern .sky-label.sky-label-info,.sky-theme-modern .sky-label.sky-label-success{padding:4px 15px 4px 6px}.sky-theme-modern .sky-label.sky-label-warning,.sky-theme-modern .sky-label.sky-label-danger{padding:4px 15px 4px 9px}.sky-theme-modern .sky-label-icon-theme-default{display:none}.sky-theme-modern .sky-label-icon-theme-modern{display:block}.sky-theme-modern .sky-label-info .sky-label-icon-theme-modern{color:#00b4f1}.sky-theme-modern .sky-label-success .sky-label-icon-theme-modern{color:#72bf44}.sky-theme-modern .sky-label-warning .sky-label-icon-theme-modern{color:#fbb034}.sky-theme-modern .sky-label-danger .sky-label-icon-theme-modern{color:#ef4044}\n"], components: [{ type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }], directives: [{ type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLabelComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-label',
-                        template: "<span class=\"sky-label\" [ngClass]=\"'sky-label-' + labelType\">\n  <span class=\"sky-label-icon-theme-default\">\n    <sky-icon [icon]=\"icon\"></sky-icon>\n  </span>\n  <span class=\"sky-label-icon-theme-modern\">\n    <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n    </sky-icon-stack>\n  </span>\n  <span class=\"sky-label-text\">\n    <ng-content></ng-content>\n  </span>\n</span>\n",
-                        styles: [".sky-label{color:#212327;display:inline;border-radius:10rem;font-weight:400;line-height:2.2;margin:0 3px;padding:.3em .6em;white-space:nowrap}.sky-label-success{background-color:#b7da9b}.sky-label-info{background-color:#81d4f7}.sky-label-warning{background-color:#ffd597}.sky-label-danger{background-color:#f7a08f}.sky-label-text{display:inline-block;padding-left:5px}.sky-label-icon-theme-modern{display:none}:host-context(.sky-theme-modern) .sky-label{align-items:center;display:inline-flex;line-height:1}:host-context(.sky-theme-modern) .sky-label.sky-label-info{background-color:#c1e8fb}:host-context(.sky-theme-modern) .sky-label.sky-label-info,:host-context(.sky-theme-modern) .sky-label.sky-label-success{padding:4px 15px 4px 6px}:host-context(.sky-theme-modern) .sky-label.sky-label-warning,:host-context(.sky-theme-modern) .sky-label.sky-label-danger{padding:4px 15px 4px 9px}:host-context(.sky-theme-modern) .sky-label-icon-theme-default{display:none}:host-context(.sky-theme-modern) .sky-label-icon-theme-modern{display:block}:host-context(.sky-theme-modern) .sky-label-info .sky-label-icon-theme-modern{color:#00b4f1}:host-context(.sky-theme-modern) .sky-label-success .sky-label-icon-theme-modern{color:#72bf44}:host-context(.sky-theme-modern) .sky-label-warning .sky-label-icon-theme-modern{color:#fbb034}:host-context(.sky-theme-modern) .sky-label-danger .sky-label-icon-theme-modern{color:#ef4044}.sky-theme-modern .sky-label{align-items:center;display:inline-flex;line-height:1}.sky-theme-modern .sky-label.sky-label-info{background-color:#c1e8fb}.sky-theme-modern .sky-label.sky-label-info,.sky-theme-modern .sky-label.sky-label-success{padding:4px 15px 4px 6px}.sky-theme-modern .sky-label.sky-label-warning,.sky-theme-modern .sky-label.sky-label-danger{padding:4px 15px 4px 9px}.sky-theme-modern .sky-label-icon-theme-default{display:none}.sky-theme-modern .sky-label-icon-theme-modern{display:block}.sky-theme-modern .sky-label-info .sky-label-icon-theme-modern{color:#00b4f1}.sky-theme-modern .sky-label-success .sky-label-icon-theme-modern{color:#72bf44}.sky-theme-modern .sky-label-warning .sky-label-icon-theme-modern{color:#fbb034}.sky-theme-modern .sky-label-danger .sky-label-icon-theme-modern{color:#ef4044}\n"],
-                    }]
-            }], propDecorators: { labelType: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyLabelModule = /** @class */ (function () {
-        function SkyLabelModule() {
-        }
-        return SkyLabelModule;
-    }());
-    SkyLabelModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLabelModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyLabelModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLabelModule, declarations: [SkyLabelComponent], imports: [i1.CommonModule, SkyIconModule], exports: [SkyLabelComponent] });
-    SkyLabelModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLabelModule, imports: [[i1.CommonModule, SkyIconModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLabelModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyLabelComponent],
-                        imports: [i1.CommonModule, SkyIconModule],
-                        exports: [SkyLabelComponent],
-                    }]
-            }] });
-
-    var INDICATOR_TYPE_DEFAULT = 'warning';
-    var SkyStatusIndicatorComponent = /** @class */ (function () {
-        function SkyStatusIndicatorComponent(changeDetector, resources) {
-            this.changeDetector = changeDetector;
-            this.resources = resources;
-        }
-        Object.defineProperty(SkyStatusIndicatorComponent.prototype, "indicatorType", {
-            get: function () {
-                return this._indicatorType || INDICATOR_TYPE_DEFAULT;
-            },
-            /**
-             * Specifies a style for the status indicator to determine the icon.
-             * The valid options are `danger`, `info`, `success`, and `warning`.
-             * @default "warning"
-             */
-            set: function (value) {
-                this._indicatorType = value;
-                this.updateIcon();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyStatusIndicatorComponent.prototype, "descriptionType", {
-            get: function () {
-                return this._descriptionType;
-            },
-            /**
-             * Specifies the predefined text to be read by screen readers for users
-             * who cannot see the indicator icon. The valid options are `none`, `custom`,
-             * `error`, `warning`, `completed`, and `important-info`.
-             * @required
-             */
-            set: function (value) {
-                this._descriptionType = value;
-                this.updateDescriptionComputed();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyStatusIndicatorComponent.prototype, "customDescription", {
-            get: function () {
-                return this._customDescription;
-            },
-            /**
-             * Specifies the text to be read by screen readers for users who cannot see
-             * the indicator icon when `descriptionType` is `custom`.
-             */
-            set: function (value) {
-                this._customDescription = value;
-                this.updateDescriptionComputed();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyStatusIndicatorComponent.prototype.updateIcon = function () {
-            var indicatorIcon = SkyIndicatorIconUtility.getIconsForType(this.indicatorType);
-            this.icon = indicatorIcon.defaultThemeIcon;
-            this.baseIcon = indicatorIcon.modernThemeBaseIcon;
-            this.topIcon = indicatorIcon.modernThemeTopIcon;
-        };
-        SkyStatusIndicatorComponent.prototype.updateDescriptionComputed = function () {
-            var _this = this;
-            if (this.descriptionType) {
-                switch (this.descriptionType) {
-                    case 'none':
-                        this.descriptionComputed = '';
-                        break;
-                    case 'custom':
-                        this.descriptionComputed = this.customDescription;
-                        break;
-                    default:
-                        this.resources
-                            .getString('skyux_status_indicator_sr_' +
-                            this.descriptionType.replace(/-/g, '_'))
-                            .subscribe(function (value) {
-                            _this.descriptionComputed = value;
-                            _this.changeDetector.markForCheck();
-                        });
-                        break;
-                }
-            }
-            else {
-                this.descriptionComputed = undefined;
-            }
-        };
-        return SkyStatusIndicatorComponent;
-    }());
-    SkyStatusIndicatorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyStatusIndicatorComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$1.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyStatusIndicatorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyStatusIndicatorComponent, selector: "sky-status-indicator", inputs: { indicatorType: "indicatorType", descriptionType: "descriptionType", customDescription: "customDescription" }, ngImport: i0__namespace, template: "<div *ngIf=\"descriptionType\" class=\"sky-status-indicator\">\n  <div\n    aria-hidden=\"true\"\n    class=\"sky-margin-inline-xs sky-status-indicator-icon\"\n    [ngClass]=\"'sky-status-indicator-icon-' + indicatorType\"\n  >\n    <span class=\"sky-status-indicator-icon-default\">\n      <sky-icon [icon]=\"icon\"></sky-icon>\n    </span>\n    <span class=\"sky-status-indicator-icon-modern\">\n      <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n      </sky-icon-stack>\n    </span>\n  </div>\n  <div class=\"sky-status-indicator-message-wrapper\">\n    <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n      {{ descriptionComputed }}\n    </span>\n    <span class=\"sky-status-indicator-message\">\n      <ng-content></ng-content>\n    </span>\n  </div>\n</div>\n", styles: [".sky-status-indicator{align-items:baseline;display:flex}.sky-status-indicator-icon{flex-shrink:1}.sky-status-indicator-icon-modern{display:none}.sky-status-indicator-icon-info{color:#00b4f1}.sky-status-indicator-icon-success{color:#72bf44}.sky-status-indicator-icon-warning{color:#fbb034}.sky-status-indicator-icon-danger{color:#ef4044}:host-context(.sky-theme-modern) .sky-status-indicator-icon-default{display:none}:host-context(.sky-theme-modern) .sky-status-indicator-icon-modern{display:inline}.sky-theme-modern .sky-status-indicator-icon-default{display:none}.sky-theme-modern .sky-status-indicator-icon-modern{display:inline}\n"], components: [{ type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }], directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyStatusIndicatorComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-status-indicator',
-                        template: "<div *ngIf=\"descriptionType\" class=\"sky-status-indicator\">\n  <div\n    aria-hidden=\"true\"\n    class=\"sky-margin-inline-xs sky-status-indicator-icon\"\n    [ngClass]=\"'sky-status-indicator-icon-' + indicatorType\"\n  >\n    <span class=\"sky-status-indicator-icon-default\">\n      <sky-icon [icon]=\"icon\"></sky-icon>\n    </span>\n    <span class=\"sky-status-indicator-icon-modern\">\n      <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n      </sky-icon-stack>\n    </span>\n  </div>\n  <div class=\"sky-status-indicator-message-wrapper\">\n    <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n      {{ descriptionComputed }}\n    </span>\n    <span class=\"sky-status-indicator-message\">\n      <ng-content></ng-content>\n    </span>\n  </div>\n</div>\n",
-                        styles: [".sky-status-indicator{align-items:baseline;display:flex}.sky-status-indicator-icon{flex-shrink:1}.sky-status-indicator-icon-modern{display:none}.sky-status-indicator-icon-info{color:#00b4f1}.sky-status-indicator-icon-success{color:#72bf44}.sky-status-indicator-icon-warning{color:#fbb034}.sky-status-indicator-icon-danger{color:#ef4044}:host-context(.sky-theme-modern) .sky-status-indicator-icon-default{display:none}:host-context(.sky-theme-modern) .sky-status-indicator-icon-modern{display:inline}.sky-theme-modern .sky-status-indicator-icon-default{display:none}.sky-theme-modern .sky-status-indicator-icon-modern{display:inline}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$1.SkyLibResourcesService }]; }, propDecorators: { indicatorType: [{
-                    type: i0.Input
-                }], descriptionType: [{
-                    type: i0.Input
-                }], customDescription: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyStatusIndicatorModule = /** @class */ (function () {
-        function SkyStatusIndicatorModule() {
-        }
-        return SkyStatusIndicatorModule;
-    }());
-    SkyStatusIndicatorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyStatusIndicatorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyStatusIndicatorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyStatusIndicatorModule, declarations: [SkyStatusIndicatorComponent], imports: [i1.CommonModule,
-            i1$1.SkyI18nModule,
-            SkyIconModule,
-            SkyIndicatorsResourcesModule], exports: [SkyStatusIndicatorComponent] });
-    SkyStatusIndicatorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyStatusIndicatorModule, imports: [[
-                i1.CommonModule,
-                i1$1.SkyI18nModule,
-                SkyIconModule,
-                SkyIndicatorsResourcesModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyStatusIndicatorModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyStatusIndicatorComponent],
-                        imports: [
-                            i1.CommonModule,
-                            i1$1.SkyI18nModule,
-                            SkyIconModule,
-                            SkyIndicatorsResourcesModule,
-                        ],
-                        exports: [SkyStatusIndicatorComponent],
-                    }]
-            }] });
-
-    var className = 'sky-highlight-mark';
-    // Need to add the following to classes which contain static methods.
-    // See: https://github.com/ng-packagr/ng-packagr/issues/641
-    // @dynamic
-    /**
-     * Highlights all matching text within DOM elements that it is placed on.
-     * The directive is only valid for elements that contain content, so you
-     * cannot place it on `ng-template`, `ng-content`, or `ng-container` tags.
-     */
-    var SkyTextHighlightDirective = /** @class */ (function () {
-        function SkyTextHighlightDirective(el, observerService) {
-            this.el = el;
-            this.observerService = observerService;
-            this.existingHighlight = false;
-        }
-        Object.defineProperty(SkyTextHighlightDirective.prototype, "skyHighlight", {
-            /**
-             * Specifies the text to highlight.
-             */
-            set: function (value) {
-                value = value || [];
-                this._skyHighlight = [];
-                if (Array.isArray(value)) {
-                    this._skyHighlight = value.filter(function (item) { return !!item; });
-                    // Reorder strings by their length in descending order to avoid missing matches
-                    // that contain substrings of other matches.
-                    this._skyHighlight.sort(function (a, b) {
-                        return b.length - a.length;
-                    });
-                }
-                else {
-                    this._skyHighlight = [value];
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyTextHighlightDirective.cleanRegex = function (regex) {
-            return regex.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
-        };
-        SkyTextHighlightDirective.markNode = function (node, searchTerms) {
-            /* istanbul ignore else */
-            if (searchTerms) {
-                var text = node.nodeValue;
-                for (var i = 0; i < searchTerms.length; i++) {
-                    searchTerms[i] = this.cleanRegex(searchTerms[i]);
-                }
-                var searchRegex = new RegExp(searchTerms.join('|'), 'gi');
-                var match = searchRegex.exec(text);
-                if (match) {
-                    // Split apart text node with mark tags in the middle on the search term.
-                    var matchIndex = match.index;
-                    var middle = node.splitText(matchIndex);
-                    middle.splitText(searchRegex.lastIndex - matchIndex);
-                    var middleClone = middle.cloneNode(true);
-                    var markNode = document.createElement('mark');
-                    markNode.className = className;
-                    markNode.appendChild(middleClone);
-                    middle.parentNode.replaceChild(markNode, middle);
-                    return 1;
-                }
-            }
-            return 0;
-        };
-        SkyTextHighlightDirective.markTextNodes = function (node, searchTerms) {
-            if (node.nodeType === 3) {
-                return SkyTextHighlightDirective.markNode(node, searchTerms);
-            }
-            else if (node.nodeType === 1 && node.childNodes) {
-                for (var i = 0; i < node.childNodes.length; i++) {
-                    var childNode = node.childNodes[i];
-                    i += SkyTextHighlightDirective.markTextNodes(childNode, searchTerms);
-                }
-            }
-            return 0;
-        };
-        SkyTextHighlightDirective.removeHighlight = function (el) {
-            var matchedElements = el.nativeElement.querySelectorAll("mark." + className);
-            /* istanbul ignore else */
-            /* sanity check */
-            if (matchedElements) {
-                for (var i = 0; i < matchedElements.length; i++) {
-                    var node = matchedElements[i];
-                    var parentNode = node.parentNode;
-                    parentNode.replaceChild(node.firstChild, node);
-                    parentNode.normalize();
-                }
-            }
-        };
-        SkyTextHighlightDirective.prototype.ngOnChanges = function (changes) {
-            if (changes.skyHighlight && !changes.skyHighlight.firstChange) {
-                this.highlight();
-            }
-        };
-        SkyTextHighlightDirective.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            this.observer = this.observerService.create(function () {
-                _this.highlight();
-            });
-            this.observeDom();
-            if (this._skyHighlight && this._skyHighlight.length > 0) {
-                this.highlight();
-            }
-        };
-        SkyTextHighlightDirective.prototype.ngOnDestroy = function () {
-            /* istanbul ignore else */
-            if (this.observer) {
-                this.observer.disconnect();
-            }
-        };
-        SkyTextHighlightDirective.prototype.readyForHighlight = function (searchText) {
-            return searchText && searchText.length > 0 && this.el.nativeElement;
-        };
-        SkyTextHighlightDirective.prototype.highlight = function () {
-            /* istanbul ignore else */
-            if (this.observer) {
-                this.observer.disconnect();
-            }
-            var searchText = this._skyHighlight;
-            if (this.existingHighlight) {
-                SkyTextHighlightDirective.removeHighlight(this.el);
-            }
-            /* istanbul ignore else */
-            if (this.readyForHighlight(searchText)) {
-                var node = this.el.nativeElement;
-                // mark all matched text in the DOM
-                SkyTextHighlightDirective.markTextNodes(node, searchText);
-                this.existingHighlight = true;
-            }
-            this.observeDom();
-        };
-        SkyTextHighlightDirective.prototype.observeDom = function () {
-            /* istanbul ignore else */
-            if (this.observer) {
-                var config = {
-                    attributes: false,
-                    childList: true,
-                    characterData: true,
-                };
-                this.observer.observe(this.el.nativeElement, config);
-            }
-        };
-        return SkyTextHighlightDirective;
-    }());
-    SkyTextHighlightDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextHighlightDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i1__namespace$2.MutationObserverService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    SkyTextHighlightDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyTextHighlightDirective, selector: "[skyHighlight]", inputs: { skyHighlight: "skyHighlight" }, usesOnChanges: true, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextHighlightDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[skyHighlight]',
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i1__namespace$2.MutationObserverService }]; }, propDecorators: { skyHighlight: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyTextHighlightModule = /** @class */ (function () {
-        function SkyTextHighlightModule() {
-        }
-        return SkyTextHighlightModule;
-    }());
-    SkyTextHighlightModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextHighlightModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyTextHighlightModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextHighlightModule, declarations: [SkyTextHighlightDirective], exports: [SkyTextHighlightDirective] });
-    SkyTextHighlightModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextHighlightModule, providers: [i1$2.MutationObserverService] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextHighlightModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyTextHighlightDirective],
-                        exports: [SkyTextHighlightDirective],
-                        providers: [i1$2.MutationObserverService],
-                    }]
-            }] });
-
-    var SkyTokenComponent = /** @class */ (function () {
-        function SkyTokenComponent(elementRef, resourcesService) {
-            this.elementRef = elementRef;
-            this.resourcesService = resourcesService;
-            /**
-             * Fires when users click the close button or press the `Backspace` key to dismiss the token.
-             */
-            this.dismiss = new i0.EventEmitter();
-            /**
-             * Fires when users place focus on the token by navigating to it with the `Tab` key.
-             */
-            this.tokenFocus = new i0.EventEmitter();
-        }
-        Object.defineProperty(SkyTokenComponent.prototype, "disabled", {
-            get: function () {
-                return !!this._disabled;
-            },
-            /**
-             * Indicates whether to disable the token to prevent users from selecting it, dismissing it,
-             * or navigating to it with the arrow keys. When the token is disabled,
-             * users can still place focus on it using the `Tab` key.
-             * @default true
-             */
-            set: function (value) {
-                this._disabled = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyTokenComponent.prototype, "ariaLabel", {
-            get: function () {
-                return (this._ariaLabel || this.getString('skyux_tokens_dismiss_button_title'));
-            },
-            /**
-             * Specifies an ARIA label for the token's close button. This sets the button's `aria-label`
-             * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
-             * @default "Remove item"
-             */
-            set: function (value) {
-                this._ariaLabel = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyTokenComponent.prototype, "dismissible", {
-            get: function () {
-                return this._dismissible !== false;
-            },
-            /**
-             * Indicates whether users can remove the token from the list by selecting the close button
-             * or pressing the `Backspace` key.
-             * @default true
-             */
-            set: function (value) {
-                this._dismissible = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyTokenComponent.prototype, "focusable", {
-            get: function () {
-                return this._focusable !== false;
-            },
-            /**
-             * Indicates whether users can press the `Tab` key to place focus on the token. This does not
-             * affect the ability to select the token, dismiss it, or navigate to it with the arrow keys.
-             * @default true
-             */
-            set: function (value) {
-                this._focusable = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyTokenComponent.prototype, "tabIndex", {
-            /**
-             * @internal
-             */
-            get: function () {
-                return this.focusable ? 0 : -1;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyTokenComponent.prototype.dismissToken = function (event) {
-            event.stopPropagation();
-            this.dismiss.emit();
-        };
-        SkyTokenComponent.prototype.focusElement = function () {
-            this.elementRef.nativeElement.querySelector('.sky-token').focus();
-        };
-        SkyTokenComponent.prototype.setTokenActive = function (tokenActive) {
-            this.tokenActive = tokenActive;
-        };
-        SkyTokenComponent.prototype.setCloseActive = function (closeActive) {
-            this.closeActive = closeActive;
-        };
-        SkyTokenComponent.prototype.getString = function (key) {
-            // TODO: Need to implement the async `getString` method in a breaking change.
-            return this.resourcesService.getStringForLocale({ locale: 'en-US' }, key);
-        };
-        return SkyTokenComponent;
-    }());
-    SkyTokenComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTokenComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i1__namespace$1.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyTokenComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTokenComponent, selector: "sky-token", inputs: { disabled: "disabled", ariaLabel: "ariaLabel", dismissible: "dismissible", focusable: "focusable" }, outputs: { dismiss: "dismiss", tokenFocus: "tokenFocus" }, ngImport: i0__namespace, template: "<div\n  class=\"sky-token sky-btn sky-btn-default\"\n  role=\"button\"\n  [attr.aria-disabled]=\"disabled\"\n  [attr.tabindex]=\"tabIndex\"\n  [ngClass]=\"{\n    'sky-btn-disabled': disabled,\n    'sky-token-dismissable': dismissible,\n    'sky-token-active': tokenActive && !closeActive\n  }\"\n  (document:mouseup)=\"setTokenActive(false)\"\n  (focus)=\"tokenFocus.emit()\"\n  (mousedown)=\"setTokenActive(true)\"\n>\n  <ng-content></ng-content>\n  <button\n    *ngIf=\"dismissible\"\n    class=\"sky-btn sky-token-btn-close\"\n    type=\"button\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.tabindex]=\"tabIndex\"\n    [attr.title]=\"ariaLabel\"\n    [disabled]=\"disabled\"\n    [ngClass]=\"{\n      'sky-token-btn-close-active': closeActive\n    }\"\n    (click)=\"dismissToken($event)\"\n    (document:mouseup)=\"setCloseActive(false)\"\n    (mousedown)=\"setCloseActive(true)\"\n  >\n    <sky-icon class=\"sky-token-btn-close-icon-default\" icon=\"times\"></sky-icon>\n    <sky-icon\n      class=\"sky-token-btn-close-icon-modern\"\n      icon=\"close\"\n      iconType=\"skyux\"\n    >\n    </sky-icon>\n  </button>\n</div>\n", styles: [".sky-token{background-color:#c1e8fb;border:1px solid #00b4f1;overflow:hidden;padding:2px 8px;display:inline-block;-webkit-user-select:none;user-select:none}.sky-token:hover,.sky-token:focus{background-color:#91d6f8;border-color:#008ebe;cursor:pointer}.sky-token:focus{box-shadow:0 0 8px #00b4f199;border:1px solid #00b4f1;outline:none}.sky-btn-disabled{cursor:default;-webkit-user-select:none;user-select:none}.sky-token-btn-close{background:transparent;padding:0;border:0;margin-left:2px;opacity:.9}.sky-token-btn-close:hover,.sky-token-btn-close:focus{opacity:1}.sky-token-btn-close-icon-modern{display:none}:host-context(.sky-theme-modern) .sky-token{align-items:center;display:inline-flex;padding:1px 5px;font-size:14px}:host-context(.sky-theme-modern) .sky-token.sky-btn-disabled{color:#212327}:host-context(.sky-theme-modern) .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7}:host-context(.sky-theme-modern) .sky-token.sky-token-dismissable{padding-right:1px}:host-context(.sky-theme-modern) .sky-token:hover:not(:active){border:none;box-shadow:inset 0 0 0 1px #1870b8}:host-context(.sky-theme-modern) .sky-token.sky-token-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}:host-context(.sky-theme-modern) .sky-token:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-token:focus,:host-context(.sky-theme-modern) .sky-token:hover{background-color:#c1e8fb}:host-context(.sky-theme-modern) .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px}:host-context(.sky-theme-modern) .sky-token-btn-close:hover{border:none;box-shadow:inset 0 0 0 1px transparent}:host-context(.sky-theme-modern) .sky-token-btn-close.sky-token-btn-close-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}:host-context(.sky-theme-modern) .sky-token-btn-close:focus{outline:none}:host-context(.sky-theme-modern) .sky-token-btn-close:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-token-btn-close-icon-default{display:none}:host-context(.sky-theme-modern) .sky-token-btn-close-icon-modern{display:inline-block;width:100%}.sky-theme-modern .sky-token{align-items:center;display:inline-flex;padding:1px 5px;font-size:14px}.sky-theme-modern .sky-token.sky-btn-disabled{color:#212327}.sky-theme-modern .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7}.sky-theme-modern .sky-token.sky-token-dismissable{padding-right:1px}.sky-theme-modern .sky-token:hover:not(:active){border:none;box-shadow:inset 0 0 0 1px #1870b8}.sky-theme-modern .sky-token.sky-token-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}.sky-theme-modern .sky-token:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-token:focus,.sky-theme-modern .sky-token:hover{background-color:#c1e8fb}.sky-theme-modern .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px}.sky-theme-modern .sky-token-btn-close:hover{border:none;box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-token-btn-close.sky-token-btn-close-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}.sky-theme-modern .sky-token-btn-close:focus{outline:none}.sky-theme-modern .sky-token-btn-close:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-token-btn-close-icon-default{display:none}.sky-theme-modern .sky-token-btn-close-icon-modern{display:inline-block;width:100%}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token{background-color:#c1e8fb}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token-btn-close{color:#212327}.sky-theme-modern.sky-theme-mode-dark .sky-token{background-color:#c1e8fb}.sky-theme-modern.sky-theme-mode-dark .sky-token,.sky-theme-modern.sky-theme-mode-dark .sky-token-btn-close{color:#212327}\n"], components: [{ type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTokenComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-token',
-                        template: "<div\n  class=\"sky-token sky-btn sky-btn-default\"\n  role=\"button\"\n  [attr.aria-disabled]=\"disabled\"\n  [attr.tabindex]=\"tabIndex\"\n  [ngClass]=\"{\n    'sky-btn-disabled': disabled,\n    'sky-token-dismissable': dismissible,\n    'sky-token-active': tokenActive && !closeActive\n  }\"\n  (document:mouseup)=\"setTokenActive(false)\"\n  (focus)=\"tokenFocus.emit()\"\n  (mousedown)=\"setTokenActive(true)\"\n>\n  <ng-content></ng-content>\n  <button\n    *ngIf=\"dismissible\"\n    class=\"sky-btn sky-token-btn-close\"\n    type=\"button\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.tabindex]=\"tabIndex\"\n    [attr.title]=\"ariaLabel\"\n    [disabled]=\"disabled\"\n    [ngClass]=\"{\n      'sky-token-btn-close-active': closeActive\n    }\"\n    (click)=\"dismissToken($event)\"\n    (document:mouseup)=\"setCloseActive(false)\"\n    (mousedown)=\"setCloseActive(true)\"\n  >\n    <sky-icon class=\"sky-token-btn-close-icon-default\" icon=\"times\"></sky-icon>\n    <sky-icon\n      class=\"sky-token-btn-close-icon-modern\"\n      icon=\"close\"\n      iconType=\"skyux\"\n    >\n    </sky-icon>\n  </button>\n</div>\n",
-                        styles: [".sky-token{background-color:#c1e8fb;border:1px solid #00b4f1;overflow:hidden;padding:2px 8px;display:inline-block;-webkit-user-select:none;user-select:none}.sky-token:hover,.sky-token:focus{background-color:#91d6f8;border-color:#008ebe;cursor:pointer}.sky-token:focus{box-shadow:0 0 8px #00b4f199;border:1px solid #00b4f1;outline:none}.sky-btn-disabled{cursor:default;-webkit-user-select:none;user-select:none}.sky-token-btn-close{background:transparent;padding:0;border:0;margin-left:2px;opacity:.9}.sky-token-btn-close:hover,.sky-token-btn-close:focus{opacity:1}.sky-token-btn-close-icon-modern{display:none}:host-context(.sky-theme-modern) .sky-token{align-items:center;display:inline-flex;padding:1px 5px;font-size:14px}:host-context(.sky-theme-modern) .sky-token.sky-btn-disabled{color:#212327}:host-context(.sky-theme-modern) .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7}:host-context(.sky-theme-modern) .sky-token.sky-token-dismissable{padding-right:1px}:host-context(.sky-theme-modern) .sky-token:hover:not(:active){border:none;box-shadow:inset 0 0 0 1px #1870b8}:host-context(.sky-theme-modern) .sky-token.sky-token-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}:host-context(.sky-theme-modern) .sky-token:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-token:focus,:host-context(.sky-theme-modern) .sky-token:hover{background-color:#c1e8fb}:host-context(.sky-theme-modern) .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px}:host-context(.sky-theme-modern) .sky-token-btn-close:hover{border:none;box-shadow:inset 0 0 0 1px transparent}:host-context(.sky-theme-modern) .sky-token-btn-close.sky-token-btn-close-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}:host-context(.sky-theme-modern) .sky-token-btn-close:focus{outline:none}:host-context(.sky-theme-modern) .sky-token-btn-close:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-token-btn-close-icon-default{display:none}:host-context(.sky-theme-modern) .sky-token-btn-close-icon-modern{display:inline-block;width:100%}.sky-theme-modern .sky-token{align-items:center;display:inline-flex;padding:1px 5px;font-size:14px}.sky-theme-modern .sky-token.sky-btn-disabled{color:#212327}.sky-theme-modern .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7}.sky-theme-modern .sky-token.sky-token-dismissable{padding-right:1px}.sky-theme-modern .sky-token:hover:not(:active){border:none;box-shadow:inset 0 0 0 1px #1870b8}.sky-theme-modern .sky-token.sky-token-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}.sky-theme-modern .sky-token:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-token:focus,.sky-theme-modern .sky-token:hover{background-color:#c1e8fb}.sky-theme-modern .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px}.sky-theme-modern .sky-token-btn-close:hover{border:none;box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-token-btn-close.sky-token-btn-close-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}.sky-theme-modern .sky-token-btn-close:focus{outline:none}.sky-theme-modern .sky-token-btn-close:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-token-btn-close-icon-default{display:none}.sky-theme-modern .sky-token-btn-close-icon-modern{display:inline-block;width:100%}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token{background-color:#c1e8fb}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token-btn-close{color:#212327}.sky-theme-modern.sky-theme-mode-dark .sky-token{background-color:#c1e8fb}.sky-theme-modern.sky-theme-mode-dark .sky-token,.sky-theme-modern.sky-theme-mode-dark .sky-token-btn-close{color:#212327}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i1__namespace$1.SkyLibResourcesService }]; }, propDecorators: { disabled: [{
-                    type: i0.Input
-                }], ariaLabel: [{
-                    type: i0.Input
-                }], dismissible: [{
-                    type: i0.Input
-                }], focusable: [{
-                    type: i0.Input
-                }], dismiss: [{
-                    type: i0.Output
-                }], tokenFocus: [{
-                    type: i0.Output
-                }] } });
-
-    exports.SkyTokensMessageType = void 0;
-    (function (SkyTokensMessageType) {
-        /**
-         * Places focus on the last token in the list.
-         */
-        SkyTokensMessageType[SkyTokensMessageType["FocusLastToken"] = 0] = "FocusLastToken";
-        /**
-         * Places focus on the token that is currently selected.
-         */
-        SkyTokensMessageType[SkyTokensMessageType["FocusActiveToken"] = 1] = "FocusActiveToken";
-        /**
-         * Places focus on the token before the currently selected token.
-         */
-        SkyTokensMessageType[SkyTokensMessageType["FocusPreviousToken"] = 2] = "FocusPreviousToken";
-        /**
-         * Places focus on the token after the currently selected token.
-         */
-        SkyTokensMessageType[SkyTokensMessageType["FocusNextToken"] = 3] = "FocusNextToken";
-        /**
-         * Removes the token that is currently selected from the list of tokens.
-         */
-        SkyTokensMessageType[SkyTokensMessageType["RemoveActiveToken"] = 4] = "RemoveActiveToken";
-    })(exports.SkyTokensMessageType || (exports.SkyTokensMessageType = {}));
-
-    var SkyTokensComponent = /** @class */ (function () {
-        function SkyTokensComponent(changeDetector) {
-            var _this = this;
-            this.changeDetector = changeDetector;
-            /**
-             * Fires when users navigate through the tokens list with the `Tab` key
-             * and attempt to move past the final token in the list.
-             */
-            this.focusIndexOverRange = new i0.EventEmitter();
-            /**
-             * Fires when usersnavigate through the tokens list with the `Tab` key
-             * and attempt to move before the first token in the list.
-             */
-            this.focusIndexUnderRange = new i0.EventEmitter();
-            /**
-             * Fires when users select a token in the list. This event emits the selected token.
-             */
-            this.tokenSelected = new i0.EventEmitter();
-            /**
-             * Fires when the tokens in the list change.
-             * This event emits an array of the tokens in the updated list.
-             */
-            this.tokensChange = new i0.EventEmitter();
-            this.ngUnsubscribe = new rxjs.Subject();
-            // Angular calls the trackBy function without applying the component instance's scope.
-            // Use a fat-arrow function so the current component instance's trackWith property can
-            // be referenced.
-            this.trackTokenFn = function (_index, item) {
-                if (_this.trackWith) {
-                    return item.value[_this.trackWith];
-                }
-                return item;
-            };
-        }
-        Object.defineProperty(SkyTokensComponent.prototype, "disabled", {
-            get: function () {
-                return !!this._disabled;
-            },
-            /**
-             * Indicates whether to disable the tokens list to prevent users from selecting tokens,
-             * dismissing tokens, or navigating through the list with the arrow keys. When the tokens list
-             * is disabled, users can still place focus on items in the list using the `Tab` key.
-             * @default false
-             */
-            set: function (value) {
-                this._disabled = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyTokensComponent.prototype, "dismissible", {
-            get: function () {
-                return this._dismissible !== false;
-            },
-            /**
-             * Indicates whether users can remove tokens from the list by selecting their close buttons
-             * or pressing the `Backspace` key.
-             * @default true
-             */
-            set: function (value) {
-                this._dismissible = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyTokensComponent.prototype, "displayWith", {
-            get: function () {
-                return this._displayWith || 'name';
-            },
-            /**
-             * Specifies the token property to display for each item in the tokens list.
-             * @default "name"
-             */
-            set: function (value) {
-                this._displayWith = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyTokensComponent.prototype, "focusable", {
-            get: function () {
-                return this._focusable !== false;
-            },
-            /**
-             * Indicates whether users can focus on items in the list using the `Tab` key.
-             * This does not affect the ability of users to select tokens, dismiss tokens,
-             * or navigate through the list with the arrow keys.
-             * @default true
-             */
-            set: function (value) {
-                this._focusable = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyTokensComponent.prototype, "tokens", {
-            get: function () {
-                return this._tokens || [];
-            },
-            /**
-             * Specifies an array of tokens to include in the list.
-             */
-            set: function (value) {
-                this._tokens = value;
-                this.tokensChange.emit(this._tokens);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyTokensComponent.prototype, "messageStream", {
-            get: function () {
-                return this._messageStream;
-            },
-            /**
-             * Specifies an observable of `SkyTokensMessage` that can place focus on a
-             * particular token or remove the active token from the list.
-             */
-            set: function (value) {
-                this._messageStream = value;
-                this.initMessageStream();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyTokensComponent.prototype, "activeIndex", {
-            /**
-             * @internal
-             */
-            get: function () {
-                return this._activeIndex || 0;
-            },
-            set: function (value) {
-                if (value >= this.tokens.length) {
-                    value = this.tokens.length - 1;
-                    this.focusIndexOverRange.emit();
-                }
-                if (value < 0) {
-                    value = 0;
-                    this.focusIndexUnderRange.emit();
-                }
-                this._activeIndex = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyTokensComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        SkyTokensComponent.prototype.onTokenClick = function (token) {
-            if (this.disabled) {
-                return;
-            }
-            this.notifyTokenSelected(token);
-        };
-        SkyTokensComponent.prototype.onTokenKeyDown = function (event) {
-            if (!this.disabled) {
-                /* tslint:disable-next-line:switch-default */
-                switch (event.key) {
-                    case 'Left':
-                    case 'ArrowLeft':
-                        this.messageStream.next({
-                            type: exports.SkyTokensMessageType.FocusPreviousToken,
-                        });
-                        event.preventDefault();
-                        break;
-                    case 'Right':
-                    case 'ArrowRight':
-                        this.messageStream.next({
-                            type: exports.SkyTokensMessageType.FocusNextToken,
-                        });
-                        event.preventDefault();
-                        break;
-                }
-            }
-        };
-        SkyTokensComponent.prototype.selectToken = function (token) {
-            if (!this.disabled) {
-                this.notifyTokenSelected(token);
-            }
-        };
-        SkyTokensComponent.prototype.removeToken = function (token) {
-            this.tokens = this.tokens.filter(function (t) { return t !== token; });
-            this.changeDetector.detectChanges();
-        };
-        SkyTokensComponent.prototype.focusPreviousToken = function () {
-            this.activeIndex--;
-            this.focusActiveToken();
-        };
-        SkyTokensComponent.prototype.focusNextToken = function () {
-            this.activeIndex++;
-            this.focusActiveToken();
-        };
-        SkyTokensComponent.prototype.focusLastToken = function () {
-            this.activeIndex = this.tokenComponents.length - 1;
-            this.focusActiveToken();
-        };
-        SkyTokensComponent.prototype.focusActiveToken = function () {
-            var _this = this;
-            var tokenComponent = this.tokenComponents.find(function (_comp, i) {
-                return _this.activeIndex === i;
-            });
-            if (tokenComponent) {
-                tokenComponent.focusElement();
-            }
-        };
-        SkyTokensComponent.prototype.removeActiveToken = function () {
-            var token = this.tokens[this.activeIndex];
-            if (token) {
-                this.removeToken(token);
-            }
-        };
-        SkyTokensComponent.prototype.initMessageStream = function () {
-            var _this = this;
-            if (this.messageStreamSub) {
-                this.messageStreamSub.unsubscribe();
-            }
-            if (this.messageStream) {
-                this.messageStreamSub = this.messageStream
-                    .pipe(operators.takeUntil(this.ngUnsubscribe))
-                    .subscribe(function (message) {
-                    /* tslint:disable-next-line:switch-default */
-                    switch (message.type) {
-                        case exports.SkyTokensMessageType.FocusLastToken:
-                            _this.focusLastToken();
-                            break;
-                        case exports.SkyTokensMessageType.FocusActiveToken:
-                            _this.focusActiveToken();
-                            break;
-                        case exports.SkyTokensMessageType.FocusPreviousToken:
-                            _this.focusPreviousToken();
-                            break;
-                        case exports.SkyTokensMessageType.FocusNextToken:
-                            _this.focusNextToken();
-                            break;
-                        case exports.SkyTokensMessageType.RemoveActiveToken:
-                            _this.removeActiveToken();
-                            break;
-                    }
-                });
-            }
-        };
-        SkyTokensComponent.prototype.notifyTokenSelected = function (token) {
-            this.tokenSelected.emit({
-                token: token,
-            });
-        };
-        return SkyTokensComponent;
-    }());
-    SkyTokensComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTokensComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyTokensComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTokensComponent, selector: "sky-tokens", inputs: { disabled: "disabled", dismissible: "dismissible", displayWith: "displayWith", trackWith: "trackWith", focusable: "focusable", tokens: "tokens", messageStream: "messageStream" }, outputs: { focusIndexOverRange: "focusIndexOverRange", focusIndexUnderRange: "focusIndexUnderRange", tokenSelected: "tokenSelected", tokensChange: "tokensChange" }, viewQueries: [{ propertyName: "tokenComponents", predicate: SkyTokenComponent, descendants: true }], ngImport: i0__namespace, template: "<div\n  *ngIf=\"tokens\"\n  class=\"sky-tokens\"\n  [@blockAnimationOnLoad]\n  [attr.role]=\"tokens && tokens.length ? 'list' : null\"\n>\n  <sky-token\n    *ngFor=\"let token of tokens; let i = index; trackBy: trackTokenFn\"\n    role=\"listitem\"\n    [@.disabled]=\"!trackWith\"\n    [@dismiss]\n    [disabled]=\"disabled\"\n    [dismissible]=\"dismissible\"\n    [focusable]=\"focusable\"\n    (dismiss)=\"removeToken(token)\"\n    (click)=\"onTokenClick(token)\"\n    (keydown)=\"onTokenKeyDown($event)\"\n    (keyup.enter)=\"selectToken(token); $event.preventDefault()\"\n    (tokenFocus)=\"activeIndex = i\"\n  >\n    {{ token.value[displayWith] }}\n  </sky-token>\n  <div class=\"sky-tokens-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.sky-tokens{display:flex;flex-wrap:wrap;align-items:baseline;margin:-2px}.sky-tokens .sky-tokens-content,.sky-tokens ::ng-deep sky-token{flex:0 0 auto;display:inline-flex;padding:2px}.sky-tokens .sky-tokens-content{flex-grow:1;flex-basis:0px}.sky-tokens .sky-tokens-content:before{content:\"\\200b\"}\n"], components: [{ type: SkyTokenComponent, selector: "sky-token", inputs: ["disabled", "ariaLabel", "dismissible", "focusable"], outputs: ["dismiss", "tokenFocus"] }], directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], animations: [
-            animations.trigger('blockAnimationOnLoad', [animations.transition(':enter', [])]),
-            animations.trigger('dismiss', [
-                animations.transition(':enter', [
-                    animations.style({
-                        opacity: 0,
-                        width: 0,
-                    }),
-                    animations.animate('150ms ease-in', animations.style({
-                        opacity: 1,
-                        width: '*',
-                    })),
-                ]),
-                animations.transition(':leave', [
-                    animations.animate('150ms ease-in', animations.style({
-                        opacity: 0,
-                        width: 0,
-                    })),
-                ]),
-            ]),
-        ], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTokensComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-tokens',
-                        template: "<div\n  *ngIf=\"tokens\"\n  class=\"sky-tokens\"\n  [@blockAnimationOnLoad]\n  [attr.role]=\"tokens && tokens.length ? 'list' : null\"\n>\n  <sky-token\n    *ngFor=\"let token of tokens; let i = index; trackBy: trackTokenFn\"\n    role=\"listitem\"\n    [@.disabled]=\"!trackWith\"\n    [@dismiss]\n    [disabled]=\"disabled\"\n    [dismissible]=\"dismissible\"\n    [focusable]=\"focusable\"\n    (dismiss)=\"removeToken(token)\"\n    (click)=\"onTokenClick(token)\"\n    (keydown)=\"onTokenKeyDown($event)\"\n    (keyup.enter)=\"selectToken(token); $event.preventDefault()\"\n    (tokenFocus)=\"activeIndex = i\"\n  >\n    {{ token.value[displayWith] }}\n  </sky-token>\n  <div class=\"sky-tokens-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n",
-                        styles: ["@charset \"UTF-8\";.sky-tokens{display:flex;flex-wrap:wrap;align-items:baseline;margin:-2px}.sky-tokens .sky-tokens-content,.sky-tokens ::ng-deep sky-token{flex:0 0 auto;display:inline-flex;padding:2px}.sky-tokens .sky-tokens-content{flex-grow:1;flex-basis:0px}.sky-tokens .sky-tokens-content:before{content:\"\\200b\"}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        animations: [
-                            animations.trigger('blockAnimationOnLoad', [animations.transition(':enter', [])]),
-                            animations.trigger('dismiss', [
-                                animations.transition(':enter', [
-                                    animations.style({
-                                        opacity: 0,
-                                        width: 0,
-                                    }),
-                                    animations.animate('150ms ease-in', animations.style({
-                                        opacity: 1,
-                                        width: '*',
-                                    })),
-                                ]),
-                                animations.transition(':leave', [
-                                    animations.animate('150ms ease-in', animations.style({
-                                        opacity: 0,
-                                        width: 0,
-                                    })),
-                                ]),
-                            ]),
-                        ],
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { disabled: [{
-                    type: i0.Input
-                }], dismissible: [{
-                    type: i0.Input
-                }], displayWith: [{
-                    type: i0.Input
-                }], trackWith: [{
-                    type: i0.Input
-                }], focusable: [{
-                    type: i0.Input
-                }], tokens: [{
-                    type: i0.Input
-                }], messageStream: [{
-                    type: i0.Input
-                }], focusIndexOverRange: [{
-                    type: i0.Output
-                }], focusIndexUnderRange: [{
-                    type: i0.Output
-                }], tokenSelected: [{
-                    type: i0.Output
-                }], tokensChange: [{
-                    type: i0.Output
-                }], tokenComponents: [{
-                    type: i0.ViewChildren,
-                    args: [SkyTokenComponent]
-                }] } });
-
-    var SkyTokensModule = /** @class */ (function () {
-        function SkyTokensModule() {
-        }
-        return SkyTokensModule;
-    }());
-    SkyTokensModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTokensModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyTokensModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTokensModule, declarations: [SkyTokenComponent, SkyTokensComponent], imports: [i1.CommonModule,
-            i1$1.SkyI18nModule,
-            SkyIconModule,
-            SkyIndicatorsResourcesModule], exports: [SkyTokenComponent, SkyTokensComponent] });
-    SkyTokensModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTokensModule, imports: [[
-                i1.CommonModule,
-                i1$1.SkyI18nModule,
-                SkyIconModule,
-                SkyIndicatorsResourcesModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTokensModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyTokenComponent, SkyTokensComponent],
-                        imports: [
-                            i1.CommonModule,
-                            i1$1.SkyI18nModule,
-                            SkyIconModule,
-                            SkyIndicatorsResourcesModule,
-                        ],
-                        exports: [SkyTokenComponent, SkyTokensComponent],
-                    }]
-            }] });
-
-    // Need to add the following to classes which contain static methods.
-    // See: https://github.com/ng-packagr/ng-packagr/issues/641
-    /**
-     * @internal
-     * @dynamic
-     */
-    var SkyWaitAdapterService = /** @class */ (function () {
-        function SkyWaitAdapterService(rendererFactory) {
-            this.rendererFactory = rendererFactory;
-            this.renderer = this.rendererFactory.createRenderer(undefined, undefined);
-        }
-        SkyWaitAdapterService.prototype.ngOnDestroy = function () {
-            this.clearListeners();
-        };
-        SkyWaitAdapterService.prototype.setWaitBounds = function (waitEl) {
-            this.renderer.setStyle(waitEl.nativeElement.parentElement, 'position', 'relative');
-        };
-        SkyWaitAdapterService.prototype.removeWaitBounds = function (waitEl) {
-            this.renderer.removeStyle(waitEl.nativeElement.parentElement, 'position');
-        };
-        SkyWaitAdapterService.prototype.setBusyState = function (waitEl, isFullPage, isWaiting, isNonBlocking, waitComponentId) {
-            var _this = this;
-            if (isNonBlocking === void 0) { isNonBlocking = false; }
-            var busyEl = isFullPage
-                ? document.body
-                : waitEl.nativeElement.parentElement;
-            if (!isNonBlocking) {
-                if (isWaiting) {
-                    this.renderer.setAttribute(busyEl, 'aria-busy', 'true');
-                    // Remove focus from page when full page blocking wait
-                    if (isFullPage || busyEl.contains(document.activeElement)) {
-                        this.clearDocumentFocus();
-                    }
-                    if (isFullPage) {
-                        SkyWaitAdapterService.isPageWaitActive = true;
-                        var endListenerFunc = this.renderer.listen(document.body, 'keydown', function (event) {
-                            /*istanbul ignore else */
-                            if (event.key) {
-                                /* istanbul ignore else */
-                                if (event.key.toLowerCase() === 'tab') {
-                                    event.target.blur();
-                                    event.preventDefault();
-                                    event.stopPropagation();
-                                    event.stopImmediatePropagation();
-                                    _this.clearDocumentFocus();
-                                }
-                            }
-                        });
-                        SkyWaitAdapterService.busyElements[waitComponentId] = {
-                            listener: endListenerFunc,
-                            busyEl: undefined,
-                        };
-                    }
-                    else {
-                        var endListenerFunc = this.renderer.listen(busyEl, 'focusin', function (event) {
-                            /* istanbul ignore else */
-                            if (!isNonBlocking) {
-                                event.preventDefault();
-                                event.stopPropagation();
-                                event.stopImmediatePropagation();
-                                if (SkyWaitAdapterService.isPageWaitActive) {
-                                    _this.clearDocumentFocus();
-                                }
-                                else {
-                                    // Propagate tab navigation if attempted into waited element
-                                    var target = event.target;
-                                    target.blur();
-                                    _this.focusNextElement(target, _this.isShift(event), busyEl);
-                                }
-                            }
-                        });
-                        SkyWaitAdapterService.busyElements[waitComponentId] = {
-                            listener: endListenerFunc,
-                            busyEl: busyEl,
-                        };
-                    }
-                }
-                else {
-                    this.renderer.removeAttribute(busyEl, 'aria-busy');
-                    if (isFullPage) {
-                        SkyWaitAdapterService.isPageWaitActive = false;
-                    }
-                    if (waitComponentId in SkyWaitAdapterService.busyElements) {
-                        SkyWaitAdapterService.busyElements[waitComponentId].listener();
-                        delete SkyWaitAdapterService.busyElements[waitComponentId];
-                    }
-                }
-            }
-        };
-        SkyWaitAdapterService.prototype.focusNextElement = function (targetElement, shiftKey, busyEl) {
-            var focussable = this.getFocussableElements();
-            // If shift tab, go in the other direction
-            var modifier = shiftKey ? -1 : 1;
-            // Find the next navigable element that isn't waiting
-            var startingIndex = focussable.indexOf(targetElement);
-            var curIndex = startingIndex + modifier;
-            while (focussable[curIndex] &&
-                this.isElementBusyOrHidden(focussable[curIndex])) {
-                curIndex += modifier;
-            }
-            if (focussable[curIndex] &&
-                !this.isElementBusyOrHidden(focussable[curIndex])) {
-                focussable[curIndex].focus();
-            }
-            else {
-                // Try wrapping the navigation
-                /* istanbul ignore next */
-                /* sanity check */
-                curIndex = modifier > 0 ? 0 : focussable.length - 1;
-                while (curIndex !== startingIndex &&
-                    focussable[curIndex] &&
-                    this.isElementBusyOrHidden(focussable[curIndex])) {
-                    /* istanbul ignore next */
-                    /* sanity check */
-                    curIndex += modifier;
-                }
-                /* istanbul ignore else */
-                /* sanity check */
-                if (focussable[curIndex] &&
-                    !this.isElementBusyOrHidden(focussable[curIndex])) {
-                    focussable[curIndex].focus();
-                }
-                else {
-                    // No valid target, wipe focus
-                    this.clearDocumentFocus();
-                }
-            }
-            // clear focussableElements list
-            this.focussableElements = undefined;
-        };
-        SkyWaitAdapterService.prototype.isShift = function (event) {
-            var _this = this;
-            // Determine if shift+tab was used based on element order
-            var elements = this.getFocussableElements().filter(function (elem) { return !_this.isElementHidden(elem); });
-            var previousInd = elements.indexOf(event.relatedTarget);
-            var currentInd = elements.indexOf(event.target);
-            return (previousInd === currentInd + 1 ||
-                (previousInd === 0 && currentInd === elements.length - 1) ||
-                previousInd > currentInd ||
-                !event.relatedTarget);
-        };
-        SkyWaitAdapterService.prototype.isElementHidden = function (element) {
-            var style = window.getComputedStyle(element);
-            return style.display === 'none' || style.visibility === 'hidden';
-        };
-        SkyWaitAdapterService.prototype.isElementBusyOrHidden = function (element) {
-            var e_1, _a;
-            if (this.isElementHidden(element)) {
-                return true;
-            }
-            try {
-                for (var _b = __values(Object.keys(SkyWaitAdapterService.busyElements)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var key = _c.value;
-                    var parentElement = SkyWaitAdapterService.busyElements[key].busyEl;
-                    if (parentElement && parentElement.contains(element)) {
-                        return true;
-                    }
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            return false;
-        };
-        SkyWaitAdapterService.prototype.clearDocumentFocus = function () {
-            /* istanbul ignore else */
-            if (document.activeElement && document.activeElement.blur) {
-                document.activeElement.blur();
-            }
-            document.body.focus();
-        };
-        SkyWaitAdapterService.prototype.getFocussableElements = function () {
-            // Keep this cached so we can reduce querys
-            if (this.focussableElements) {
-                return this.focussableElements;
-            }
-            // Select all possible focussable elements
-            var focussableElements = 'a[href], ' +
-                'area[href], ' +
-                "input:not([disabled]):not([tabindex='-1']), " +
-                "button:not([disabled]):not([tabindex='-1']), " +
-                "select:not([disabled]):not([tabindex='-1']), " +
-                "textarea:not([disabled]):not([tabindex='-1']), " +
-                'iframe, object, embed, ' +
-                "*[tabindex]:not([tabindex='-1']), " +
-                '*[contenteditable=true]';
-            this.focussableElements = Array.prototype.filter.call(document.body.querySelectorAll(focussableElements), function (element) {
-                return (element.offsetWidth > 0 ||
-                    element.offsetHeight > 0 ||
-                    element === document.activeElement);
-            });
-            return this.focussableElements;
-        };
-        SkyWaitAdapterService.prototype.clearListeners = function () {
-            var e_2, _a;
-            SkyWaitAdapterService.isPageWaitActive = false;
-            try {
-                for (var _b = __values(Object.keys(SkyWaitAdapterService.busyElements)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var key = _c.value;
-                    SkyWaitAdapterService.busyElements[key].listener();
-                    delete SkyWaitAdapterService.busyElements[key];
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
-        };
-        return SkyWaitAdapterService;
-    }());
-    SkyWaitAdapterService.isPageWaitActive = false;
-    SkyWaitAdapterService.busyElements = {};
-    SkyWaitAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyWaitAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyWaitAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyWaitAdapterService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyWaitAdapterService, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
-
-    var nextId = 0;
-    var SkyWaitComponent = /** @class */ (function () {
-        function SkyWaitComponent(elRef, adapterService, resourceService) {
-            this.elRef = elRef;
-            this.adapterService = adapterService;
-            this.resourceService = resourceService;
-            this.ariaLabelStream = new rxjs.BehaviorSubject('');
-            this.id = "sky-wait-" + ++nextId;
-        }
-        Object.defineProperty(SkyWaitComponent.prototype, "isWaiting", {
-            get: function () {
-                return this._isWaiting;
-            },
-            /**
-             * When set to `true`, wait indication appears on the parent element of the `sky-wait` component.
-             */
-            set: function (value) {
-                if (value && !this._isFullPage) {
-                    this.adapterService.setWaitBounds(this.elRef);
-                }
-                else if (!value && !this._isFullPage) {
-                    this.adapterService.removeWaitBounds(this.elRef);
-                }
-                this.adapterService.setBusyState(this.elRef, this.isFullPage, value, this.isNonBlocking, this.id);
-                this._isWaiting = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyWaitComponent.prototype, "isFullPage", {
-            get: function () {
-                return this._isFullPage;
-            },
-            /**
-             * When set to `true`, wait indication appears on the page level instead of the
-             * parent element level. We recommend that you use the `beginBlockingPageWait` or
-             * `beginNonBlockingPageWait` functions of the `SkyWaitService` instead of setting this
-             * on the component level.
-             * @default false
-             */
-            set: function (value) {
-                /* istanbul ignore else: untestable */
-                if (value) {
-                    this.adapterService.removeWaitBounds(this.elRef);
-                }
-                else if (!value && this._isWaiting) {
-                    this.adapterService.setWaitBounds(this.elRef);
-                }
-                this._isFullPage = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyWaitComponent.prototype.ngOnInit = function () {
-            this.publishAriaLabel();
-        };
-        SkyWaitComponent.prototype.publishAriaLabel = function () {
-            var _this = this;
-            if (this.ariaLabel) {
-                this.ariaLabelStream.next(this.ariaLabel);
-                return;
-            }
-            /* istanbul ignore else */
-            if (this.resourceService) {
-                var type = this.isFullPage ? '_page' : '';
-                var blocking = this.isNonBlocking ? '' : '_blocking';
-                var key = "skyux_wait" + type + blocking + "_aria_alt_text";
-                this.resourceService.getString(key).subscribe(function (value) {
-                    _this.ariaLabelStream.next(value);
-                });
-            }
-        };
-        return SkyWaitComponent;
-    }());
-    SkyWaitComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyWaitComponent, deps: [{ token: i0__namespace.ElementRef }, { token: SkyWaitAdapterService }, { token: i1__namespace$1.SkyLibResourcesService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyWaitComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyWaitComponent, selector: "sky-wait", inputs: { ariaLabel: "ariaLabel", isWaiting: "isWaiting", isFullPage: "isFullPage", isNonBlocking: "isNonBlocking" }, providers: [SkyWaitAdapterService], ngImport: i0__namespace, template: "<div class=\"sky-wait-container\">\n  <div\n    *ngIf=\"isWaiting\"\n    class=\"sky-wait-mask\"\n    [attr.aria-label]=\"ariaLabelStream | async\"\n    [ngClass]=\"{\n      'sky-wait-mask-loading-fixed': isFullPage,\n      'sky-wait-mask-loading-non-blocking': isNonBlocking,\n      'sky-wait-mask-loading-blocking': !isNonBlocking\n    }\"\n  >\n    <div class=\"sky-wait\">\n      <div class=\"sky-wait-double-bounce1\"></div>\n      <div class=\"sky-wait-double-bounce2\"></div>\n    </div>\n  </div>\n</div>\n", styles: [".sky-wait-mask-loading-blocking{margin:auto;position:absolute;top:0;right:0;left:0;bottom:0;background-color:#ffffffb3;z-index:1000}.sky-wait-mask-loading-fixed{position:fixed}.sky-wait{width:50px;height:50px;margin-top:-25px;margin-left:-25px;position:absolute;top:50%;left:50%}.sky-wait-mask-loading-non-blocking{bottom:0}.sky-wait-mask-loading-non-blocking .sky-wait{top:auto;right:auto;bottom:0;left:0;margin-left:auto;margin-right:auto}.sky-wait-double-bounce1,.sky-wait-double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#72bf44;opacity:.6;position:absolute;top:0;left:0;animation:sk-bounce 2s infinite ease-in-out}.sky-wait-double-bounce2{animation-delay:-1s}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.sky-wait-container.sky-wait-active{position:relative}\n"], directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i1__namespace.AsyncPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyWaitComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-wait',
-                        template: "<div class=\"sky-wait-container\">\n  <div\n    *ngIf=\"isWaiting\"\n    class=\"sky-wait-mask\"\n    [attr.aria-label]=\"ariaLabelStream | async\"\n    [ngClass]=\"{\n      'sky-wait-mask-loading-fixed': isFullPage,\n      'sky-wait-mask-loading-non-blocking': isNonBlocking,\n      'sky-wait-mask-loading-blocking': !isNonBlocking\n    }\"\n  >\n    <div class=\"sky-wait\">\n      <div class=\"sky-wait-double-bounce1\"></div>\n      <div class=\"sky-wait-double-bounce2\"></div>\n    </div>\n  </div>\n</div>\n",
-                        styles: [".sky-wait-mask-loading-blocking{margin:auto;position:absolute;top:0;right:0;left:0;bottom:0;background-color:#ffffffb3;z-index:1000}.sky-wait-mask-loading-fixed{position:fixed}.sky-wait{width:50px;height:50px;margin-top:-25px;margin-left:-25px;position:absolute;top:50%;left:50%}.sky-wait-mask-loading-non-blocking{bottom:0}.sky-wait-mask-loading-non-blocking .sky-wait{top:auto;right:auto;bottom:0;left:0;margin-left:auto;margin-right:auto}.sky-wait-double-bounce1,.sky-wait-double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#72bf44;opacity:.6;position:absolute;top:0;left:0;animation:sk-bounce 2s infinite ease-in-out}.sky-wait-double-bounce2{animation-delay:-1s}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.sky-wait-container.sky-wait-active{position:relative}\n"],
-                        providers: [SkyWaitAdapterService],
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: i0__namespace.ElementRef }, { type: SkyWaitAdapterService }, { type: i1__namespace$1.SkyLibResourcesService, decorators: [{
-                            type: i0.Optional
-                        }] }];
-        }, propDecorators: { ariaLabel: [{
-                    type: i0.Input
-                }], isWaiting: [{
-                    type: i0.Input
-                }], isFullPage: [{
-                    type: i0.Input
-                }], isNonBlocking: [{
-                    type: i0.Input
-                }] } });
-
-    /**
-     * @internal
-     */
-    var SkyWaitPageComponent = /** @class */ (function () {
-        function SkyWaitPageComponent() {
-        }
-        return SkyWaitPageComponent;
-    }());
-    SkyWaitPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyWaitPageComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyWaitPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyWaitPageComponent, selector: "sky-wait-page", inputs: { hasBlockingWait: "hasBlockingWait", hasNonBlockingWait: "hasNonBlockingWait" }, ngImport: i0__namespace, template: "<div class=\"sky-wait-page\">\n  <sky-wait\n    [isFullPage]=\"true\"\n    [isNonBlocking]=\"true\"\n    [isWaiting]=\"hasNonBlockingWait\"\n  >\n  </sky-wait>\n  <sky-wait [isFullPage]=\"true\" [isWaiting]=\"hasBlockingWait\"> </sky-wait>\n</div>\n", styles: [".sky-wait-page ::ng-deep .sky-wait-mask-loading-fixed{z-index:2000}\n"], components: [{ type: SkyWaitComponent, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyWaitPageComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-wait-page',
-                        template: "<div class=\"sky-wait-page\">\n  <sky-wait\n    [isFullPage]=\"true\"\n    [isNonBlocking]=\"true\"\n    [isWaiting]=\"hasNonBlockingWait\"\n  >\n  </sky-wait>\n  <sky-wait [isFullPage]=\"true\" [isWaiting]=\"hasBlockingWait\"> </sky-wait>\n</div>\n",
-                        styles: [".sky-wait-page ::ng-deep .sky-wait-mask-loading-fixed{z-index:2000}\n"],
-                    }]
-            }], propDecorators: { hasBlockingWait: [{
-                    type: i0.Input
-                }], hasNonBlockingWait: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyWaitModule = /** @class */ (function () {
-        function SkyWaitModule() {
-        }
-        return SkyWaitModule;
-    }());
-    SkyWaitModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyWaitModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyWaitModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyWaitModule, declarations: [SkyWaitComponent, SkyWaitPageComponent], imports: [i1.CommonModule, i1$1.SkyI18nModule, SkyIndicatorsResourcesModule], exports: [SkyWaitComponent] });
-    SkyWaitModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyWaitModule, imports: [[i1.CommonModule, i1$1.SkyI18nModule, SkyIndicatorsResourcesModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyWaitModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyWaitComponent, SkyWaitPageComponent],
-                        imports: [i1.CommonModule, i1$1.SkyI18nModule, SkyIndicatorsResourcesModule],
-                        exports: [SkyWaitComponent],
-                        entryComponents: [SkyWaitPageComponent],
-                    }]
-            }] });
-
-    /**
-     * @internal
-     */
-    var SkyWaitPageAdapterService = /** @class */ (function () {
-        function SkyWaitPageAdapterService() {
-        }
-        SkyWaitPageAdapterService.prototype.addPageWaitEl = function () {
-            document.body.appendChild(document.createElement('sky-wait-page'));
-        };
-        SkyWaitPageAdapterService.prototype.removePageWaitEl = function () {
-            var waitEl = document.querySelector('sky-wait-page');
-            if (waitEl) {
-                document.body.removeChild(waitEl);
-            }
-        };
-        return SkyWaitPageAdapterService;
-    }());
-    SkyWaitPageAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyWaitPageAdapterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyWaitPageAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyWaitPageAdapterService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyWaitPageAdapterService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }] });
-
-    // Need to add the following to classes which contain static methods.
-    // See: https://github.com/ng-packagr/ng-packagr/issues/641
-    // @dynamic
-    var SkyWaitService = /** @class */ (function () {
-        function SkyWaitService(resolver, appRef, waitAdapter, windowSvc) {
-            this.resolver = resolver;
-            this.appRef = appRef;
-            this.waitAdapter = waitAdapter;
-            this.windowSvc = windowSvc;
-        }
-        /**
-         * Starts a blocking page wait on the page.
-         */
-        SkyWaitService.prototype.beginBlockingPageWait = function () {
-            this.beginPageWait(true);
-        };
-        /**
-         * Starts a non-blocking page wait on the page.
-         */
-        SkyWaitService.prototype.beginNonBlockingPageWait = function () {
-            this.beginPageWait(false);
-        };
-        /**
-         * Ends a blocking page wait on the page. Blocking page wait indication
-         * is removed when all running blocking page waits are ended.
-         */
-        SkyWaitService.prototype.endBlockingPageWait = function () {
-            this.endPageWait(true);
-        };
-        /**
-         * Ends a non-blocking page wait on the page. Non-blocking page wait indication
-         * is removed when all running non-blocking page waits are ended.
-         */
-        SkyWaitService.prototype.endNonBlockingPageWait = function () {
-            this.endPageWait(false);
-        };
-        /**
-         * Clears all blocking and non-blocking page waits on the page.
-         */
-        SkyWaitService.prototype.clearAllPageWaits = function () {
-            this.clearPageWait(true);
-            this.clearPageWait(false);
-        };
-        /**
-         * @internal
-         */
-        SkyWaitService.prototype.dispose = function () {
-            if (SkyWaitService.waitComponent) {
-                SkyWaitService.waitComponent = undefined;
-                SkyWaitService.pageWaitBlockingCount = 0;
-                SkyWaitService.pageWaitNonBlockingCount = 0;
-                this.waitAdapter.removePageWaitEl();
-            }
-        };
-        /**
-         * Launches a page wait and automatically stops when the specific asynchronous event completes.
-         */
-        SkyWaitService.prototype.blockingWrap = function (observable) {
-            var _this = this;
-            return rxjs.defer(function () {
-                _this.beginBlockingPageWait();
-                return observable.pipe(operators.finalize(function () { return _this.endBlockingPageWait(); }));
-            });
-        };
-        /**
-         * Launches a non-blocking page wait and automatically stops when the specific
-         * asynchronous event completes.
-         */
-        SkyWaitService.prototype.nonBlockingWrap = function (observable) {
-            var _this = this;
-            return rxjs.defer(function () {
-                _this.beginNonBlockingPageWait();
-                return observable.pipe(operators.finalize(function () { return _this.endNonBlockingPageWait(); }));
-            });
-        };
-        SkyWaitService.prototype.setWaitComponentProperties = function (isBlocking) {
-            if (isBlocking) {
-                SkyWaitService.waitComponent.hasBlockingWait = true;
-                SkyWaitService.pageWaitBlockingCount++;
-            }
-            else {
-                SkyWaitService.waitComponent.hasNonBlockingWait = true;
-                SkyWaitService.pageWaitNonBlockingCount++;
-            }
-        };
-        SkyWaitService.prototype.beginPageWait = function (isBlocking) {
-            var _this = this;
-            if (!SkyWaitService.waitComponent) {
-                /*
-                    Dynamic component creation needs to be done in a timeout to prevent ApplicationRef from
-                    crashing when wait service is called in Angular lifecycle functions.
-                */
-                this.windowSvc.nativeWindow.setTimeout(function () {
-                    // Ensuring here that we recheck this after the setTimeout is over so that we don't clash
-                    // with any other waits that are created.
-                    if (!SkyWaitService.waitComponent) {
-                        var factory = _this.resolver.resolveComponentFactory(SkyWaitPageComponent);
-                        _this.waitAdapter.addPageWaitEl();
-                        var cmpRef = _this.appRef.bootstrap(factory);
-                        SkyWaitService.waitComponent = cmpRef.instance;
-                    }
-                    _this.setWaitComponentProperties(isBlocking);
-                });
-            }
-            else {
-                this.setWaitComponentProperties(isBlocking);
-            }
-        };
-        SkyWaitService.prototype.endPageWait = function (isBlocking) {
-            /*
-                Needs to yield so that wait creation can finish
-                before it is dismissed in the event of a race.
-            */
-            this.windowSvc.nativeWindow.setTimeout(function () {
-                if (SkyWaitService.waitComponent) {
-                    if (isBlocking) {
-                        if (SkyWaitService.pageWaitBlockingCount > 0) {
-                            SkyWaitService.pageWaitBlockingCount--;
-                        }
-                        if (SkyWaitService.pageWaitBlockingCount < 1) {
-                            SkyWaitService.waitComponent.hasBlockingWait = false;
-                        }
-                    }
-                    else {
-                        if (SkyWaitService.pageWaitNonBlockingCount > 0) {
-                            SkyWaitService.pageWaitNonBlockingCount--;
-                        }
-                        if (SkyWaitService.pageWaitNonBlockingCount < 1) {
-                            SkyWaitService.waitComponent.hasNonBlockingWait = false;
-                        }
-                    }
-                }
-            });
-        };
-        SkyWaitService.prototype.clearPageWait = function (isBlocking) {
-            if (SkyWaitService.waitComponent) {
-                if (isBlocking) {
-                    SkyWaitService.pageWaitBlockingCount = 0;
-                    SkyWaitService.waitComponent.hasBlockingWait = false;
-                }
-                else {
-                    SkyWaitService.pageWaitNonBlockingCount = 0;
-                    SkyWaitService.waitComponent.hasNonBlockingWait = false;
-                }
-            }
-        };
-        return SkyWaitService;
-    }());
-    SkyWaitService.pageWaitBlockingCount = 0;
-    SkyWaitService.pageWaitNonBlockingCount = 0;
-    SkyWaitService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyWaitService, deps: [{ token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ApplicationRef }, { token: SkyWaitPageAdapterService }, { token: i1__namespace$2.SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyWaitService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyWaitService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyWaitService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ApplicationRef }, { type: SkyWaitPageAdapterService }, { type: i1__namespace$2.SkyAppWindowRef }]; } });
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.SkyAlertModule = SkyAlertModule;
-    exports.SkyChevronModule = SkyChevronModule;
-    exports.SkyExpansionIndicatorModule = SkyExpansionIndicatorModule;
-    exports.SkyHelpInlineModule = SkyHelpInlineModule;
-    exports.SkyIconModule = SkyIconModule;
-    exports.SkyKeyInfoModule = SkyKeyInfoModule;
-    exports.SkyLabelModule = SkyLabelModule;
-    exports.SkyStatusIndicatorModule = SkyStatusIndicatorModule;
-    exports.SkyTextHighlightModule = SkyTextHighlightModule;
-    exports.SkyTokensModule = SkyTokensModule;
-    exports.SkyWaitModule = SkyWaitModule;
-    exports.SkyWaitService = SkyWaitService;
-    exports["λ1"] = SkyAlertComponent;
-    exports["λ10"] = SkyStatusIndicatorComponent;
-    exports["λ11"] = SkyTextHighlightDirective;
-    exports["λ12"] = SkyTokenComponent;
-    exports["λ13"] = SkyTokensComponent;
-    exports["λ14"] = SkyWaitComponent;
-    exports["λ15"] = SkyExpansionIndicatorComponent;
-    exports["λ2"] = SkyChevronComponent;
-    exports["λ3"] = SkyHelpInlineComponent;
-    exports["λ4"] = SkyIconComponent;
-    exports["λ5"] = SkyIconStackComponent;
-    exports["λ6"] = SkyKeyInfoLabelComponent;
-    exports["λ7"] = SkyKeyInfoValueComponent;
-    exports["λ8"] = SkyKeyInfoComponent;
-    exports["λ9"] = SkyLabelComponent;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=skyux-indicators.umd.js.map