@skyux/core 5.0.0-beta.8 → 5.1.1

package/fesm5/skyux-core.js

@@ -1,2902 +0,0 @@
-import { __decorate, __assign, __read, __param, __values, __spread } from 'tslib';
-import { NgModule, RendererFactory2, ɵɵdefineInjectable, ɵɵinject, Injectable, EventEmitter, ElementRef, Input, Output, Directive, Injector, ChangeDetectorRef, ComponentFactoryResolver, ViewChild, ViewContainerRef, Component, ChangeDetectionStrategy, ApplicationRef, INJECTOR, Renderer2, NgZone, Pipe, Optional } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Subject, fromEvent, BehaviorSubject, of } from 'rxjs';
-import { takeUntil, debounceTime } from 'rxjs/operators';
-import { getStringForLocale, SKY_LIB_RESOURCES_PROVIDERS, SkyIntlNumberFormatStyle, SkyIntlNumberFormatter, SkyLibResourcesService, SkyAppLocaleProvider, SkyI18nModule } from '@skyux/i18n';
-import { NavigationStart, Router } from '@angular/router';
-import { Title } from '@angular/platform-browser';
-
-/**
- * @deprecated The `SkyCoreAdapterService` no longer needs the `SkyCoreAdapterModule`.
- * The `SkyCoreAdapterModule` can be removed from your project.
- */
-var SkyCoreAdapterModule = /** @class */ (function () {
-    function SkyCoreAdapterModule() {
-    }
-    SkyCoreAdapterModule = __decorate([
-        NgModule({})
-    ], SkyCoreAdapterModule);
-    return SkyCoreAdapterModule;
-}());
-
-var SkyMediaBreakpoints;
-(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";
-})(SkyMediaBreakpoints || (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 SkyMediaBreakpoints.xs: {
-                newClass = 'sky-responsive-container-xs';
-                break;
-            }
-            case SkyMediaBreakpoints.sm: {
-                newClass = 'sky-responsive-container-sm';
-                break;
-            }
-            case 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);
-        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);
-        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;
-    };
-    SkyCoreAdapterService.ctorParameters = function () { return [
-        { type: RendererFactory2 }
-    ]; };
-    SkyCoreAdapterService.ɵprov = ɵɵdefineInjectable({ factory: function SkyCoreAdapterService_Factory() { return new SkyCoreAdapterService(ɵɵinject(RendererFactory2)); }, token: SkyCoreAdapterService, providedIn: "root" });
-    SkyCoreAdapterService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        })
-    ], SkyCoreAdapterService);
-    return SkyCoreAdapterService;
-}());
-
-var SkyAffixAutoFitContext;
-(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";
-})(SkyAffixAutoFitContext || (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: 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 Subject();
-        this._overflowScroll = new Subject();
-        this._placementChange = new Subject();
-    }
-    Object.defineProperty(SkyAffixer.prototype, "offsetChange", {
-        /**
-         * Fires when the affixed element's offset changes.
-         */
-        get: function () {
-            return this._offsetChange.asObservable();
-        },
-        enumerable: true,
-        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: true,
-        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: true,
-        configurable: true
-    });
-    Object.defineProperty(SkyAffixer.prototype, "config", {
-        get: function () {
-            return this._config;
-        },
-        set: function (value) {
-            var merged = __assign(__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: true,
-        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(__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 === 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 = 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);
-    };
-    SkyAffixService.ctorParameters = function () { return [
-        { type: RendererFactory2 }
-    ]; };
-    SkyAffixService.ɵprov = ɵɵdefineInjectable({ factory: function SkyAffixService_Factory() { return new SkyAffixService(ɵɵinject(RendererFactory2)); }, token: SkyAffixService, providedIn: "root" });
-    SkyAffixService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        })
-    ], SkyAffixService);
-    return SkyAffixService;
-}());
-
-/**
- * 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 EventEmitter();
-        /**
-         * Fires when the affixed element's overflow container is scrolled.
-         */
-        this.affixOverflowScroll = new EventEmitter();
-        /**
-         * Fires when the placement value changes.
-         */
-        this.affixPlacementChange = new EventEmitter();
-        this.ngUnsubscribe = new Subject();
-        this.affixer = this.affixService.createAffixer(elementRef);
-        this.affixer.offsetChange
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function (change) { return _this.affixOffsetChange.emit(change); });
-        this.affixer.overflowScroll
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function (change) { return _this.affixOverflowScroll.emit(change); });
-        this.affixer.placementChange
-            .pipe(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
-        });
-    };
-    SkyAffixDirective.ctorParameters = function () { return [
-        { type: ElementRef },
-        { type: SkyAffixService }
-    ]; };
-    __decorate([
-        Input()
-    ], SkyAffixDirective.prototype, "skyAffixTo", void 0);
-    __decorate([
-        Input()
-    ], SkyAffixDirective.prototype, "affixAutoFitContext", void 0);
-    __decorate([
-        Input()
-    ], SkyAffixDirective.prototype, "affixAutoFitOverflowOffset", void 0);
-    __decorate([
-        Input()
-    ], SkyAffixDirective.prototype, "affixEnableAutoFit", void 0);
-    __decorate([
-        Input()
-    ], SkyAffixDirective.prototype, "affixHorizontalAlignment", void 0);
-    __decorate([
-        Input()
-    ], SkyAffixDirective.prototype, "affixIsSticky", void 0);
-    __decorate([
-        Input()
-    ], SkyAffixDirective.prototype, "affixPlacement", void 0);
-    __decorate([
-        Input()
-    ], SkyAffixDirective.prototype, "affixVerticalAlignment", void 0);
-    __decorate([
-        Output()
-    ], SkyAffixDirective.prototype, "affixOffsetChange", void 0);
-    __decorate([
-        Output()
-    ], SkyAffixDirective.prototype, "affixOverflowScroll", void 0);
-    __decorate([
-        Output()
-    ], SkyAffixDirective.prototype, "affixPlacementChange", void 0);
-    SkyAffixDirective = __decorate([
-        Directive({
-            selector: '[skyAffixTo]'
-        })
-    ], SkyAffixDirective);
-    return SkyAffixDirective;
-}());
-
-var SkyAffixModule = /** @class */ (function () {
-    function SkyAffixModule() {
-    }
-    SkyAffixModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule
-            ],
-            exports: [
-                SkyAffixDirective
-            ],
-            declarations: [
-                SkyAffixDirective
-            ]
-        })
-    ], SkyAffixModule);
-    return SkyAffixModule;
-}());
-
-/**
- * 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 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: true,
-        configurable: true
-    });
-    /**
-     * Removes the item from the dock.
-     */
-    SkyDockItem.prototype.destroy = function () {
-        this._destroyed.next();
-        this._destroyed.complete();
-    };
-    return SkyDockItem;
-}());
-
-var MutationObserverService = /** @class */ (function () {
-    function MutationObserverService() {
-    }
-    MutationObserverService.prototype.create = function (callback) {
-        return new MutationObserver(callback);
-    };
-    MutationObserverService.ɵprov = ɵɵdefineInjectable({ factory: function MutationObserverService_Factory() { return new MutationObserverService(); }, token: MutationObserverService, providedIn: "root" });
-    MutationObserverService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        })
-    ], MutationObserverService);
-    return MutationObserverService;
-}());
-
-/**
- * @internal
- */
-var SkyDockDomAdapterService = /** @class */ (function () {
-    function SkyDockDomAdapterService(mutationService, rendererFactory) {
-        this.mutationService = mutationService;
-        this.ngUnsubscribe = new Subject();
-        this.renderer = rendererFactory.createRenderer(undefined, undefined);
-    }
-    SkyDockDomAdapterService.prototype.ngOnDestroy = function () {
-        this.observer.disconnect();
-        this.ngUnsubscribe.next();
-        if (this.styleElement) {
-            this.destroyStyleElement();
-        }
-        this.currentDockHeight =
-            this.ngUnsubscribe =
-                this.observer =
-                    this.styleElement = undefined;
-    };
-    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
-        });
-        fromEvent(window, 'resize')
-            .pipe(debounceTime(250), 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);
-    };
-    SkyDockDomAdapterService.ctorParameters = function () { return [
-        { type: MutationObserverService },
-        { type: RendererFactory2 }
-    ]; };
-    SkyDockDomAdapterService = __decorate([
-        Injectable()
-    ], SkyDockDomAdapterService);
-    return SkyDockDomAdapterService;
-}());
-
-/**
- * @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.ngOnInit = function () {
-        this.domAdapter.watchDomChanges(this.elementRef);
-    };
-    SkyDockComponent.prototype.insertComponent = function (component, config) {
-        if (config === void 0) { config = {}; }
-        var factory = this.resolver.resolveComponentFactory(component);
-        var injector = 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.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;
-    };
-    SkyDockComponent.ctorParameters = function () { return [
-        { type: ChangeDetectorRef },
-        { type: ComponentFactoryResolver },
-        { type: ElementRef },
-        { type: Injector },
-        { type: SkyDockDomAdapterService }
-    ]; };
-    __decorate([
-        ViewChild('target', {
-            read: ViewContainerRef,
-            static: true
-        })
-    ], SkyDockComponent.prototype, "target", void 0);
-    SkyDockComponent = __decorate([
-        Component({
-            selector: 'sky-dock',
-            template: "<ng-container\n  #target\n></ng-container>",
-            providers: [
-                SkyDockDomAdapterService
-            ],
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [":host{position:fixed;left:0;bottom:0;right:0;display:flex;flex-direction:column;width:100%}"]
-        })
-    ], SkyDockComponent);
-    return SkyDockComponent;
-}());
-
-var SkyDockModule = /** @class */ (function () {
-    function SkyDockModule() {
-    }
-    SkyDockModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule
-            ],
-            declarations: [
-                SkyDockComponent
-            ],
-            entryComponents: [
-                SkyDockComponent
-            ]
-        })
-    ], SkyDockModule);
-    return SkyDockModule;
-}());
-
-/**
- * @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: true,
-        configurable: true
-    });
-    SkyAppWindowRef.ɵprov = ɵɵdefineInjectable({ factory: function SkyAppWindowRef_Factory() { return new SkyAppWindowRef(); }, token: SkyAppWindowRef, providedIn: "root" });
-    SkyAppWindowRef = __decorate([
-        Injectable({
-            providedIn: 'root'
-        })
-    ], SkyAppWindowRef);
-    return SkyAppWindowRef;
-}());
-
-/**
- * The location on the page where the dynamic component should be rendered.
- */
-var SkyDynamicComponentLocation;
-(function (SkyDynamicComponentLocation) {
-    /**
-     * Renders the dynamic component as the last element inside the BODY element.
-     */
-    SkyDynamicComponentLocation[SkyDynamicComponentLocation["BodyBottom"] = 0] = "BodyBottom";
-    /**
-     * Renders the dynamic component as the first element inside the BODY element.
-     */
-    SkyDynamicComponentLocation[SkyDynamicComponentLocation["BodyTop"] = 1] = "BodyTop";
-})(SkyDynamicComponentLocation || (SkyDynamicComponentLocation = {}));
-
-/**
- * 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: 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 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];
-    };
-    SkyDynamicComponentService.ctorParameters = function () { return [
-        { type: ComponentFactoryResolver },
-        { type: ApplicationRef },
-        { type: Injector },
-        { type: SkyAppWindowRef },
-        { type: RendererFactory2 }
-    ]; };
-    SkyDynamicComponentService.ɵprov = ɵɵdefineInjectable({ factory: function SkyDynamicComponentService_Factory() { return new SkyDynamicComponentService(ɵɵinject(ComponentFactoryResolver), ɵɵinject(ApplicationRef), ɵɵinject(INJECTOR), ɵɵinject(SkyAppWindowRef), ɵɵinject(RendererFactory2)); }, token: SkyDynamicComponentService, providedIn: "any" });
-    SkyDynamicComponentService = __decorate([
-        Injectable({
-            // 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'
-        })
-    ], SkyDynamicComponentService);
-    return SkyDynamicComponentService;
-}());
-
-/**
- * This service docks components to specific areas on the page.
- */
-var SkyDockService = /** @class */ (function () {
-    function SkyDockService(dynamicComponentService) {
-        this.dynamicComponentService = dynamicComponentService;
-        this._items = [];
-    }
-    Object.defineProperty(SkyDockService.prototype, "items", {
-        /**
-         * Returns all docked items.
-         */
-        get: function () {
-            return this._items;
-        },
-        enumerable: true,
-        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 (!this.dockRef) {
-            this.createDock();
-        }
-        var itemRef = this.dockRef.instance.insertComponent(component, config);
-        var item = new SkyDockItem(itemRef.componentRef.instance, itemRef.stackOrder);
-        item.destroyed.subscribe(function () {
-            _this.dockRef.instance.removeItem(itemRef);
-            _this._items.splice(_this._items.indexOf(item), 1);
-            if (_this._items.length === 0) {
-                _this.destroyDock();
-            }
-        });
-        this._items.push(item);
-        this._items.sort(sortByStackOrder);
-        return item;
-    };
-    SkyDockService.prototype.createDock = function () {
-        this.dockRef = this.dynamicComponentService.createComponent(SkyDockComponent);
-    };
-    SkyDockService.prototype.destroyDock = function () {
-        this.dynamicComponentService.removeComponent(this.dockRef);
-        this.dockRef = undefined;
-    };
-    SkyDockService.ctorParameters = function () { return [
-        { type: SkyDynamicComponentService }
-    ]; };
-    SkyDockService.ɵprov = ɵɵdefineInjectable({ factory: function SkyDockService_Factory() { return new SkyDockService(ɵɵinject(SkyDynamicComponentService)); }, token: SkyDockService, providedIn: "root" });
-    SkyDockService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        })
-    ], SkyDockService);
-    return SkyDockService;
-}());
-
-/**
- * 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() {
-    }
-    SkyDynamicComponentModule = __decorate([
-        NgModule({})
-    ], SkyDynamicComponentModule);
-    return SkyDynamicComponentModule;
-}());
-
-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)];
-        });
-    };
-    SkyAppFormat.ɵprov = ɵɵdefineInjectable({ factory: function SkyAppFormat_Factory() { return new SkyAppFormat(); }, token: SkyAppFormat, providedIn: "root" });
-    SkyAppFormat = __decorate([
-        Injectable({
-            providedIn: 'root'
-        })
-    ], SkyAppFormat);
-    return SkyAppFormat;
-}());
-
-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: true,
-        configurable: true
-    });
-    SkyIdDirective.ctorParameters = function () { return [
-        { type: ElementRef },
-        { type: Renderer2 }
-    ]; };
-    SkyIdDirective = __decorate([
-        Directive({
-            selector: '[skyId]',
-            exportAs: 'skyId'
-        })
-    ], SkyIdDirective);
-    return SkyIdDirective;
-}());
-
-var SkyIdModule = /** @class */ (function () {
-    function SkyIdModule() {
-    }
-    SkyIdModule = __decorate([
-        NgModule({
-            declarations: [
-                SkyIdDirective
-            ],
-            exports: [
-                SkyIdDirective
-            ]
-        })
-    ], SkyIdModule);
-    return SkyIdModule;
-}());
-
-/**
- * @deprecated The `SkyLogService` no longer needs the `SkyLogModule`.
- * The `SkyLogModule` can be removed from your project.
- */
-var SkyLogModule = /** @class */ (function () {
-    function SkyLogModule() {
-    }
-    SkyLogModule = __decorate([
-        NgModule({})
-    ], SkyLogModule);
-    return SkyLogModule;
-}());
-
-/**
- * @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) {
-            window.console.warn.apply(window.console, arguments);
-        }
-    };
-    SkyLogService.ɵprov = ɵɵdefineInjectable({ factory: function SkyLogService_Factory() { return new SkyLogService(); }, token: SkyLogService, providedIn: "root" });
-    SkyLogService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        })
-    ], SkyLogService);
-    return SkyLogService;
-}());
-
-/**
- * @deprecated The `SkyMediaQueryService` no longer needs the `SkyMediaQueryModule`.
- * The `SkyMediaQueryModule` can be removed from your project.
- */
-var SkyMediaQueryModule = /** @class */ (function () {
-    function SkyMediaQueryModule() {
-    }
-    SkyMediaQueryModule = __decorate([
-        NgModule({})
-    ], SkyMediaQueryModule);
-    return SkyMediaQueryModule;
-}());
-
-var SkyMediaQueryService = /** @class */ (function () {
-    function SkyMediaQueryService(zone) {
-        this.zone = zone;
-        this.currentSubject = new BehaviorSubject(this.current);
-        this._current = SkyMediaBreakpoints.md;
-        this.breakpoints = [
-            {
-                mediaQueryString: SkyMediaQueryService_1.xs,
-                name: SkyMediaBreakpoints.xs
-            },
-            {
-                mediaQueryString: SkyMediaQueryService_1.sm,
-                name: SkyMediaBreakpoints.sm
-            },
-            {
-                mediaQueryString: SkyMediaQueryService_1.md,
-                name: SkyMediaBreakpoints.md
-            },
-            {
-                mediaQueryString: SkyMediaQueryService_1.lg,
-                name: SkyMediaBreakpoints.lg
-            }
-        ];
-        this.mediaQueries = [];
-        this.addListeners();
-    }
-    SkyMediaQueryService_1 = SkyMediaQueryService;
-    Object.defineProperty(SkyMediaQueryService.prototype, "current", {
-        /**
-         * Returns the current breakpoint.
-         */
-        get: function () {
-            return this._current;
-        },
-        enumerable: true,
-        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);
-    };
-    var SkyMediaQueryService_1;
-    /**
-     * The size for the `xs` breakpoint.
-     */
-    SkyMediaQueryService.xs = '(max-width: 767px)';
-    /**
-     * The size for the `sm` breakpoint.
-     */
-    SkyMediaQueryService.sm = '(min-width: 768px) and (max-width: 991px)';
-    /**
-     * The size for the `md` breakpoint.
-     */
-    SkyMediaQueryService.md = '(min-width: 992px) and (max-width: 1199px)';
-    /**
-     * The size for the `lg` breakpoint.
-     */
-    SkyMediaQueryService.lg = '(min-width: 1200px)';
-    SkyMediaQueryService.ctorParameters = function () { return [
-        { type: NgZone }
-    ]; };
-    SkyMediaQueryService.ɵprov = ɵɵdefineInjectable({ factory: function SkyMediaQueryService_Factory() { return new SkyMediaQueryService(ɵɵinject(NgZone)); }, token: SkyMediaQueryService, providedIn: "root" });
-    SkyMediaQueryService = SkyMediaQueryService_1 = __decorate([
-        Injectable({
-            providedIn: 'root'
-        })
-    ], SkyMediaQueryService);
-    return SkyMediaQueryService;
-}());
-
-var SkyCoreResourcesProvider = /** @class */ (function () {
-    function SkyCoreResourcesProvider() {
-        this.resources = { "EN-US": { "skyux_numeric_billions_symbol": "B", "skyux_numeric_millions_symbol": "M", "skyux_numeric_thousands_symbol": "K", "skyux_numeric_trillions_symbol": "T" } };
-    }
-    SkyCoreResourcesProvider.prototype.getString = function (localeInfo, name) {
-        return getStringForLocale(this.resources, localeInfo.locale, name);
-    };
-    SkyCoreResourcesProvider = __decorate([
-        Injectable()
-    ], SkyCoreResourcesProvider);
-    return SkyCoreResourcesProvider;
-}());
-
-var SkyCoreResourcesModule = /** @class */ (function () {
-    function SkyCoreResourcesModule() {
-    }
-    SkyCoreResourcesModule = __decorate([
-        NgModule({
-            providers: [{
-                    provide: SKY_LIB_RESOURCES_PROVIDERS,
-                    useClass: SkyCoreResourcesProvider,
-                    multi: true
-                }]
-        })
-    ], SkyCoreResourcesModule);
-    return SkyCoreResourcesModule;
-}());
-
-/* 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 () {
-    /* istanbul ignore next */
-    function SkyNumberFormatUtility() {
-    }
-    SkyNumberFormatUtility.formatNumber = function (locale, value, style, digits, currency, currencyAsSymbol) {
-        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 !== 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 SkyIntlNumberFormatter.format(value, locale, style, {
-            minimumIntegerDigits: minInt,
-            minimumFractionDigits: minFraction,
-            maximumFractionDigits: maxFraction,
-            currency: currency,
-            currencyAsSymbol: currencyAsSymbol
-        });
-    };
-    SkyNumberFormatUtility._NUMBER_FORMAT_REGEXP = /^(\d+)?\.((\d+)(-(\d+))?)?$/;
-    return SkyNumberFormatUtility;
-}());
-
-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: true,
-        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) {
-        /* 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;
-        // Checks the string entered for format. Using toLowerCase to ignore case.
-        switch (options.format.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':
-                var 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;
-                }
-                // 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
-                var symbolDisplay = 'symbol';
-                output = SkyNumberFormatUtility.formatNumber(locale, parseFloat(output), SkyIntlNumberFormatStyle.Currency, digits, options.iso, symbolDisplay);
-                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), 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 _a = __read(valueStr.split('e'), 2), base = _a[0], exp = _a[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);
-    };
-    SkyNumericService.ctorParameters = function () { return [
-        { type: SkyLibResourcesService }
-    ]; };
-    SkyNumericService.ɵprov = ɵɵdefineInjectable({ factory: function SkyNumericService_Factory() { return new SkyNumericService(ɵɵinject(SkyLibResourcesService)); }, token: SkyNumericService, providedIn: "any" });
-    SkyNumericService = __decorate([
-        Injectable({
-            providedIn: 'any'
-        })
-    ], SkyNumericService);
-    return SkyNumericService;
-}());
-
-/**
- * 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 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 trillion.
-         */
-        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;
-}());
-
-/**
- * Shorten numbers to rounded numbers and abbreviation characters such as K for thousands,
- * M for millions, B for billions, and T for trillion. 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) {
-        this.localeProvider = localeProvider;
-        this.numericService = numericService;
-        this.ngUnsubscribe = new Subject();
-        this.localeProvider.getLocaleInfo()
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function (localeInfo) {
-            numericService.currentLocale = localeInfo.locale;
-        });
-    }
-    SkyNumericPipe.prototype.ngOnDestroy = function () {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    };
-    SkyNumericPipe.prototype.transform = function (value, config) {
-        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) {
-            config.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) {
-            config.digits = config.minDigits;
-        }
-        Object.assign(options, config);
-        return this.numericService.formatNumber(value, options);
-    };
-    SkyNumericPipe.ctorParameters = function () { return [
-        { type: SkyAppLocaleProvider },
-        { type: SkyNumericService }
-    ]; };
-    SkyNumericPipe = __decorate([
-        Pipe({
-            name: 'skyNumeric'
-        })
-    ], SkyNumericPipe);
-    return SkyNumericPipe;
-}());
-
-var SkyNumericModule = /** @class */ (function () {
-    function SkyNumericModule() {
-    }
-    SkyNumericModule = __decorate([
-        NgModule({
-            declarations: [
-                SkyNumericPipe
-            ],
-            providers: [
-                SkyNumericPipe
-            ],
-            imports: [
-                SkyI18nModule,
-                SkyCoreResourcesModule
-            ],
-            exports: [
-                SkyNumericPipe
-            ]
-        })
-    ], SkyNumericModule);
-    return SkyNumericModule;
-}());
-
-/**
- * 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 Subject();
-        this._closed = new 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: true,
-        configurable: true
-    });
-    Object.defineProperty(SkyOverlayInstance.prototype, "closed", {
-        /**
-         * Emits after the overlay is closed.
-         */
-        get: function () {
-            return this._closed.asObservable();
-        },
-        enumerable: true,
-        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 Subject();
-        this._backdropClick = new Subject();
-        this._closed = new Subject();
-    }
-    Object.defineProperty(SkyOverlayComponent.prototype, "backdropClick", {
-        get: function () {
-            return this._backdropClick.asObservable();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SkyOverlayComponent.prototype, "closed", {
-        get: function () {
-            return this._closed.asObservable();
-        },
-        enumerable: true,
-        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 = 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;
-        fromEvent(window.document, 'click')
-            .pipe(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 NavigationStart) {
-                    _this._closed.next();
-                }
-            });
-        }
-    };
-    SkyOverlayComponent.prototype.removeRouteListener = function () {
-        if (this.routerSubscription) {
-            this.routerSubscription.unsubscribe();
-            this.routerSubscription = undefined;
-        }
-    };
-    SkyOverlayComponent.ctorParameters = function () { return [
-        { type: ChangeDetectorRef },
-        { type: ComponentFactoryResolver },
-        { type: Injector },
-        { type: SkyCoreAdapterService },
-        { type: SkyOverlayContext },
-        { type: Router, decorators: [{ type: Optional }] }
-    ]; };
-    __decorate([
-        ViewChild('overlayContentRef', {
-            read: ElementRef,
-            static: true
-        })
-    ], SkyOverlayComponent.prototype, "overlayContentRef", void 0);
-    __decorate([
-        ViewChild('overlayRef', {
-            read: ElementRef,
-            static: true
-        })
-    ], SkyOverlayComponent.prototype, "overlayRef", void 0);
-    __decorate([
-        ViewChild('target', {
-            read: ViewContainerRef,
-            static: true
-        })
-    ], SkyOverlayComponent.prototype, "targetRef", void 0);
-    SkyOverlayComponent = __decorate([
-        Component({
-            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\n    class=\"sky-overlay-content\"\n    #overlayContentRef\n  >\n    <ng-template\n      #target\n    >\n    </ng-template>\n  </div>\n  <div *ngIf=\"showBackdrop\"\n    class=\"sky-overlay-backdrop\"\n  ></div>\n</div>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            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;-ms-grid-row-align:start;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,.enable-pointer-events-pass-through .sky-overlay-backdrop{pointer-events:none}.enable-pointer-events-pass-through .sky-overlay-content{pointer-events:auto}"]
-        }),
-        __param(5, Optional())
-    ], SkyOverlayComponent);
-    return SkyOverlayComponent;
-}());
-
-var SkyOverlayModule = /** @class */ (function () {
-    function SkyOverlayModule() {
-    }
-    SkyOverlayModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule
-            ],
-            declarations: [
-                SkyOverlayComponent
-            ],
-            entryComponents: [
-                SkyOverlayComponent
-            ]
-        })
-    ], SkyOverlayModule);
-    return SkyOverlayModule;
-}());
-
-/**
- * @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 () {
-        if (this.styleElement.parentElement === document.head) {
-            this.renderer.removeChild(document.head, this.styleElement);
-        }
-    };
-    SkyOverlayAdapterService.ctorParameters = function () { return [
-        { type: RendererFactory2 }
-    ]; };
-    SkyOverlayAdapterService.ɵprov = ɵɵdefineInjectable({ factory: function SkyOverlayAdapterService_Factory() { return new SkyOverlayAdapterService(ɵɵinject(RendererFactory2)); }, token: SkyOverlayAdapterService, providedIn: "root" });
-    SkyOverlayAdapterService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        })
-    ], SkyOverlayAdapterService);
-    return SkyOverlayAdapterService;
-}());
-
-/**
- * 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;
-    }
-    SkyOverlayService_1 = SkyOverlayService;
-    /**
-     * 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_1.overlays.indexOf(instance) > -1) {
-                _this.close(instance);
-            }
-        });
-        SkyOverlayService_1.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_1.overlays.length > 0) {
-            this.close(SkyOverlayService_1.overlays[0]);
-        }
-    };
-    SkyOverlayService.prototype.createOverlay = function (config) {
-        var injector = 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 __assign(__assign({}, defaults), config);
-    };
-    SkyOverlayService.prototype.destroyOverlay = function (instance) {
-        SkyOverlayService_1.overlays.splice(SkyOverlayService_1.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_1.overlays.some(function (o) { return !o.config.enableScroll; });
-            if (!anotherOverlayDisablesScroll) {
-                this.adapter.releaseBodyScroll();
-            }
-        }
-    };
-    var SkyOverlayService_1;
-    SkyOverlayService.overlays = [];
-    SkyOverlayService.ctorParameters = function () { return [
-        { type: ApplicationRef },
-        { type: ComponentFactoryResolver },
-        { type: Injector },
-        { type: SkyOverlayAdapterService }
-    ]; };
-    SkyOverlayService.ɵprov = ɵɵdefineInjectable({ factory: function SkyOverlayService_Factory() { return new SkyOverlayService(ɵɵinject(ApplicationRef), ɵɵinject(ComponentFactoryResolver), ɵɵinject(INJECTOR), ɵɵinject(SkyOverlayAdapterService)); }, token: SkyOverlayService, providedIn: "root" });
-    SkyOverlayService = SkyOverlayService_1 = __decorate([
-        Injectable({
-            providedIn: 'root'
-        })
-    ], SkyOverlayService);
-    return SkyOverlayService;
-}());
-
-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 Subject();
-        this.localeProvider.getLocaleInfo()
-            .pipe(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, SkyIntlNumberFormatStyle.Percent, format);
-    };
-    SkyPercentPipe.ctorParameters = function () { return [
-        { type: SkyAppLocaleProvider }
-    ]; };
-    SkyPercentPipe = __decorate([
-        Pipe({
-            name: 'skyPercent',
-            pure: false
-        })
-    ], SkyPercentPipe);
-    return SkyPercentPipe;
-}());
-
-var SkyPercentPipeModule = /** @class */ (function () {
-    function SkyPercentPipeModule() {
-    }
-    SkyPercentPipeModule = __decorate([
-        NgModule({
-            declarations: [
-                SkyPercentPipe
-            ],
-            providers: [
-                SkyPercentPipe
-            ],
-            imports: [
-                CommonModule,
-                SkyCoreResourcesModule
-            ],
-            exports: [
-                SkyPercentPipe
-            ]
-        })
-    ], SkyPercentPipeModule);
-    return SkyPercentPipeModule;
-}());
-
-/**
- * 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(' - '));
-        }
-    };
-    SkyAppTitleService.ctorParameters = function () { return [
-        { type: Title }
-    ]; };
-    SkyAppTitleService.ɵprov = ɵɵdefineInjectable({ factory: function SkyAppTitleService_Factory() { return new SkyAppTitleService(ɵɵinject(Title)); }, token: SkyAppTitleService, providedIn: "root" });
-    SkyAppTitleService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        })
-    ], SkyAppTitleService);
-    return SkyAppTitleService;
-}());
-
-var SkyUIConfigService = /** @class */ (function () {
-    function SkyUIConfigService() {
-    }
-    SkyUIConfigService.prototype.getConfig = function (key, defaultConfig) {
-        return of(defaultConfig);
-    };
-    /* istanbul ignore next */
-    SkyUIConfigService.prototype.setConfig = function (key, value) {
-        return of({});
-    };
-    SkyUIConfigService.ɵprov = ɵɵdefineInjectable({ factory: function SkyUIConfigService_Factory() { return new SkyUIConfigService(); }, token: SkyUIConfigService, providedIn: "root" });
-    SkyUIConfigService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        })
-    ], SkyUIConfigService);
-    return SkyUIConfigService;
-}());
-
-var SkyViewkeeperHostOptions = /** @class */ (function () {
-    function SkyViewkeeperHostOptions() {
-    }
-    SkyViewkeeperHostOptions = __decorate([
-        Injectable()
-    ], SkyViewkeeperHostOptions);
-    return SkyViewkeeperHostOptions;
-}());
-
-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) {
-    var rect = el.getBoundingClientRect();
-    return {
-        top: rect.top + document.documentElement.scrollTop,
-        left: rect.left + document.documentElement.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.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);
-        window.addEventListener('resize', this.syncElPositionHandler);
-        window.addEventListener('orientationchange', this.syncElPositionHandler);
-        ensureStyleEl();
-        this.syncElPosition();
-    }
-    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);
-            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);
-        }
-        return offset;
-    };
-    SkyViewkeeper.prototype.shouldFixEl = function (boundaryInfo, verticalOffset) {
-        var anchorTop;
-        var doFixEl;
-        if (boundaryInfo.spacerEl) {
-            anchorTop = getOffset(boundaryInfo.spacerEl).top;
-        }
-        else {
-            anchorTop = getOffset(this.el).top;
-        }
-        doFixEl = boundaryInfo.scrollTop + verticalOffset + this.viewportMarginTop > anchorTop;
-        return doFixEl;
-    };
-    SkyViewkeeper.prototype.getFixedStyles = function (boundaryInfo, verticalOffset) {
-        var elFixedTop;
-        // 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.
-        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);
-        var boundaryTop = boundaryOffset.top;
-        var boundaryBottom = boundaryTop + boundaryEl.getBoundingClientRect().height;
-        var scrollLeft = document.documentElement.scrollLeft;
-        var 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();
-    };
-    SkyViewkeeperService.ctorParameters = function () { return [
-        { type: SkyViewkeeperHostOptions, decorators: [{ type: Optional }] }
-    ]; };
-    SkyViewkeeperService.ɵprov = ɵɵdefineInjectable({ factory: function SkyViewkeeperService_Factory() { return new SkyViewkeeperService(ɵɵinject(SkyViewkeeperHostOptions, 8)); }, token: SkyViewkeeperService, providedIn: "root" });
-    SkyViewkeeperService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        }),
-        __param(0, Optional())
-    ], SkyViewkeeperService);
-    return SkyViewkeeperService;
-}());
-
-var SkyViewkeeperDirective = /** @class */ (function () {
-    function SkyViewkeeperDirective(el, mutationObserverSvc, viewkeeperSvc) {
-        this.el = el;
-        this.mutationObserverSvc = mutationObserverSvc;
-        this.viewkeeperSvc = viewkeeperSvc;
-        this.viewkeepers = [];
-    }
-    Object.defineProperty(SkyViewkeeperDirective.prototype, "skyViewkeeper", {
-        get: function () {
-            return this._skyViewkeeper;
-        },
-        set: function (value) {
-            this._skyViewkeeper = value;
-            this.detectElements();
-        },
-        enumerable: true,
-        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 = __spread(viewkeeperEls, 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 e_3, _a;
-        var viewkeeperEls = this.getViewkeeperEls();
-        if (this.viewkeeperElsChanged(viewkeeperEls)) {
-            this.destroyViewkeepers();
-            var previousViewkeeperEl = void 0;
-            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,
-                        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;
-        }
-    };
-    SkyViewkeeperDirective.ctorParameters = function () { return [
-        { type: ElementRef },
-        { type: MutationObserverService },
-        { type: SkyViewkeeperService }
-    ]; };
-    __decorate([
-        Input()
-    ], SkyViewkeeperDirective.prototype, "skyViewkeeper", null);
-    SkyViewkeeperDirective = __decorate([
-        Directive({
-            selector: '[skyViewkeeper]'
-        })
-    ], SkyViewkeeperDirective);
-    return SkyViewkeeperDirective;
-}());
-
-var SkyViewkeeperModule = /** @class */ (function () {
-    function SkyViewkeeperModule() {
-    }
-    SkyViewkeeperModule = __decorate([
-        NgModule({
-            declarations: [
-                SkyViewkeeperDirective
-            ],
-            exports: [
-                SkyViewkeeperDirective
-            ]
-        })
-    ], SkyViewkeeperModule);
-    return SkyViewkeeperModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { MutationObserverService, NumericOptions, SkyAffixAutoFitContext, SkyAffixModule, SkyAffixService, SkyAffixer, SkyAppFormat, SkyAppTitleService, SkyAppWindowRef, SkyCoreAdapterModule, SkyCoreAdapterService, SkyDockItem, SkyDockModule, SkyDockService, SkyDynamicComponentLocation, SkyDynamicComponentModule, SkyDynamicComponentService, SkyIdModule, SkyLogModule, SkyLogService, SkyMediaBreakpoints, SkyMediaQueryModule, SkyMediaQueryService, SkyNumericModule, SkyNumericPipe, SkyNumericService, SkyOverlayInstance, SkyOverlayModule, SkyOverlayService, SkyPercentPipe, SkyPercentPipeModule, SkyUIConfigService, SkyViewkeeperHostOptions, SkyViewkeeperModule, SkyViewkeeperService, getWindow, SkyAffixDirective as ɵa, SkyDockComponent as ɵb, SkyDockDomAdapterService as ɵc, SkyIdDirective as ɵd, SkyCoreResourcesModule as ɵe, SkyCoreResourcesProvider as ɵf, SkyOverlayComponent as ɵg, SkyOverlayContext as ɵh, SkyOverlayAdapterService as ɵi, SkyViewkeeperDirective as ɵj };
-//# sourceMappingURL=skyux-core.js.map