@skyux/core 5.7.2 → 6.0.0-beta.2

package/bundles/skyux-core.umd.js

@@ -1,3648 +0,0 @@
-(function (global, factory) {
-        typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('rxjs'), require('rxjs/operators'), require('@skyux/i18n'), require('@angular/router'), require('@angular/platform-browser')) :
-        typeof define === 'function' && define.amd ? define('@skyux/core', ['exports', '@angular/core', '@angular/common', 'rxjs', 'rxjs/operators', '@skyux/i18n', '@angular/router', '@angular/platform-browser'], factory) :
-        (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.core = {}), global.ng.core, global.ng.common, global.rxjs, global.rxjs.operators, global.i1, global.ng.router, global.ng.platformBrowser));
-})(this, (function (exports, i0, i4, rxjs, operators, i1, i3, i1$1) { '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 i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-        var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-        var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-        var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-        var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-
-        /**
-         * @deprecated The `SkyCoreAdapterService` no longer needs the `SkyCoreAdapterModule`.
-         * The `SkyCoreAdapterModule` can be removed from your project.
-         */
-        var SkyCoreAdapterModule = /** @class */ (function () {
-            function SkyCoreAdapterModule() {
-            }
-            return SkyCoreAdapterModule;
-        }());
-        SkyCoreAdapterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreAdapterModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyCoreAdapterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreAdapterModule });
-        SkyCoreAdapterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreAdapterModule });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreAdapterModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{}]
-                }] });
-
-        exports.SkyMediaBreakpoints = void 0;
-        (function (SkyMediaBreakpoints) {
-            /**
-             * Indicates screen widths of 767px or less.
-             */
-            SkyMediaBreakpoints[SkyMediaBreakpoints["xs"] = 1] = "xs";
-            /**
-             * Indicates screen widths of 768px to 991px.
-             */
-            SkyMediaBreakpoints[SkyMediaBreakpoints["sm"] = 2] = "sm";
-            /**
-             * Indicates screen widths of 992px to 1199px.
-             */
-            SkyMediaBreakpoints[SkyMediaBreakpoints["md"] = 3] = "md";
-            /**
-             * Indicates screen widths of 1200px or greater.
-             */
-            SkyMediaBreakpoints[SkyMediaBreakpoints["lg"] = 4] = "lg";
-        })(exports.SkyMediaBreakpoints || (exports.SkyMediaBreakpoints = {}));
-
-        var SKY_TABBABLE_SELECTOR = [
-            'a[href]',
-            'area[href]',
-            'input:not([disabled])',
-            'button:not([disabled])',
-            'select:not([disabled])',
-            'textarea:not([disabled])',
-            'iframe',
-            'object',
-            'embed',
-            '*[contenteditable=true]:not([disabled])',
-            '*[tabindex]:not([disabled])',
-        ].join(', ');
-        var SkyCoreAdapterService = /** @class */ (function () {
-            function SkyCoreAdapterService(rendererFactory) {
-                this.rendererFactory = rendererFactory;
-                this.renderer = this.rendererFactory.createRenderer(undefined, undefined);
-            }
-            /**
-             * Set the responsive container CSS class for a given element.
-             *
-             * @param elementRef - The element that will recieve the new CSS class.
-             * @param breakpoint - The SkyMediaBreakpoint will determine which class
-             * gets set. For example a SkyMediaBreakpoint of `xs` will set a CSS class of `sky-responsive-container-xs`.
-             */
-            SkyCoreAdapterService.prototype.setResponsiveContainerClass = function (elementRef, breakpoint) {
-                var nativeEl = elementRef.nativeElement;
-                this.renderer.removeClass(nativeEl, 'sky-responsive-container-xs');
-                this.renderer.removeClass(nativeEl, 'sky-responsive-container-sm');
-                this.renderer.removeClass(nativeEl, 'sky-responsive-container-md');
-                this.renderer.removeClass(nativeEl, 'sky-responsive-container-lg');
-                var newClass;
-                switch (breakpoint) {
-                    case exports.SkyMediaBreakpoints.xs: {
-                        newClass = 'sky-responsive-container-xs';
-                        break;
-                    }
-                    case exports.SkyMediaBreakpoints.sm: {
-                        newClass = 'sky-responsive-container-sm';
-                        break;
-                    }
-                    case exports.SkyMediaBreakpoints.md: {
-                        newClass = 'sky-responsive-container-md';
-                        break;
-                    }
-                    default: {
-                        newClass = 'sky-responsive-container-lg';
-                        break;
-                    }
-                }
-                this.renderer.addClass(nativeEl, newClass);
-            };
-            /**
-             * This method temporarily enables/disables pointer events.
-             * This is helpful to prevent iFrames from interfering with drag events.
-             *
-             * @param enable - Set to `true` to enable pointer events. Set to `false` to disable.
-             */
-            SkyCoreAdapterService.prototype.toggleIframePointerEvents = function (enable) {
-                var iframes = document.querySelectorAll('iframe');
-                for (var i = 0; i < iframes.length; i++) {
-                    // Setting to empty string will allow iframe to fall back to its prior CSS assignment.
-                    iframes[i].style.pointerEvents = enable ? '' : 'none';
-                }
-            };
-            /**
-             * Focuses on the first element found with an `autofocus` attribute inside the supplied `elementRef`.
-             *
-             * @param elementRef - The element to search within.
-             * @return Returns `true` if a child element with autofocus is found.
-             */
-            SkyCoreAdapterService.prototype.applyAutoFocus = function (elementRef) {
-                var elementWithAutoFocus = elementRef.nativeElement.querySelector('[autofocus]');
-                // Child was found with the autofocus property. Set focus and return true.
-                if (elementWithAutoFocus) {
-                    elementWithAutoFocus.focus();
-                    return true;
-                }
-                // No children were found with autofocus property. Return false.
-                return false;
-            };
-            /**
-             * Sets focus on the first focusable child of the `elementRef` parameter.
-             * If no focusable children are found, and `focusOnContainerIfNoChildrenFound` is `true`,
-             * focus will be set on the container element.
-             *
-             * @param elementRef - The element to search within.
-             * @param containerSelector - A CSS selector indicating the container that should
-             * recieve focus if no focusable children are found.
-             * @param focusOnContainerIfNoChildrenFound - It set to `true`, the container will
-             * recieve focus if no focusable children are found.
-             */
-            SkyCoreAdapterService.prototype.getFocusableChildrenAndApplyFocus = function (elementRef, containerSelector, focusOnContainerIfNoChildrenFound) {
-                if (focusOnContainerIfNoChildrenFound === void 0) { focusOnContainerIfNoChildrenFound = false; }
-                var containerElement = elementRef.nativeElement.querySelector(containerSelector);
-                var focusableChildren = this.getFocusableChildren(containerElement);
-                // Focus first focusable child if available. Otherwise, set focus on container.
-                if (!this.focusFirstElement(focusableChildren) &&
-                    focusOnContainerIfNoChildrenFound) {
-                    containerElement.focus();
-                }
-            };
-            /**
-             * Returns an array of all focusable children of provided `element`.
-             *
-             * @param element - The HTMLElement to search within.
-             * @param options - Options for getting focusable children.
-             */
-            SkyCoreAdapterService.prototype.getFocusableChildren = function (element, options) {
-                var _this = this;
-                var elements = Array.prototype.slice.call(element.querySelectorAll(SKY_TABBABLE_SELECTOR));
-                // Unless ignoreTabIndex = true, filter out elements with tabindex = -1.
-                if (!options || !options.ignoreTabIndex) {
-                    elements = elements.filter(function (el) {
-                        return el.tabIndex !== -1;
-                    });
-                }
-                // Unless ignoreVisibility = true, filter out elements that are not visible.
-                if (!options || !options.ignoreVisibility) {
-                    elements = elements.filter(function (el) {
-                        return _this.isVisible(el);
-                    });
-                }
-                return elements;
-            };
-            /**
-             * Returns the clientWidth of the provided elementRef.
-             * @param elementRef - The element to calculate width from.
-             */
-            SkyCoreAdapterService.prototype.getWidth = function (elementRef) {
-                return elementRef.nativeElement.clientWidth;
-            };
-            /**
-             * Checks if an event target has a higher z-index than a given element.
-             * @param target The event target element.
-             * @param element The element to test against. A z-index must be explicitly set for this element.
-             */
-            SkyCoreAdapterService.prototype.isTargetAboveElement = function (target, element) {
-                var zIndex = getComputedStyle(element).zIndex;
-                var el = target;
-                while (el) {
-                    // Getting the computed style only works for elements that exist in the DOM.
-                    // In certain scenarios, an element is removed after a click event; by the time the event
-                    // bubbles up to other elements, however, the element has been removed and the computed style returns empty.
-                    // In this case, we'll need to check the z-index directly, via the style property.
-                    var targetZIndex = getComputedStyle(el).zIndex || el.style.zIndex;
-                    if (targetZIndex !== '' &&
-                        targetZIndex !== 'auto' &&
-                        +targetZIndex > +zIndex) {
-                        return true;
-                    }
-                    el = el.parentElement;
-                }
-                return false;
-            };
-            /**
-             * Remove inline height styles from the provided elements.
-             * @param elementRef - The element to search within.
-             * @param selector - The CSS selector to use when finding elements for removing height.
-             */
-            SkyCoreAdapterService.prototype.resetHeight = function (elementRef, selector) {
-                var children = elementRef.nativeElement.querySelectorAll(selector);
-                /* istanbul ignore else */
-                if (children.length > 0) {
-                    for (var i = 0; i < children.length; i++) {
-                        // Setting style attributes with Web API requires null instead of undefined.
-                        // tslint:disable-next-line: no-null-keyword
-                        children[i].style.height = null;
-                    }
-                }
-            };
-            /**
-             * Sets all element heights to match the height of the tallest element.
-             * @param elementRef - The element to search within.
-             * @param selector - The CSS selector to use when finding elements for syncing height.
-             */
-            SkyCoreAdapterService.prototype.syncMaxHeight = function (elementRef, selector) {
-                var children = elementRef.nativeElement.querySelectorAll(selector);
-                /* istanbul ignore else */
-                if (children.length > 0) {
-                    var maxHeight = 0;
-                    for (var i = 0; i < children.length; i++) {
-                        maxHeight = Math.max(maxHeight, children[i].offsetHeight);
-                    }
-                    for (var i = 0; i < children.length; i++) {
-                        children[i].style.height = maxHeight + 'px';
-                    }
-                }
-            };
-            SkyCoreAdapterService.prototype.focusFirstElement = function (list) {
-                if (list.length > 0) {
-                    list[0].focus();
-                    return true;
-                }
-                return false;
-            };
-            SkyCoreAdapterService.prototype.isVisible = function (element) {
-                var style = window.getComputedStyle(element);
-                var isHidden = style.display === 'none' || style.visibility === 'hidden';
-                if (isHidden) {
-                    return false;
-                }
-                var hasBounds = !!(element.offsetWidth ||
-                    element.offsetHeight ||
-                    element.getClientRects().length);
-                return hasBounds;
-            };
-            return SkyCoreAdapterService;
-        }());
-        SkyCoreAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyCoreAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreAdapterService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreAdapterService, decorators: [{
-                    type: i0.Injectable,
-                    args: [{
-                            providedIn: 'root',
-                        }]
-                }], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
-
-        exports.SkyAffixAutoFitContext = void 0;
-        (function (SkyAffixAutoFitContext) {
-            /**
-             * Auto-fit functionality will respect the nearest overflow parent element's dimensions.
-             */
-            SkyAffixAutoFitContext[SkyAffixAutoFitContext["OverflowParent"] = 0] = "OverflowParent";
-            /**
-             * Auto-fit functionality will respect the browser viewport dimensions.
-             */
-            SkyAffixAutoFitContext[SkyAffixAutoFitContext["Viewport"] = 1] = "Viewport";
-        })(exports.SkyAffixAutoFitContext || (exports.SkyAffixAutoFitContext = {}));
-
-        function getNextPlacement(placement) {
-            var placements = ['above', 'right', 'below', 'left'];
-            var index = placements.indexOf(placement) + 1;
-            if (index >= placements.length) {
-                index = 0;
-            }
-            return placements[index];
-        }
-        function getInversePlacement(placement) {
-            var pairings = {
-                above: 'below',
-                below: 'above',
-                right: 'left',
-                left: 'right',
-            };
-            return pairings[placement];
-        }
-
-        /**
-         * Returns the offset values of a given element.
-         * @param element The HTML element.
-         * @param bufferOffset An optional offset to add/subtract to the element's actual offset.
-         */
-        function getElementOffset(element, bufferOffset) {
-            if (bufferOffset === void 0) { bufferOffset = {}; }
-            var bufferOffsetBottom = bufferOffset.bottom || 0;
-            var bufferOffsetLeft = bufferOffset.left || 0;
-            var bufferOffsetRight = bufferOffset.right || 0;
-            var bufferOffsetTop = bufferOffset.top || 0;
-            var top;
-            var left;
-            var right;
-            var bottom;
-            if (element === document.body) {
-                left = 0;
-                top = 0;
-                right = document.documentElement.clientWidth;
-                bottom = document.documentElement.clientHeight;
-            }
-            else {
-                var clientRect = element.getBoundingClientRect();
-                left = clientRect.left;
-                top = clientRect.top;
-                right = clientRect.right;
-                bottom = clientRect.bottom;
-            }
-            bottom -= bufferOffsetBottom;
-            left += bufferOffsetLeft;
-            right -= bufferOffsetRight;
-            top += bufferOffsetTop;
-            return {
-                bottom: bottom,
-                left: left,
-                right: right,
-                top: top,
-            };
-        }
-        function getOverflowParents(child) {
-            var bodyElement = window.document.body;
-            var results = [bodyElement];
-            var parentElement = child.parentNode;
-            while (parentElement !== undefined &&
-                parentElement !== bodyElement &&
-                parentElement instanceof HTMLElement) {
-                var overflowY = window
-                    .getComputedStyle(parentElement, undefined)
-                    .overflowY.toLowerCase();
-                if (overflowY === 'auto' ||
-                    overflowY === 'hidden' ||
-                    overflowY === 'scroll') {
-                    results.push(parentElement);
-                }
-                parentElement = parentElement.parentNode;
-            }
-            return results;
-        }
-        /**
-         * Confirms offset is fully visible within a parent element.
-         * @param parent
-         * @param offset
-         */
-        function isOffsetFullyVisibleWithinParent(parent, offset, bufferOffset) {
-            var parentOffset = getElementOffset(parent, bufferOffset);
-            return !(parentOffset.top > offset.top ||
-                parentOffset.right < offset.right ||
-                parentOffset.bottom < offset.bottom ||
-                parentOffset.left > offset.left);
-        }
-        function isOffsetPartiallyVisibleWithinParent(parent, offset, bufferOffset) {
-            var parentOffset = getElementOffset(parent, bufferOffset);
-            return !(parentOffset.top >= offset.bottom ||
-                parentOffset.right <= offset.left ||
-                parentOffset.bottom <= offset.top ||
-                parentOffset.left >= offset.right);
-        }
-
-        var DEFAULT_AFFIX_CONFIG = {
-            autoFitContext: exports.SkyAffixAutoFitContext.OverflowParent,
-            enableAutoFit: false,
-            horizontalAlignment: 'center',
-            isSticky: false,
-            placement: 'above',
-        };
-        var SkyAffixer = /** @class */ (function () {
-            function SkyAffixer(affixedElement, renderer) {
-                this.affixedElement = affixedElement;
-                this.renderer = renderer;
-                this._offsetChange = new rxjs.Subject();
-                this._overflowScroll = new rxjs.Subject();
-                this._placementChange = new rxjs.Subject();
-            }
-            Object.defineProperty(SkyAffixer.prototype, "offsetChange", {
-                /**
-                 * Fires when the affixed element's offset changes.
-                 */
-                get: function () {
-                    return this._offsetChange.asObservable();
-                },
-                enumerable: false,
-                configurable: true
-            });
-            Object.defineProperty(SkyAffixer.prototype, "overflowScroll", {
-                /**
-                 * Fires when the base element's nearest overflow parent is scrolling. This is useful if you need
-                 * to perform an additional action during the scroll event but don't want to generate another
-                 * event listener.
-                 */
-                get: function () {
-                    return this._overflowScroll.asObservable();
-                },
-                enumerable: false,
-                configurable: true
-            });
-            Object.defineProperty(SkyAffixer.prototype, "placementChange", {
-                /**
-                 * Fires when the placement value changes. A `null` value indicates that a suitable
-                 * placement could not be found.
-                 */
-                get: function () {
-                    return this._placementChange.asObservable();
-                },
-                enumerable: false,
-                configurable: true
-            });
-            Object.defineProperty(SkyAffixer.prototype, "config", {
-                get: function () {
-                    return this._config;
-                },
-                set: function (value) {
-                    var merged = Object.assign(Object.assign({}, DEFAULT_AFFIX_CONFIG), value);
-                    // Make sure none of the values are undefined.
-                    Object.keys(merged).forEach(function (k) {
-                        if (merged[k] === undefined) {
-                            merged[k] = DEFAULT_AFFIX_CONFIG[k];
-                        }
-                    });
-                    this._config = merged;
-                },
-                enumerable: false,
-                configurable: true
-            });
-            /**
-             * Affixes an element to a base element.
-             * @param baseElement The base element.
-             * @param config Configuration for the affix action.
-             */
-            SkyAffixer.prototype.affixTo = function (baseElement, config) {
-                this.reset();
-                this.config = config;
-                this.baseElement = baseElement;
-                this.overflowParents = getOverflowParents(baseElement);
-                this.affix();
-                if (this.config.isSticky) {
-                    this.addScrollListeners();
-                    this.addResizeListener();
-                }
-            };
-            /**
-             * Re-runs the affix calculation.
-             */
-            SkyAffixer.prototype.reaffix = function () {
-                // Reset current placement to preferred placement.
-                this.currentPlacement = this.config.placement;
-                this.affix();
-            };
-            /**
-             * Destroys the affixer.
-             */
-            SkyAffixer.prototype.destroy = function () {
-                this.reset();
-                this._placementChange.complete();
-                this._offsetChange.complete();
-                this._overflowScroll.complete();
-                this._offsetChange =
-                    this._placementChange =
-                        this._overflowScroll =
-                            undefined;
-            };
-            SkyAffixer.prototype.affix = function () {
-                this.baseRect = this.baseElement.getBoundingClientRect();
-                this.affixedRect = this.affixedElement.getBoundingClientRect();
-                var offset = this.getOffset();
-                if (this.isNewOffset(offset)) {
-                    this.renderer.setStyle(this.affixedElement, 'top', offset.top + "px");
-                    this.renderer.setStyle(this.affixedElement, 'left', offset.left + "px");
-                    this._offsetChange.next({ offset: offset });
-                }
-            };
-            SkyAffixer.prototype.getOffset = function () {
-                var parent = this.getAutoFitContextParent();
-                var maxAttempts = 4;
-                var attempts = 0;
-                var isAffixedElementFullyVisible = false;
-                var offset;
-                var placement = this.config.placement;
-                do {
-                    offset = this.getPreferredOffset(placement);
-                    isAffixedElementFullyVisible = isOffsetFullyVisibleWithinParent(parent, offset, this.config.autoFitOverflowOffset);
-                    if (!this.config.enableAutoFit) {
-                        break;
-                    }
-                    if (!isAffixedElementFullyVisible) {
-                        placement =
-                            attempts % 2 === 0
-                                ? getInversePlacement(placement)
-                                : getNextPlacement(placement);
-                    }
-                    attempts++;
-                } while (!isAffixedElementFullyVisible && attempts < maxAttempts);
-                if (isAffixedElementFullyVisible) {
-                    if (this.isBaseElementVisible()) {
-                        this.notifyPlacementChange(placement);
-                    }
-                    else {
-                        /* tslint:disable-next-line:no-null-keyword */
-                        this.notifyPlacementChange(null);
-                    }
-                    return offset;
-                }
-                if (this.config.enableAutoFit) {
-                    /* tslint:disable-next-line:no-null-keyword */
-                    this.notifyPlacementChange(null);
-                }
-                // No suitable placement was found, so revert to preferred placement.
-                return this.getPreferredOffset(this.config.placement);
-            };
-            SkyAffixer.prototype.getPreferredOffset = function (placement) {
-                var affixedRect = this.affixedRect;
-                var baseRect = this.baseRect;
-                var horizontalAlignment = this.config.horizontalAlignment;
-                var verticalAlignment = this.config.verticalAlignment;
-                var enableAutoFit = this.config.enableAutoFit;
-                var top;
-                var left;
-                if (placement === 'above' || placement === 'below') {
-                    if (placement === 'above') {
-                        top = baseRect.top - affixedRect.height;
-                        switch (verticalAlignment) {
-                            case 'top':
-                                top = top + affixedRect.height;
-                                break;
-                            case 'middle':
-                                top = top + affixedRect.height / 2;
-                                break;
-                            case 'bottom':
-                            default:
-                                break;
-                        }
-                    }
-                    else {
-                        top = baseRect.bottom;
-                        switch (verticalAlignment) {
-                            case 'top':
-                            default:
-                                break;
-                            case 'middle':
-                                top = top - affixedRect.height / 2;
-                                break;
-                            case 'bottom':
-                                top = top - affixedRect.height;
-                                break;
-                        }
-                    }
-                    switch (horizontalAlignment) {
-                        case 'left':
-                            left = baseRect.left;
-                            break;
-                        case 'center':
-                        default:
-                            left = baseRect.left + baseRect.width / 2 - affixedRect.width / 2;
-                            break;
-                        case 'right':
-                            left = baseRect.right - affixedRect.width;
-                            break;
-                    }
-                }
-                else {
-                    if (placement === 'left') {
-                        left = baseRect.left - affixedRect.width;
-                    }
-                    else {
-                        left = baseRect.right;
-                    }
-                    switch (verticalAlignment) {
-                        case 'top':
-                            top = baseRect.top;
-                            break;
-                        case 'middle':
-                        default:
-                            top = baseRect.top + baseRect.height / 2 - affixedRect.height / 2;
-                            break;
-                        case 'bottom':
-                            top = baseRect.bottom - affixedRect.height;
-                            break;
-                    }
-                }
-                var offset = { left: left, top: top };
-                if (enableAutoFit) {
-                    offset = this.adjustOffsetToOverflowParent(Object.assign({}, offset), placement);
-                }
-                offset.bottom = offset.top + affixedRect.height;
-                offset.right = offset.left + affixedRect.width;
-                return offset;
-            };
-            /**
-             * Slightly adjust the offset to fit within the scroll parent's boundaries if
-             * the affixed element would otherwise be clipped.
-             */
-            SkyAffixer.prototype.adjustOffsetToOverflowParent = function (offset, placement) {
-                var parent = this.getAutoFitContextParent();
-                var parentOffset = getElementOffset(parent, this.config.autoFitOverflowOffset);
-                var affixedRect = this.affixedRect;
-                var baseRect = this.baseRect;
-                // A pixel value representing the leeway between the edge of the overflow parent and the edge
-                // of the base element before it dissapears from view.
-                // If the visible portion of the base element is less than this pixel value, the auto-fit
-                // functionality attempts to find another placement.
-                var defaultPixelTolerance = 40;
-                var pixelTolerance;
-                var originalOffsetTop = offset.top;
-                var originalOffsetLeft = offset.left;
-                /* tslint:disable-next-line:switch-default */
-                switch (placement) {
-                    case 'above':
-                    case 'below':
-                        // Keep the affixed element within the overflow parent.
-                        if (offset.left < parentOffset.left) {
-                            offset.left = parentOffset.left;
-                        }
-                        else if (offset.left + affixedRect.width > parentOffset.right) {
-                            offset.left = parentOffset.right - affixedRect.width;
-                        }
-                        // Use a smaller pixel tolerance if the base element width is less than the default.
-                        pixelTolerance = Math.min(defaultPixelTolerance, baseRect.width);
-                        // Make sure the affixed element never detaches from the base element.
-                        if (offset.left + pixelTolerance > baseRect.right ||
-                            offset.left + affixedRect.width - pixelTolerance < baseRect.left) {
-                            offset.left = originalOffsetLeft;
-                        }
-                        break;
-                    case 'left':
-                    case 'right':
-                        // Keep the affixed element within the overflow parent.
-                        if (offset.top < parentOffset.top) {
-                            offset.top = parentOffset.top;
-                        }
-                        else if (offset.top + affixedRect.height > parentOffset.bottom) {
-                            offset.top = parentOffset.bottom - affixedRect.height;
-                        }
-                        // Use a smaller pixel tolerance if the base element height is less than the default.
-                        pixelTolerance = Math.min(defaultPixelTolerance, baseRect.height);
-                        // Make sure the affixed element never detaches from the base element.
-                        if (offset.top + pixelTolerance > baseRect.bottom ||
-                            offset.top + affixedRect.height - pixelTolerance < baseRect.top) {
-                            offset.top = originalOffsetTop;
-                        }
-                        break;
-                }
-                return offset;
-            };
-            SkyAffixer.prototype.getImmediateOverflowParent = function () {
-                return this.overflowParents[this.overflowParents.length - 1];
-            };
-            SkyAffixer.prototype.getAutoFitContextParent = function () {
-                var bodyElement = this.overflowParents[0];
-                return this.config.autoFitContext === exports.SkyAffixAutoFitContext.OverflowParent
-                    ? this.getImmediateOverflowParent()
-                    : bodyElement;
-            };
-            SkyAffixer.prototype.notifyPlacementChange = function (placement) {
-                if (this.currentPlacement !== placement) {
-                    this.currentPlacement = placement;
-                    this._placementChange.next({
-                        placement: placement,
-                    });
-                }
-            };
-            SkyAffixer.prototype.reset = function () {
-                this.removeScrollListeners();
-                this.removeResizeListener();
-                this._config =
-                    this.affixedRect =
-                        this.baseElement =
-                            this.baseRect =
-                                this.currentPlacement =
-                                    this.currentOffset =
-                                        this.overflowParents =
-                                            undefined;
-            };
-            SkyAffixer.prototype.isNewOffset = function (offset) {
-                if (this.currentOffset === undefined) {
-                    this.currentOffset = offset;
-                    return true;
-                }
-                if (this.currentOffset.top === offset.top &&
-                    this.currentOffset.left === offset.left) {
-                    return false;
-                }
-                this.currentOffset = offset;
-                return true;
-            };
-            SkyAffixer.prototype.isBaseElementVisible = function () {
-                return isOffsetPartiallyVisibleWithinParent(this.getImmediateOverflowParent(), {
-                    top: this.baseRect.top,
-                    left: this.baseRect.left,
-                    right: this.baseRect.right,
-                    bottom: this.baseRect.bottom,
-                }, this.config.autoFitOverflowOffset);
-            };
-            SkyAffixer.prototype.addScrollListeners = function () {
-                var _this = this;
-                this.scrollListeners = this.overflowParents.map(function (parentElement) {
-                    var overflow = parentElement === document.body ? 'window' : parentElement;
-                    return _this.renderer.listen(overflow, 'scroll', function () {
-                        _this.affix();
-                        _this._overflowScroll.next();
-                    });
-                });
-            };
-            SkyAffixer.prototype.addResizeListener = function () {
-                var _this = this;
-                this.resizeListener = rxjs.fromEvent(window, 'resize').subscribe(function () { return _this.affix(); });
-            };
-            SkyAffixer.prototype.removeResizeListener = function () {
-                if (this.resizeListener) {
-                    this.resizeListener.unsubscribe();
-                    this.resizeListener = undefined;
-                }
-            };
-            SkyAffixer.prototype.removeScrollListeners = function () {
-                if (this.scrollListeners) {
-                    // Remove renderer-generated listeners by calling the listener itself.
-                    // https://github.com/angular/angular/issues/9368#issuecomment-227199778
-                    this.scrollListeners.forEach(function (listener) { return listener(); });
-                    this.scrollListeners = undefined;
-                }
-            };
-            return SkyAffixer;
-        }());
-
-        var SkyAffixService = /** @class */ (function () {
-            function SkyAffixService(rendererFactory) {
-                this.renderer = rendererFactory.createRenderer(undefined, undefined);
-            }
-            /**
-             * Creates an instance of [[SkyAffixer]].
-             * @param affixed The element to be affixed.
-             */
-            SkyAffixService.prototype.createAffixer = function (affixed) {
-                return new SkyAffixer(affixed.nativeElement, this.renderer);
-            };
-            return SkyAffixService;
-        }());
-        SkyAffixService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAffixService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyAffixService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAffixService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAffixService, decorators: [{
-                    type: i0.Injectable,
-                    args: [{
-                            providedIn: 'root',
-                        }]
-                }], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
-
-        /**
-         * Affixes the host element to a base element.
-         */
-        var SkyAffixDirective = /** @class */ (function () {
-            function SkyAffixDirective(elementRef, affixService) {
-                var _this = this;
-                this.affixService = affixService;
-                /**
-                 * Fires when the affixed element's offset changes.
-                 */
-                this.affixOffsetChange = new i0.EventEmitter();
-                /**
-                 * Fires when the affixed element's overflow container is scrolled.
-                 */
-                this.affixOverflowScroll = new i0.EventEmitter();
-                /**
-                 * Fires when the placement value changes.
-                 */
-                this.affixPlacementChange = new i0.EventEmitter();
-                this.ngUnsubscribe = new rxjs.Subject();
-                this.affixer = this.affixService.createAffixer(elementRef);
-                this.affixer.offsetChange
-                    .pipe(operators.takeUntil(this.ngUnsubscribe))
-                    .subscribe(function (change) { return _this.affixOffsetChange.emit(change); });
-                this.affixer.overflowScroll
-                    .pipe(operators.takeUntil(this.ngUnsubscribe))
-                    .subscribe(function (change) { return _this.affixOverflowScroll.emit(change); });
-                this.affixer.placementChange
-                    .pipe(operators.takeUntil(this.ngUnsubscribe))
-                    .subscribe(function (change) { return _this.affixPlacementChange.emit(change); });
-            }
-            SkyAffixDirective.prototype.ngOnChanges = function (changes) {
-                /* istanbul ignore else */
-                if (changes.affixAutoFitContext ||
-                    changes.affixAutoFitOverflowOffset ||
-                    changes.affixEnableAutoFit ||
-                    changes.affixHorizontalAlignment ||
-                    changes.affixIsSticky ||
-                    changes.affixPlacement ||
-                    changes.affixVerticalAlignment) {
-                    this.updateAlignment();
-                }
-            };
-            SkyAffixDirective.prototype.ngOnDestroy = function () {
-                this.affixOffsetChange.complete();
-                this.affixOverflowScroll.complete();
-                this.affixPlacementChange.complete();
-                this.ngUnsubscribe.next();
-                this.ngUnsubscribe.complete();
-                this.affixer.destroy();
-            };
-            SkyAffixDirective.prototype.updateAlignment = function () {
-                this.affixer.affixTo(this.skyAffixTo, {
-                    autoFitContext: this.affixAutoFitContext,
-                    autoFitOverflowOffset: this.affixAutoFitOverflowOffset,
-                    enableAutoFit: this.affixEnableAutoFit,
-                    horizontalAlignment: this.affixHorizontalAlignment,
-                    isSticky: this.affixIsSticky,
-                    placement: this.affixPlacement,
-                    verticalAlignment: this.affixVerticalAlignment,
-                });
-            };
-            return SkyAffixDirective;
-        }());
-        SkyAffixDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAffixDirective, deps: [{ token: i0__namespace.ElementRef }, { token: SkyAffixService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-        SkyAffixDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyAffixDirective, selector: "[skyAffixTo]", inputs: { skyAffixTo: "skyAffixTo", affixAutoFitContext: "affixAutoFitContext", affixAutoFitOverflowOffset: "affixAutoFitOverflowOffset", affixEnableAutoFit: "affixEnableAutoFit", affixHorizontalAlignment: "affixHorizontalAlignment", affixIsSticky: "affixIsSticky", affixPlacement: "affixPlacement", affixVerticalAlignment: "affixVerticalAlignment" }, outputs: { affixOffsetChange: "affixOffsetChange", affixOverflowScroll: "affixOverflowScroll", affixPlacementChange: "affixPlacementChange" }, usesOnChanges: true, ngImport: i0__namespace });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAffixDirective, decorators: [{
-                    type: i0.Directive,
-                    args: [{
-                            selector: '[skyAffixTo]',
-                        }]
-                }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: SkyAffixService }]; }, propDecorators: { skyAffixTo: [{
-                        type: i0.Input
-                    }], affixAutoFitContext: [{
-                        type: i0.Input
-                    }], affixAutoFitOverflowOffset: [{
-                        type: i0.Input
-                    }], affixEnableAutoFit: [{
-                        type: i0.Input
-                    }], affixHorizontalAlignment: [{
-                        type: i0.Input
-                    }], affixIsSticky: [{
-                        type: i0.Input
-                    }], affixPlacement: [{
-                        type: i0.Input
-                    }], affixVerticalAlignment: [{
-                        type: i0.Input
-                    }], affixOffsetChange: [{
-                        type: i0.Output
-                    }], affixOverflowScroll: [{
-                        type: i0.Output
-                    }], affixPlacementChange: [{
-                        type: i0.Output
-                    }] } });
-
-        var SkyAffixModule = /** @class */ (function () {
-            function SkyAffixModule() {
-            }
-            return SkyAffixModule;
-        }());
-        SkyAffixModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAffixModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyAffixModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAffixModule, declarations: [SkyAffixDirective], imports: [i4.CommonModule], exports: [SkyAffixDirective] });
-        SkyAffixModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAffixModule, imports: [[i4.CommonModule]] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAffixModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{
-                            imports: [i4.CommonModule],
-                            exports: [SkyAffixDirective],
-                            declarations: [SkyAffixDirective],
-                        }]
-                }] });
-
-        /**
-         * Represents a single item added to the dock.
-         */
-        var SkyDockItem = /** @class */ (function () {
-            /**
-             * @param componentInstance The item's component instance.
-             * @param stackOrder The assigned stack order of the docked item.
-             */
-            function SkyDockItem(componentInstance, stackOrder) {
-                this.componentInstance = componentInstance;
-                this.stackOrder = stackOrder;
-                this._destroyed = new rxjs.Subject();
-            }
-            Object.defineProperty(SkyDockItem.prototype, "destroyed", {
-                /**
-                 * An event that emits when the item is removed from the dock.
-                 */
-                get: function () {
-                    return this._destroyed.asObservable();
-                },
-                enumerable: false,
-                configurable: true
-            });
-            /**
-             * Removes the item from the dock.
-             */
-            SkyDockItem.prototype.destroy = function () {
-                this._destroyed.next();
-                this._destroyed.complete();
-            };
-            return SkyDockItem;
-        }());
-
-        /**
-         * The location on the page where the dock component should be rendered.
-         */
-        exports.SkyDockLocation = void 0;
-        (function (SkyDockLocation) {
-            /**
-             * Renders the dock component before a given element.
-             */
-            SkyDockLocation[SkyDockLocation["BeforeElement"] = 0] = "BeforeElement";
-            /**
-             * Renders the dock component as the last element inside the BODY element.
-             */
-            SkyDockLocation[SkyDockLocation["BodyBottom"] = 1] = "BodyBottom";
-            /**
-             * Renders the dock component as the last element inside a given element.
-             */
-            SkyDockLocation[SkyDockLocation["ElementBottom"] = 2] = "ElementBottom";
-        })(exports.SkyDockLocation || (exports.SkyDockLocation = {}));
-
-        var MutationObserverService = /** @class */ (function () {
-            function MutationObserverService() {
-            }
-            MutationObserverService.prototype.create = function (callback) {
-                return new MutationObserver(callback);
-            };
-            return MutationObserverService;
-        }());
-        MutationObserverService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MutationObserverService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        MutationObserverService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MutationObserverService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MutationObserverService, decorators: [{
-                    type: i0.Injectable,
-                    args: [{
-                            providedIn: 'root',
-                        }]
-                }] });
-
-        /**
-         * @internal
-         */
-        var SkyDockDomAdapterService = /** @class */ (function () {
-            function SkyDockDomAdapterService(mutationService, rendererFactory) {
-                this.mutationService = mutationService;
-                this.ngUnsubscribe = new rxjs.Subject();
-                this.renderer = rendererFactory.createRenderer(undefined, undefined);
-            }
-            SkyDockDomAdapterService.prototype.ngOnDestroy = function () {
-                if (this.observer) {
-                    this.observer.disconnect();
-                }
-                this.ngUnsubscribe.next();
-                if (this.styleElement) {
-                    this.destroyStyleElement();
-                }
-                this.currentDockHeight =
-                    this.ngUnsubscribe =
-                        this.observer =
-                            this.styleElement =
-                                undefined;
-            };
-            SkyDockDomAdapterService.prototype.setSticky = function (elementRef) {
-                this.renderer.addClass(elementRef.nativeElement, 'sky-dock-sticky');
-            };
-            SkyDockDomAdapterService.prototype.setZIndex = function (zIndex, elementRef) {
-                this.renderer.setStyle(elementRef.nativeElement, 'z-index', zIndex);
-            };
-            SkyDockDomAdapterService.prototype.unbindDock = function (elementRef) {
-                this.renderer.addClass(elementRef.nativeElement, 'sky-dock-unbound');
-            };
-            SkyDockDomAdapterService.prototype.watchDomChanges = function (elementRef) {
-                var _this = this;
-                this.observer = this.mutationService.create(function () {
-                    _this.adjustBodyStyles(elementRef);
-                });
-                this.observer.observe(elementRef.nativeElement, {
-                    attributes: true,
-                    childList: true,
-                    characterData: true,
-                    subtree: true,
-                });
-                rxjs.fromEvent(window, 'resize')
-                    .pipe(operators.debounceTime(250), operators.takeUntil(this.ngUnsubscribe))
-                    .subscribe(function () { return _this.adjustBodyStyles(elementRef); });
-            };
-            SkyDockDomAdapterService.prototype.adjustBodyStyles = function (elementRef) {
-                var dockHeight = elementRef.nativeElement.getBoundingClientRect().height;
-                if (dockHeight === this.currentDockHeight) {
-                    return;
-                }
-                // Create a style element to avoid overwriting any existing inline body styles.
-                var styleElement = this.renderer.createElement('style');
-                var textNode = this.renderer.createText("body { margin-bottom: " + dockHeight + "px; }");
-                // Apply a `data-` attribute to make unit testing easier.
-                this.renderer.setAttribute(styleElement, 'data-test-selector', 'sky-layout-dock-bottom-styles');
-                this.renderer.appendChild(styleElement, textNode);
-                this.renderer.appendChild(document.head, styleElement);
-                if (this.styleElement) {
-                    this.destroyStyleElement();
-                }
-                this.currentDockHeight = dockHeight;
-                this.styleElement = styleElement;
-            };
-            SkyDockDomAdapterService.prototype.destroyStyleElement = function () {
-                this.renderer.removeChild(document.head, this.styleElement);
-            };
-            return SkyDockDomAdapterService;
-        }());
-        SkyDockDomAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockDomAdapterService, deps: [{ token: MutationObserverService }, { token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyDockDomAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockDomAdapterService });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockDomAdapterService, decorators: [{
-                    type: i0.Injectable
-                }], ctorParameters: function () { return [{ type: MutationObserverService }, { type: i0__namespace.RendererFactory2 }]; } });
-
-        /**
-         * @internal
-         */
-        function sortByStackOrder(a, b) {
-            if (a.stackOrder > b.stackOrder) {
-                return -1;
-            }
-            if (a.stackOrder < b.stackOrder) {
-                return 1;
-            }
-            return 0;
-        }
-
-        /**
-         * @internal
-         */
-        var SkyDockComponent = /** @class */ (function () {
-            function SkyDockComponent(changeDetector, resolver, elementRef, injector, domAdapter) {
-                this.changeDetector = changeDetector;
-                this.resolver = resolver;
-                this.elementRef = elementRef;
-                this.injector = injector;
-                this.domAdapter = domAdapter;
-                this.itemRefs = [];
-            }
-            SkyDockComponent.prototype.insertComponent = function (component, config) {
-                if (config === void 0) { config = {}; }
-                var factory = this.resolver.resolveComponentFactory(component);
-                var injector = i0.Injector.create({
-                    providers: config.providers || [],
-                    parent: this.injector,
-                });
-                var componentRef = this.target.createComponent(factory, undefined, injector);
-                var stackOrder = config.stackOrder !== null && config.stackOrder !== undefined
-                    ? config.stackOrder
-                    : this.getHighestStackOrder();
-                this.itemRefs.push({
-                    componentRef: componentRef,
-                    stackOrder: stackOrder,
-                });
-                this.sortItemsByStackOrder();
-                this.changeDetector.markForCheck();
-                return {
-                    componentRef: componentRef,
-                    stackOrder: stackOrder,
-                };
-            };
-            SkyDockComponent.prototype.removeItem = function (item) {
-                var viewRef = item.componentRef.hostView;
-                this.target.remove(this.target.indexOf(viewRef));
-                var found = this.itemRefs.find(function (i) { return i.componentRef.hostView === viewRef; });
-                this.itemRefs.splice(this.itemRefs.indexOf(found), 1);
-            };
-            SkyDockComponent.prototype.setOptions = function (options) {
-                var _a, _b;
-                this.options = options;
-                switch ((_a = this.options) === null || _a === void 0 ? void 0 : _a.location) {
-                    case exports.SkyDockLocation.BeforeElement:
-                        this.domAdapter.unbindDock(this.elementRef);
-                        break;
-                    case exports.SkyDockLocation.ElementBottom:
-                        this.domAdapter.setSticky(this.elementRef);
-                        break;
-                    case exports.SkyDockLocation.BodyBottom:
-                    default:
-                        this.domAdapter.watchDomChanges(this.elementRef);
-                        break;
-                }
-                if ((_b = this.options) === null || _b === void 0 ? void 0 : _b.zIndex) {
-                    this.domAdapter.setZIndex(this.options.zIndex, this.elementRef);
-                }
-            };
-            SkyDockComponent.prototype.sortItemsByStackOrder = function () {
-                var _this = this;
-                this.itemRefs.sort(sortByStackOrder);
-                // Reassign the correct index for each view.
-                this.itemRefs.forEach(function (item, i) { return _this.target.move(item.componentRef.hostView, i); });
-            };
-            SkyDockComponent.prototype.getHighestStackOrder = function () {
-                if (this.itemRefs.length === 0) {
-                    return 0;
-                }
-                return this.itemRefs[0].stackOrder + 1;
-            };
-            return SkyDockComponent;
-        }());
-        SkyDockComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ElementRef }, { token: i0__namespace.Injector }, { token: SkyDockDomAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyDockComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDockComponent, selector: "sky-dock", providers: [SkyDockDomAdapterService], viewQueries: [{ propertyName: "target", first: true, predicate: ["target"], descendants: true, read: i0.ViewContainerRef, static: true }], ngImport: i0__namespace, template: "<ng-container #target></ng-container>\n", styles: [":host{display:flex;flex-direction:column;width:100%}:host:not(.sky-dock-unbound){position:fixed;left:0;bottom:0;right:0}:host.sky-dock-sticky{position:sticky}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockComponent, decorators: [{
-                    type: i0.Component,
-                    args: [{
-                            selector: 'sky-dock',
-                            template: "<ng-container #target></ng-container>\n",
-                            styles: [":host{display:flex;flex-direction:column;width:100%}:host:not(.sky-dock-unbound){position:fixed;left:0;bottom:0;right:0}:host.sky-dock-sticky{position:sticky}\n"],
-                            providers: [SkyDockDomAdapterService],
-                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        }]
-                }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ElementRef }, { type: i0__namespace.Injector }, { type: SkyDockDomAdapterService }]; }, propDecorators: { target: [{
-                        type: i0.ViewChild,
-                        args: ['target', {
-                                read: i0.ViewContainerRef,
-                                static: true,
-                            }]
-                    }] } });
-
-        var SkyDockModule = /** @class */ (function () {
-            function SkyDockModule() {
-            }
-            return SkyDockModule;
-        }());
-        SkyDockModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyDockModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockModule, declarations: [SkyDockComponent], imports: [i4.CommonModule] });
-        SkyDockModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockModule, providers: [MutationObserverService], imports: [[i4.CommonModule]] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{
-                            imports: [i4.CommonModule],
-                            declarations: [SkyDockComponent],
-                            entryComponents: [SkyDockComponent],
-                            providers: [MutationObserverService],
-                        }]
-                }] });
-
-        /**
-         * The location on the page where the dynamic component should be rendered.
-         */
-        exports.SkyDynamicComponentLocation = void 0;
-        (function (SkyDynamicComponentLocation) {
-            /**
-             * Renders the dynamic component before a given element.
-             */
-            SkyDynamicComponentLocation[SkyDynamicComponentLocation["BeforeElement"] = 0] = "BeforeElement";
-            /**
-             * Renders the dynamic component as the last element inside the BODY element.
-             */
-            SkyDynamicComponentLocation[SkyDynamicComponentLocation["BodyBottom"] = 1] = "BodyBottom";
-            /**
-             * Renders the dynamic component as the first element inside the BODY element.
-             */
-            SkyDynamicComponentLocation[SkyDynamicComponentLocation["BodyTop"] = 2] = "BodyTop";
-            /**
-             * Renders the dynamic component as the last element inside a given element.
-             */
-            SkyDynamicComponentLocation[SkyDynamicComponentLocation["ElementBottom"] = 3] = "ElementBottom";
-            /**
-             * Renders the dynamic component as the first element inside a given element.
-             */
-            SkyDynamicComponentLocation[SkyDynamicComponentLocation["ElementTop"] = 4] = "ElementTop";
-        })(exports.SkyDynamicComponentLocation || (exports.SkyDynamicComponentLocation = {}));
-
-        /**
-         * @internal
-         */
-        function getWindow() {
-            return window;
-        }
-        /**
-         * The application window reference service references the global window variable.
-         * After users inject SkyAppWindowRef into a component, they can use the service to interact with
-         * window properties and event handlers by referencing its nativeWindow property.
-         */
-        var SkyAppWindowRef = /** @class */ (function () {
-            function SkyAppWindowRef() {
-            }
-            Object.defineProperty(SkyAppWindowRef.prototype, "nativeWindow", {
-                /**
-                 * References the global `window` variable.
-                 */
-                get: function () {
-                    return getWindow();
-                },
-                enumerable: false,
-                configurable: true
-            });
-            return SkyAppWindowRef;
-        }());
-        SkyAppWindowRef.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAppWindowRef, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyAppWindowRef.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAppWindowRef, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAppWindowRef, decorators: [{
-                    type: i0.Injectable,
-                    args: [{
-                            providedIn: 'root',
-                        }]
-                }] });
-
-        /**
-         * Angular service for creating and rendering a dynamic component.
-         */
-        var SkyDynamicComponentService = /** @class */ (function () {
-            function SkyDynamicComponentService(componentFactoryResolver, applicationRef, injector, windowRef, rendererFactory) {
-                this.componentFactoryResolver = componentFactoryResolver;
-                this.applicationRef = applicationRef;
-                this.injector = injector;
-                this.windowRef = windowRef;
-                // Based on suggestions from https://github.com/angular/angular/issues/17824
-                // for accessing an instance of Renderer2 in a service since Renderer2 can't
-                // be injected into a service.  Passing undefined for both parameters results
-                // in the default renderer which is what we want here.
-                this.renderer = rendererFactory.createRenderer(undefined, undefined);
-            }
-            /**
-             * Creates an instance of the specified component and adds it to the specified location
-             * on the page.
-             * @param options Options for creating the dynamic component.
-             */
-            SkyDynamicComponentService.prototype.createComponent = function (componentType, options) {
-                options = options || {
-                    location: exports.SkyDynamicComponentLocation.BodyBottom,
-                };
-                var componentRef = this.componentFactoryResolver
-                    .resolveComponentFactory(componentType)
-                    .create(this.injector);
-                this.applicationRef.attachView(componentRef.hostView);
-                var el = this.getRootNode(componentRef);
-                var bodyEl = this.windowRef.nativeWindow.document.body;
-                switch (options.location) {
-                    case exports.SkyDynamicComponentLocation.BeforeElement:
-                        this.renderer.insertBefore(options.referenceEl.parentElement, el, options.referenceEl);
-                        break;
-                    case exports.SkyDynamicComponentLocation.ElementTop:
-                        this.renderer.insertBefore(options.referenceEl, el, options.referenceEl.firstChild);
-                        break;
-                    case exports.SkyDynamicComponentLocation.ElementBottom:
-                        this.renderer.appendChild(options.referenceEl, el);
-                        break;
-                    case exports.SkyDynamicComponentLocation.BodyTop:
-                        this.renderer.insertBefore(bodyEl, el, bodyEl.firstChild);
-                        break;
-                    default:
-                        this.renderer.appendChild(bodyEl, el);
-                        break;
-                }
-                return componentRef;
-            };
-            /**
-             * Removes a component ref from the page
-             * @param componentRef Component ref for the component being removed
-             */
-            SkyDynamicComponentService.prototype.removeComponent = function (componentRef) {
-                if (!componentRef) {
-                    return;
-                }
-                this.applicationRef.detachView(componentRef.hostView);
-                componentRef.destroy();
-            };
-            SkyDynamicComponentService.prototype.getRootNode = function (componentRef) {
-                // Technique for retrieving the component's root node taken from here:
-                // https://malcoded.com/posts/angular-dynamic-components
-                return componentRef.hostView.rootNodes[0];
-            };
-            return SkyDynamicComponentService;
-        }());
-        SkyDynamicComponentService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDynamicComponentService, deps: [{ token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ApplicationRef }, { token: i0__namespace.Injector }, { token: SkyAppWindowRef }, { token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyDynamicComponentService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDynamicComponentService, providedIn: 'any' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDynamicComponentService, decorators: [{
-                    type: i0.Injectable,
-                    args: [{
-                            // Must be 'any' so that the component is created in the context of its module's injector.
-                            // If set to 'root', the component's dependency injections would only be derived from the root
-                            // injector and may loose context if the component is created within a lazy-loaded module.
-                            providedIn: 'any',
-                        }]
-                }], ctorParameters: function () { return [{ type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ApplicationRef }, { type: i0__namespace.Injector }, { type: SkyAppWindowRef }, { type: i0__namespace.RendererFactory2 }]; } });
-
-        /**
-         * This service docks components to specific areas on the page.
-         */
-        var SkyDockService = /** @class */ (function () {
-            function SkyDockService(dynamicComponentService) {
-                this.dynamicComponentService = dynamicComponentService;
-            }
-            Object.defineProperty(SkyDockService.prototype, "items", {
-                /**
-                 * Returns all docked items.
-                 */
-                get: function () {
-                    return SkyDockService._items;
-                },
-                enumerable: false,
-                configurable: true
-            });
-            /**
-             * Docks a component to the bottom of the page.
-             * @param component The component to dock.
-             * @param config Options that affect the docking action.
-             */
-            SkyDockService.prototype.insertComponent = function (component, config) {
-                var _this = this;
-                if (!SkyDockService.dockRef) {
-                    this.createDock();
-                }
-                var itemRef = SkyDockService.dockRef.instance.insertComponent(component, config);
-                var item = new SkyDockItem(itemRef.componentRef.instance, itemRef.stackOrder);
-                item.destroyed.subscribe(function () {
-                    SkyDockService.dockRef.instance.removeItem(itemRef);
-                    SkyDockService._items.splice(SkyDockService._items.indexOf(item), 1);
-                    if (SkyDockService._items.length === 0) {
-                        _this.destroyDock();
-                    }
-                });
-                SkyDockService._items.push(item);
-                SkyDockService._items.sort(sortByStackOrder);
-                return item;
-            };
-            /**
-             * Sets options for the positioning and styling of the dock component. Since the dock service is a
-             * singleton instance, these options will be applied to all components inserted into the dock. In
-             * order to create a seperate dock with different options, consumers should provide a different
-             * instance of the dock service.
-             * @param options The options for positioning and styling
-             */
-            SkyDockService.prototype.setDockOptions = function (options) {
-                this.options = options;
-            };
-            SkyDockService.prototype.createDock = function () {
-                var dockOptions;
-                if (this.options) {
-                    var dynamicLocation = void 0;
-                    switch (this.options.location) {
-                        case exports.SkyDockLocation.BeforeElement:
-                            dynamicLocation = exports.SkyDynamicComponentLocation.BeforeElement;
-                            break;
-                        case exports.SkyDockLocation.ElementBottom:
-                            dynamicLocation = exports.SkyDynamicComponentLocation.ElementBottom;
-                            break;
-                        default:
-                            dynamicLocation = exports.SkyDynamicComponentLocation.BodyTop;
-                            break;
-                    }
-                    dockOptions = {
-                        location: dynamicLocation,
-                        referenceEl: this.options.referenceEl,
-                    };
-                }
-                SkyDockService.dockRef = this.dynamicComponentService.createComponent(SkyDockComponent, dockOptions);
-                SkyDockService.dockRef.instance.setOptions(this.options);
-            };
-            SkyDockService.prototype.destroyDock = function () {
-                this.dynamicComponentService.removeComponent(SkyDockService.dockRef);
-                SkyDockService.dockRef = undefined;
-            };
-            return SkyDockService;
-        }());
-        SkyDockService._items = [];
-        SkyDockService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockService, deps: [{ token: SkyDynamicComponentService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyDockService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockService, providedIn: 'any' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockService, decorators: [{
-                    type: i0.Injectable,
-                    args: [{
-                            // Must be 'any' so that the dock component is created in the context of its module's injector.
-                            // If set to 'root', the component's dependency injections would only be derived from the root
-                            // injector and may loose context if the dock was opened from within a lazy-loaded module.
-                            providedIn: 'any',
-                        }]
-                }], ctorParameters: function () { return [{ type: SkyDynamicComponentService }]; } });
-
-        /**
-         * Provides services required to create dynamic components on the page.
-         * @deprecated The `SkyDynamicComponentService` no longer needs the `SkyDynamicComponentModule`.
-         * The `SkyDynamicComponentModule` can be removed from your project.
-         */
-        var SkyDynamicComponentModule = /** @class */ (function () {
-            function SkyDynamicComponentModule() {
-            }
-            return SkyDynamicComponentModule;
-        }());
-        SkyDynamicComponentModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDynamicComponentModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyDynamicComponentModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDynamicComponentModule });
-        SkyDynamicComponentModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDynamicComponentModule });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDynamicComponentModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{}]
-                }] });
-
-        var SkyAppFormat = /** @class */ (function () {
-            function SkyAppFormat() {
-            }
-            SkyAppFormat.prototype.formatText = function (format) {
-                var args = [];
-                for (var _i = 1; _i < arguments.length; _i++) {
-                    args[_i - 1] = arguments[_i];
-                }
-                return String(format).replace(/\{(\d+)\}/g, function (match, capture) {
-                    return args[parseInt(capture, 10)];
-                });
-            };
-            return SkyAppFormat;
-        }());
-        SkyAppFormat.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAppFormat, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyAppFormat.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAppFormat, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAppFormat, decorators: [{
-                    type: i0.Injectable,
-                    args: [{
-                            providedIn: 'root',
-                        }]
-                }] });
-
-        var idIndex = 0;
-        function generateId() {
-            idIndex++;
-            return "sky-id-gen__" + idIndex;
-        }
-        /**
-         * Sets the element's `id` attribute to a unique ID. To reference this unique ID on other elements,
-         * such as in a `label` element's `for` attribute, assign this directive to a template reference
-         * variable, then use its `id` property.
-         */
-        var SkyIdDirective = /** @class */ (function () {
-            function SkyIdDirective(elRef, renderer) {
-                // Generate and apply the ID before the template is rendered
-                // to avoid a changed-after-checked error.
-                var id = generateId();
-                renderer.setAttribute(elRef.nativeElement, 'id', id);
-                this._id = id;
-            }
-            Object.defineProperty(SkyIdDirective.prototype, "id", {
-                get: function () {
-                    return this._id;
-                },
-                enumerable: false,
-                configurable: true
-            });
-            return SkyIdDirective;
-        }());
-        SkyIdDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIdDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-        SkyIdDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyIdDirective, selector: "[skyId]", exportAs: ["skyId"], ngImport: i0__namespace });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIdDirective, decorators: [{
-                    type: i0.Directive,
-                    args: [{
-                            selector: '[skyId]',
-                            exportAs: 'skyId',
-                        }]
-                }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.Renderer2 }]; } });
-
-        var SkyIdModule = /** @class */ (function () {
-            function SkyIdModule() {
-            }
-            return SkyIdModule;
-        }());
-        SkyIdModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIdModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyIdModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIdModule, declarations: [SkyIdDirective], exports: [SkyIdDirective] });
-        SkyIdModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIdModule });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIdModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{
-                            declarations: [SkyIdDirective],
-                            exports: [SkyIdDirective],
-                        }]
-                }] });
-
-        /**
-         * @deprecated The `SkyLogService` no longer needs the `SkyLogModule`.
-         * The `SkyLogModule` can be removed from your project.
-         */
-        var SkyLogModule = /** @class */ (function () {
-            function SkyLogModule() {
-            }
-            return SkyLogModule;
-        }());
-        SkyLogModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLogModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyLogModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLogModule });
-        SkyLogModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLogModule });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLogModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{}]
-                }] });
-
-        /**
-         * @deprecated The `SkyLogService` will be removed in the next major version of `@skyux/core`.
-         */
-        var SkyLogService = /** @class */ (function () {
-            function SkyLogService() {
-            }
-            SkyLogService.prototype.warn = function (message) {
-                var optionalParams = [];
-                for (var _i = 1; _i < arguments.length; _i++) {
-                    optionalParams[_i - 1] = arguments[_i];
-                }
-                /*istanbul ignore else */
-                if (window.console) {
-                    // eslint-disable-next-line prefer-spread,prefer-rest-params
-                    window.console.warn.apply(window.console, arguments);
-                }
-            };
-            return SkyLogService;
-        }());
-        SkyLogService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLogService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyLogService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLogService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLogService, decorators: [{
-                    type: i0.Injectable,
-                    args: [{
-                            providedIn: 'root',
-                        }]
-                }] });
-
-        /**
-         * @deprecated The `SkyMediaQueryService` no longer needs the `SkyMediaQueryModule`.
-         * The `SkyMediaQueryModule` can be removed from your project.
-         */
-        var SkyMediaQueryModule = /** @class */ (function () {
-            function SkyMediaQueryModule() {
-            }
-            return SkyMediaQueryModule;
-        }());
-        SkyMediaQueryModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyMediaQueryModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyMediaQueryModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyMediaQueryModule });
-        SkyMediaQueryModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyMediaQueryModule });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyMediaQueryModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{}]
-                }] });
-
-        var SkyMediaQueryService = /** @class */ (function () {
-            function SkyMediaQueryService(zone) {
-                this.zone = zone;
-                this.currentSubject = new rxjs.BehaviorSubject(this.current);
-                this._current = exports.SkyMediaBreakpoints.md;
-                this.breakpoints = [
-                    {
-                        mediaQueryString: SkyMediaQueryService.xs,
-                        name: exports.SkyMediaBreakpoints.xs,
-                    },
-                    {
-                        mediaQueryString: SkyMediaQueryService.sm,
-                        name: exports.SkyMediaBreakpoints.sm,
-                    },
-                    {
-                        mediaQueryString: SkyMediaQueryService.md,
-                        name: exports.SkyMediaBreakpoints.md,
-                    },
-                    {
-                        mediaQueryString: SkyMediaQueryService.lg,
-                        name: exports.SkyMediaBreakpoints.lg,
-                    },
-                ];
-                this.mediaQueries = [];
-                this.addListeners();
-            }
-            Object.defineProperty(SkyMediaQueryService.prototype, "current", {
-                /**
-                 * Returns the current breakpoint.
-                 */
-                get: function () {
-                    return this._current;
-                },
-                enumerable: false,
-                configurable: true
-            });
-            SkyMediaQueryService.prototype.ngOnDestroy = function () {
-                this.removeListeners();
-                this.currentSubject.complete();
-            };
-            /**
-             * Suscribes to screen size changes.
-             * @param listener Specifies a function that is called when breakpoints change.
-             */
-            SkyMediaQueryService.prototype.subscribe = function (listener) {
-                return this.currentSubject.subscribe({
-                    next: function (breakpoints) {
-                        listener(breakpoints);
-                    },
-                });
-            };
-            /**
-             * @internal
-             */
-            SkyMediaQueryService.prototype.destroy = function () {
-                this.removeListeners();
-                this.currentSubject.complete();
-            };
-            SkyMediaQueryService.prototype.addListeners = function () {
-                var _this = this;
-                this.mediaQueries = this.breakpoints.map(function (breakpoint) {
-                    var mq = matchMedia(breakpoint.mediaQueryString);
-                    var listener = function (event) {
-                        // Run the check outside of Angular's change detection since Angular
-                        // does not wrap matchMedia listeners in NgZone.
-                        // See: https://blog.assaf.co/angular-2-change-detection-zones-and-an-example/
-                        _this.zone.run(function () {
-                            if (event.matches) {
-                                _this.notifyBreakpointChange(breakpoint.name);
-                            }
-                        });
-                    };
-                    mq.addListener(listener);
-                    if (mq.matches) {
-                        _this.notifyBreakpointChange(breakpoint.name);
-                    }
-                    return {
-                        mediaQueryList: mq,
-                        listener: listener,
-                    };
-                });
-            };
-            SkyMediaQueryService.prototype.removeListeners = function () {
-                this.mediaQueries.forEach(function (mediaQuery) {
-                    mediaQuery.mediaQueryList.removeListener(mediaQuery.listener);
-                });
-                this.mediaQueries = [];
-            };
-            SkyMediaQueryService.prototype.notifyBreakpointChange = function (breakpoint) {
-                this._current = breakpoint;
-                this.currentSubject.next(breakpoint);
-            };
-            return SkyMediaQueryService;
-        }());
-        /**
-         * The size for the `xs` breakpoint.
-         * @default "(max-width: 767px)"
-         */
-        SkyMediaQueryService.xs = '(max-width: 767px)';
-        /**
-         * The size for the `sm` breakpoint.
-         * @default "(min-width: 768px) and (max-width: 991px)"
-         */
-        SkyMediaQueryService.sm = '(min-width: 768px) and (max-width: 991px)';
-        /**
-         * The size for the `md` breakpoint.
-         * @default "(min-width: 992px) and (max-width: 1199px)"
-         */
-        SkyMediaQueryService.md = '(min-width: 992px) and (max-width: 1199px)';
-        /**
-         * The size for the `lg` breakpoint.
-         * @default "(min-width: 1200px)"
-         */
-        SkyMediaQueryService.lg = '(min-width: 1200px)';
-        SkyMediaQueryService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyMediaQueryService, deps: [{ token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyMediaQueryService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyMediaQueryService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyMediaQueryService, decorators: [{
-                    type: i0.Injectable,
-                    args: [{
-                            providedIn: 'root',
-                        }]
-                }], ctorParameters: function () { return [{ type: i0__namespace.NgZone }]; } });
-
-        /**
-         * 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-core' schematic.
-         * To update this file, simply rerun the command.
-         */
-        var RESOURCES = {
-            'EN-US': {
-                skyux_numeric_billions_symbol: { message: 'B' },
-                skyux_numeric_millions_symbol: { message: 'M' },
-                skyux_numeric_thousands_symbol: { message: 'K' },
-                skyux_numeric_trillions_symbol: { message: 'T' },
-            },
-        };
-        var SkyCoreResourcesProvider = /** @class */ (function () {
-            function SkyCoreResourcesProvider() {
-            }
-            SkyCoreResourcesProvider.prototype.getString = function (localeInfo, name) {
-                return i1.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-            };
-            return SkyCoreResourcesProvider;
-        }());
-        /**
-         * Import into any component library module that needs to use resource strings.
-         */
-        var SkyCoreResourcesModule = /** @class */ (function () {
-            function SkyCoreResourcesModule() {
-            }
-            return SkyCoreResourcesModule;
-        }());
-        SkyCoreResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyCoreResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreResourcesModule, exports: [i1.SkyI18nModule] });
-        SkyCoreResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreResourcesModule, providers: [
-                {
-                    provide: i1.SKY_LIB_RESOURCES_PROVIDERS,
-                    useClass: SkyCoreResourcesProvider,
-                    multi: true,
-                },
-            ], imports: [i1.SkyI18nModule] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreResourcesModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{
-                            exports: [i1.SkyI18nModule],
-                            providers: [
-                                {
-                                    provide: i1.SKY_LIB_RESOURCES_PROVIDERS,
-                                    useClass: SkyCoreResourcesProvider,
-                                    multi: true,
-                                },
-                            ],
-                        }]
-                }] });
-
-        /**
-         * Provides arguments for the number to format.
-         */
-        var NumericOptions = /** @class */ (function () {
-            function NumericOptions() {
-                /**
-                 * Specifies the maximum number of digits after the decimal separator.
-                 * @default 1
-                 */
-                this.digits = 1;
-                /**
-                 * Specifies how to format the number. Options are `currency` or `number`.
-                 * @default "number"
-                 */
-                this.format = 'number';
-                /**
-                 * Specifies the format of the currency.
-                 * @default "standard"
-                 */
-                this.currencySign = 'standard';
-                /**
-                 * Specifies the ISO4217 currency code to use for currency formatting. If you do not specify a
-                 * currency code, the component uses the browser's culture to determine the currency unless your
-                 * SPA provides a different culture with `SkyAppLocaleProvider`.
-                 * @default "USD"
-                 */
-                this.iso = 'USD';
-                /**
-                 * Indicates whether to shorten numbers to rounded numbers and abbreviation characters
-                 * such as K for thousands, M for millions, B for billions, and T for trillions.
-                 */
-                this.truncate = true;
-                /**
-                 * Specifies the starting point after which numbers are shortened to rounded numbers
-                 * and abbreviation characters.
-                 * @default 0
-                 */
-                this.truncateAfter = 0;
-            }
-            return NumericOptions;
-        }());
-
-        /*! *****************************************************************************
-        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;
-        }
-
-        /* tslint:disable:no-null-keyword */
-        function isNumeric(value) {
-            return !isNaN(value - parseFloat(value));
-        }
-        function parseIntAutoRadix(text) {
-            var result = parseInt(text, 10);
-            /* istanbul ignore next */
-            if (isNaN(result)) {
-                throw new Error('Invalid integer literal when parsing ' + text);
-            }
-            return result;
-        }
-        // Need to add the following to classes which contain static methods.
-        // See: https://github.com/ng-packagr/ng-packagr/issues/641
-        // @dynamic
-        var SkyNumberFormatUtility = /** @class */ (function () {
-            function SkyNumberFormatUtility() {
-            }
-            SkyNumberFormatUtility.formatNumber = function (locale, value, style, digits, currency, currencyAsSymbol, currencySign) {
-                if (currency === void 0) { currency = null; }
-                if (currencyAsSymbol === void 0) { currencyAsSymbol = false; }
-                if (value == null) {
-                    return null;
-                }
-                // Convert strings to numbers
-                value = typeof value === 'string' && isNumeric(value) ? +value : value;
-                if (typeof value !== 'number') {
-                    throw Error("SkyInvalidPipeArgument: '" + value + "'");
-                }
-                var minInt = undefined;
-                var minFraction = undefined;
-                var maxFraction = undefined;
-                if (style !== i1.SkyIntlNumberFormatStyle.Currency) {
-                    // rely on Intl default for currency
-                    minInt = 1;
-                    minFraction = 0;
-                    maxFraction = 3;
-                }
-                if (digits) {
-                    var parts = digits.match(this._NUMBER_FORMAT_REGEXP);
-                    if (parts === null) {
-                        throw new Error(digits + " is not a valid digit info for number pipes");
-                    }
-                    /* istanbul ignore else */
-                    if (parts[1] != null) {
-                        // min integer digits
-                        minInt = parseIntAutoRadix(parts[1]);
-                    }
-                    /* istanbul ignore else */
-                    if (parts[3] != null) {
-                        // min fraction digits
-                        minFraction = parseIntAutoRadix(parts[3]);
-                    }
-                    /* istanbul ignore else */
-                    if (parts[5] != null) {
-                        // max fraction digits
-                        maxFraction = parseIntAutoRadix(parts[5]);
-                    }
-                }
-                return i1.SkyIntlNumberFormatter.format(value, locale, style, {
-                    minimumIntegerDigits: minInt,
-                    minimumFractionDigits: minFraction,
-                    maximumFractionDigits: maxFraction,
-                    currency: currency,
-                    currencyAsSymbol: currencyAsSymbol,
-                    currencySign: currencySign,
-                });
-            };
-            return SkyNumberFormatUtility;
-        }());
-        SkyNumberFormatUtility._NUMBER_FORMAT_REGEXP = /^(\d+)?\.((\d+)(-(\d+))?)?$/;
-
-        var SkyNumericService = /** @class */ (function () {
-            function SkyNumericService(resourcesService) {
-                this.resourcesService = resourcesService;
-                this.symbolIndex = [
-                    { value: 1e12, label: this.getSymbol('skyux_numeric_trillions_symbol') },
-                    { value: 1e9, label: this.getSymbol('skyux_numeric_billions_symbol') },
-                    { value: 1e6, label: this.getSymbol('skyux_numeric_millions_symbol') },
-                    { value: 1e3, label: this.getSymbol('skyux_numeric_thousands_symbol') },
-                ];
-            }
-            Object.defineProperty(SkyNumericService.prototype, "currentLocale", {
-                get: function () {
-                    return this._locale || 'en-US';
-                },
-                /**
-                 * The browser's current locale.
-                 * @internal
-                 */
-                set: function (value) {
-                    this._locale = value;
-                },
-                enumerable: false,
-                configurable: true
-            });
-            /**
-             * Shortens with or without symbol (K/M/B/T) depending on value of number.
-             * @param value The number to format.
-             * @param options Format options.
-             */
-            SkyNumericService.prototype.formatNumber = function (value, options) {
-                var _a;
-                /* tslint:disable-next-line:no-null-keyword */
-                if (isNaN(value) || value === null) {
-                    return '';
-                }
-                var decimalPlaceRegExp = /\.0+$|(\.[0-9]*[1-9])0+$/;
-                // Get the symbol for the number after rounding, since rounding could push the number
-                // into a different symbol range.
-                var roundedNumber = this.roundNumber(value, options.digits);
-                var roundedNumberAbs = Math.abs(roundedNumber);
-                var suffix = '';
-                for (var i = 0; i < this.symbolIndex.length; i++) {
-                    var symbol = this.symbolIndex[i];
-                    if (options.truncate &&
-                        roundedNumberAbs >= options.truncateAfter &&
-                        roundedNumberAbs >= symbol.value) {
-                        roundedNumber = this.roundNumber(value / symbol.value, options.digits);
-                        if (Math.abs(roundedNumber) === 1000 && i > 0) {
-                            // Rounding caused the number to cross into the range of the next symbol.
-                            symbol = this.symbolIndex[i - 1];
-                            roundedNumber /= 1000;
-                        }
-                        suffix = symbol.label;
-                        break;
-                    }
-                }
-                var output = roundedNumber.toString().replace(decimalPlaceRegExp, '$1') + suffix;
-                this.storeShortenSymbol(output);
-                var locale = options.locale || this.currentLocale;
-                var digits;
-                var isDecimal;
-                // Checks the string entered for format. Using toLowerCase to ignore case.
-                switch ((_a = options.format) === null || _a === void 0 ? void 0 : _a.toLowerCase()) {
-                    // In a case where a decimal value was not shortened and
-                    // the digit input is 2 or higher, it forces 2 digits.
-                    // For example, this prevents a value like $15.50 from displaying as $15.5.
-                    // Note: This will need to be reviewed if we support currencies with
-                    // three decimal digits.
-                    case 'currency':
-                        isDecimal = value % 1 !== 0;
-                        if (options.minDigits) {
-                            digits = "1." + options.minDigits + "-" + options.digits;
-                        }
-                        else if (isDecimal && options.digits >= 2) {
-                            digits = "1.2-" + options.digits;
-                        }
-                        else {
-                            digits = "1.0-" + options.digits;
-                        }
-                        output = SkyNumberFormatUtility.formatNumber(locale, parseFloat(output), i1.SkyIntlNumberFormatStyle.Currency, digits, options.iso, 
-                        // Angular 5+ needs a string for this parameter, but Angular 4 needs a boolean.
-                        // To support both versions we can supply 'symbol' which will evaluate truthy for Angular 4
-                        // and the appropriate string value for Angular 5+.
-                        // See: https://angular.io/api/common/CurrencyPipe#parameters
-                        'symbol', options.currencySign);
-                        break;
-                    // The following is a catch-all to ensure that if
-                    // anything but currency (or a future option) are entered,
-                    // it will be treated like a number.
-                    default:
-                        // Ensures localization of the number to ensure comma and
-                        // decimal separator
-                        if (options.minDigits) {
-                            digits = "1." + options.minDigits + "-" + options.digits;
-                        }
-                        else if (options.truncate) {
-                            digits = "1.0-" + options.digits;
-                        }
-                        else {
-                            digits = "1." + options.digits + "-" + options.digits;
-                        }
-                        output = SkyNumberFormatUtility.formatNumber(locale, parseFloat(output), i1.SkyIntlNumberFormatStyle.Decimal, digits);
-                        break;
-                }
-                if (options.truncate) {
-                    output = this.replaceShortenSymbol(output);
-                }
-                return output;
-            };
-            /**
-             * Rounds a given number
-             *
-             * JS's limitation - numbers bigger than Number.MIN_SAFE_INTEGER or Number.MAX_SAFE_INTEGER
-             * are not guaranteed to be represented or rounded correctly
-             * @param value - value to round
-             * @param precision - what precision to round with, defaults to 0 decimal places
-             */
-            SkyNumericService.prototype.roundNumber = function (value, precision) {
-                if (precision === void 0) { precision = 0; }
-                if (precision < 0) {
-                    throw new Error('SkyInvalidArgument: precision must be >= 0');
-                }
-                /* tslint:disable-next-line:no-null-keyword */
-                /* Sanity check - ignoring coverage but should not ignore if we make this method public */
-                /* istanbul ignore next */
-                if (isNaN(value) || value === null) {
-                    return 0;
-                }
-                var scaledValue = this.scaleNumberByPowerOfTen(value, precision, true);
-                var scaledRoundedValue = Math.round(scaledValue);
-                var unscaledRoundedValue = this.scaleNumberByPowerOfTen(scaledRoundedValue, precision, false);
-                return unscaledRoundedValue;
-            };
-            /**
-             * Scales a given number by a power of 10
-             * @param value - value to scale
-             * @param scalar - 10^scalar
-             * @param scaleUp - whether to increase or decrease the value
-             */
-            SkyNumericService.prototype.scaleNumberByPowerOfTen = function (value, scalar, scaleUp) {
-                var valueStr = value.toString().toLowerCase();
-                var isExponentFormat = valueStr.includes('e');
-                if (isExponentFormat) {
-                    var _b = __read(valueStr.split('e'), 2), base = _b[0], exp = _b[1];
-                    var newExp = scaleUp ? Number(exp) + scalar : Number(exp) - scalar;
-                    return Number(base + "e" + newExp);
-                }
-                else {
-                    var e = scaleUp ? 'e' : 'e-';
-                    return Number("" + value + e + scalar);
-                }
-            };
-            /**
-             * Stores the symbol added from shortening to reapply later.
-             * @param value The string to derive the shorten symbol from.
-             */
-            SkyNumericService.prototype.storeShortenSymbol = function (value) {
-                var symbols = this.symbolIndex.map(function (s) { return s.label; });
-                var regexp = new RegExp(symbols.join('|'), 'ig');
-                var match = value.match(regexp);
-                this.shortSymbol = match ? match.toString() : '';
-            };
-            /**
-             * Must have previously called storeShortenSymbol to have something to replace.
-             * Finds the last number in the formatted number, gets the index of the position
-             * after that character and re-inserts the symbol.
-             * Works regardless of currency symbol position.
-             * @param value The string to modify.
-             */
-            SkyNumericService.prototype.replaceShortenSymbol = function (value) {
-                var result = /(\d)(?!.*\d)/g.exec(value);
-                var pos = result.index + result.length;
-                var output = value.substring(0, pos) + this.shortSymbol + value.substring(pos);
-                return output;
-            };
-            SkyNumericService.prototype.getSymbol = function (key) {
-                // TODO: Need to implement the async `getString` method in a breaking change.
-                return this.resourcesService.getStringForLocale({ locale: 'en_US' }, key);
-            };
-            return SkyNumericService;
-        }());
-        SkyNumericService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNumericService, deps: [{ token: i1__namespace.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyNumericService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNumericService, providedIn: 'any' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNumericService, decorators: [{
-                    type: i0.Injectable,
-                    args: [{
-                            providedIn: 'any',
-                        }]
-                }], ctorParameters: function () { return [{ type: i1__namespace.SkyLibResourcesService }]; } });
-
-        /**
-         * Shortens numbers to rounded numbers and abbreviation characters such as K for thousands,
-         * M for millions, B for billions, and T for trillions. The pipe also formats for currency.
-         * Be sure you have a space after the two curly brackets opening the pipe and
-         * a space before the two curly brackets closing the pipe or it will not work.
-         * Usage:
-         * ```
-         * {{ value | skyNumeric(config) }}
-         * ```
-         */
-        var SkyNumericPipe = /** @class */ (function () {
-            function SkyNumericPipe(localeProvider, numericService, changeDetector) {
-                var _this = this;
-                this.localeProvider = localeProvider;
-                this.numericService = numericService;
-                this.changeDetector = changeDetector;
-                this.ngUnsubscribe = new rxjs.Subject();
-                this.localeProvider
-                    .getLocaleInfo()
-                    .pipe(operators.takeUntil(this.ngUnsubscribe))
-                    .subscribe(function (localeInfo) {
-                    _this.providerLocale = localeInfo.locale;
-                    numericService.currentLocale = _this.providerLocale;
-                    _this.changeDetector.markForCheck();
-                });
-            }
-            SkyNumericPipe.prototype.ngOnDestroy = function () {
-                this.ngUnsubscribe.next();
-                this.ngUnsubscribe.complete();
-            };
-            SkyNumericPipe.prototype.transform = function (value, config) {
-                var _a;
-                var newCacheKey = (config ? JSON.stringify(config, Object.keys(config).sort()) : '') +
-                    (value + "_" + ((config === null || config === void 0 ? void 0 : config.locale) || this.providerLocale));
-                /* If the value and locale are the same as the last transform then return the previous value
-                instead of reformatting. */
-                if (this.formattedValue && this.cacheKey === newCacheKey) {
-                    return this.formattedValue;
-                }
-                var options = new NumericOptions();
-                // The default number of digits is `1`. When truncate is disabled, set digits
-                // to `0` to avoid the unnecessary addition of `.0` at the end of the formatted number.
-                if (config && config.truncate === false && config.digits === undefined) {
-                    options.digits = 0;
-                }
-                // If the minimum digits is less than the set maximum digits then throw an error
-                if (config &&
-                    config.minDigits &&
-                    config.digits &&
-                    config.minDigits > config.digits) {
-                    throw new Error('The `digits` property must be greater than or equal to the `minDigits` property');
-                    // If there is a minimum digits given but not a maximum then default the maximum to the minimum
-                }
-                else if (config && config.minDigits && !config.digits) {
-                    options.digits = config.minDigits;
-                }
-                Object.assign(options, config);
-                // Assign properties for proper result caching.
-                this.rawValue = value;
-                this.lastTransformLocale = (_a = config === null || config === void 0 ? void 0 : config.locale) !== null && _a !== void 0 ? _a : this.providerLocale;
-                this.cacheKey = newCacheKey;
-                this.formattedValue = this.numericService.formatNumber(value, options);
-                return this.formattedValue;
-            };
-            return SkyNumericPipe;
-        }());
-        SkyNumericPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNumericPipe, deps: [{ token: i1__namespace.SkyAppLocaleProvider }, { token: SkyNumericService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-        SkyNumericPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNumericPipe, name: "skyNumeric", pure: false });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNumericPipe, decorators: [{
-                    type: i0.Pipe,
-                    args: [{
-                            name: 'skyNumeric',
-                            pure: false,
-                        }]
-                }], ctorParameters: function () { return [{ type: i1__namespace.SkyAppLocaleProvider }, { type: SkyNumericService }, { type: i0__namespace.ChangeDetectorRef }]; } });
-
-        var SkyNumericModule = /** @class */ (function () {
-            function SkyNumericModule() {
-            }
-            return SkyNumericModule;
-        }());
-        SkyNumericModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNumericModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyNumericModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNumericModule, declarations: [SkyNumericPipe], imports: [i1.SkyI18nModule, SkyCoreResourcesModule], exports: [SkyNumericPipe] });
-        SkyNumericModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNumericModule, providers: [SkyNumericPipe], imports: [[i1.SkyI18nModule, SkyCoreResourcesModule]] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNumericModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{
-                            declarations: [SkyNumericPipe],
-                            providers: [SkyNumericPipe],
-                            imports: [i1.SkyI18nModule, SkyCoreResourcesModule],
-                            exports: [SkyNumericPipe],
-                        }]
-                }] });
-
-        /**
-         * Represents a new overlay instance. It is used to manage the "closed" state of the overlay,
-         * and access any public members on the appended content component instance.
-         */
-        var SkyOverlayInstance = /** @class */ (function () {
-            function SkyOverlayInstance(
-            /**
-             * The configuration for the overlay.
-             */
-            config, componentRef) {
-                var _this = this;
-                this.config = config;
-                this.componentRef = componentRef;
-                this._backdropClick = new rxjs.Subject();
-                this._closed = new rxjs.Subject();
-                this.componentRef.instance.closed.subscribe(function () {
-                    _this._closed.next();
-                    _this._closed.complete();
-                    _this._backdropClick.complete();
-                });
-                this.componentRef.instance.backdropClick.subscribe(function () {
-                    _this._backdropClick.next();
-                });
-            }
-            Object.defineProperty(SkyOverlayInstance.prototype, "backdropClick", {
-                /**
-                 * Emits when the overlay is clicked (but not its content).
-                 */
-                get: function () {
-                    return this._backdropClick.asObservable();
-                },
-                enumerable: false,
-                configurable: true
-            });
-            Object.defineProperty(SkyOverlayInstance.prototype, "closed", {
-                /**
-                 * Emits after the overlay is closed.
-                 */
-                get: function () {
-                    return this._closed.asObservable();
-                },
-                enumerable: false,
-                configurable: true
-            });
-            /**
-             * Creates and attaches a component to the overlay.
-             * @param component The component to attach.
-             * @param providers Custom providers to apply to the component.
-             */
-            SkyOverlayInstance.prototype.attachComponent = function (component, providers) {
-                var componentRef = this.componentRef.instance.attachComponent(component, providers);
-                return componentRef.instance;
-            };
-            /**
-             * Attaches a `TemplateRef` to the overlay.
-             * @param templateRef The `TemplateRef` to attach.
-             * @param context The context to provide to the template.
-             */
-            SkyOverlayInstance.prototype.attachTemplate = function (templateRef, context) {
-                this.componentRef.instance.attachTemplate(templateRef, context);
-            };
-            return SkyOverlayInstance;
-        }());
-
-        /**
-         * Provides contextual information to each overlay created.
-         * @internal
-         */
-        var SkyOverlayContext = /** @class */ (function () {
-            function SkyOverlayContext(config) {
-                this.config = config;
-            }
-            return SkyOverlayContext;
-        }());
-
-        /**
-         * Omnibar is 1000.
-         * See: https://github.com/blackbaud/auth-client/blob/master/src/omnibar/omnibar.ts#L139
-         * ---
-         * Modals start their z-indexes at 1040. However, each modal's z-index is a multiple of 10, so it
-         * will be difficult to reliably predict a z-index that will always appear above all other
-         * layers. Starting the z-index for overlays at a number much greater than modals will accommodate
-         * the most reasonable of scenarios.
-         * See: https://github.com/blackbaud/skyux-modals/blob/master/src/app/public/modules/modal/modal-host.service.ts#L22
-         * (NOTE: It should be noted that modals do not use the overlay service, which is something we
-         * should do in the near future to make sure z-indexes are predictable across all component
-         * libraries.)
-         */
-        var uniqueZIndex = 5000;
-        /**
-         * @internal
-         */
-        var SkyOverlayComponent = /** @class */ (function () {
-            function SkyOverlayComponent(changeDetector, resolver, injector, coreAdapter, context, router) {
-                this.changeDetector = changeDetector;
-                this.resolver = resolver;
-                this.injector = injector;
-                this.coreAdapter = coreAdapter;
-                this.context = context;
-                this.router = router;
-                this.wrapperClass = '';
-                this.enablePointerEvents = false;
-                this.showBackdrop = false;
-                this.zIndex = "" + ++uniqueZIndex;
-                this.ngUnsubscribe = new rxjs.Subject();
-                this._backdropClick = new rxjs.Subject();
-                this._closed = new rxjs.Subject();
-            }
-            Object.defineProperty(SkyOverlayComponent.prototype, "backdropClick", {
-                get: function () {
-                    return this._backdropClick.asObservable();
-                },
-                enumerable: false,
-                configurable: true
-            });
-            Object.defineProperty(SkyOverlayComponent.prototype, "closed", {
-                get: function () {
-                    return this._closed.asObservable();
-                },
-                enumerable: false,
-                configurable: true
-            });
-            SkyOverlayComponent.prototype.ngOnInit = function () {
-                var _this = this;
-                this.applyConfig(this.context.config);
-                setTimeout(function () {
-                    _this.addBackdropClickListener();
-                });
-                if (this.context.config.closeOnNavigation) {
-                    this.addRouteListener();
-                }
-            };
-            SkyOverlayComponent.prototype.ngOnDestroy = function () {
-                this.removeRouteListener();
-                this.ngUnsubscribe.next();
-                this.ngUnsubscribe.complete();
-                this._backdropClick.complete();
-                this._closed.next();
-                this._closed.complete();
-            };
-            SkyOverlayComponent.prototype.attachComponent = function (component, providers) {
-                if (providers === void 0) { providers = []; }
-                this.targetRef.clear();
-                var factory = this.resolver.resolveComponentFactory(component);
-                var injector = i0.Injector.create({
-                    providers: providers,
-                    parent: this.injector,
-                });
-                var componentRef = this.targetRef.createComponent(factory, undefined, injector);
-                // Run an initial change detection cycle after the component has been created.
-                componentRef.changeDetectorRef.detectChanges();
-                return componentRef;
-            };
-            SkyOverlayComponent.prototype.attachTemplate = function (templateRef, context) {
-                this.targetRef.clear();
-                return this.targetRef.createEmbeddedView(templateRef, context);
-            };
-            SkyOverlayComponent.prototype.applyConfig = function (config) {
-                this.wrapperClass = config.wrapperClass || '';
-                this.showBackdrop = config.showBackdrop;
-                this.enablePointerEvents = config.enablePointerEvents;
-                this.changeDetector.markForCheck();
-            };
-            SkyOverlayComponent.prototype.addBackdropClickListener = function () {
-                var _this = this;
-                rxjs.fromEvent(window.document, 'click')
-                    .pipe(operators.takeUntil(this.ngUnsubscribe))
-                    .subscribe(function (event) {
-                    var isChild = _this.overlayContentRef.nativeElement.contains(event.target);
-                    var isAbove = _this.coreAdapter.isTargetAboveElement(event.target, _this.overlayRef.nativeElement);
-                    /* istanbul ignore else */
-                    if (!isChild && !isAbove) {
-                        _this._backdropClick.next();
-                        if (_this.context.config.enableClose) {
-                            _this._closed.next();
-                        }
-                    }
-                });
-            };
-            SkyOverlayComponent.prototype.addRouteListener = function () {
-                var _this = this;
-                /*istanbul ignore else*/
-                if (this.router) {
-                    this.routerSubscription = this.router.events.subscribe(function (event) {
-                        /* istanbul ignore else */
-                        if (event instanceof i3.NavigationStart) {
-                            _this._closed.next();
-                        }
-                    });
-                }
-            };
-            SkyOverlayComponent.prototype.removeRouteListener = function () {
-                if (this.routerSubscription) {
-                    this.routerSubscription.unsubscribe();
-                    this.routerSubscription = undefined;
-                }
-            };
-            return SkyOverlayComponent;
-        }());
-        SkyOverlayComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyOverlayComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.Injector }, { token: SkyCoreAdapterService }, { token: SkyOverlayContext }, { token: i3__namespace.Router, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyOverlayComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyOverlayComponent, selector: "sky-overlay", viewQueries: [{ propertyName: "overlayContentRef", first: true, predicate: ["overlayContentRef"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "overlayRef", first: true, predicate: ["overlayRef"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "targetRef", first: true, predicate: ["target"], descendants: true, read: i0.ViewContainerRef, static: true }], ngImport: i0__namespace, template: "<div\n  [class]=\"wrapperClass\"\n  [style.zIndex]=\"zIndex\"\n  [ngClass]=\"{\n    'enable-pointer-events-pass-through': enablePointerEvents,\n    'sky-overlay': true\n  }\"\n  #overlayRef\n>\n  <div class=\"sky-overlay-content\" #overlayContentRef>\n    <ng-template #target> </ng-template>\n  </div>\n  <div *ngIf=\"showBackdrop\" class=\"sky-overlay-backdrop\"></div>\n</div>\n", styles: [".sky-overlay{position:fixed;top:0;right:0;left:0;bottom:0;width:100%;height:100%;display:flex;pointer-events:auto}.sky-overlay-content{position:relative;z-index:1;display:inline-flex;align-self:start;pointer-events:auto}.sky-overlay-backdrop{background:rgba(0,0,0,.5);top:0;right:0;left:0;bottom:0;width:100%;height:100%;position:absolute}.enable-pointer-events-pass-through{pointer-events:none}.enable-pointer-events-pass-through .sky-overlay-backdrop{pointer-events:none}.enable-pointer-events-pass-through .sky-overlay-content{pointer-events:auto}\n"], directives: [{ type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__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: SkyOverlayComponent, decorators: [{
-                    type: i0.Component,
-                    args: [{
-                            selector: 'sky-overlay',
-                            template: "<div\n  [class]=\"wrapperClass\"\n  [style.zIndex]=\"zIndex\"\n  [ngClass]=\"{\n    'enable-pointer-events-pass-through': enablePointerEvents,\n    'sky-overlay': true\n  }\"\n  #overlayRef\n>\n  <div class=\"sky-overlay-content\" #overlayContentRef>\n    <ng-template #target> </ng-template>\n  </div>\n  <div *ngIf=\"showBackdrop\" class=\"sky-overlay-backdrop\"></div>\n</div>\n",
-                            styles: [".sky-overlay{position:fixed;top:0;right:0;left:0;bottom:0;width:100%;height:100%;display:flex;pointer-events:auto}.sky-overlay-content{position:relative;z-index:1;display:inline-flex;align-self:start;pointer-events:auto}.sky-overlay-backdrop{background:rgba(0,0,0,.5);top:0;right:0;left:0;bottom:0;width:100%;height:100%;position:absolute}.enable-pointer-events-pass-through{pointer-events:none}.enable-pointer-events-pass-through .sky-overlay-backdrop{pointer-events:none}.enable-pointer-events-pass-through .sky-overlay-content{pointer-events:auto}\n"],
-                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        }]
-                }], ctorParameters: function () {
-                return [{ type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.Injector }, { type: SkyCoreAdapterService }, { type: SkyOverlayContext }, { type: i3__namespace.Router, decorators: [{
-                                type: i0.Optional
-                            }] }];
-            }, propDecorators: { overlayContentRef: [{
-                        type: i0.ViewChild,
-                        args: ['overlayContentRef', {
-                                read: i0.ElementRef,
-                                static: true,
-                            }]
-                    }], overlayRef: [{
-                        type: i0.ViewChild,
-                        args: ['overlayRef', {
-                                read: i0.ElementRef,
-                                static: true,
-                            }]
-                    }], targetRef: [{
-                        type: i0.ViewChild,
-                        args: ['target', {
-                                read: i0.ViewContainerRef,
-                                static: true,
-                            }]
-                    }] } });
-
-        var SkyOverlayModule = /** @class */ (function () {
-            function SkyOverlayModule() {
-            }
-            return SkyOverlayModule;
-        }());
-        SkyOverlayModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyOverlayModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyOverlayModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyOverlayModule, declarations: [SkyOverlayComponent], imports: [i4.CommonModule] });
-        SkyOverlayModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyOverlayModule, imports: [[i4.CommonModule]] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyOverlayModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{
-                            imports: [i4.CommonModule],
-                            declarations: [SkyOverlayComponent],
-                            entryComponents: [SkyOverlayComponent],
-                        }]
-                }] });
-
-        /**
-         * @internal
-         */
-        var SkyOverlayAdapterService = /** @class */ (function () {
-            function SkyOverlayAdapterService(rendererFactory) {
-                this.renderer = rendererFactory.createRenderer(undefined, undefined);
-            }
-            SkyOverlayAdapterService.prototype.restrictBodyScroll = function () {
-                // Create a style element to avoid overwriting any existing inline body styles.
-                var styleElement = this.renderer.createElement('style');
-                var textNode = this.renderer.createText('body { overflow: hidden }');
-                // Apply a `data-` attribute to make unit testing easier.
-                this.renderer.setAttribute(styleElement, 'data-test-selector', 'sky-overlay-restrict-scroll-styles');
-                this.renderer.appendChild(styleElement, textNode);
-                this.renderer.appendChild(document.head, styleElement);
-                if (this.styleElement) {
-                    this.destroyStyleElement();
-                }
-                this.styleElement = styleElement;
-            };
-            SkyOverlayAdapterService.prototype.releaseBodyScroll = function () {
-                this.destroyStyleElement();
-            };
-            SkyOverlayAdapterService.prototype.destroyStyleElement = function () {
-                /* istanbul ignore else */
-                if (this.styleElement.parentElement === document.head) {
-                    this.renderer.removeChild(document.head, this.styleElement);
-                }
-            };
-            return SkyOverlayAdapterService;
-        }());
-        SkyOverlayAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyOverlayAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyOverlayAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyOverlayAdapterService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyOverlayAdapterService, decorators: [{
-                    type: i0.Injectable,
-                    args: [{
-                            providedIn: 'root',
-                        }]
-                }], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
-
-        /**
-         * This service is used to create new overlays.
-         * @dynamic
-         */
-        var SkyOverlayService = /** @class */ (function () {
-            function SkyOverlayService(applicationRef, componentFactoryResolver, injector, adapter) {
-                this.applicationRef = applicationRef;
-                this.componentFactoryResolver = componentFactoryResolver;
-                this.injector = injector;
-                this.adapter = adapter;
-            }
-            /**
-             * Creates an empty overlay. Use the returned `SkyOverlayInstance` to append content.
-             * @param config Configuration for the overlay.
-             */
-            SkyOverlayService.prototype.create = function (config) {
-                var _this = this;
-                var settings = this.prepareConfig(config);
-                if (settings.enableScroll === false) {
-                    this.adapter.restrictBodyScroll();
-                }
-                var componentRef = this.createOverlay(settings);
-                var instance = new SkyOverlayInstance(settings, componentRef);
-                instance.closed.subscribe(function () {
-                    // Only execute the service's close method if the instance still exists.
-                    // This is needed to address a race condition if the deprecated instance.close method is used instead.
-                    if (SkyOverlayService.overlays.indexOf(instance) > -1) {
-                        _this.close(instance);
-                    }
-                });
-                SkyOverlayService.overlays.push(instance);
-                return instance;
-            };
-            /**
-             * Closes (and destroys) an overlay instance.
-             * @param instance The instance to close.
-             */
-            SkyOverlayService.prototype.close = function (instance) {
-                this.destroyOverlay(instance);
-                this.applicationRef.detachView(instance.componentRef.hostView);
-                instance.componentRef.destroy();
-                // In some cases, Angular keeps dynamically-generated component's nodes in the DOM during
-                // unit tests. This can make querying difficult because the older DOM nodes still exist and
-                // produce inconsistent results.
-                // Angular Material's overlay appears to do the same thing:
-                // https://github.com/angular/components/blob/master/src/cdk/portal/dom-portal-outlet.ts#L143-L145
-                // (Ignoring coverage since this branch will only be hit by consumer unit tests.)
-                var componentElement = instance.componentRef.location.nativeElement;
-                /* istanbul ignore if */
-                if (componentElement.parentNode !== null) {
-                    componentElement.parentNode.removeChild(componentElement);
-                }
-            };
-            /**
-             * Closes all overlay instances.
-             */
-            SkyOverlayService.prototype.closeAll = function () {
-                // The `close` event handler for each instance alters the array's length asynchronously,
-                // so the only "safe" index to call is zero.
-                while (SkyOverlayService.overlays.length > 0) {
-                    this.close(SkyOverlayService.overlays[0]);
-                }
-            };
-            SkyOverlayService.prototype.createOverlay = function (config) {
-                var injector = i0.Injector.create({
-                    parent: this.injector,
-                    providers: [
-                        {
-                            provide: SkyOverlayContext,
-                            useValue: new SkyOverlayContext(config),
-                        },
-                    ],
-                });
-                var componentRef = this.componentFactoryResolver
-                    .resolveComponentFactory(SkyOverlayComponent)
-                    .create(injector);
-                this.applicationRef.attachView(componentRef.hostView);
-                var domElem = componentRef.hostView
-                    .rootNodes[0];
-                document.body.appendChild(domElem);
-                return componentRef;
-            };
-            SkyOverlayService.prototype.prepareConfig = function (config) {
-                var defaults = {
-                    closeOnNavigation: true,
-                    enableClose: false,
-                    enablePointerEvents: false,
-                    enableScroll: true,
-                    showBackdrop: false,
-                    wrapperClass: '',
-                };
-                return Object.assign(Object.assign({}, defaults), config);
-            };
-            SkyOverlayService.prototype.destroyOverlay = function (instance) {
-                SkyOverlayService.overlays.splice(SkyOverlayService.overlays.indexOf(instance), 1);
-                if (instance.config.enableScroll === false) {
-                    // Only release the body scroll if no other overlay wishes it to be disabled.
-                    var anotherOverlayDisablesScroll = SkyOverlayService.overlays.some(function (o) { return !o.config.enableScroll; });
-                    if (!anotherOverlayDisablesScroll) {
-                        this.adapter.releaseBodyScroll();
-                    }
-                }
-            };
-            return SkyOverlayService;
-        }());
-        SkyOverlayService.overlays = [];
-        SkyOverlayService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyOverlayService, deps: [{ token: i0__namespace.ApplicationRef }, { token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.Injector }, { token: SkyOverlayAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyOverlayService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyOverlayService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyOverlayService, decorators: [{
-                    type: i0.Injectable,
-                    args: [{
-                            providedIn: 'root',
-                        }]
-                }], ctorParameters: function () { return [{ type: i0__namespace.ApplicationRef }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.Injector }, { type: SkyOverlayAdapterService }]; } });
-
-        var SkyPercentPipe = /** @class */ (function () {
-            function SkyPercentPipe(localeProvider) {
-                var _this = this;
-                this.localeProvider = localeProvider;
-                this.defaultFormat = '1.0-2';
-                this.defaultLocale = 'en-US';
-                this.ngUnsubscribe = new rxjs.Subject();
-                this.localeProvider
-                    .getLocaleInfo()
-                    .pipe(operators.takeUntil(this.ngUnsubscribe))
-                    .subscribe(function (localeInfo) {
-                    _this.defaultLocale = localeInfo.locale;
-                    _this.updateFormattedValue();
-                });
-            }
-            SkyPercentPipe.prototype.ngOnDestroy = function () {
-                this.ngUnsubscribe.next();
-                this.ngUnsubscribe.complete();
-            };
-            SkyPercentPipe.prototype.transform = function (value, format, locale) {
-                this.value = value;
-                this.format = format;
-                this.locale = locale;
-                this.updateFormattedValue();
-                return this.formattedValue;
-            };
-            SkyPercentPipe.prototype.updateFormattedValue = function () {
-                var locale = this.locale || this.defaultLocale;
-                var format = this.format || this.defaultFormat;
-                this.formattedValue = SkyNumberFormatUtility.formatNumber(locale, this.value, i1.SkyIntlNumberFormatStyle.Percent, format);
-            };
-            return SkyPercentPipe;
-        }());
-        SkyPercentPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPercentPipe, deps: [{ token: i1__namespace.SkyAppLocaleProvider }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-        SkyPercentPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPercentPipe, name: "skyPercent", pure: false });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPercentPipe, decorators: [{
-                    type: i0.Pipe,
-                    args: [{
-                            name: 'skyPercent',
-                            pure: false,
-                        }]
-                }], ctorParameters: function () { return [{ type: i1__namespace.SkyAppLocaleProvider }]; } });
-
-        var SkyPercentPipeModule = /** @class */ (function () {
-            function SkyPercentPipeModule() {
-            }
-            return SkyPercentPipeModule;
-        }());
-        SkyPercentPipeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPercentPipeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyPercentPipeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPercentPipeModule, declarations: [SkyPercentPipe], imports: [i4.CommonModule, SkyCoreResourcesModule], exports: [SkyPercentPipe] });
-        SkyPercentPipeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPercentPipeModule, providers: [SkyPercentPipe], imports: [[i4.CommonModule, SkyCoreResourcesModule]] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPercentPipeModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{
-                            declarations: [SkyPercentPipe],
-                            providers: [SkyPercentPipe],
-                            imports: [i4.CommonModule, SkyCoreResourcesModule],
-                            exports: [SkyPercentPipe],
-                        }]
-                }] });
-
-        function notifySubscribers(subscribers, item) {
-            var e_1, _a;
-            try {
-                for (var subscribers_1 = __values(subscribers), subscribers_1_1 = subscribers_1.next(); !subscribers_1_1.done; subscribers_1_1 = subscribers_1.next()) {
-                    var subscriber = subscribers_1_1.value;
-                    subscriber.next(item);
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (subscribers_1_1 && !subscribers_1_1.done && (_a = subscribers_1.return)) _a.call(subscribers_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-        }
-        var SkyScrollableHostService = /** @class */ (function () {
-            function SkyScrollableHostService(mutationObserverSvc, windowRef) {
-                this.mutationObserverSvc = mutationObserverSvc;
-                this.windowRef = windowRef;
-            }
-            /**
-             * Returns the given element's current scrollable host
-             * @param elementRef The element whose scrollable host is being requested
-             * @returns The current scrollable host
-             */
-            SkyScrollableHostService.prototype.getScrollableHost = function (elementRef) {
-                return this.findScrollableHost(elementRef.nativeElement);
-            };
-            /**
-             * Returns an observable which emits the given element's current scrollable host
-             * @param elementRef The element whose scrollable host is being requested
-             * @param completionObservable An observable which alerts the internal observers that they should complete
-             * @returns An observable which emits the current scrollable host
-             * @internal
-             */
-            SkyScrollableHostService.prototype.watchScrollableHost = function (elementRef) {
-                var _this = this;
-                var subscribers = [];
-                var parentMutationObserver;
-                var documentHiddenElementMutationObserver;
-                return new rxjs.Observable(function (subscriber) {
-                    subscribers.push(subscriber);
-                    var scrollableHost = _this.findScrollableHost(elementRef.nativeElement);
-                    if (subscribers.length === 1) {
-                        parentMutationObserver = _this.mutationObserverSvc.create(function () {
-                            var newScrollableHost = _this.findScrollableHost(elementRef.nativeElement);
-                            if (newScrollableHost !== scrollableHost &&
-                                elementRef.nativeElement.offsetParent) {
-                                scrollableHost = newScrollableHost;
-                                _this.observeForScrollableHostChanges(scrollableHost, parentMutationObserver);
-                                notifySubscribers(subscribers, scrollableHost);
-                            }
-                        });
-                        _this.observeForScrollableHostChanges(scrollableHost, parentMutationObserver);
-                        documentHiddenElementMutationObserver = _this.mutationObserverSvc.create(function () {
-                            if (!elementRef.nativeElement.offsetParent) {
-                                scrollableHost = undefined;
-                                _this.observeForScrollableHostChanges(scrollableHost, parentMutationObserver);
-                                notifySubscribers(subscribers, scrollableHost);
-                            }
-                        });
-                        _this.observeDocumentHiddenElementChanges(documentHiddenElementMutationObserver);
-                    }
-                    subscriber.next(scrollableHost);
-                    subscriber.add(function () {
-                        var subIndex = subscribers.indexOf(subscriber);
-                        /* sanity check */
-                        /* istanbul ignore else */
-                        if (subIndex >= 0) {
-                            subscribers.splice(subIndex, 1);
-                        }
-                        if (subscribers.length === 0) {
-                            documentHiddenElementMutationObserver.disconnect();
-                            parentMutationObserver.disconnect();
-                        }
-                    });
-                });
-            };
-            /**
-             * Returns an observable which emits whenever the element's scrollable host emits a scroll event. The observable will always emit the scroll events from the elements current scrollable host and will update based on any scrollable host changes. The observable will also emit once whenever the scrollable host changes.
-             * @param elementRef The element whose scrollable host scroll events are being requested
-             * @param completionObservable An observable which alerts the internal observers that they should complete
-             * @returns An observable which emits when the elements scrollable host is scrolled or is changed
-             */
-            SkyScrollableHostService.prototype.watchScrollableHostScrollEvents = function (elementRef) {
-                var _this = this;
-                var subscribers = [];
-                var scrollableHost;
-                var newScrollableHostObservable = new rxjs.Subject();
-                var scrollableHostSubscription;
-                var scrollEventSubscription;
-                return new rxjs.Observable(function (subscriber) {
-                    subscribers.push(subscriber);
-                    if (subscribers.length === 1) {
-                        scrollableHostSubscription = _this.watchScrollableHost(elementRef).subscribe(function (newScrollableHost) {
-                            newScrollableHostObservable.next();
-                            newScrollableHostObservable.complete();
-                            if (scrollableHost && scrollableHost !== newScrollableHost) {
-                                notifySubscribers(subscribers);
-                            }
-                            scrollableHost = newScrollableHost;
-                            newScrollableHostObservable = new rxjs.Subject();
-                            if (newScrollableHost) {
-                                scrollEventSubscription = rxjs.fromEvent(newScrollableHost, 'scroll')
-                                    .pipe(operators.takeUntil(newScrollableHostObservable))
-                                    .subscribe(function () {
-                                    notifySubscribers(subscribers);
-                                });
-                            }
-                        });
-                    }
-                    subscriber.add(function () {
-                        var subIndex = subscribers.indexOf(subscriber);
-                        /* sanity check */
-                        /* istanbul ignore else */
-                        if (subIndex >= 0) {
-                            subscribers.splice(subIndex, 1);
-                        }
-                        if (subscribers.length === 0) {
-                            scrollableHostSubscription.unsubscribe();
-                            scrollEventSubscription.unsubscribe();
-                            newScrollableHostObservable.complete();
-                        }
-                    });
-                });
-            };
-            SkyScrollableHostService.prototype.findScrollableHost = function (element) {
-                var regex = /(auto|scroll)/;
-                var windowObj = this.windowRef.nativeWindow;
-                var bodyObj = windowObj.document.body;
-                /* Sanity check */
-                if (!element) {
-                    return windowObj;
-                }
-                var style = windowObj.getComputedStyle(element);
-                var parent = element;
-                do {
-                    parent = parent.parentNode;
-                    /* Sanity check for if this function is called for an element which has been removed from the DOM */
-                    if (!(parent instanceof HTMLElement)) {
-                        return windowObj;
-                    }
-                    style = windowObj.getComputedStyle(parent);
-                } while (!regex.test(style.overflow) &&
-                    !regex.test(style.overflowY) &&
-                    parent !== bodyObj);
-                if (parent === bodyObj) {
-                    return windowObj;
-                }
-                return parent;
-            };
-            SkyScrollableHostService.prototype.observeDocumentHiddenElementChanges = function (mutationObserver) {
-                mutationObserver.observe(document.documentElement, {
-                    attributes: true,
-                    attributeFilter: ['class', 'style', 'hidden'],
-                    childList: true,
-                    subtree: true,
-                });
-            };
-            SkyScrollableHostService.prototype.observeForScrollableHostChanges = function (element, mutationObserver) {
-                mutationObserver.disconnect();
-                if (element instanceof HTMLElement) {
-                    mutationObserver.observe(element, {
-                        attributes: true,
-                        attributeFilter: ['class', 'style'],
-                        childList: true,
-                        subtree: true,
-                    });
-                }
-                else {
-                    mutationObserver.observe(document.documentElement, {
-                        attributes: true,
-                        attributeFilter: ['class', 'style'],
-                        childList: true,
-                        subtree: true,
-                    });
-                }
-            };
-            return SkyScrollableHostService;
-        }());
-        SkyScrollableHostService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyScrollableHostService, deps: [{ token: MutationObserverService }, { token: SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyScrollableHostService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyScrollableHostService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyScrollableHostService, decorators: [{
-                    type: i0.Injectable,
-                    args: [{
-                            providedIn: 'root',
-                        }]
-                }], ctorParameters: function () { return [{ type: MutationObserverService }, { type: SkyAppWindowRef }]; } });
-
-        /**
-         * Provides a method for setting a formatted title on the current window.
-         */
-        var SkyAppTitleService = /** @class */ (function () {
-            function SkyAppTitleService(title) {
-                this.title = title;
-            }
-            /**
-             * Sets the title on the current window.
-             * @param args An array of title parts. The parts will be concatenated with a hyphen between
-             * each part.
-             */
-            SkyAppTitleService.prototype.setTitle = function (args) {
-                if (args && args.titleParts) {
-                    this.title.setTitle(args.titleParts.join(' - '));
-                }
-            };
-            return SkyAppTitleService;
-        }());
-        SkyAppTitleService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAppTitleService, deps: [{ token: i1__namespace$1.Title }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyAppTitleService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAppTitleService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAppTitleService, decorators: [{
-                    type: i0.Injectable,
-                    args: [{
-                            providedIn: 'root',
-                        }]
-                }], ctorParameters: function () { return [{ type: i1__namespace$1.Title }]; } });
-
-        var SkyUIConfigService = /** @class */ (function () {
-            function SkyUIConfigService() {
-            }
-            SkyUIConfigService.prototype.getConfig = function (key, defaultConfig) {
-                return rxjs.of(defaultConfig);
-            };
-            /* istanbul ignore next */
-            SkyUIConfigService.prototype.setConfig = function (key, value) {
-                return rxjs.of({});
-            };
-            return SkyUIConfigService;
-        }());
-        SkyUIConfigService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyUIConfigService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyUIConfigService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyUIConfigService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyUIConfigService, decorators: [{
-                    type: i0.Injectable,
-                    args: [{
-                            providedIn: 'root',
-                        }]
-                }] });
-
-        var SkyViewkeeperHostOptions = /** @class */ (function () {
-            function SkyViewkeeperHostOptions() {
-            }
-            return SkyViewkeeperHostOptions;
-        }());
-        SkyViewkeeperHostOptions.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyViewkeeperHostOptions, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyViewkeeperHostOptions.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyViewkeeperHostOptions });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyViewkeeperHostOptions, decorators: [{
-                    type: i0.Injectable
-                }] });
-
-        var CLS_VIEWKEEPER_FIXED = 'sky-viewkeeper-fixed';
-        var EVT_AFTER_VIEWKEEPER_SYNC = 'afterViewkeeperSync';
-        var styleEl;
-        var nextIdIndex;
-        function ensureStyleEl() {
-            if (!styleEl) {
-                styleEl = document.createElement('style');
-                var css = document.createTextNode("\n." + CLS_VIEWKEEPER_FIXED + " {\n  position: fixed !important;\n  z-index: 999;\n  opacity: 0.95;\n  overflow: hidden;\n}\n\n.sky-theme-modern ." + CLS_VIEWKEEPER_FIXED + " {\n  box-shadow: 0px 1px 8px -1px rgba(0, 0, 0, 0.3);\n  opacity: initial;\n}\n");
-                styleEl.appendChild(css);
-                document.head.appendChild(styleEl);
-            }
-        }
-        function nextId() {
-            nextIdIndex = (nextIdIndex || 0) + 1;
-            return 'viewkeeper-' + nextIdIndex;
-        }
-        function getOffset(el, scrollableHost) {
-            var rect = el.getBoundingClientRect();
-            var parent = scrollableHost ? scrollableHost : document.documentElement;
-            return {
-                top: rect.top + parent.scrollTop,
-                left: rect.left + parent.scrollLeft,
-            };
-        }
-        function px(value) {
-            var pxValue = value ? value.toString() : '';
-            if (typeof value === 'number') {
-                pxValue = value + 'px';
-            }
-            return pxValue;
-        }
-        function setElPosition(el, left, top, width, marginTop) {
-            el.style.top = px(top);
-            el.style.left = px(left);
-            el.style.marginTop = px(marginTop);
-            /*istanbul ignore else*/
-            /* sanity check */
-            if (width !== null) {
-                el.style.width = px(width);
-            }
-        }
-        function getHeightWithMargin(el) {
-            var computedStyle = getComputedStyle(el);
-            return (el.offsetHeight +
-                parseInt(computedStyle.marginTop, 10) +
-                parseInt(computedStyle.marginBottom, 10));
-        }
-        function createCustomEvent(name) {
-            var evt = document.createEvent('CustomEvent');
-            evt.initCustomEvent(name, false, false, undefined);
-            return evt;
-        }
-        var SkyViewkeeper = /** @class */ (function () {
-            function SkyViewkeeper(options) {
-                var _this = this;
-                options = options || /* istanbul ignore next */ {};
-                this.setWidth = options.setWidth;
-                this.id = nextId();
-                this.el = options.el;
-                this.boundaryEl = options.boundaryEl;
-                this.scrollableHost = options.scrollableHost;
-                this.verticalOffset = options.verticalOffset || 0;
-                this.verticalOffsetEl = options.verticalOffsetEl;
-                this.viewportMarginTop = options.viewportMarginTop || 0;
-                this.syncElPositionHandler = function () { return _this.syncElPosition(); };
-                if (this.verticalOffsetEl) {
-                    this.verticalOffsetEl.addEventListener(EVT_AFTER_VIEWKEEPER_SYNC, this.syncElPositionHandler);
-                }
-                window.addEventListener('scroll', this.syncElPositionHandler, true);
-                window.addEventListener('resize', this.syncElPositionHandler);
-                window.addEventListener('orientationchange', this.syncElPositionHandler);
-                ensureStyleEl();
-                this.syncElPosition();
-            }
-            Object.defineProperty(SkyViewkeeper.prototype, "viewportMarginTop", {
-                get: function () {
-                    if (this.scrollableHost) {
-                        return 0;
-                    }
-                    else {
-                        return this._viewportMarginTop;
-                    }
-                },
-                set: function (margin) {
-                    this._viewportMarginTop = margin;
-                },
-                enumerable: false,
-                configurable: true
-            });
-            SkyViewkeeper.prototype.syncElPosition = function () {
-                var verticalOffset = this.calculateVerticalOffset();
-                // When the element isn't visible, its size can't be calculated, so don't attempt syncing position in this case.
-                if (this.el.offsetWidth === 0 && this.el.offsetHeight === 0) {
-                    return;
-                }
-                var boundaryInfo = this.getBoundaryInfo();
-                var fixedStyles = this.getFixedStyles(boundaryInfo, verticalOffset);
-                var doFixEl = this.shouldFixEl(boundaryInfo, verticalOffset);
-                if (this.needsUpdating(doFixEl, fixedStyles)) {
-                    if (doFixEl) {
-                        this.fixEl(boundaryInfo, fixedStyles);
-                    }
-                    else {
-                        this.unfixEl();
-                    }
-                }
-                var evt = createCustomEvent(EVT_AFTER_VIEWKEEPER_SYNC);
-                this.el.dispatchEvent(evt);
-            };
-            SkyViewkeeper.prototype.destroy = function () {
-                if (!this.isDestroyed) {
-                    window.removeEventListener('scroll', this.syncElPositionHandler, true);
-                    window.removeEventListener('resize', this.syncElPositionHandler);
-                    window.removeEventListener('orientationchange', this.syncElPositionHandler);
-                    this.unfixEl();
-                    if (this.verticalOffsetEl) {
-                        this.verticalOffsetEl.removeEventListener(EVT_AFTER_VIEWKEEPER_SYNC, this.syncElPositionHandler);
-                    }
-                    this.el = this.boundaryEl = this.verticalOffsetEl = undefined;
-                    this.isDestroyed = true;
-                }
-            };
-            SkyViewkeeper.prototype.getSpacerId = function () {
-                return this.id + '-spacer';
-            };
-            SkyViewkeeper.prototype.unfixEl = function () {
-                var spacerEl = document.getElementById(this.getSpacerId());
-                if (spacerEl) {
-                    spacerEl.parentElement.removeChild(spacerEl);
-                }
-                this.el.classList.remove(CLS_VIEWKEEPER_FIXED);
-                this.currentElFixedLeft =
-                    this.currentElFixedTop =
-                        this.currentElFixedWidth =
-                            undefined;
-                var width;
-                if (this.setWidth) {
-                    width = 'auto';
-                }
-                setElPosition(this.el, '', '', width, '');
-            };
-            SkyViewkeeper.prototype.calculateVerticalOffset = function () {
-                var offset = this.verticalOffset;
-                if (this.verticalOffsetEl) {
-                    var verticalOffsetElTopStyle = this.verticalOffsetEl.style.top;
-                    var verticalOffsetElTop = parseInt(verticalOffsetElTopStyle, 10) || 0;
-                    offset += this.verticalOffsetEl.offsetHeight + verticalOffsetElTop;
-                }
-                else if (this.scrollableHost) {
-                    offset += this.scrollableHost.getBoundingClientRect().top;
-                }
-                return offset;
-            };
-            SkyViewkeeper.prototype.shouldFixEl = function (boundaryInfo, verticalOffset) {
-                var anchorTop;
-                if (boundaryInfo.spacerEl) {
-                    anchorTop = getOffset(boundaryInfo.spacerEl, this.scrollableHost).top;
-                }
-                else {
-                    anchorTop = getOffset(this.el, this.scrollableHost).top;
-                }
-                var doFixEl = boundaryInfo.scrollTop + verticalOffset + this.viewportMarginTop >
-                    anchorTop;
-                return doFixEl;
-            };
-            SkyViewkeeper.prototype.getFixedStyles = function (boundaryInfo, verticalOffset) {
-                // If the element needs to be fixed, this will calculate its position.  The position
-                // will be 0 (fully visible) unless the user is scrolling the boundary out of view.
-                // In that case, the element should begin to scroll out of view with the
-                // rest of the boundary by setting its top position to a negative value.
-                var elFixedTop = Math.min(boundaryInfo.boundaryBottom -
-                    boundaryInfo.elHeight -
-                    boundaryInfo.scrollTop, verticalOffset);
-                var elFixedWidth = boundaryInfo.boundaryEl.getBoundingClientRect().width;
-                var elFixedLeft = boundaryInfo.boundaryOffset.left - boundaryInfo.scrollLeft;
-                return {
-                    elFixedLeft: elFixedLeft,
-                    elFixedTop: elFixedTop,
-                    elFixedWidth: elFixedWidth,
-                };
-            };
-            SkyViewkeeper.prototype.needsUpdating = function (doFixEl, fixedStyles) {
-                if ((doFixEl &&
-                    this.currentElFixedLeft === fixedStyles.elFixedLeft &&
-                    this.currentElFixedTop === fixedStyles.elFixedTop &&
-                    this.currentElFixedWidth === fixedStyles.elFixedWidth) ||
-                    (!doFixEl &&
-                        !(this.currentElFixedLeft !== undefined &&
-                            this.currentElFixedLeft !== null))) {
-                    // The element is either currently fixed and its position and width do not need
-                    // to change, or the element is not currently fixed and does not need to be fixed.
-                    // No changes are needed.
-                    return false;
-                }
-                return true;
-            };
-            SkyViewkeeper.prototype.fixEl = function (boundaryInfo, fixedStyles) {
-                var el = this.el;
-                /* istanbul ignore else */
-                /* sanity check */
-                if (!boundaryInfo.spacerEl) {
-                    var spacerHeight = boundaryInfo.elHeight;
-                    var spacerEl = document.createElement('div');
-                    spacerEl.id = boundaryInfo.spacerId;
-                    spacerEl.style.height = px(spacerHeight);
-                    el.parentNode.insertBefore(spacerEl, el.nextSibling);
-                }
-                el.classList.add(CLS_VIEWKEEPER_FIXED);
-                this.currentElFixedTop = fixedStyles.elFixedTop;
-                this.currentElFixedLeft = fixedStyles.elFixedLeft;
-                this.currentElFixedWidth = fixedStyles.elFixedWidth;
-                var width;
-                if (this.setWidth) {
-                    width = fixedStyles.elFixedWidth;
-                }
-                setElPosition(el, fixedStyles.elFixedLeft, fixedStyles.elFixedTop, width, this.viewportMarginTop);
-            };
-            SkyViewkeeper.prototype.getBoundaryInfo = function () {
-                var spacerId = this.getSpacerId();
-                var spacerEl = document.getElementById(spacerId);
-                var boundaryEl = this.boundaryEl;
-                var boundaryOffset = getOffset(boundaryEl, this.scrollableHost);
-                var boundaryTop = boundaryOffset.top;
-                var boundaryBottom = boundaryTop + boundaryEl.getBoundingClientRect().height;
-                var scrollLeft = this.scrollableHost
-                    ? this.scrollableHost.scrollLeft
-                    : document.documentElement.scrollLeft;
-                var scrollTop = this.scrollableHost
-                    ? this.scrollableHost.scrollTop
-                    : document.documentElement.scrollTop;
-                var elHeight = getHeightWithMargin(this.el);
-                return {
-                    boundaryBottom: boundaryBottom,
-                    boundaryOffset: boundaryOffset,
-                    boundaryEl: boundaryEl,
-                    elHeight: elHeight,
-                    scrollLeft: scrollLeft,
-                    scrollTop: scrollTop,
-                    spacerId: spacerId,
-                    spacerEl: spacerEl,
-                };
-            };
-            return SkyViewkeeper;
-        }());
-
-        /**
-         * Provides methods for creating and destroying viewkeeper instances.
-         */
-        var SkyViewkeeperService = /** @class */ (function () {
-            function SkyViewkeeperService(hostOptions) {
-                this.hostOptions = hostOptions;
-            }
-            /**
-             *
-             * @param options Creates a viewkeeper instance, applying host options where applicable.
-             */
-            SkyViewkeeperService.prototype.create = function (options) {
-                options = Object.assign({}, this.hostOptions || {}, options);
-                return new SkyViewkeeper(options);
-            };
-            /**
-             * Destroys a viewkeeper instance.
-             * @param vk Viewkeeper instance to destroy.
-             */
-            SkyViewkeeperService.prototype.destroy = function (vk) {
-                vk.destroy();
-            };
-            return SkyViewkeeperService;
-        }());
-        SkyViewkeeperService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyViewkeeperService, deps: [{ token: SkyViewkeeperHostOptions, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyViewkeeperService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyViewkeeperService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyViewkeeperService, decorators: [{
-                    type: i0.Injectable,
-                    args: [{
-                            providedIn: 'root',
-                        }]
-                }], ctorParameters: function () {
-                return [{ type: SkyViewkeeperHostOptions, decorators: [{
-                                type: i0.Optional
-                            }] }];
-            } });
-
-        var SkyViewkeeperDirective = /** @class */ (function () {
-            function SkyViewkeeperDirective(el, mutationObserverSvc, viewkeeperSvc, scrollableHostService) {
-                this.el = el;
-                this.mutationObserverSvc = mutationObserverSvc;
-                this.viewkeeperSvc = viewkeeperSvc;
-                this.scrollableHostService = scrollableHostService;
-                this.viewkeepers = [];
-                this.scrollableHostWatchUnsubscribe = undefined;
-            }
-            Object.defineProperty(SkyViewkeeperDirective.prototype, "skyViewkeeper", {
-                get: function () {
-                    return this._skyViewkeeper;
-                },
-                set: function (value) {
-                    this._skyViewkeeper = value;
-                    this.detectElements();
-                },
-                enumerable: false,
-                configurable: true
-            });
-            SkyViewkeeperDirective.prototype.ngOnInit = function () {
-                var _this = this;
-                this.observer = this.mutationObserverSvc.create(function () { return _this.detectElements(); });
-                this.observer.observe(this.el.nativeElement, {
-                    childList: true,
-                    subtree: true,
-                });
-            };
-            SkyViewkeeperDirective.prototype.ngOnDestroy = function () {
-                this.observer.disconnect();
-                this.destroyViewkeepers();
-            };
-            SkyViewkeeperDirective.prototype.destroyViewkeepers = function () {
-                var e_1, _a;
-                try {
-                    for (var _b = __values(this.viewkeepers), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var viewkeeper = _c.value;
-                        this.viewkeeperSvc.destroy(viewkeeper);
-                    }
-                }
-                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; }
-                }
-                this.viewkeepers = [];
-            };
-            SkyViewkeeperDirective.prototype.getViewkeeperEls = function () {
-                var e_2, _a;
-                var viewkeeperEls;
-                if (this.skyViewkeeper) {
-                    viewkeeperEls = [];
-                    try {
-                        for (var _b = __values(this.skyViewkeeper), _c = _b.next(); !_c.done; _c = _b.next()) {
-                            var item = _c.value;
-                            var matchingEls = Array.from(this.el.nativeElement.querySelectorAll(item));
-                            viewkeeperEls = __spreadArray(__spreadArray([], __read(viewkeeperEls)), __read(matchingEls));
-                        }
-                    }
-                    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 viewkeeperEls;
-            };
-            SkyViewkeeperDirective.prototype.viewkeeperElsChanged = function (viewkeeperEls) {
-                if (!viewkeeperEls !== !this.currentViewkeeperEls) {
-                    return true;
-                }
-                if (viewkeeperEls && this.currentViewkeeperEls) {
-                    if (viewkeeperEls.length !== this.currentViewkeeperEls.length) {
-                        return true;
-                    }
-                    for (var i = 0, n = viewkeeperEls.length; i < n; i++) {
-                        if (viewkeeperEls[i] !== this.currentViewkeeperEls[i]) {
-                            return true;
-                        }
-                    }
-                }
-                return false;
-            };
-            SkyViewkeeperDirective.prototype.detectElements = function () {
-                var _this = this;
-                var viewkeeperEls = this.getViewkeeperEls();
-                if (this.viewkeeperElsChanged(viewkeeperEls)) {
-                    if (this.scrollableHostWatchUnsubscribe) {
-                        this.scrollableHostWatchUnsubscribe.next();
-                        this.scrollableHostWatchUnsubscribe = new rxjs.Subject();
-                    }
-                    else {
-                        this.scrollableHostWatchUnsubscribe = new rxjs.Subject();
-                    }
-                    this.scrollableHostService
-                        .watchScrollableHost(this.el)
-                        .pipe(operators.takeUntil(this.scrollableHostWatchUnsubscribe))
-                        .subscribe(function (scrollableHost) {
-                        var e_3, _a;
-                        _this.destroyViewkeepers();
-                        var previousViewkeeperEl;
-                        try {
-                            for (var viewkeeperEls_1 = __values(viewkeeperEls), viewkeeperEls_1_1 = viewkeeperEls_1.next(); !viewkeeperEls_1_1.done; viewkeeperEls_1_1 = viewkeeperEls_1.next()) {
-                                var viewkeeperEl = viewkeeperEls_1_1.value;
-                                _this.viewkeepers.push(_this.viewkeeperSvc.create({
-                                    boundaryEl: _this.el.nativeElement,
-                                    scrollableHost: scrollableHost instanceof HTMLElement
-                                        ? scrollableHost
-                                        : undefined,
-                                    el: viewkeeperEl,
-                                    setWidth: true,
-                                    verticalOffsetEl: previousViewkeeperEl,
-                                }));
-                                previousViewkeeperEl = viewkeeperEl;
-                            }
-                        }
-                        catch (e_3_1) { e_3 = { error: e_3_1 }; }
-                        finally {
-                            try {
-                                if (viewkeeperEls_1_1 && !viewkeeperEls_1_1.done && (_a = viewkeeperEls_1.return)) _a.call(viewkeeperEls_1);
-                            }
-                            finally { if (e_3) throw e_3.error; }
-                        }
-                    });
-                    this.currentViewkeeperEls = viewkeeperEls;
-                }
-            };
-            return SkyViewkeeperDirective;
-        }());
-        SkyViewkeeperDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyViewkeeperDirective, deps: [{ token: i0__namespace.ElementRef }, { token: MutationObserverService }, { token: SkyViewkeeperService }, { token: SkyScrollableHostService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-        SkyViewkeeperDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyViewkeeperDirective, selector: "[skyViewkeeper]", inputs: { skyViewkeeper: "skyViewkeeper" }, ngImport: i0__namespace });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyViewkeeperDirective, decorators: [{
-                    type: i0.Directive,
-                    args: [{
-                            selector: '[skyViewkeeper]',
-                        }]
-                }], ctorParameters: function () {
-                return [{ type: i0__namespace.ElementRef }, { type: MutationObserverService }, { type: SkyViewkeeperService }, { type: SkyScrollableHostService, decorators: [{
-                                type: i0.Optional
-                            }] }];
-            }, propDecorators: { skyViewkeeper: [{
-                        type: i0.Input
-                    }] } });
-
-        var SkyViewkeeperModule = /** @class */ (function () {
-            function SkyViewkeeperModule() {
-            }
-            return SkyViewkeeperModule;
-        }());
-        SkyViewkeeperModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyViewkeeperModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyViewkeeperModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyViewkeeperModule, declarations: [SkyViewkeeperDirective], exports: [SkyViewkeeperDirective] });
-        SkyViewkeeperModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyViewkeeperModule });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyViewkeeperModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{
-                            declarations: [SkyViewkeeperDirective],
-                            exports: [SkyViewkeeperDirective],
-                        }]
-                }] });
-
-        /**
-         * Generated bundle index. Do not edit.
-         */
-
-        exports.MutationObserverService = MutationObserverService;
-        exports.NumericOptions = NumericOptions;
-        exports.SkyAffixModule = SkyAffixModule;
-        exports.SkyAffixService = SkyAffixService;
-        exports.SkyAffixer = SkyAffixer;
-        exports.SkyAppFormat = SkyAppFormat;
-        exports.SkyAppTitleService = SkyAppTitleService;
-        exports.SkyAppWindowRef = SkyAppWindowRef;
-        exports.SkyCoreAdapterModule = SkyCoreAdapterModule;
-        exports.SkyCoreAdapterService = SkyCoreAdapterService;
-        exports.SkyDockItem = SkyDockItem;
-        exports.SkyDockModule = SkyDockModule;
-        exports.SkyDockService = SkyDockService;
-        exports.SkyDynamicComponentModule = SkyDynamicComponentModule;
-        exports.SkyDynamicComponentService = SkyDynamicComponentService;
-        exports.SkyIdModule = SkyIdModule;
-        exports.SkyLogModule = SkyLogModule;
-        exports.SkyLogService = SkyLogService;
-        exports.SkyMediaQueryModule = SkyMediaQueryModule;
-        exports.SkyMediaQueryService = SkyMediaQueryService;
-        exports.SkyNumericModule = SkyNumericModule;
-        exports.SkyNumericPipe = SkyNumericPipe;
-        exports.SkyNumericService = SkyNumericService;
-        exports.SkyOverlayInstance = SkyOverlayInstance;
-        exports.SkyOverlayModule = SkyOverlayModule;
-        exports.SkyOverlayService = SkyOverlayService;
-        exports.SkyPercentPipe = SkyPercentPipe;
-        exports.SkyPercentPipeModule = SkyPercentPipeModule;
-        exports.SkyScrollableHostService = SkyScrollableHostService;
-        exports.SkyUIConfigService = SkyUIConfigService;
-        exports.SkyViewkeeperHostOptions = SkyViewkeeperHostOptions;
-        exports.SkyViewkeeperModule = SkyViewkeeperModule;
-        exports.SkyViewkeeperService = SkyViewkeeperService;
-        exports.getWindow = getWindow;
-        exports["λ1"] = SkyAffixDirective;
-        exports["λ2"] = SkyIdDirective;
-        exports["λ3"] = SkyViewkeeperDirective;
-
-        Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=skyux-core.umd.js.map